/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/ 
/* -----------------------------------*/





img {border: 0}



/* -----------------------------------*/
/* ------>>> GLOBAL STYLING <<<D8C6B7-------*/ 
/* -----------------------------------*/

#header, #footer {
width:100%;
	text-align:center;
	background: #FFF url(../images/top-header.gif) bottom left repeat-x;
	color:#ffffff;

	}
#header {height:80px}
#header h1{color:#ECE6E3;	text-decoration: bold;	padding:10px;	padding-top:30px}
#footer h1 {color:#890551;	text-decoration: bold;	padding:10px;	padding-top:30px}
#header h1 a {color:#890551}


#logoNavigation { background-color:#E7CCA8;	margin-right:0;	padding-right:0;	border:0px;	padding-bottom:15px }
#navcontainer {  background-color:#E7CCA8; width:100%;}
#logo {	float:left;	width:17%;	background-color:#E7CCA8;  height:299px;}
#logo img {	text-align:center;	float:right;	border-left:10px solid #FFF;	border-right:10px solid #FFF}


#nav-gallery {
	height:299px;
	border-left:18px solid #E7CCA8;
	font-size:1.0em;
	background-color:#E7CCA8;
	float:left;
	width:82%;
	}
#navigation {
	clear:none;
	float:left;
	height:299px;
	margin:0;
	border-right:1px solid #9E8273;
	width:150px;
	}
#main-photos {
	float:left;	
	width:430px;
	clear:none;
		height:299px;
	}
#main-photos img {text-align:center}
#main-photos img, #main-photos div, #main-photos div.heading {	background-color:#E7CCA8; padding:5px}

	
#calltoaction {clear:none; float:right;	width:250px;	color:#876757;	text-align:center;	position:absolute;	top:140px;	right:12px}
#calltoaction strong {font-size:2em}
#calltoaction em {font-size:1.4em;	font-style:normal;	font-weight:800}
#calltoaction li {width:100%}
#calltoaction li a {display:block;	background: transparent url('../images/action-bg.gif') top left no-repeat;	height:48px;	padding-top:10px;	width:100%;	color:#866656;	text-decoration:none}
#calltoaction li a:hover, #calltoaction li a.selected {background-image:url('../images/action-bg-ro.gif');	color:#FFF}

#mainContent {
	clear:both;
	margin:15px;
	padding:15px;
	padding-right:0;
	background-color:#F4F3F0;
	color:#9E8273;
	float:center;
	}
h2 {color:#9E8273}
#rhsContent h2.newsletter {font-weight:800}	

#lhsContent {width:850px;	float:left;	margin:0;	padding:0}
#rhsContent h2 {font-size:2.2em;	font-weight:normal}
#rhsContent h2 a {text-decoration:none}
#rhsContent {margin:0;	float:right; 	width:250px;	clear:none;	padding:0}
#lhsContent, #rhsContent, div.summary, #fullWidthContainer {border:1px solid #9E8273;	background-color:#FFF;	padding:10px;	margin-top:20px}
#imagery {width:200px;	margin-left:auto; margin-right:auto; padding-top:20px}
#imagery img {border:1px solid #9E8273;	float:center; margin-bottom:20px}
#mainContent h1 a, #mainContent h2 a {background: url(../images/brown-arrow.gif) 0.2em 0.5em no-repeat;	padding-left:20px;	float:center; color:#9E8273; font-size:0.9em;	padding-bottom:0}
#mainContent h2 {color:#9E8273
}
#mainContent h1 a:hover, #mainContent h2 a:hover {background-position: 0.5em 0.5em; color:#9E8273}
#mainContent  a:hover {color:#900020;}
#fullWidthContainer {	margin-right:10px}
#rhsaContent h2 {font-size:2.2em;	font-weight:normal}
#rhsaContent h2 a {text-decoration:non}
#rhsaContent {margin:0;	float:right; 	width:290px;	clear:none;	padding:0}
#rhsaContent, div.summary, #fullWidthContainer {border:1px solid #9E8273;	background-color:#FFF;	padding:10px;	margin-top:20px}

#lhsaContent {width:70%; float:center;	margin-left:auto;	margin-right:auto; padding:10px; border:1px solid #9E8273;}
#lhsaContent div.summary, #fullWidthContainer {border:1px solid #9E8273;	background-color:#FFF;	padding:10px;	margin-top:20px}

#lhsbContent {width:80%; float:center;	margin-left:auto;	margin-right:auto; padding:10px; border:1px solid #9E8273;}
#lhsbContent div.summary, #fullWidthContainer {border:1px solid #9E8273;	background-color:#FFF;	padding:10px;	margin-top:20px}

#rhsaContent h2 {font-size:2.2em;	font-weight:normal}
#rhsaContent h2 a {text-decoration:non}
#rhsaContent {float:center; margin-left:auto;	margin-right:auto; width:300px;	clear:none;	padding:0}
#rhsaContent, div.summary, #fullWidthContainer {border:1px solid #9E8273;	background-color:#FFF;	padding:0px;	margin-top:20px}
#imagerya {width:250px;	 margin-left:auto; margin-right:auto; padding-top:20px}
#imagerya img {border:1px solid #9E8273;	float:center; margin-bottom:20px}


h2.available {font-size:1.6em;	color:#9E8273}
ul.column {float:left;	width:30%}
ol li {margin-left:30px}
ul.list {clear:both;	padding:5px}
ul.list li {background: transparent url(../images/brown-bullet.gif) 0.2em 0.5em no-repeat}
ul.column li, ul.list li {background: transparent url(../images/brown-bullet.gif) 0.2em 0.6em no-repeat;	padding-left:15px}
#imageKey ul.column li {background:none}
#imageKey ul.column {width:40%}
div.treatments li a, div.treatment-row li a, div.nextSteps a {background: #FFF url(../images/brown-arrow.gif) 20px 0.4em no-repeat;	padding-left:35px;	color:#9E8273; padding-bottom:5px}
div.treatments li a:hover, div.treatment-row li a:hover, div.nextSteps a:hover {background-position: 25px 0.4em; color:#9E8273}
div.treatments {padding:10px 5px}
div.treatments ul, div.treatment-row ul {padding-top:5px}
div.treatments li span {	font-size:0.8em}
ul.soon li {padding-left:35px}
div.summary {	width:25%;	float:left;	margin-right:5%}
div.summary div {text-align:center;	padding:10px 0;	width:95%;	margin:5px auto}
div.summary h2 a {background-color:#FFF}
div.treatment-row, .nextSteps {clear:left }
div.summary img {border:0px solid #9E8273}