@import url("../css/reset.css");



/*  

Globals

--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}



body {

    font: 13px/1.4em Arial, Helvetica, sans-serif;

	background: url(../gfx/bg.gif) no-repeat 50% 0 #E8E8E8;

    color:#666;

	margin: 0;

} 

hr { display: none; }



strong, b { font-weight: bold; }

em, i { font-style: italic; }



a {

	color: #700C63;

	text-decoration: none;

}

a:hover {

	color: #000;

}



/* Layout Divisions

--------------------------------------------------------------------------------------------------- */

#wrapper {

	margin: 0 auto;

	width: 990px;  

	position: relative;

}

#header {

	height: 156px;

	background: url(../gfx/content_header.png) no-repeat 0 0;

}

#global_container {

	background: url(../gfx/content_bg.png) repeat-y 0 0;

	padding: 15px 46px 0 49px;

}

#footer {

	height: 110px;

	position: relative;

	background: url(../gfx/content_footer.png) no-repeat 0 0;

}

/* -- HOME -- */

body#home #subheader {

	height: 278px;

}

body#home #flash_header {

	width: 895px;

	height: 278px;

	margin: 0 auto;	

}

/* -- GLOBAL -- */

#subheader {

	height: 170px;

	background: url(../gfx/content_bg.png) repeat-y 0 0; 

}

#flash_header {

	width: 895px;

	height: 170px;

	margin: 0 auto;	

}





/* SUBHEADER

--------------------------------------------------------------------------------------------------- */

#logo {

	width: 289px;

	height: 80px;

	background: url(../gfx/logo.png) no-repeat 0 0;

	text-indent: -999em;

	position: absolute;

	top: 66px;

	left: 47px;

}

#header h1 {

	font: 30px "Gisha", Arial, Helvetica, sans-serif;

	color: #6E9F33;

	text-align: right;

	font-weight: normal;

	line-height: 27px;

	position: absolute;

	right: 50px;

	top: 92px;

}

#header h1 span{

	font-size: 20px;

	color: #6C0C5F;

}	



body#home h1 {

	top: 78px;	

	font-size: 25px;

}



#primary {

	float: right;

	width: 575px;

	padding: 15px 0 0 30px;

}

#secondary {

	float: left;

	width: 290px;

	background: url(../gfx/subnav_bg.jpg) no-repeat 0 0;

}





/* GLOBAL STYLES

--------------------------------------------------------------------------------------------------- */

.content h2 {

	font: 17px "Gisha", Arial, Helvetica, sans-serif;

	color: #555;

	margin: 0 0 15px 0;

}

.content #primary h2 {

	color: 	#700C63;

}

.content h3 {

	font-size: 14px;

	color: #555;

	font-weight: bold;

	margin: 0 0 15px 0;

}

.content h4 {

	font-weight: bold;

	margin: 0 0 15px 0;

	padding: 0 0 10px;

	border-bottom: 1px dotted #ccc;

	color: #689630;

	font-size: 12px;

}



.content h5 {

	font-weight: bold;

	margin: 0;

	color: #700C63;

	font-size: 12px;

	padding: 0 0 10px 0;

	line-height: 1.4em;

}

.content h6 {

	color: #444;

	font-size: 11px;

	margin: 0;

	font-weight: bold;

	text-transform: uppercase;

}



.content a:hover {

	text-decoration: underline;	

}

.content p {

	margin: 0 0 20px 0;

	line-height: 20px;

}

.content p.small {

	font-size: 10px;

	color: #444;

	line-height: 15px;

	margin: 0;

}

.content .sideWrap {

	padding: 0 20px;

	margin: 0 auto;

}
.content .testimonials blockquote {
	margin: 0 0 10px 0;	
}
.content .testimonials .quote_author, #secondary .sideWrap .quote_author {
	margin: 0 0 25px 0;
	font-size: 11px;
	font-weight: bold;
	display: block;
}

.content blockquote {

	background: #F8F7DE;

	padding: 15px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border: 1px solid  #ECD6B4;

	margin: 0 0 20px 0;

}

.content blockquote span {

	font-family: Cambria, "Times New Roman", Times, serif;

	font-size: 17px;

	font-style: italic;

	line-height: 26px;	

	background: url(../gfx/blockquote_bg.png) no-repeat 0 5px;

	display: block;

	text-indent: 30px;

}

.content blockquote h3 {

	font: 14px "Gisha", Arial, Helvetica, sans-serif;	

	color: #700C63;

	margin: 0 0 10px 0;

}



.content #secondary blockquote span {

	font-size: 16px;	

	line-height: 22px;

}



.content #primary ul,ol {

	margin: 0 0 20px 30px;	

	padding: 15px 0 0 0;

}

.content #primary ul li {

	padding: 5px 0 5px 25px;

	background: url(../gfx/mini_checkmark.png) no-repeat 0 3px;

	margin:0 0 2px 0;

	font-weight: bold;

}

.content #primary ul li ul {

	margin: 0 0 0 20px;	

}

.content #primary ul li ul li {

	font-size: 11px;

	background: url(../gfx/mini_checkmark2.png) no-repeat 0 3px;

	color: #888;

}

.content #primary ol {

	margin: 0 0 0 50px;	

}

.content #primary ol li {

	list-style:lower-roman;

	font-size: 12px;

	font-weight: bold;

	margin: 0 0 10px 0;

	color: #689630;

}	





/* SUBNAVIGATION

--------------------------------------------------------------------------------------------------- */

#subnav {

	padding: 30px 0 40px 0;	

}

#subnav li {

	width: 	290px;

	margin: 0 0 5px 0;

}

#subnav li a {

	display: block;

	background: url(../gfx/subnav_itembg.png) no-repeat 0 0;

	width: 245px;

	height: 34px;

	line-height: 34px;

	font-weight: bold;

	font-size: 12px;

	padding: 0 0 0 45px;

	color: #666;

}

#subnav li a:hover, #subnav li.active a {

	background-position: 0 -34px;

	color: #700C63;

	text-decoration: none;

}



/* HOME

--------------------------------------------------------------------------------------------------- */

#colA { width: 417px; padding: 0 15px; float: left; }

#colB { width: 418px; padding: 0 15px; float: left; }

.newsBlock li {

	padding: 0 0 0 45px;

	margin: 0 0 15px 0;

	background: url(../gfx/green_checkmark.png) no-repeat 0 50%;

}

.newsBlock {

	margin: 0 0 5px 0;	

}

.newsBlock li a {

	font-size: 16px;

}

.newsBlock li span {

	display: block;

}





/* BUTTONS

--------------------------------------------------------------------------------------------------- */

.btn {

	height: 24px;

	text-indent: -999em;

	border: none;

	display: block;

}

.continue { background: url(../gfx/btn_continue.jpg) no-repeat 0 0; width: 147px }

.continue:hover { background-position: 0 -24px }



.news_events { background: url(../gfx/btn_news_events.jpg) no-repeat 0 0; width: 175px }

.news_events:hover { background-position: 0 -24px }











/* Navigation

--------------------------------------------------------------------------------------------------- */

#navigation {

	position: absolute;

	top:13px;

	left: 36px;

}

#navigation ul li {

	float: left;

	margin: 0 8px;

}

#navigation ul li a {

	height: 37px;

	display: block;

	text-indent: -999em;

	background: url(../gfx/menu.png);

	float: left;

}



/* --- HOME --- */

#navigation #n-home .gnav {

	width: 	90px;

	background-position: 0 0;

}

body#home #n-home .gnav, #navigation #n-home .gnav:hover {

	background-position: 0 -37px;

}



/* --- ABOUT --- */

#navigation #n-about .gnav {

	width: 	90px;

	background-position: -96px 0;

}

body#about #n-about .gnav, #navigation #n-about .gnav:hover {

	background-position: -96px -37px;

}



/* --- ANTIAGING --- */

#navigation #n-antiaging .gnav {

	width: 	168px;

	background-position: -205px 0;

}

body#anti-aging-medicine #n-antiaging .gnav, #navigation #n-antiaging .gnav:hover {

	background-position: -205px -37px;

}



/* --- TREATMENTS --- */

#navigation #n-treatments .gnav {

	width: 	109px;

	background-position: -389px 0;

}

body#treatments #n-treatments .gnav, #navigation #n-treatments .gnav:hover {

	background-position: -389px -37px;

}



/* --- NEWS --- */

#navigation #n-news .gnav {

	width: 	131px;

	background-position: -514px 0;

}

body#news #n-news .gnav, #navigation #n-news .gnav:hover {

	background-position: -514px -37px;

}



/* --- RESOURCES --- */

#navigation #n-resources .gnav {

	width: 	100px;

	background-position: -660px 0;

}

body#resources #n-resources .gnav, #navigation #n-resources .gnav:hover {

	background-position: -660px -37px;

}



/* --- CONTACT --- */

#navigation #n-contact .gnav {

	width: 	105px;

	background-position: -778px 0;

}

body#contact #n-contact .gnav, #navigation #n-contact .gnav:hover {

	background-position: -778px -37px;

}





/* Footer

--------------------------------------------------------------------------------------------------- */

#footer {

	font-size: 10px;	

}

#footer p {

	line-height: 14px;	

}

#footer #foot_links {

	position: absolute;

	top: 30px;

	left: 40px;

}

#footer #foot_links li {

	float: left; 

	padding: 0 15px;

	background: url(../gfx/footlink_dot.gif) no-repeat 100% 50%;

}



#footer #foot_links li.first {

	padding: 0 15px 0 0;

}

#footer #foot_links li.last {

	background: none;

}



#footer #foot_links a {

	text-transform: uppercase;

	font-size: 10px;

	font-weight: bold;

	color: #444;

}

#footer #foot_links a:hover {

	color: #700C63;

}



#footer .copy {

	position: absolute;

	right: 30px;

	top: 35px;

	font-weight: bold;

}

#footer .credit {

	position: absolute;

	right: 30px;

	top: 55px;

}

#footer .address {

	position: absolute;

	top: 55px;

	left: 40px;

}





/* Contact Form



--------------------------------------------------------------------------------------------------- */

#contactBox {

	padding-top: 30px;

	margin: 0 auto;

}

#contactBox img {

	padding: 5px;

	background: #fff;

	border: 1px solid #ccc;

	margin: 0 0 10px 0;

}



#feedback_form {



	padding: 15px 10px 0 10px;



}







#feedback_form .fieldbox {



	padding: 5px 0;



	margin: 0 0 10px 0;



}



#feedback_form .req_field {



	color: #700C63;



	font-weight: bold;



	font-size: 11px;



	padding: 0 20px;



}



#feedback_form label {



	font-size: 12px;



	width: 130px;

	

	font-weight: bold;



	float: left;



}



#feedback_form input, #feedback_form textarea {



	font: 12px Arial, Helvetica, sans-serif;



	color: #666;



	padding: 7px;



	width: 300px;



	background: url(../gfx/contact_form_bg.jpg) repeat-x 0 100% #fff;



	border: 1px solid #ccc;



	float: left;



}



#feedback_form #btn_send {

	display: block;



	width: 137px;



	height: 24px;



	background: url(../gfx/btn_submit.jpg) no-repeat 0 0;



	border: none;



	cursor: pointer;



	margin: 0 0 0 130px;



	text-indent: -999em;



}



#feedback_form #btn_send:hover {



	background-position: 0 -24px;



}




/* BLOG CONTAINER

--------------------------------------------------------------------------------------------------- */
#primary .blog_entry h3 {
	margin: 0 0 5px 0;	
}
#primary .blog_entry {

	background: #F8F7DE;

	padding: 15px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border: 1px solid  #ECD6B4;

	margin: 0 0 20px 0;
}
#primary .entry_details {
	font-size: 11px;	
}
#primary .entry_details .date {
	font: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform: uppercase;
	color: #666;
	display: block;
	margin: 0;
}
#primary .blog_entry .excerpt {
	font-size: 12px;
	margin: 0;
	line-height: 14px;
}



/* Helpers 

--------------------------------------------------------------------------------------------------- */

.clear {

	clear: both;

}

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */