/*--------------------- 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;}

fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
body { 
	background: #2D001D url("../images/bg.jpg") left top repeat;
	text-align:center; 
	font:12px/16px Arial, Helvetica, sans-serif; 
	color:#000;
	padding: 0 0 10px 0;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size: 19px; color:#000; }
h2	{ font-size: 14px; color: #1b1464;
	font-weight: bold;
	text-transform: uppercase;
}
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color: #a3620a; text-decoration:underline; outline:none; }
a:hover,a:active	{ color: #000000; text-decoration:underline; outline:none; }

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

span {display:none;}

.thankyou-stretch {height:600px;}

.ptt {margin-left:5px; margin-top:10px;}

/* banner elements
 * ------------------------------------------------------------------------------------- */
 
#banner01 { position:relative; background:url("../images/banners/banner-home.jpg") left top no-repeat; width:747px; height:180px;}
#banner02 { position:relative; background:url("../images/banners/banner-contact.jpg") left top no-repeat; width:747px; height:180px;}
#banner03 { position:relative; background:url("../images/banners/banner-about.jpg") left top no-repeat; width:747px; height:180px;}
#banner04 { position:relative; background:url("../images/banners/banner-practice.jpg") left top no-repeat; width:747px; height:180px;}
#banner05 { position:relative; background:url("../images/banners/banner-smile.jpg") left top no-repeat; width:747px; height:180px;}
#banner06 { position:relative; background:url("../images/banners/banner-tec.jpg") left top no-repeat; width:747px; height:180px;}

#btn01 a { position:absolute; width:72px; height:18px; top:163px; left:554px;}/* home link within header */
#btn02 a { position:absolute; width:89px; height:18px; top:163px; left:630px;}/* home link within header */

 /* home page elements
 * ------------------------------------------------------------------------------------- */
#content-left-top {
	width: 567px;
	float: left;
	background: url("../images/index/content-left-bg.jpg") left top no-repeat;
	}
	
#content-left-top p, #content-left-top h1, #content-left-top h2, #content-left-top h3 { padding: 0 30px 10px 23px; }
#content-left-top #quotes { padding: 0 30px 10px 23px; width:510px; }
#content-left-top ul { padding:0 0 10px 60px; }
	
#welcome-smile {padding: 3px 10px 0 0;}

#content-right-top {
	width: 180px;
	float: right;
	display: inline;
	background: url("../images/index/content-right-bg.jpg") left top no-repeat;	
}
#content-left-btm {
	width: 567px;
	float: left;
	display: inline;
}

#content-left-btm-table {
	margin-left: 130px;
	padding: auto;
	
}
	#procedure-1 {
		width: 192px;
		float: left;
		background: url("../images/index/proc-bg.jpg") right top no-repeat;			
	}
			#procedure-1 p {
				padding: 0 20px 10px 20px;
			}
	#procedure-2 {
		width: 185px;
		float: left;
		background: url("../images/index/proc-bg.jpg") right top no-repeat;		
	}
			#procedure-2 p {
				padding: 0 20px 10px 14px;
			}
	#procedure-3 {
	float: left;
	width: 180px;
	}
			#procedure-3 p {
				padding: 0 20px 10px 15px;
			}
	.smile-proc {
		padding: 3px 5px 0 0;
	}
	#ba-first {
		margin: 20px 20px 0 45px;
	}
#content-right-btm {
	width: 180px;
	float: right;
	display: inline;	
}
#content-mdl {
	clear: both;
	height: 48px;
	background: url("../images/index/content-mdl.jpg") left top no-repeat;
}
.clear {
	clear: both;
}
.inline {
	display: inline;
}
.logo {
	padding: 20px 0 0 20px;
}
/* end home page elements
 * ------------------------------------------------------------------------------------- */
 
 #gallery { margin: 0 0 0 56px; width: 500px; clear:both;}
	#gallery p {margin:10px 0px 10px -23px;}
#featured-bnas { margin: 0;}
#featured-bnas img {margin:10px 0 0 45px;}
#title-smile-gallery { background: url("../images/index/smile-gallery.jpg") left top no-repeat; height:25px;}
 
#content-btm {
	clear: both;
	height: 63px;
	background: url("../images/index/content-btm.jpg") left top no-repeat;	
}

#testimonial { position:relative; background:url("../images/index/testimonials.jpg") left top no-repeat; width:530px; height:148px;}
#btn a { position:absolute; width:530px; height:148px; top:0px; left:0px;}/* home link within header */

.req {font-size:10px; margin-top:5px;}
.req2 {font-size:11px; margin-top:5px;}
.img-left {float:left; padding:0 7px 5px 0;}
/* HORIZONTAL sprite nav
 * ------------------------------------------------------------------------------------- */
#menu {
	background: url("../images/index/nav.jpg") left top no-repeat;					
	width: 747px;
	height: 47px;
	padding: 0px;
	margin: 0px;
	position: relative;
}
#menu li span {display: none;}
#menu li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#menu li, #menu a {height: 47px; display: block;}
#menu-01 {left: 4px; width: 85px;}
#menu-02 {left: 89px; width: 116px;}
#menu-03 {left: 205px; width: 125px;}
#menu-04 {left: 330px; width: 132px;}
#menu-05 {left: 462px; width: 150px;}
#menu-06 {left: 612px; width: 130px;}

#menu-01 a:hover {background: transparent url("../images/index/nav.jpg") -4px -47px no-repeat;}
#menu-02 a:hover {background: transparent url("../images/index/nav.jpg") -89px -47px no-repeat;}
#menu-03 a:hover {background: transparent url("../images/index/nav.jpg") -205px -47px no-repeat;}
#menu-04 a:hover {background: transparent url("../images/index/nav.jpg") -330px -47px no-repeat;}
#menu-05 a:hover {background: transparent url("../images/index/nav.jpg") -462px -47px no-repeat;}
#menu-06 a:hover {background: transparent url("../images/index/nav.jpg") -612px -47px no-repeat;}
/* end HORIZONTAL sprite nav
 * ------------------------------------------------------------------------------------- */
 


/* footer
 * ------------------------------------------------------------------------------------- */
#footer {
	width: 500px;
	margin: 0px auto;
	padding: 14px;
	text-align: center;
}
	#footer ul {
    	padding: 0 0 10px 0;
    }
 	#footer li {
    	margin: 0;
    	padding: 0 7px 0 10px;
    	display: inline;
    	border-left: 1px solid #000;
    	font-size: 11px;
    	background: none;
  	}
	#footer p {
		padding: 0 0 10px 0;
		font-size: 11px;
	}
 	#footer li.first { 
    	border: none;
    }
	#footer a:link, #footer a:visited {
		color: #000000;
		text-decoration: underline;
	}
	#footer a:hover, #footer a:active {
		color: #7A6334;
		text-decoration: none;
	}
/* end footer
 * ------------------------------------------------------------------------------------- */
 
 
 
/* contact forms 
 * ------------------------------------------------------------------------------------- */
.mainform, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	border: 1px solid #00214F;
	background-color: #FFFFFF;
}
#quickcontactform {
	width: 150px;
	margin: 0 0 0 10px;	
	padding: 0 0 40px 0;
	border: 0;
}
.quickcontact {
	margin: 0 0 1px 0;
	width: 150px;
}
.big-form label, .big-form-field {
	display: block;
	width: 190px;
	float: left;
	margin: 3px;
}
.big-form label {
	text-align: right;
	width: 110px;
	margin: 0 20px 0 0;
}
.form-text {
	 margin-left: 135px;
}
.big-form br {
	clear: left;
}
#submit-btn {
	margin: 3px 0 0 148px;
}
#quick-submit-btn {
	margin: 1px 0 0 108px;
}
#quick-submit-btn {
	margin: 1px 0 0 108px;
}
.red {
	color: #1b1464;
}
#submit-btn {
	float: left;
	margin: 3px;
	display: block;
}
/* end contact forms 
 * ------------------------------------------------------------------------------------- */