@charset "iso-8859-1";

/*-------------------  Elements ------------------------*/

a {

	color:#084887;

	}

a:hover { 

	color: #6B86BC;

	} 

body {

	background: #F5EBD9;

	margin: 0;

	padding: 0;

	border: 0;

	font-family: arial, helvetica;

	font-size: 12px;

	color: #333333;

	padding-bottom: 25px;

	}

h1 {

	font-family: Tahoma, Verdana, arial, helvitica;

	font-size: 14px;

    color: #000000;

	margin-top: -.1em;

    margin-bottom: .5em;

	}

h2, h3	{

	font-family: Verdana, arial, helvitica;

	font-weight: normal;

	margin-top: 25px;

	margin-bottom: 2px;

	letter-spacing: 1px;

	}

h4 {

	font-family: Tahoma, Verdana, arial, helvitica;

	font-size: 14px;

	color: #7D8A77;

	margin-top: 0em;

	margin-bottom: 0em;

   	margin-top: 0em; 

	}

h5 {

	margin-bottom: 2px; 

	font-family: Tahoma, arial, helvitica; 

	letter-spacing: 1px;

	margin: -1em 0;

	padding: 2px 0px 5px 0px;

	color: #7B1421;

	}

h6 {

	font-family: Tahoma, Verdana, arial, helvitica;

	font-size: 11px;

	color: #616060;

	margin-top: 0em;

	margin-bottom: 0em;

   	margin-top: 0em; 

	}

p {

	line-height: 140%;

	text-align: left;

	margin-top: 0;

	margin-bottom: 1em;

	}

	

/*-------------------  Elements with Class's/ID's  ------------------------*/

body#contact #topbanner{

	background: url(../img/contactHead.gif);

	height: 38px;

	width: 750px;

	margin: 0px 0px 0px 0px;

	}

body#forms #topbanner{

	background: url(../img/formsHead.gif);

	height: 38px;

	width: 750px;

	margin: 0px 0px 0px 0px;

	}

body#hoursmap #topbanner{

	background: url(../img/hoursMapHead.gif);

	height: 38px;

	width: 750px;

	margin: 0px 0px 0px 0px;

	}

body#iandp #topbanner{

	background: url(../img/insandPayHead.gif);

	height: 38px;

	width: 750px;

	margin: 0px 0px 0px 0px;

	}

body#procedures #topbanner{

	background: url(../img/proceduresHead.gif);

	height: 38px;

	width: 750px;

	margin: 0px 0px 0px 0px;

	}

body#products #topbanner{

	background: url(../img/productsHead.gif);

	height: 38px;

	width: 750px;

	margin: 0px 0px 0px 0px;

	}

body#blank #topbanner{

	background: url(../img/blankHead.gif);

	height: 38px;

	width: 750px;

	margin: 0px 0px 0px 0px;

	}

body#smile #topbanner{

	background: url(../img/smileHead.gif);

	height: 38px;

	width: 750px;

	margin: 0px 0px 0px 0px;

	}



body#staff #topbanner{

	background: url(../img/staffHead.gif);

	height: 38px;

	width: 750px;

	margin: 0px 0px 0px 0px;

	}

body#subPro #topbanner{

	margin: 0px 0px 0px 0px;

	}

body#tour #topbanner{

	background: url(../img/tourHead.gif);

	height: 38px;

	width: 750px;

	margin: 0px 0px 0px 0px;

	}

body#veneer #topbanner{

	background: url(../img/veneersHead.gif);

	height: 38px;

	width: 750px;

	margin: 0px 0px 0px 0px;

	}

body#videos #topbanner{

	background: url(../img/videoHead.gif);

	height: 38px;

	width: 750px;

	margin: 0px 0px 0px 0px;

	}

body#whitening #topbanner{

	background: url(../img/whiteningHead.gif);

	height: 38px;

	width: 750px;

	margin: 0px 0px 0px 0px;

	}

input.button {

	font-size: 11px;

	padding: 4px 4px 4px 4px;

   	background-color: #C79651;

	width: 75px;

	border: 0px;

}

input.box {

	border: 1px solid #C79651;

   	text-align: left;

   	padding: 1px 0px 1px 0px; /* top, right, bottom, left */

	font-size: 11px;

	color: #45607B

	}

textarea.box {

	border: 1px solid #C79651;

   	text-align: left;

   	padding: 1px 0px 1px 0px; /* top, right, bottom, left */

	font-size: 11px;

	color: #45607B

	}

li.space{

	border-right: 1px solid #ffffff;

	}

li.sub {

	list-style-image: url(../img/aro.gif);

	margin-left: 17px;

	padding-bottom: 4px;

	voice-family: "\"}\"";

  	voice-family:inherit;

	padding-bottom: 4px;

  	} 

  	html>body .sub 

  	{

	padding-bottom: 0px;

  	}

ul {

	list-style-image: url(../img/boxBullet.gif);

	margin-left: 17px;

	voice-family: "\"}\"";

  	voice-family:inherit;

 	margin-left: 17px;

  	} 

  	html>body ul 

  	{

	margin-left: -20px;

  	}

li.pad {

	padding-bottom: 6px;

}

/*-------------------  ID's------------------------*/	



#c {

	color: #333;

	margin: 10px auto;

	padding: 0;

	border: 6px solid #ffffff;

	background: #ffffff;

	width: 746px;

	} 

#captionBox{

	margin: 100px 0px 0px 483px;

	width: 200px;

}

#footer {

	background: #000000;

	border-top: 4px solid #DFBD80;

	height: 20px;

	padding: 0px 0px 0px 0px;

	}

#head {

	background: #ffffff;

	color: #333;

	border: 0;

	margin: 0;

	padding: 0;

	}

#maincontent {

	float: left;

	margin: 0px;

	color: #000000;

	padding: 0px 0px 0px 0px; /* top, right, bottom, left */

	background: url(../img/BodyBg.gif) repeat-y #ffffff;

	width: 746px; 

	}

#tagLine {

	float: right;

	margin: 0px 0px 0px 0px; 

	background: url(../img/styleSmileTopBar.gif);

	height: 75px;

	width: 346px;

}

#webSpecialsBanner{

	border-bottom: 1px solid #414141;

	border-top: 1px solid #414141;

	border-left: 1px solid #414141;

	border-right: 1px solid #414141;

	width: 199px;

	background-color: #D7AD85;

	

}



/*-------------------  Class's------------------------*/

.back a{

   padding: 0px 0px 0px 20px;

	}

.bigSmilePic{

	padding: 11px 0px 0px 11px;

}

.bigTourPic{

	padding: 11px 0px 0px 11px;

}

.contactLeft{

	float: left;

	margin-left: 0px;

	width: 600px;

}

.content	{

	font-size: 11px;

	color: #485F8B;

	}

.dkGrey {

	background-color: #D2D4E1;

	padding: 8px 8px 8px 8px;

	border-top: 2px solid #ffffff;

}

.elevenPx{

	font-size: 11px;

	font-weight: bold;

}

.emailNoticeText{

	margin: 55px 10px 10px 22px;

	font-size: 10px;

}

.floatleft {

	float: left;

	}

.floatright {

	float: right

	}

.footnote{

  	color: #868585;

   font-size: 10px;

	}

.form{

	color: #DA1B2C;

	}

.home{

	float: right;

	margin-top: 10px;

	margin-right: 10px;

	}

.indent {

	margin-left: 18px;

	}

.indentVeneers {

	margin-left: 68px;

	width: 329px;

	}

.ltGrey {

	background-color: #EAEDFD;

	padding: 8px 8px 8px 8px;

	border-top: 2px solid #ffffff;

}

.map{

	float: right;

	background: url(../img/map.gif);

	height: 248px;

	width: 380px;

}

.needReal{

        padding: 40px 20px 20px 20px;

        width: 397px;

        font-weight: bold;

}

.pad{

   padding: 0px 0px 0px 0px;

	}

.prodIndent{

	padding-left: 35px;

}

.proLeft{

	float: left;

	width: 250px;

}

.proMiddle{

	float: left;

	margin-left: 15px;

	width: 400px;

}

.prominent{

	font-size: 16px;

	font-weight: bold;

}

.proRight{

	width: 190px;

	float: left;

	margin-left: 30px;

	voice-family: "\"}\"";

  	voice-family:inherit;

 	width: 190px;

  	} 

  	html>body .proRight 

  	{

	width: 180px;

  	}

.rLogo {

	margin: 3px 17px 0px 0px;

}

.rule {

	border-bottom: 1px solid #C79651;

	position: relative;

	padding: 25px 0px 25px 0px;

	}

.tabs{

	margin-left: 346px;

	position: absolute;

	top: 10px;

}

.tpad{

	padding-bottom: 10px;

}

.video{

	padding: 15px 18px 0px 18px;

}

.wsbText{

	padding: 8px 11px 17px 11px;



}

.whiteningRightContent{

	margin: 12px 0px 0px 0px;

	padding: 0px 15px 0px 15px;

	font-size: 11px;

}

/* ---- Smile Gallery -----*/



#Layer1{

	position: absolute;

	top: 290px;

	visibility: hidden;

}

#Layer2{

	position: absolute;

	top: 290px;

	visibility: hidden;

}

#Layer3{

	position: absolute;

	top: 290px;

	visibility: hidden;

}

#Layer4{

	position: absolute;

	top: 290px;

	visibility: hidden;

}

#Layer5{

	position: absolute;

	top: 290px;

	visibility: hidden;

}

#Layer6{

	position: absolute;

	top: 290px;

	visibility: hidden;

}

#Layer7{

	position: absolute;

	top: 290px;

	visibility: hidden;

}

#Layer8{

	position: absolute;

	top: 290px;

	visibility: hidden;

}

#Layer9{

	position: absolute;

	top: 290px;

	visibility: hidden;

}

#Layer10{

	position: absolute;

	top: 290px;

	visibility: hidden;

}

#Layer11{

	position: absolute;

	top: 290px;

	visibility: hidden;

}

#Layer12{

	position: absolute;

	top: 290px;

	visibility: hidden;

}

#Layer13{

	position: absolute;

	top: 290px;

	visibility: hidden;

}

#Layer14{

	position: absolute;

	top: 290px;

	visibility: hidden;

}

#Layer15{

	position: absolute;

	top: 290px;

	visibility: hidden;

}

#Layer16{

	position: absolute;

	top: 290px;

	visibility: hidden;

	

}

#Layer1text{

	visibility: hidden;

	position: absolute;

	top: 150px;

}

#Layer1Btext{

	visibility: hidden;

	position: absolute;

	top: 230px;

}

#Layer2text{

	visibility: hidden;

	position: absolute;

	top: 150px;

}

#Layer2Btext{

	visibility: hidden;

	position: absolute;

	top: 230px;

}

#Layer3text{

	visibility: hidden;

	position: absolute;

	top: 150px;

}

#Layer3Btext{

	visibility: hidden;

	position: absolute;

	top: 230px;

}

#Layer4text{

	visibility: hidden;

	position: absolute;

	top: 150px;

}

#Layer4Btext{

	visibility: hidden;

	position: absolute;

	top: 230px;

}

#Layer5text{

	visibility: hidden;

	position: absolute;

	top: 150px;

}

#Layer5Btext{

	visibility: hidden;

	position: absolute;

	top: 230px;

}

#Layer6text{

	visibility: hidden;

	position: absolute;

	top: 150px;

}

#Layer6Btext{

	visibility: hidden;

	position: absolute;

	top: 230px;

}

#Layer7text{

	visibility: hidden;

	position: absolute;

	top: 150px;

}

#Layer7Btext{

	visibility: hidden;

	position: absolute;

	top: 230px;

}

#Layer8text{

	visibility: hidden;

	position: absolute;

	top: 150px;

}

#Layer8Btext{

	visibility: hidden;

	position: absolute;

	top: 230px;

}