@charset "utf-8";
/* CSS Document */

#container {
	position: relative;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 1005px;
	height: 625px;
		
	}
	

	
	
	#container_text {
	position: absolute;
	margin: 0 auto;   
	text-align: left; 
	width: 579px;
	height: 192px;
	left: 218px;
	top: 501px;
		
	}

		
	
	#bgbody{
	position: absolute;
	left: 0px;
	width: 852px;
	top: 255px;
	height: 220px;
	text-align: center;
}

	
	
#banner{
	position: absolute;
	left: 0px;
	height: 323px;
	width: 277px;
	top: 20px;
	height: 584px;
	padding: 0px 0px 0px 0px;
}






#stretch100{
	position: absolute;
	left: 0px;
	height: 323px;
	width: 100%;
	top: -120px;
	height: 255px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/bgtop.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}			
#bannerbottom{
	position: absolute;
	left: 277px;
	height: 323px;
	width: 527px;
	top: 544px;
	height: 60px;
	padding: 0px 0px 0px 0px;
}		



#text1{
	position: absolute;
	left: 335px;
	width: 410px;
	top: -174px;
	height: 270px;
	background-image: url(images/textbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#text2{
	position: absolute;
	left: 829px;
	width: 149px;
	top: 309px;
	height: 36px;
	text-align: left;
}


#text3{
	position: absolute;
	left: 42px;
	width: 290px;
	top: 309px;
	height: 38px;
	background-repeat: no-repeat;
	background-position: center top;
}

#text4{
	position: absolute;
	left: 439px;
	width: 411px;
	top: 238px;
	height: 315px;
	background-repeat: no-repeat;
	background-position: center top;
}



	
#textinside1{
	position: absolute;
	left: 94px;
	width: 362px;
	top: 258px;
	height: 134px;
	vertical-align: middle;
	}


		
	
	
#textinside2{
	position: absolute;
	left: 26px;
	width: 368px;
	top: 130px;
	height: 175px;
	}	

#header1 {
	position: absolute;
	margin: 0 auto;
	text-align: left;
	width: 325px;
	height: 40px;
	left: 312px;
	top: 135px;
	}
#textinside4{
	position: absolute;
	left: 30px;
	width: 364px;
	top: 130px;
	height: 244px;
	}	
	
	#textinside3{
	position: absolute;
	left: 30px;
	width: 364px;
	top: 130px;
	height: 113px;
	}	
	
#header2{
	position: absolute;
	margin: 0 auto;
	text-align: left;
	width: 267px;
	height: 15px;
	left: 37px;
	top: 45px;
	}	

#header3{
	position: absolute;
	margin: 0 auto;
	text-align: left;
	width: 267px;
	height: 15px;
	left: 37px;
	top: 50px;
	}	




.wraparound {
	float: left;
	clear: left;
	margin-top: 10px;
	margin-right: 1.25em;
	margin-bottom: 10px;
	margin-left: 0px;
}

#lettercontainer{
	position: absolute;
	left: 29px;
	width: 571px;
	top: 133px;
	height: 204px;
	padding: 0px 0px 0px 0px;
}

#contactcontainer{
	position: absolute;
	left: 37px;
	width: 571px;
	top: 75px;
	height: 204px;
	padding: 0px 0px 0px 0px;
}

	
 /* before and after pics(front page) */	
		
	#beforeimg{
	position: absolute;
	text-align: center;
	left: 144px;
	width: 215px;
	top: 811px;
	height: 170px;
	padding: 0px 0px 0px 0px;
	
}	
		
		
    #aftereimg{
	position: absolute;
	text-align: center;
	left: 382px;
	width: 215px;
	top: 811px;
	height: 170px;
	padding: 0px 0px 0px 0px;
	
}			


#loginbutton{
	position: absolute;
	left: 554px;
	width: 168px; 
	height: 15px;
	padding: 0px 0px 0px 0px;
	top: 302px;
	text-align: center;
}

#before{
	position: absolute;
	left: 258px;
	width: 42px;
	height: 13px;
	padding: 0px 0px 0px 0px;
	top: 137px;
	text-align: left;
}


#after{
	position: absolute;
	left: 326px;
	width: 42px;
	height: 13px;
	padding: 0px 0px 0px 0px;
	top: 137px;
	text-align: left;
}









#flash_movie{
	position: absolute;
	left: 155px;
	width: 595px; 
	height: 379px;
	padding: 0px 0px 0px 0px;
	top: 502px;
	text-align: center;
}

#headings{
	position: absolute;
	left: 242px;
	width: 128px; 
	height: 18px;
	padding: 0px 0px 0px 0px;
	top: 470px;
	text-align: left;
}

.border{
	border: 1px solid #CCCCCC;
}


#click{
	position: absolute;
	top:52px;
	left: 617px;
	width: 174px;
	height: 14px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	text-decoration: underline;

}



#menu_wrapper{
	position: absolute;
	top:35px;
	left: 195px;
	width: 412px;
	height: 11px;
	background-color: #FFFF00;
	

}
#logo/* smile gallery navigation bar */



{
	position: absolute;
	left: 106px;
	width: 56px;
	top: 296px;
	height: 38px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



#fullface{
	position: absolute;
	left: 131px;
	width: 108px;
	top: 358px;
	height: 38px;
	padding: 0px 0px 0px 0px;
}
#closeup{
	position: absolute;
	left: 239px;
	width: 111px;
	top: 358px;
	height: 38px;
	padding: 0px 0px 0px 0px;
}
#letter{
	position: absolute;
	left: 350px;
	width: 95px;
	top: 358px;
	height: 38px;
	padding: 0px 0px 0px 0px;
}
#video{
	position: absolute;
	left: 445px;
	width: 96px;
	top: 358px;
	height: 38px;
	padding: 0px 0px 0px 0px;
}
#lab{
	position: absolute;
	left: 541px;
	width: 58px;
	top: 358px;
	height: 38px;
	padding: 0px 0px 0px 0px;
}



#text_container{
	position: absolute;
	top:18px;
	left: 5px;
	width: 400px;
	height: 332px;
	padding: 4px 4px 4px 4px; 
	text-align: left;
	
}




#smile_largecontainer_center{
	position: absolute;
	top:216px;
	left: 188px;
	width: 554px;
	height: 263px;
	padding: 4px 4px 4px 4px; 
	text-align: center;
	border: 1px solid #BDB39A;
}

#video_container{
	position: absolute;
	top:11px;
	left: 117px;
	width: 325px;
	height: 244px;
	padding: 0px 0px 0px 0px; 
	text-align: center;
	border: 1px solid #BDB39A;
}











#nav_smile{
	position: absolute;
	text-align: right;
	left: 187px;
	width: 567px; 
	top: 503px;
	height: 29px;
	padding: 0px 0px 0px 0px;
}

















/* divs for menu - to stabilize the items */
#left{
	position: absolute;
	left: 0px;
	width: 113px;
	top: 0px;
	height: 39px;
	padding: 0px 0px 0px 0px;
}
#right{
	position: absolute;
	left: 719px;
	width: 130px;
	top: 0px;
	height: 39px;
	padding: 0px 0px 0px 0px;
}
#home{
	position: absolute;
	left: 0px;
	width: 100px;
	top: 0px;
	height: 39px;
	padding: 0px 0px 0px 0px;
}
#about_us{
	position: absolute;
	left: 100px;
	width: 179px;
	top: 0px;
	height: 39px;
	padding: 0px 0px 0px 0px;
}
#smile{
	position: absolute;
	left: 403px;
	width: 164px;
	top: 0px;
	height: 39px;
	padding: 0px 0px 0px 0px;
}

#procedures{
	position: absolute;
	left: 567px;
	width: 152px;
	top: 0px;
	height: 39px;
	padding: 0px 0px 0px 0px;
}


#consult{
	position: absolute;
	left: 279px;
	width: 124px;
	top: 0px;
	height: 39px;
	padding: 0px 0px 0px 0px;
}




#contact{
	position: absolute;
	left: 719px;
	width: 130px;
	top: 0px;
	height: 39px;
	padding: 0px 0px 0px 0px;
}

#login{
	position: absolute;
	left: 551px;
	width: 86px;
	top: 259px;
	height: 66px;
	padding: 0px 0px 0px 0px;
}












	
	
	
	
	





	
	
	
	#footerText {
	margin: 0 auto;   /* align for good browsers */
	text-align: center;
	width: 849px;
	height: 53px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	position: absolute;
	bottom: 2px;
	top: 890px;
	left: 0px;
	background-image: url(images/bg_footer.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	}
	
	#footerTextsm {
	margin: 0 auto;   /* align for good browsers */
	text-align: center;
	width: 849px;
	height: 53px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	position: absolute;
	bottom: 2px;
	top: 697px;
	left: 0px;
	background-image: url(images/bg_footer.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	}
	
	
	
.maintext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: left;
}

	
	
	p {
		margin: 0.3em 0.3em 0.5em 0.3em;
	}
.borderthick {
	border: 1px solid #FFFFFF;
}
.maintextunderline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: left;
	line-height: 19px;
	text-decoration: underline;
}
		
.wraparoundtop {
	float: left;
	clear: left;
	margin-top: 0px;
	margin-right: 1.25em;
	margin-bottom: 0.5em;
	margin-left: 0px;
}
#bannerright {
	position: absolute;
	left: 804px;
	height: 323px;
	width: 201px;
	top: 20px;
	height: 584px;
	padding: 0px 0px 0px 0px;
}
#bannermiddle {
	position: absolute;
	left: 277px;
	height: 323px;
	width: 527px;
	top: 20px;
	height: 524px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/middle.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#stretch100btm {
	position: absolute;
	left: 0px;
	height: 323px;
	width: 100%;
	top: 544px;
	height: 137px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/bgbottom.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#stretch100middle {
	position: absolute;
	left: 0px;
	height: 323px;
	width: 100%;
	top: 85px;
	height: 460px;
	padding: 0px 0px 0px 0px;
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #FFFFFF;
}
#textinsidenew {
	position: absolute;
	left: -23px;
	width: 362px;
	top: 135px;
	height: 91px;
}