/*
Theme Name: 	Generic Health 
Theme URI: 		http://www.elevenmedia.com.au
Description: 	WordPress Theme
Version: 		2012
Author: 			Eleven Media 
Author URI: 	http://www.elevenmedia.com.au
*/

/* =============================================================================
   General Styles
   ========================================================================== */
   body { background:#FFF;  font-size:12px; line-height:20px; font-family: 'Open Sans', sans-serif;  background: url(images/body-bg.jpg) repeat-x #f4f4f4; color:#6c6c6c; }
   h1,h2,h3,h4,h5,h6 { font-weight: normal; padding-top: 10px; padding-bottom: 5px;  }
   h1 { font-size:22px; line-height:22px; color:#ed1b2e; } 
   h2 { font-size:18px; line-height:26px; color:#6c6c6c; }
   h3 { font-size:13px; line-height:26px; color:#222222; }
   h4 { font-size:13px; line-height:22px; color:#222222; } 
   h5 { font-size:18px; line-height:22px; color:#222222; }
   h6 { font-size:18px; line-height:22px; color:#222222; } 
   p  { font-size:12px; line-height:22px; color:#6c6c6c; padding-top: 5px; padding-bottom: 5px;}
   ul { margin: 0; padding: 0; padding-top:5px; }
   ol { margin: 0; padding: 0;}
   li { font-size:12px; line-height:18px; color:#6c6c6c;  }
   hr { outline:none; border:none; border-top:1px solid #e8e8e8; margin:10px 0px;}
   
   a:link 			{ color:#000; text-decoration: none;} 
   a:visited 	{ color:#000; text-decoration: underline;}
   a:hover 		{ color:#000; text-decoration: underline;}
   a:active 		{ color:#000; text-decoration: underline;}
   a:focus 		{ outline-style: none;}  	
 
/* =============================================================================
   Structure
   ========================================================================== */ 
	.wrap { margin:0 auto; width: 960px; position: relative; }
	
	header  { width: 960px; height: 160px; background: url(images/header-bg.jpg) top center no-repeat;	}
	header p { color: #6a6a6a; line-height: 15px; text-align: right; }
	.header-address { width: 200px; display:inline; float:right; margin-top: 44px; }
	.header-phone { width: 200px; display:inline; float:right; margin-right: 30px; margin-top: 44px;}
	
	
	.logo { width:200px; height:95px; display:inline; float:left; }
	
	.nav { height:53px; width: 960px; clear: both; overflow: hidden;}
	.nav ul { list-style: none; width: 980px; margin-left: -2px;  }
	.nav ul li { float: left;  display: inline;  font-size: 12px; text-transform: uppercase;}
	.nav ul li a { display:block; color:#FFF; line-height:53px; text-decoration:none; padding:0px 18px; background: url(images/main-nav-li.jpg) top left no-repeat;  }
	.nav ul li a:hover { color:#FFF; text-decoration: underline; }
	 
/* =============================================================================
   Home Page 
   ========================================================================== */ 
	 .cycle-slideshow {}
	.cycle-slideshow img {width: 100%; }
	.slider-wrap img { width: 960px; height: 382px; overflow: hidden;  margin-bottom: 12px; display:inline; float:left; 
	 -moz-border-radius: 5px;      -khtml-border-radius: 5px;        -webkit-border-radius: 5px;   border-radius: 5px;      }
	 
	 .home-page-promo-area { position: absolute; z-index: 500; top:400px; width: 960px; left: 50%; margin-left: -480px; }
	 a.home-page-promo { display: inline; float: left; background: url(images/home-promo-bg.png) top center no-repeat; width: 300px; margin: 10px; height: 100px; }
	 a:hover.home-page-promo {background: url(images/home-promo-bg.png) bottom center no-repeat; text-decoration: none; }
	 a.home-page-promo .line1 { clear: both; width: 200px; margin-left: 30px; color: #323840; display:inline; float:left; font-size: 25px; margin-top: 30px; }
	 a.home-page-promo .line2 { clear: both; width: 200px;  margin-left: 30px; color: #CCC; font-style: italic; display:inline; float:left; margin-top: 10px;  }
	 
/* =============================================================================
 Page Styles
   ========================================================================== */ 	
	.content-col { width: 675px;  background: #FFF; display:inline; float:left; 
		 -moz-border-radius: 5px;      -khtml-border-radius: 5px;        -webkit-border-radius: 5px;   border-radius: 5px;         }
	 .page-copy { width: 600px; margin: 30px auto; }	
	 .page-copy ul { margin-left: 20px;}
	 .page-copy li { list-style: circle;  margin-bottom: 5px;  }
	 
	 .contact-copy { display:inline; width:200px; float:left; margin-right:10px; }
	 .contact-form { display:inline; width:390px; float:left; }
	 
/* =============================================================================
 Sidebar Styles
   ========================================================================== */ 		 
	 .sidebar { width: 275px; display:inline; float:right; }
	 .side-nav { background: #c61726; width: 275px;  -moz-border-radius: 5px;      -khtml-border-radius: 5px;        -webkit-border-radius: 5px;   border-radius: 5px;   margin-bottom: 10px;    }
	 .side-nav h3 { color: #ffffff; margin-left:30px; padding-top: 10px; font-size: 20px; line-height: 30px;}
	 .side-nav ul { width: 210px; display:inline; float:left;  margin-left: 30px;  margin-bottom: 10px; text-transform: uppercase; }
	 .side-nav ul li a  { background:#a31723; display: block; color: #FFF; line-height: 20px;  font-size: 12px; margin-bottom: 5px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; 	 -moz-border-radius: 5px;      -khtml-border-radius: 5px;        -webkit-border-radius: 5px;   border-radius: 5px;      }
	 .side-nav ul li a:hover { }
	 .side-promo { display:inline; float:left;  clear: both;}
	 
/* =============================================================================
 Row Styles
   ========================================================================== */ 	
 	 .banner-row  img { width: 600px; height: 280px;  margin-bottom: 10px; overflow: hidden;    
   	 -moz-border-radius: 5px;      -khtml-border-radius: 5px;        -webkit-border-radius: 5px;   border-radius: 5px;       }
	 .quote-row { clear: both;  display:inline; float:left;  }
	 .quote-text p {font-size: 18px; color: #c71727; line-height: 24px; margin-top:10px;}
	 .quote-source p { width: 300px; display:inline; float:left;  font-style: italic; margin-bottom: 10px;  }
	 
	 .table-area { width:  960px;  background: #FFF; display:inline; float:left;  clear: both;  margin-top: 10px; padding-top: 20px; padding-bottom: 20px; 
		 -moz-border-radius: 5px;      -khtml-border-radius: 5px;        -webkit-border-radius: 5px;   border-radius: 5px;     }
		 .table-area h2 { margin-left: 20px; }
	 .product-table { width: 920px; margin: 0 auto; border-left: 1px solid #CCC;  }
	 
	 tr.even { background: #f1f1f1;}
	 td.heading { background: #e5e5e5; margin-bottom: 5px; height: 30px; line-height: 30px; font-weight: bold; color:#666; padding: 5px; border: 1px solid #CCC; border-left: none; }
	 td.sub-heading { background: #FFF; margin-bottom: 5px; height: 30px; line-height: 30px; font-weight: bold;  padding: 5px; border: 1px solid #CCC; border-left: none; font-weight: bold; text-align: center; color: #000;}

	 td.col { border-bottom: 1px solid #CCC; vertical-align: middle; border-right: 1px solid #CCC; padding: 5px; }
	 .icon-download { display:inline; float:left;  margin-left: 20px; }	 
/* =============================================================================
 Footer Styles
   ========================================================================== */ 	
   footer { clear: both;  }
   footer p { color: #999b9e;  padding-top: 10px;}
   footer a:link { color: #999b9e; }
   footer span { margin-left: 40px;} 
   
   /* =============================================================================
 Gravity Form Styles
   ========================================================================== */ 	
    .gform_heading h3 { font-size:18px; line-height:26px; color:#6c6c6c; }
	.gform_wrapper ul { margin: 0; padding:0; }
    .gform_wrapper ul li { margin: 0; padding: 0; background: none; margin-bottom: 10px; list-style:none; padding-top:5px; padding-bottom:5px; }
   .gform_wrapper .gform_body .gform_fields .gfield input[type=text] 	{ font-size: 13px;  height:15px; padding:10px; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 3px 4px #f8f8f8;-moz-box-shadow: inset 0 3px 4px #f8f8f8; box-shadow: inset 0 3px 4px #f8f8f8; width:365px; }
  
  .gform_wrapper .gform_body .gform_fields .gfield textarea 	{font-size: 13px;   padding:10px;  border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 3px 4px #f8f8f8;-moz-box-shadow: inset 0 3px 4px #f8f8f8; box-shadow: inset 0 3px 4px #f8f8f8; width:365px; padding-bottom:5px;}
 
 .gform_wrapper .gform_footer input[type=submit] {  background-color:#555;    border:1px solid #124d77;    color:#ffffff;
   -moz-border-radius:3px;   -webkit-border-radius:3px; border-radius:3px;               display:inline-block;   font-size:15px;   font-weight:normal; padding:10px 30px; margin-bottom:30px; }
  body .gform_wrapper .gform_footer input[type=submit]:hover {    cursor:pointer;    background-color:#ed1b2e; border:1px solid #ed1b2e;  }
     
   
/* =============================================================================
 End of  Styles
   ========================================================================== */