/*--------------------- Last Modified  2006.11.10 ---------------------*/
/*-------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------
  Copyright Einstein Industries 2006. Used with Permission.                             
  May not be duplicated or reproduced.
  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari
  CSS Document - layout.css
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* basic elements
 * ------------------------------------------------------------------------------------- */
body, div, ul, li, dl, dd, img, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	background: #1D4867 url(../images/bg.jpg) top left repeat-x;
	text-align: center;
}

div, td, input, select, textarea, dd, dl, dt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1D4867;
	line-height: 16px;
}

p, h1, h2, h3, h4, li  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1D4867;
	line-height: 16px;
}

a img, :link img, :visited img {
	border: none;
}

a:link, a:visited {
	color: #9C611F;
	text-decoration: underline;
}
a:hover, a:active {
	color: #1D4867;
	text-decoration: underline;
}

span {
	display: none;
}


li {
	color: #FF6600;
}
ul {
	margin: 20px 0 20px 10px;
	padding: 0 0 0 40px;
}

p.center { text-align:center; }

/* main structural elements
 * ------------------------------------------------------------------------------------- */
#wrapper { background: url(../images/index/tble_bkgrnd.jpg) left top repeat-y;
	width: 815px;
	margin: 0 auto;
	text-align: left;
}

#main-container {
	width: 815px;
	margin: 0 auto;
	text-align: left;
}

#left-container {
	width: 264px;
	margin: 0 auto;
	float: left;
	text-align: left;
	clear: both;
}

#right-container {
	width: 551px;
	margin: 0 auto;
	/*background: url(../images/index/right_container_btm_bkgrnd.jpg) left bottom no-repeat;*/
	text-align: left;
	float: left;
}

#sub-right-container {
	width: 551px;
	margin: 0 auto;
	text-align: left;
	float: left;
}


/* Featured Section
 * ------------------------------ */
 #container-left {
	float: left;
	width: 250px; margin:0 0 0 10px; padding:0px;
}
 #container-left ul {margin:0px;}
 #container-right {
	float:left; width:200px; margin:0px; padding:0px;
}

 #container-right ul {margin:0px;}
/* HOR sprite nav
 * ------------------------------------------------------------------------------------- */

  #menu {
    width: 679px; height: 37px;
    background: url(../images/index/nav01.jpg);
    margin: 0; padding: 0;
    position: relative; left: 0px; top: 0;}
  #menu li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0px;}
  #menu li, #menu a {
    height: 37px; display: block;
	line-height: 35px; text-align: center;}
  
  #menu-01 {left:   0px; width: 25px;}
  #menu-02 {left: 25px; width:  64px;}
  
  #menu-01 a:hover {background: transparent url(../images/index/nav01.jpg) -0px   -37px no-repeat;}

/* VERT sprite nav
 * ------------------------------------------------------------------------------------- */
 
 #vert {
	width: 264px;
	height: 377px;
	background: url(../images/index/vert01.jpg);
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	clear: left;
}
  #vert li {margin: 0; padding: 0; list-style: none; position: absolute;}
  #vert li, #vert a {height: 23px; display: block;}
  
  #vert-01 {top: 119px;}
  #vert-02 {top: 142px;}
  #vert-03 {top: 168px;}
  #vert-04 {top: 191px;}
  #vert-05 {top: 214px;}
  #vert-06 {top: 240px;}
  #vert-07 {top: 264px;}
  #vert-08 {top: 288px;}
  #vert-09 {top: 312px;}

  #vert-01, #vert-02, #vert-03, #vert-04, #vert-05, #vert-06, #vert-07, #vert-08, #vert-09 {left: 0px; width: 264px;} 
  
  #vert-01 a:hover {background: transparent url(../images/index/vert01.jpg) -264px -119px no-repeat;}
  #vert-02 a:hover {background: transparent url(../images/index/vert01.jpg) -264px -142px no-repeat;}
  #vert-03 a:hover {background: transparent url(../images/index/vert01.jpg) -264px -168px no-repeat;}
  #vert-04 a:hover {background: transparent url(../images/index/vert01.jpg) -264px -191px no-repeat;}
  #vert-05 a:hover {background: transparent url(../images/index/vert01.jpg) -264px -214px no-repeat;}
  #vert-06 a:hover {background: transparent url(../images/index/vert01.jpg) -264px -240px no-repeat;}
  #vert-07 a:hover {background: transparent url(../images/index/vert01.jpg) -264px -264px no-repeat;}
  #vert-08 a:hover {background: transparent url(../images/index/vert01.jpg) -264px -288px no-repeat;}
  #vert-09 a:hover {background: transparent url(../images/index/vert01.jpg) -264px -312px no-repeat;}
  
   #logos {
	width: 264px;
	height: 272px;
	background: url(../images/index/academy_logos.jpg);
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	clear: left;
}
  #logos li {margin: 0; padding: 0; list-style: none; position: absolute;}
  #logos li, #logos a {height: 60px; display: block;}
  
  #logos-01 {top: 0px;}
  #logos-02 {top: 100px;}
  #logos-03 {top: 165px;}

  #logos-01, #logos-02, #logos-03 {left: 0px; width: 264px;} 
  
  #logos-01 a:hover {background: transparent url(../images/index/academy_logos.jpg) -264px 0px no-repeat;}
  #logos-02 a:hover {background: transparent url(../images/index/academy_logos.jpg) -264px -100px no-repeat;}
  #logos-03 a:hover {background: transparent url(../images/index/academy_logos.jpg) -264px -165px no-repeat;}
  
  #logos-04 {width: 264px;}

/* image replacement
 * ------------------------------------------------------------------------------------- */
#masthead {
	width: 815px; height: 91px;
	float: left;
	background: url(../images/index/masthead.jpg) left top no-repeat;
}

#flash-container {
	background: url(../images/flash/bkgrnd.jpg) left top no-repeat;
	width: 506px; height: 377px; float: left;
}

#flash-right-spacer {
	width: 45px; height: 377px;
	float: left;
	background: url(../images/index/flash_right_spacer.jpg) left top no-repeat;
}

#qcontact-hd {
	width: 264px;
	float: left;
	background: url(../images/index/qcontact_hd.jpg) left top no-repeat;
	clear: both;
}

#thankyou-hd {
	width: 264px;
	float: left;
	background: url(../images/index/thankyou-hd.jpg) left top no-repeat;
	clear: both;
}

#main-qcontact-hd {
	width: 264px; height: 186px;
	float: left;
	background: url(../images/index/qcontact_hd.jpg) left top no-repeat;
	clear: both;
}
.q-pad {padding-top: 70px;}
#contact #quickcontact-wrapper	{ display: none; }

#contact-main	{ margin-top: 25px;	}
	#contact-main br	{ clear: both; } 
	#contact-main p, #contact-main h1 {
		text-align: left;
		margin: 10px 0 10px 0;
		}
	#contact-main p.clear-textarea	{ margin-top:80px; }
	#contact-main p.clear-textarea2 { margin-top: 2px; }


/* -------------------- Start Sub Pages ----------------------------------------------- */

#sub-hd {
	width: 551px;
	background-position:left top;
	background-repeat:no-repeat;
	float: left;
	clear: both;
}

body#index #sub-hd 		{ background-image:url(../images/index/smile_define_you_hd.jpg);}
body#about #sub-hd 		{ background-image:url(../images/sub/headers/sub_dr_lopez_hd.jpg);}
body#contact #sub-hd 	{ background-image:url(../images/sub/headers/sub_contact_hd.jpg);}
body#cosmetic #sub-hd 	{ background-image:url(../images/sub/headers/sub_cosmetic_hd.jpg);}
body#faq #sub-hd 		{ background-image:url(../images/sub/headers/sub_faq_hd.jpg);}
body#forms #sub-hd 		{ background-image:url(../images/sub/headers/sub_forms_hd.jpg);}
body#gallery #sub-hd 	{ background-image:url(../images/sub/headers/sub_gallery_hd.jpg);}
body#general #sub-hd 	{ background-image:url(../images/sub/headers/sub_general_hd.jpg);}
body#team #sub-hd 		{ background-image:url(../images/sub/headers/sub_our_team_hd.jpg);}
body#thankyou #sub-hd 	{ background-image:url(../images/sub/headers/sub_thankyou_hd.jpg); height:186px;}
body#sitemap #sub-hd 	{ background-image:url(../images/sub/headers/sub_sitemap_hd.jpg);}

/* Sub Flash Imgs*/

#imgdr {
	background: url(../images/sub/sub_flash_img_dr.jpg) left top no-repeat;
	width: 506px; height: 377px; float: left;
}

#img01 {
	background: url(../images/sub/sub_flash_img01.jpg) left top no-repeat;
	width: 506px; height: 377px; float: left;
}

#img02 {
	background: url(../images/sub/sub_flash_img02.jpg) left top no-repeat;
	width: 506px; height: 377px; float: left;
}

#img03 {
	background: url(../images/sub/sub_flash_img03.jpg) left top no-repeat;
	width: 506px; height: 377px; float: left;
}

#img04 {
	background: url(../images/sub/sub_flash_img04.jpg) left top no-repeat;
	width: 506px; height: 377px; float: left;
}
#img05 {
	background: url(../images/sub/sub_flash_img05.jpg) left top no-repeat;
	width: 506px; height: 377px; float: left;}
#img06 {
		background: url(../images/sub/sub_flash_img06.jpg) left top no-repeat;
	width: 506px; height: 377px; float: left;
}
/* RIGHT column content
 * ------------------------------------------------------------------------------------- */
 

#featured-container {
	width: 551px; margin:0px; padding:0px;
}

#featured-procedures-hd {
	width: 551px;
	height: 54px;
	background: url(../images/index/featured_procedures_hd.jpg) left top no-repeat;
	float: left;
}

#featured-bnas {
	width: 551px;
	float: left;
	clear: both;
	margin-top:10px;
	
}
#bna01 {
	width: 199px;
	height: 115px;
	background: url(../images/index/bna01.jpg) left top no-repeat;
}

#bna02 {
	width: 200px;
	height: 115px;
	background: url(../images/index/bna02.jpg) left top no-repeat;
	clear: both;
	float: right;
}
#pad {
	padding-left: 34px;
	padding-top: 15px;
}
/* content
 * ------------------------------------------------------------------------------------- */

/*--- right content ---*/
	#right-container p {
		margin: 10px 112px 15px 38px;
	}
	#sub-right-container p.hours {margin: 10px 112px 0px 38px; text-decoration:underline;}
	#right-container img.pic-float-left, #sub-right-container img.pic-float-left { margin-top:8px; margin-right:5px; margin-left:33px; }
	#sub-right-container img.pic-float-right { float:right; margin-top:8px;  }
	
	#sub-right-container .testimonial {
		margin-left:85px;
	}
	
	#right-container h1 {
		margin: 35px 112px 0px 38px;
		font-size: 13px;
	}
	
	#right-container h2 {
		margin: 15px 25px 0px 38px;
		font-size: 12px;
		color: #285A7F;
	}
	
	#right-container h3 {
		margin: 15px 25px 0px 38px;
		color: #285A7F;
	}
	
/*--- sub right content ---*/

    #sub-right-container p, #sub-right-container div.hr {
		margin: 10px 112px 15px 38px;
	}
	dl, dt, dd { margin:0; padding:0; }
	dl { width:400px; margin:0 0 0 38px; }
	dt { width:75px; float:left; margin-right:10px; margin-bottom:2px; font-weight:bold; }
	dd { width:315px; float:left; margin-bottom:2px;}

	#sub-right-container p.first { margin-top:35px; }
	#sub-right-container h1 {
		margin:35px 123px 0px 38px;
		font-size: 13px;
	}
	
	#sub-right-container h2{
		margin: 25px 112px 0px 38px;
		font-size: 12px;
		color: #285A7F;
	}
	
	#sub-right-container h3{
		margin: 15px 25px 0px 38px;
		color: #285A7F;
	}	
	#sub-right-container ul{
		margin: 10px 112px 15px 33px;
		padding: 0 0 0 40px;
		color: #285A7F;
	}	
	#sub-right-container li{
		color: #285A7F;
	}
/*--- left content ---*/

	#left-container form { margin-left: 65px; }
	#left-container p.first { margin-top: 85px; }
			
	#left-container p {
		margin: 10px 10px 10px 25px;
		font-size: 12px;
		color: #1D4867;
		text-align: center;
	}

	#left-container a:link, #left-container a:visited {
		color: #9C611F;
		text-decoration: underline;
	}
	#left-container a:hover, #left-container a:active {
		color: #93B7D1;
		text-decoration: underline;
	}
/* footer
 * ------------------------------------------------------------------------------------- */
#page-footer {
	background: url(../images/index/page_footer.jpg) left top no-repeat;
	width: 815px;
	height: 111px;
	clear: both;
}
	#page-footer-content {
		width: 815px;
		float: left;
		text-align: center;
		color: #FFF;
	}
	
#sub-page-footer {
	background: url(../images/sub/sub_page_footer.jpg) left top no-repeat;
	width: 815px;
	height: 111px;
	clear: both;
}
	#sub-page-footer-content {
		width: 815px;
		float: left;
		text-align: center;
		color: #FFF;
	}
	
#footer { 
	width:815px; 
	margin:0 auto; 
	text-align:center; 
	}
#footer p { 
	margin:3px 64px 5px 31px;
	font-size: 11px;
	color: #FFF;
}
#footer ul {
	margin-top: 8px;
	margin-bottom: 8px;
	padding-right: 60px;
}
#footer li { 
	margin: 0px;
	padding: 0px;
	display: inline;
	color: #FFF;
	font-size: 11px;
	}
	
#footer a:link, #footer a:visited {
		color: #D5E0E6;
		text-decoration: none;
	}
#footer a:hover, #footer a:active {
		color: #E8EDF3;
		text-decoration: underline;
	}


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

form {
	width:150px;
	margin:10px 0 15px 0;
	}

form label	{ font-size:.95em; }

form br { line-height:0; height:0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color:#FFFFFF !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #1D4867;
	color:#1D4867;
	width:145px; /* 5 pixles smaller than form width !important */
	height:14px;
	line-height:14px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.9em;
	}
	
select { width:150px; padding:0; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

#contact-business { display: none; } /* do not remove */ 


/* ----- main contact form ----- */ 
 
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}
	
#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	height:16px;
	line-height:16px;
	}
	
#contact-main label select { width:175px; }
	
#contact-main label textarea { height:100px; overflow:auto; }

#contact-business-main { display: none; } /* do not remove */ 


/* ----- submit button form elements ----- */ 

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:95px 0 0 243px; }


	.table-text {
		text-align: right;
	}

/* misc layout elements 
 * ------------------------------------------------------------------------------------- */
.thumb-gallery { margin: 0px 0px 10px 38px;	}
 
.pic-float-left { float: left; }

div.clear {
	clear: both;
}

p.top, div.hr {
	display: block;
	text-align: right;
	font-size: 10px;
	height:35px;
	clear:both;
	background:url("../images/sub/hr.jpg") center bottom no-repeat;
}
div.hr { height: 15px; }

#btn-cerec-3d{
	width:264px;
	height:93px;
	margin:0px 0px 0px 0px;
	}
	#btn-cerec-3d a {
		background:url("../images/index/btn-cerec-3d.jpg");
		width:264px;
		height:93px;
		display:block;
		}
		#btn-cerec-3d a:hover {
			background:url("../images/index/btn-cerec-3d.jpg") -264px 0px;
			}
			
/* pop-up background
 * ------------------------------------------------------------------------------------- */
 #pop-up-wrap { background:url("../images/pop-up-slices/pop-up-wrap.jpg") repeat-y;
	width: 591px;
	margin: 0 auto;
	text-align: left;
}

#pop-up-header{
	background:url("../images/pop-up-slices/pop-up-header.jpg") no-repeat;
	width:591px;
	height:192px;
	float: left;
	}
	

#pop-up-footer {
	background:url("../images/pop-up-slices/pop-up-footer.jpg");
	width:591px;
	height:25px;
	margin:0 auto;
	text-align:center;
	}

p.pop-up { 
	margin:0px 25px 5px 31px;
	font-size: 12px;
	color: #1D4867;
}#formas {
	margin-left: -40px;
}


/*----------------subnav------------------*/

#subnav {
	width: 264px;
	margin: 0;
	padding: 45px 0 0 0;
	position: relative;
	float: left;
	clear: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #2a5a7e;	
}



#left-container #subnav ul {margin-top: 0; padding-top: 0;}
#left-container #subnav li {margin: 0; padding: 0; list-style: none; height: 14px;}
#left-container #subnav li a {color: #1D4867; text-decoration:none; }
#left-container #subnav li a:hover {text-decoration:underline;}