/* 
 ---------------------------------------------------------------------------
  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em;}

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */

/* ----- type selectors ----- */ 
body { 
	background: url("../images/bg-body.gif") top left repeat;
	text-align:center;  
	}

p, li { font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 12px; 
	  line-height: 18px; 
	  color: #4d4b49;
      margin-bottom:10px; }
	  
h1, h2 {display:none;}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4d4b49; 
	}
	  

a:link,a:visited	{ color: #8f8f69; text-decoration: underline; }
a:hover,a:active	{ color: #8f8f69; text-decoration: none; }


/* -----quick contact form ----- */ 

	
.sfields { display: block; width: 204px; height: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #625f5c; border-style: solid solid solid solid; border-width: 1px; border-bottom-color: #C4AD8A; border-right-color: #C4AD8A; border-top-color: #ECE4D5; border-left-color: #ECE4D5; padding-top: 5px; margin: 0px; background-color: transparent; } 
.sbigfields { display: block; width: 204px; height: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #625f5c; border-style: solid solid solid solid; border-width: 1px; border-bottom-color: #C4AD8A; border-right-color: #C4AD8A; border-top-color: #ECE4D5; border-left-color: #ECE4D5; padding-top: 5px; margin: 0px; background-color: transparent; overflow: auto; } 
#quickcontact { width: 318px; }
#quickcontact form { width: 204px; margin-top: 5px; margin-left: 60px; margin-bottom: 40px; margin-right: 0px; }
#quickcontact div { margin: 2px 0px 0px 0px; font-size: 11px; color: #000000; }


/* ----- classes ----- */
div.clear	{ clear:both; height:.01em; overflow:hidden; }

input.submit-contact-main,
input.submit-contact-main02{ 
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:70px 0 0 238px; }

#contact-main table input.submit-contact-main02, input.submit-contact-main02 { margin:0px; width:75px; height:28px; }
	
.read-more { float:right;
	padding-right:30px;
		}
		
.bna {  
	padding: 2px 0 10px 22px; 
	}			


/* main contact form
 * ------------------------------------------------------------------------- */
 
#contact-main { 
	padding:15px 0 20px 0; 
	}

#contact-main p {
	font-size:10px;
	margin-left:78px; 
	}
	
#contact-main form {
	width:379px; 
	}
	
#contact-main label {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #625f5c; 
	width:100px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px; 
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select, { 
	width:200px;
	height:20px;
	position:absolute; 
	left:110%; 
	top:-2px;
	border:none;
	}
	
#contact-main table input{
	width:200px;
	height:auto;
	padding:2px;
	border:none;
}
	
#contact-main label textarea	{ height:100px; }

/* framework
 * ------------------------------------------------------------------------- */

#wrap { 
	background:url("../images/bg-wrap.jpg") repeat-y; 
	width:775px; 
	margin:0 auto; 
	text-align:left; 
	}
	
#header {
	position:relative;
	background:url("../images/masthead1.jpg") left top no-repeat;
	width:775px;
	height:180px;
	}
	
#header-btright {
    float:left;
	background:url("../images/masthead-bottom.jpg") left top no-repeat;
	width:449px;
	height:206px;
	}
	
#container {
	background:url("../images/bottomlft-grass.jpg") left bottom no-repeat;
	width:775px;
	height:204;
	}
	
#sub-container {
	background:url("../images/bottomrt-grass.jpg") left bottom no-repeat;
	width:775px;
	height:204;
	}
	
#container-content {
	background:url("../images/container-top.jpg") top left no-repeat;
	width:775px;
	height:193;
	}	
	
	/* Vertical Sprite Nav (top)
 * ------------------------------------------------------------------------- */
 
 #topnav {
	position: relative;
	background: url("../images/topnav.jpg") top left no-repeat;					
	width: 326px;	
	height: 206px;
	float:left;
	}

#topnav span { display: none; }

#topnav li {
	position:absolute;
	width: 326px;
	}

#topnav li, #topnav a {
	height: 37px;
	display: block;
	}


#topnav-01 { top:  3px;  margin-top:0px; }
#topnav-02 { top:  41px; }
#topnav-03 { top:  79px; }
#topnav-04 { top:  117px; }


#topnav-01, #topnav-02, #topnav-03, #topnav-04, { left: 0px; width: 326px; }


#topnav-01 a:hover { background: transparent url("../images/topnav.jpg") -326px   -3px no-repeat; }
#topnav-02 a:hover { background: transparent url("../images/topnav.jpg") -326px  -41px no-repeat; }
#topnav-03 a:hover { background: transparent url("../images/topnav.jpg") -326px  -79px no-repeat; }
#topnav-04 a:hover { background: transparent url("../images/topnav.jpg") -326px  -117px no-repeat;}

/* ------------------------------------------------------------------------- */
 
#column-left {
    width:397px;  
	float:left;
	padding-left:26px;
	}
	
	#column-left p {
	padding-left:16px;
	padding-right:30px;
	
	}
	
#sub-column-left {
    width:321px;  
	float:left;
	padding-left:26px;
	}
	
	#sub-column-left p {
	font-size:10px;
	line-height:14px;
	padding-left:67px;
	padding-right:15px
	}
	
	
#welcome-header {
	background:url("../images/welcome-header.jpg") left top no-repeat;
	width:397px;
	height:89px;
	}
	
#doctor-header {
	background:url("../images/doctor-header.jpg") no-repeat;
	width:397px;
	height:84px;
	}
  
#column-right { 
	width:326px; 
	float:left; 
	}
	
	#column-right p {
	font-size:10px;
	line-height:14px;
	padding-left:64px;
	padding-right:15px;
	}
	
	  
#sub-column-right { 
	width:402px; 
	float:left; 
	}
	
	#sub-column-right p, h3 {
	padding: 0px 15px 0px 24px;
	}
	
#sub-column-right ul {
	padding-left:59px;
	}
	
	
#procedures-header {
	background:url("../images/procedures-header.jpg") no-repeat;
	width:326px;
	height:66px;
	}

#sub-procedures-header {
	background:url("../images/sub-procedures-header.jpg") no-repeat;
	width:321px;
	height:67px;
	}
	
		/* Vertical Sprite Nav (side)
 * ------------------------------------------------------------------------- */

#sidenav {
	position: relative;
	background: url("../images/sidenav.jpg") top left no-repeat;					
	width: 326px;	
	height: 367px;
	float:left;
	}

#sidenav span { display: none; }

#sidenav li {
	position:absolute;
	width: 326px;
	}

#sidenav li, #sidenav a {
	height: 24px;
	display: block;
	}

#sidenav-01 { top:  3px;  margin-top:0px; }	
#sidenav-02 { top:  31px; }
#sidenav-03 { top:  59px; }
#sidenav-04 { top:  87px; }
#sidenav-05 { top:  115px; }
#sidenav-06 { top:  143px; }
#sidenav-07 { top:  171px; }
#sidenav-08 { top:  199px; }
#sidenav-09 { top:  227px; }
#sidenav-10 { top:  255px; }
#sidenav-11 { top:  283px; }
#sidenav-12 { top:  311px; }
#sidenav-13 { top:  339px; }


#sidenav-01, #sidenav-02, #sidenav-03, #sidenav-04 #sidenav-05, #sidenav-06, #sidenav-07, #sidenav-08, #sidenav-09, #sidenav-10, #sidenav-11, #sidenav-12, #sidenav-13, { left: 0px; width: 326px; }

#sidenav-01 a:hover { background: transparent url("../images/sidenav.jpg") -326px   -3px no-repeat; }
#sidenav-02 a:hover { background: transparent url("../images/sidenav.jpg") -326px  -31px no-repeat; }
#sidenav-03 a:hover { background: transparent url("../images/sidenav.jpg") -326px  -59px no-repeat; }
#sidenav-04 a:hover { background: transparent url("../images/sidenav.jpg") -326px  -87px no-repeat; }
#sidenav-05 a:hover { background: transparent url("../images/sidenav.jpg") -326px  -115px no-repeat; }
#sidenav-06 a:hover { background: transparent url("../images/sidenav.jpg") -326px  -143px no-repeat; }
#sidenav-07 a:hover { background: transparent url("../images/sidenav.jpg") -326px  -171px no-repeat; }
#sidenav-08 a:hover { background: transparent url("../images/sidenav.jpg") -326px  -199px no-repeat; }
#sidenav-09 a:hover { background: transparent url("../images/sidenav.jpg") -326px  -227px no-repeat; }
#sidenav-10 a:hover { background: transparent url("../images/sidenav.jpg") -326px  -255px no-repeat; }
#sidenav-11 a:hover { background: transparent url("../images/sidenav.jpg") -326px  -283px no-repeat; }
#sidenav-12 a:hover { background: transparent url("../images/sidenav.jpg") -326px  -311px no-repeat; }
#sidenav-13 a:hover { background: transparent url("../images/sidenav.jpg") -326px  -339px no-repeat; }

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

	/* Vertical Sprite Nav (sub)
 * ------------------------------------------------------------------------- */

#sub-sidenav {
	position: relative;
	background: url("../images/sub-sidenav.jpg") top left no-repeat;					
	width: 321px;	
	height: 368px;
	float:left;
	}

#sub-sidenav span { display: none; }

#sub-sidenav li {
	position:absolute;
	width: 321px;
	}

#sub-sidenav li, #sub-sidenav a {
	height: 24px;			
	display: block;
	}

#sub-sidenav-01 { top:  3px;  margin-top:0px; }	
#sub-sidenav-02 { top:  31px; }
#sub-sidenav-03 { top:  59px; }
#sub-sidenav-04 { top:  87px; }
#sub-sidenav-05 { top:  115px; }
#sub-sidenav-06 { top:  143px; }
#sub-sidenav-07 { top:  171px; }
#sub-sidenav-08 { top:  199px; }
#sub-sidenav-09 { top:  227px; }
#sub-sidenav-10 { top:  255px; }
#sub-sidenav-11 { top:  283px; }
#sub-sidenav-12 { top:  311px; }
#sub-sidenav-13 { top:  339px; }


#sub-sidenav-01, #sub-sidenav-02, #sub-sidenav-03, #sub-sidenav-04 #sub-sidenav-05, #sub-sidenav-06, #sub-sidenav-07, #sub-sidenav-08, #sub-sidenav-09, #sub-sidenav-10, #sub-sidenav-11, #sub-sidenav-12, #sub-sidenav-13, { left: 0px; width: 321px; }

#sub-sidenav-01 a:hover { background: transparent url("../images/sub-sidenav.jpg") -321px   -3px no-repeat; }
#sub-sidenav-02 a:hover { background: transparent url("../images/sub-sidenav.jpg") -321px  -31px no-repeat; }
#sub-sidenav-03 a:hover { background: transparent url("../images/sub-sidenav.jpg") -321px  -59px no-repeat; }
#sub-sidenav-04 a:hover { background: transparent url("../images/sub-sidenav.jpg") -321px  -87px no-repeat; }
#sub-sidenav-05 a:hover { background: transparent url("../images/sub-sidenav.jpg") -321px  -115px no-repeat; }
#sub-sidenav-06 a:hover { background: transparent url("../images/sub-sidenav.jpg") -321px  -143px no-repeat; }
#sub-sidenav-07 a:hover { background: transparent url("../images/sub-sidenav.jpg") -321px  -171px no-repeat; }
#sub-sidenav-08 a:hover { background: transparent url("../images/sub-sidenav.jpg") -321px  -199px no-repeat; }
#sub-sidenav-09 a:hover { background: transparent url("../images/sub-sidenav.jpg") -321px  -227px no-repeat; }
#sub-sidenav-10 a:hover { background: transparent url("../images/sub-sidenav.jpg") -321px  -255px no-repeat; }
#sub-sidenav-11 a:hover { background: transparent url("../images/sub-sidenav.jpg") -321px  -283px no-repeat; }
#sub-sidenav-12 a:hover { background: transparent url("../images/sub-sidenav.jpg") -321px  -311px no-repeat; }
#sub-sidenav-13 a:hover { background: transparent url("../images/sub-sidenav.jpg") -321px  -339px no-repeat; }

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

#contact-header {
	background:url("../images/contact-header.jpg") no-repeat;
	width:318px;
	height:92px;
	}
	
#sub-contact-header {
	background:url("../images/sub-contact-header.jpg") no-repeat;
	width:321px;
	height:87px;
	}	
	
#location-header {
	background:url("../images/location-header.jpg") no-repeat;
	width:326px;
	height:70px;
	}
	
#sub-location-header {
	background:url("../images/sub-location-header.jpg") no-repeat;
	width:321px;
	height:72px;
	}
	
#directions {
	padding-left:64px;
	}	
 
#bottom-wrap { 
	background:url("../images/bottom-wrap.jpg") no-repeat; 
	width:775px; 
	height:60px; 
	clear:both; 
	overflow:hidden; 
	}
	
#sub-bottom-wrap { 
	background:url("../images/sub-bottom-wrap.jpg") no-repeat; 
	width:775px; 
	height:60px; 
	clear:both; 
	overflow:hidden; 
	}


/* inside framework
 * ------------------------------------------------------------------------- */
   
#meet-doc-header {
	background:url("../images/meet-doc.jpg") no-repeat;
	width:402px;
	height:91px;
	padding-bottom:5px;
	}
	
#cv-button {
	padding-left:24px;
	}
	
#cv-header {
	background:url("../images/cv-header.jpg") no-repeat;
	width:402px;
	height:71px;
	padding-bottom:7px;
	}
	
#surgical-header {
	background:url("../images/surgical-header.jpg") no-repeat;
	width:402px;
	height:88px;
	}
	
#cc {
 	background:url("../images/cc-pics.gif") no-repeat;
	width:115px;
	height:25px;
	margin-left:135px;
	}
	
#contact-us {
	background:url("../images/contact-us.jpg") no-repeat;
	width:402px;
	height:75px;
	padding-bottom:7px;
	}
	
	
#map {
 	background:url("../images/map.gif") no-repeat;
	width:386px;
	height:243px;
	margin-left:8px;
	padding-bottom:100px;
	}
	

#bleph-header {
	background:url("../images/bleph-header.jpg") no-repeat;
	width:402px;
	height:86px;
	}
	
#chin-header {
	background:url("../images/chin-header.jpg") no-repeat;
	width:402px;
	height:86px;
	}
	
#cheek-header {
	background:url("../images/cheek-header.jpg") no-repeat;
	width:402px;
	height:86px;
	}
	
#neck-header {
	background:url("../images/neck-header.jpg") no-repeat;
	width:402px;
	height:86px;
	}
	
#botox-header {
	background:url("../images/botox-header.jpg") no-repeat;
	width:402px;
	height:86px;
	}

	
#forehead-header {
	background:url("../images/forehead-header.jpg") no-repeat;
	width:402px;
	height:86px;
	}
	
#skin-resurfacing-header {
	background:url("../images/skin-resurfacing-header.jpg") no-repeat;
	width:402px;
	height:120px;
	}
	
#lip-header {
	background:url("../images/lip-header.jpg") no-repeat;
	width:402px;
	height:86px;
	}
	
#otoplasty-header {
	background:url("../images/otoplasty-header.jpg") no-repeat;
	width:402px;
	height:86px;
	}
	
#rhino-header {
	background:url("../images/rhino-header.jpg") no-repeat;
	width:402px;
	height:86px;
	}
	
#cancer-header {
	background:url("../images/skin-cancer-header.jpg") no-repeat;
	width:402px;
	height:104px;
	}
	
#rhyti-header {
	background:url("../images/rhyti-header.jpg") no-repeat;
	width:402px;
	height:86px;
	}
	
#hair-header {
	background:url("../images/hair-removal-header.jpg") no-repeat;
	width:402px;
	height:86px;
	}
	
#site-map {
	background:url("../images/site-map.jpg") no-repeat;
	width:402px;
	height:86px;
	}
	
#error {
	background:url("../images/error.jpg") no-repeat;
	width:402px;
	height:86px;
	}				

/* footer
 * ------------------------------------------------------------------------- */
 
#footer { 
	width:697px;
	padding-top:10px; 
	margin:0 auto; 
	text-align:center; 
	}
	
#footer p {
	color: #CCFFFF;
	}

#footer a:link, #footer a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#efe0d1;
	text-decoration: none;
	}

#footer a:hover, #footer a:active {
	color:#d17d12;
	text-decoration:underline;
	}

#footer ul { margin-bottom:5px; }

#footer li {
	padding: 0 5px 0 7px;
	line-height:18px;
	display: inline;
	border-left: 1px solid #efe0d1;
	}

	#footer li.first { border: none; }