/*----------  Begin FIR Headers  ----------*/
h1 span, span {
	padding: 0; margin: 0;
	display: none;}

/*----------  ReadMore Btns  ----------
.readmore {width: 219px; height: 267px; background:transparent url(../images/home/feature_gallery.jpg);  margin: 0; padding: 0; position: relative; float: left;}
.readmore div {margin: 0; padding: 5; list-style: none; position: absolute; top: 0;}
.readmore div, .readmore a {height: 267px; display: block; left: 0; width: 219px; line-height: 20px;}
.readmore div a:hover {background: transparent url(../images/home/feature_gallery.jpg) 0 -267px no-repeat;}
------------ end readmore btns ---------*/
  #feat {width: 159px; height: 267px; background: url(../images/home/feature_gallery.jpg); margin: 0; padding: 0; position: relative; float: left;}
  #feat li {margin: 0; padding: 0; list-style: none; position: absolute;}
  #feat li, #feat a {height: 43px; display: block;}
  
  #feat01 {top: 0;}
  #feat02 {top: 224px;}
  
  #feat01, #feat02 {left: 0; width: 159px;}
  
  #feat01 a:hover {background: transparent url(../images/home/feature_gallery.jpg) -159px   0px; repeat:no-repeat;}
  #feat02 a:hover {background: transparent url(../images/home/feature_gallery.jpg) -159px -224px; repeat:no-repeat;}
  
/*-------vert nav ------------*/

  #vert {width: 223px; height: 211px; background: url(../images/home/vert_nav01.jpg); margin: 0; padding: 0; position: relative; float: left;}
  #vert li {margin: 0; padding: 0; list-style: none; position: absolute;}
  #vert li, #vert a {height: 22px; display: block;}
  
  #vert01 {top: 0;}
  #vert02 {top:  46px;}
  #vert03 {top:  68px;}
  #vert04 {top:  91px;}
  #vert05 {top: 115px;}
  #vert06 {top: 138px;}
  #vert07 {top: 161px;}
  #vert08 {top: 183px;}

  #vert01, #vert02, #vert03, #vert04, #vert05, #vert06, #vert07, #vert08 {left: 0; width: 223px;} 
  
  #vert01 a:hover {background: transparent url(../images/home/vert_nav01.jpg) -223px   0px; repeat:no-repeat;}
  #vert02 a:hover {background: transparent url(../images/home/vert_nav01.jpg) -223px -46px; repeat:no-repeat;}
  #vert03 a:hover {background: transparent url(../images/home/vert_nav01.jpg) -223px -68px; repeat:no-repeat;}
  #vert04 a:hover {background: transparent url(../images/home/vert_nav01.jpg) -223px -91px; repeat:no-repeat;}
  #vert05 a:hover {background: transparent url(../images/home/vert_nav01.jpg) -223px -115px; repeat:no-repeat;}
  #vert06 a:hover {background: transparent url(../images/home/vert_nav01.jpg) -223px -138px; repeat:no-repeat;}
  #vert07 a:hover {background: transparent url(../images/home/vert_nav01.jpg) -223px -161px; repeat:no-repeat;}
  #vert08 a:hover {background: transparent url(../images/home/vert_nav01.jpg) -223px -183px; repeat:no-repeat;}
  
  /*--------------- Sub Nav ----------------------*/
  
  #vertwo {width: 223px; height: 229px; background: url(../images/sub/vert_nav02.jpg); margin: 0; padding: 0; position: relative; float: left;}
  #vertwo li {margin: 0; padding: 0; list-style: none; position: absolute;}
  #vertwo li, #vertwo a {height: 24px; display: block;}
  
  #vertwo01 {top: 0;}
  #vertwo02 {top: 59px;}
  #vertwo03 {top: 85px;}
  #vertwo04 {top: 109px;}
  #vertwo05 {top: 133px;}
  #vertwo06 {top: 156px;}
  #vertwo07 {top: 179px;}
  #vertwo08 {top: 202px;}

  #vertwo01, #vertwo02, #vertwo03, #vertwo04, #vertwo05, #vertwo06, #vertwo07, #vertwo08 {left: 0; width: 223px;} 
  
  #vertwo01 a:hover {background: transparent url(../images/sub/vert_nav02.jpg) -223px 0px; repeat:no-repeat;}
  #vertwo02 a:hover {background: transparent url(../images/sub/vert_nav02.jpg) -223px -59px; repeat:no-repeat;}
  #vertwo03 a:hover {background: transparent url(../images/sub/vert_nav02.jpg) -223px -85px; repeat:no-repeat;}
  #vertwo04 a:hover {background: transparent url(../images/sub/vert_nav02.jpg) -223px -109px; repeat:no-repeat;}
  #vertwo05 a:hover {background: transparent url(../images/sub/vert_nav02.jpg) -223px -133px; repeat:no-repeat;}
  #vertwo06 a:hover {background: transparent url(../images/sub/vert_nav02.jpg) -223px -156px; repeat:no-repeat;}
  #vertwo07 a:hover {background: transparent url(../images/sub/vert_nav02.jpg) -223px -179px; repeat:no-repeat;}
  #vertwo08 a:hover {background: transparent url(../images/sub/vert_nav02.jpg) -223px -202px; repeat:no-repeat;}

/*-------------- End CSS Navigation --------------*/



body {
	background-image: url(../images/clark_bg_01.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	margin: 0;
	background-color: #909BA1;
}
#bkgrnd {
	background-image: url(../images/home/tble_bkgrnd.jpg);
	background-position: left top;
	background-repeat: repeat-y;}



td, p, div, h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; line-height: 16px; color: #25677F;
}
	a:link, a:visited {
		color: #34668B;
		text-decoration: underline;

	}
	a:hover, a:active {
		color: #4282B0;
		text-decoration: underline;
}


strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; line-height: 16px; color: #34668B;
}

li {
	list-style-image: url(images/sub/li.jpg);
	color: #FFFFFF;
}
ul {
	margin: 20px 0 20px 20px;
	padding: 0 0 0 10px;
}	

.back-top { background-image: url(../images/sub/back.gif);
	        background-position: right top;
	        background-repeat: no-repeat;
			margin: 0; padding: 0px 20px 0 0; text-align: right;
			
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 10px; line-height: 16px; color: #FFFFFF;}
	               

.back-top a:link	{ color:#34668B; text-decoration: underline; }
.back-top a:visited	{ color:#B5E7FF; text-decoration: underline; }
.back-top a:hover	{ color:#B5E7FF; text-decoration: underline; }
.back-top a:active	{ color:#B5E7FF; text-decoration: underline; } 

	
#footer-txt {     font-family: Verdana, Arial, Helvetica, sans-serif;
	          font-size: 11px; line-height: 16px; color: #F3F1E7;
	          text-align: center;
	          padding: 10px 0px 10px 0px;}

#footer-txt	  a:link	{ color:#F3F1E7; text-decoration: underline; }
#footer-txt	  a:visited	{ color:#F3F1E7; text-decoration: underline; }
#footer-txt	  a:hover	{ color:#25677F; text-decoration: underline; }
#footer-txt	  a:active	{ color:#25677F; text-decoration: underline; } 

/*-----------------------start index------------------------------*/

/*---------------------- index padding ---------------------------*/
#contact-padding { padding: 282px 5px 10px 24px;}
#welcome-padding { padding: 93px 10px 10px 55px;}
#results-padding { padding: 0px 10px 90px 0px;}
#drclark-padding { padding: 66px 15px 90px 56px;}

#masthead {
	background-image: url(../images/home/masthead.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 97px;
}
#container {
	background-image: url(../images/home/container.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 211px; width: 454px;
}
#welcome-hd {
	background-image: url(../images/home/welcome_hd.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 464px; height: 211px;
}
#contact-hd {
	background-image: url(../images/home/contact_hd.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 213px; height: 311px;
}
#content-img {
	background-image: url(../images/home/content_image.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 464px; height: 119px;
}
#drclark-hd{
	background-image: url(../images/home/dr_clark_hd.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 99px; width: 277px;
}
#results-hd {
	background-image: url(../images/home/stunning_results_hd.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#content-footer {
	background-image: url(../images/home/main_content_footer.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 142px;
}
#contact-footer {
	background-image: url(../images/home/contact_footer.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 142px;
}
#footer {
	background-image: url(../images/home/footer.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 72px;
}

/*-----------------  Start Sub Pages ------------------- */

#sub-contact-padding { padding: 93px 5px 10px 24px;}
#sub-content-padding { padding: 93px 10px 60px 55px;}
.pic-float-left {
	float: left;
	padding: 0 13px 0 0;
}
#staff-hd { 
    background-image: url(../images/sub/staff_sub_hd.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	}
#sub-masthead {
	background-image: url(../images/sub/masthead.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 79px;
}

#sub-contact-hd {
	background-image: url(../images/sub/sub_contact_hd.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 213px; height: 311px;
}
#cosmetic-hd {
	background-image: url(../images/sub/cosmetic_hd.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 464px; height: 211px;
}
#preventative-hd {
	background-image: url(../images/sub/preventative_hd.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 464px; height: 211px;
}
#reconstructive-hd {
	background-image: url(../images/sub/reconstructive_hd.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 464px; height: 211px;
}
#about-hd {
	background-image: url(../images/sub/about_hd.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 464px; height: 211px;
}
/*--------------- Sub Container Images -------------------------*/

#sub-container {
	background-image: url(../images/sub/sub_container_imgs/sub_container.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 229px; width: 454px;
}
#preventative-img {
	background-image: url(../images/sub/sub_container_imgs/preventative.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 229px; width: 454px;
}
#reconstructive-img {
	background-image: url(../images/sub/sub_container_imgs/reconstructive.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 229px; width: 454px;
}
#about-img {
	background-image: url(../images/sub/sub_container_imgs/about.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 229px; width: 454px;
}

