/* ELEMENTS */

body, div{
	margin:0;
	padding:0;
}
body{
	text-align: center;
	background-color: RGB(202, 195, 191);
	margin: 5px auto;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
}
p{
	margin: 5px 0 5px 0;
}
h1, h2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h1{
	font-size: 140%;
	margin: 0 0 10px 0;
}
h2{
	font-size: 120%;
	margin: 5px 0 4px 0;
}
a img{
	border: none;
}
a:link, a:visited{
	text-decoration: none;	
}
a:link{
	color: #004080;
}
a:visited{
	color: #3A8DB6;
}
a:hover{
	text-decoration: underline;	
}
blockquote{
	margin: 0;
	padding: 10px 20px 10px 20px;
}


/* CLASSES */

.homeContentPanel{
	position: absolute;
	top: 88px;
	/*height: 780px;*/
	width: 992px;
}
.max .bkimage{
	background-repeat: no-repeat;
	background-position: top left;
	width: 992px;
	background-color: transparent;
	height: 700px;
}
.clearA{
	clear: both;
}
.block, .menu{
	padding: 10px;
}
.menu, .block{
	color: #FFF;
}
.content{
	color: #000;
	padding: 30px;
}
.menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.menu li{
	margin: 0 0 0 0;
	padding: 0 0 0 14px;
	background-image: url(../images/list.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
}
.menu li li{
	margin: 0 0 2px 15px;
	font-size: 90%;
}
.menu a:link, .menu a:visited{
	color: #FFF;
	display: block;
	width: 100%;
	margin: 0;
}
.menu li.active{
	background-image: url(../images/select.gif);
}
a.active:link, a.active:visited{

}
.download{
	float: right;
	width: 124px;
	text-align: right;
	margin: 100px 0 0 0;
}
.download a:link, .download a:visited{
	padding: 5px 40px 0 0;
	background-image: url(../images/download.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 50px;
	display: block;
	color: RGB(202, 179, 136);
	text-decoration: none;
}
.testimonial{
	background-color:#FFFFFF;
}
.category a:link, .category a:visited{
	font-family: Helvetica, Arial, sans-serif;	
	padding-left: 15px;
}
.category a.active:link, .category a.active:visited{
	background-image: url(../images/select.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
.cat1{
	font-size: 180%;
	margin-bottom: 10px;
}
.cat2{
	font-size: 140%;
	margin-bottom: 5px;
}
.exampleImages img{
	margin: 10px 10px 0 0;
}
.before{
	width: 144px;
	float: left;
}
.after{
	width: 134px;
	float: left;
}
.col{
	float: left;
	width: 200px;
}
.invisible{
	display: none;
}
.staffImages img{
	margin: 10px 10px 5px 0;
}
.staffDetails{
	width: 134px;
	float: left;
}
.staffDetails ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 80%;
}
.staffDetails li{
	margin: 3px 0 3px 0;
}
.intro{
	margin: 0 0 10px 0;
}
.prev{
	float: left;
	width: 200px;
}
.prev a:link, .prev a:visited{
	padding: 15px 0 0 40px;
	background-image: url(../images/prevLarge.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 50px;
	display: block;
	color: RGB(202, 179, 136);
	text-decoration: none;
}
.next{
	float: right;
	width: 200px;
	text-align: right;
}
.next a:link, .next a:visited{
	padding: 15px 40px 0 0;
	background-image: url(../images/nextLarge.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 50px;
	display: block;
	color: RGB(202, 179, 136);
	text-decoration: none;
}
.quicklinks{
	margin: 10px 0 0 0;
}
.quicklinkTitle{
	display: inline;
	font-weight: bold;
}
.quicklinks ul{
	list-style-type: none;
	margin: 10px 0 10px 0;
	padding: 0;
	display: inline;
}
.quicklinks li{
	display: inline;
}

/* Themes */
#image0{
	background-image: url(../images/bkimages/bkimage_female1.jpg);
}
#image1{
	background-image: url(../images/bkimages/bkimage_female2.jpg);
}
#image2{
	background-image: url(../images/bkimages/bkimage_female3.jpg);
}
#image3{
	background-image: url(../images/bkimages/bkimage_female1.jpg);
}
#image4{
	background-image: url(../images/bkimages/bkimage_male1.jpg);
}
#image5{
	background-image: url(../images/bkimages/bkimage_halo.jpg);
}
#image6, #image7, #image8{
	background-image: url(../images/bkimages/bkimage_halo.jpg);
}
.theme1 #menu{
	background-color: RGB(209, 168, 176);
}
.theme1 #contentWrapper{
	background-color: RGB(242, 227, 219);
}
.theme1 h1, .theme1 blockquote{
	color: RGB(209, 168, 176);
}
.theme2 #menu{
	background-color: RGB(133, 129, 164);
}
.theme2 #contentWrapper{
	background-color: RGB(213, 213, 228);
}
.theme2 h1, .theme2 blockquote{
	color: RGB(133, 129, 164);
}
.theme3 #menu{
	background-color: RGB(213, 143, 89);
}
.theme3 #contentWrapper{
	background-color: RGB(247, 225, 199);
}
.theme3 h1, .theme3 blockquote{
	color: RGB(213, 143, 89);
}
.theme4 #menu{
	background-color: RGB(165, 184, 201);
}
.theme4 #contentWrapper{
	background-color: RGB(226, 230, 237);
}
.theme4 h1, .theme4 blockquote{
	color: RGB(165, 184, 201);
}
.theme5 #menu{
	background-color: RGB(173, 177, 145);
}
.theme5 #contentWrapper{
	background-color: RGB(226, 228, 213);
	width: 400px;
}
.theme5 h1, .theme5 blockquote{
	color: RGB(173, 177, 145);
}
.theme5 .col{
	width: 170px;
}
.theme6 #menu, .theme7 #menu, .theme8 #menu{
	background-color: RGB(173, 177, 145);
}
.theme6 #contentWrapper, .theme7 #contentWrapper,  .theme8 #contentWrapper{
	background-color: RGB(226, 228, 213);
	width: 400px;
}
.theme6 h1, .theme6 blockquote, .theme7 h1, .theme7 blockquote, .theme8 h1, .theme8 blockquote{
	color: RGB(173, 177, 145);
}
.theme6 .col, .theme7 .col, .theme8 .col{
	width: 170px;
}

/* SPECIFIC */

#extraImage{
	position: absolute;
	top: 88px;
	width: 992px;
}

/* Layout */
#menu{
	width: 170px;
	margin: 1.8em 0 0 0;	
	float: left;
}
#contentWrapper{
	width: 480px;
	margin: 3em 0 0 0px;
	float: left;
}
#contentInner{
	/*height: 400px;*/
}
#wrapper{
	text-align: left;
	margin: 0 auto;
}
#wrapper.max{
	width: 992px;
}
/* Navigation */
#nav{
	padding: 30px 0 0 0;
	
}
#navPanel{
	background-color: #FFF;
	height: 83px;
}
#navPanel ul{
	margin: 0 0 0 0;
	padding: 0;
	font-size: 14px;
}
#navPanel ul, #nav li{
	display: inline;
	background-color: #FFF;
}
#nav li a{
	padding: 0 0 0 0;	
}
#nav a:link, #nav a:visited{
	font-weight: bold;
	margin: 0 0.5em 0 0.5em;
	text-decoration: none;
	color: RGB(229, 201, 155);
	border-bottom: 4px solid #FFF;
}
#nav a:hover { 
	border-bottom: 4px solid RGB(248, 186, 129);
	padding-bottom: 2px;
	color: RGB(248, 186, 129); 
}
#nav .active a:link, #nav .active a:visited{
	color: RGB(248, 186, 129); 
}


/* End Of Navigation */
#logo{
	float: left;
}
#keyLinks{
	float: right;
	overflow: hidden;
	line-height: 0;
	letter-spacing: 0;
	padding:0;
	margin: 0 0 0 0;
	height: 35px;
	width: 160px;
	height: 80px;
}
/*
#callmeback{
	float: right;
	width: 140px;
	height: 80px;
	border: 1px solid black;
	background-image: url(../images/callmeback.gif);
	background-position: left;
	background-repeat: no-repeat;
	overflow: hidden;
}
#callmeback a:link, #callmeback a:visited{
	display: block;
	padding: 30px 0 0 45px;
	text-decoration: none;
	color: RGB(248, 186, 129);
	width: 100%;
}
*/
/* Form Styling */
#submit{
	padding-right: 25px;
}
.txtField{
	width: 150px;
}
.txtFieldSmall{
	width: 100px;
}
.submitForm{
	text-align: right;
	padding: 15px 0 0 0;
	background-image: url(../images/submit.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 50px;
	margin: 10px 0 0 0;
}
.required {
	color: #993300;
}
textArea {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	border: 1px solid #FFF;
}
input.txtField, input.txtFieldSmall{
	font-size: 100%;
	padding: 2px;
	border: 1px solid #FFF;
}
.formInput{
	margin: 2px 0 5px 0;
}
.btn{
	background-color: transparent;
	border: none;
	color: RGB(202, 179, 136);
	cursor: pointer;
}
.inputExtras {
	display: inline;
	height: 21px;
	margin: 0 5px;
	padding: 0;
	font-size: 80%;
}

#welcome{
	width: 272px;
	margin: 0 0 0 190px;
	background-color: RGB(213, 143, 89);
	font-size: 90%;
}
#welcome h1{
	font-size: 140%;
} 
#conditions{
	width: 170px;
	background-color: RGB(133, 129, 164);
	float: left;
	min-height: 230px;
	font-size: 90%;
}
#conditions a:hover{
	color: RGB(177, 188, 181);
}
#treatments{
	min-height: 230px;
	width: 170px;
	margin: 0 0 0 480px;
	background-color: RGB(177, 188, 181);
	font-size: 90%;
}
#treatments a:hover{
	color: RGB(133, 129, 164);
}
#conditions li.highlight {
	background-color: RGB(177, 188, 181);
}
#treatments li.highlight {
	background-color: RGB(133, 129, 164);
}
/* -----------------------------------------------------------*/