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

body {
	background:#b3bccc url(images/background/bg_body.jpg) repeat-x left top;
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

#wrapper{
	width:800px;
	margin-left:auto;
	margin-right:auto;
}


/* =alignment
--------------------------------------------------------------------*/

.center{
	text-align:center;
}

/* =common rules
--------------------------------------------------------------------*/
* img{
	border:0;
}

.clearFloat{
	clear:both;
}

.space{
	clear:both;
	display:block;
	height:30px;
	width:20px;
}
.space_v2{
	clear:both;
	display:block;
	height:10px;
	width:5px;
}

p{
	margin:0;
	padding:0;
	margin-bottom:12px;
}

/* =masthead (logo)
--------------------------------------------------------------------*/
h1{
	background:url(images/branding/logo_ES.jpg) center top no-repeat;
	height:176px;
	padding:0;
	margin:0;
}

h1 a{
	display:block;
	text-decoration:none;
	margin-left:auto;
	margin-right:auto;
	width:220px;
	height:145px;
	text-indent:-10000px;
}

/* =mainNav
--------------------------------------------------------------------*/

ul#mainNav{
	list-style:none;

	padding:0;
	margin:0;
	padding-left:15px;
	height:28px;

	background:url(images/background/bg_mainNav.jpg) repeat-x left top;
	border:1px solid #999999;
	border-bottom:1px solid #b8babf;

	color:#666666;
	font-size:12px;
	font-weight:bold;
}

ul#mainNav li{
	margin:0;
	padding:0;
	float:left;
	padding-right:7px;
	padding-left:7px;
	margin-top:7px;
}

ul#mainNav li a{
	color:#999999;
	text-decoration:none;
	font-weight:normal;
}

ul#mainNav li a:hover{
	color:#666666;
}


/* =mainContent
--------------------------------------------------------------------*/

#mainContent{
	background:url(images/background/bg_mainContent.jpg) repeat-x left -1px #FFFFFF;
	border:1px solid #999999;
	border-top: 1px solid #dfe1e6;
}

#mainContent a{
	color:#02598f;
	text-decoration:underline;
}

#mainContent a:hover{
	color:#333;
	text-decoration:underline;
}
.bg_plain{
	background:#FFFFFF;
}

.HP{
	/*background: url(images/smiles/smile_HP.gif) no-repeat bottom right;*/
}

.smileGalery{
	/*background:url(images/background/bg_smileGalery_film.jpg) no-repeat top right;*/
}
.contactUs{
	background:url(images/title/title_h1_contactUs_center.jpg) no-repeat top center;
	/*background: url(images/background/bg_contactUs_phone.jpg) no-repeat right bottom;*/
}

/* =headers
--------------------------------------------------------------------*/

h2{
	padding:0;
	margin:0;
	font-weight:bold;
	text-indent:-10000px;

	display:block;
	width:200px;
	height:80px;
	margin-top:10px;

}

h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding:0;
	padding-top:20px;
	padding-bottom:20px;
}

h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:normal;
	background:url(images/background/bg_h4.gif) left bottom no-repeat;
	padding-bottom:20px;
	padding-top:5px;
	margin:0;
	clear:both;
}
h4.summaryTitle{
	background:none;
	background:url(images/background/bg_summary_underline.jpg) no-repeat center bottom;
	padding-bottom:0;
	padding-bottom:9px;
}

h5{
	font-size:12px;
	color:#6EB349;
	font-weight:bold;
	margin:0;
	padding:0;
}

.backToTop{
	display:block;
	float:right;
	padding-right:12px;
	background:url(images/common/arrow.gif) no-repeat right 4px;
	padding-bottom:30px;
}

#titleHome{
	background:url(images/title/title_h1_home.jpg) no-repeat top left;
}

#titleMeetTheTeam{
	background:url(images/title/title_h1_meeetTheTeam.jpg) no-repeat top left;
}

#titleFAQ{
	background:url(images/title/title_h1_FAQ.jpg) no-repeat top left;
}

#titleOurOffice{
	background:url(images/title/title_h1_ourOffice.jpg) no-repeat top left;
}

#titleSuccessStories{
	background:url(images/title/title_h1_successStories.jpg) no-repeat top left;
	float:left;
}
#titleHallOfFame{
	background:url(images/title/title_h1_hallOfFame.jpg) no-repeat top left;
	float:left;
}

#titleOurServices{
	background:url(images/title/title_h1_ourServices.jpg) no-repeat top left;
}

#titleSmileGallery{
	background:url(images/title/title_h1_smileGalery.jpg) no-repeat top left;
}

#titlePatientsForms{
	background:url(images/title/title_h1_patientsForms.jpg) no-repeat top left;
}

#titleContactUs{
	background:url(images/title/title_h1_contactUs.jpg) no-repeat top left;
}


/* =content
--------------------------------------------------------------------*/

#content{
	float:left;
	width:300px;
	padding-left:20px;
	padding-bottom:25px;
}
#content_v2{
	float:left;
	width:566px;
	padding-left:20px;
	padding-bottom:25px;
}

#content_v3{
	float:left;
	width:221px;
	padding-left:20px;
	padding-bottom:25px;
	background:url(images/services/DDS.jpg) no-repeat right 45px;
	height:360px;
	padding-right:345px;
}
#content_v3 .content{
	display:block;
	clear:both;
	margin-top:20px;
}

#content_v4{
	float:left;
	width:550px;
	padding-bottom:25px;
	background: url(images/services/practicePhilosophy.gif) no-repeat center 45px;
	height:580px;
	margin-bottom:30px;
}

#content_v4 .content{
	padding-top:100px;
	padding-left:180px;
	padding-right:150px
}
#content_v4 h3{
	padding-left:20px;
}


#content_v5{
	float:left;
	width:566px;
	padding-bottom:25px;
	background: url(images/team/credentials.jpg) no-repeat right 43px;
	margin-bottom:30px;
	padding-left:20px;
}

#content_v5 .content{
	padding-top:15px;
	padding-right:250px
}
#content_v2 .contentItem{
	width:500px;
}

#content_philosophy{
	float:left;
	width:566px;
	padding-bottom:25px;
	margin-bottom:30px;
	padding-left:20px;
	background:url(images/team/philosophy_quill.jpg) no-repeat right top;
}

#content_philosophy .content{
	padding-top:30px;
}
#content_philosophy .contentItem{
	display:block;
	padding-top:30px;
	padding-bottom:25px;
	border-top:1px solid #CCC;
	margin-right:70px;
}
#content_philosophy .contentItem.first{
	border:none;
	padding-right:150px;
	margin-right:0px;
}
#content_philosophy .contentItem .drWeiner{
	background:url(images/team/drWeiner_sign.jpg) no-repeat left bottom;
	height:60px;
	width:400px;
}
#content_philosophy .contentItem .drJames{
	background:url(images/team/drJames_sign.jpg) no-repeat left bottom;
	height:55px;
	width:400px;
}
#content_philosophy .contentItem .drSchemaille{
	background:url(images/team/drSchemaille_sign.jpg) no-repeat left bottom;
	height:55px;
	width:400px;
}
#content_philosophy .contentItem .drSapper{
	background:url(images/team/drSapper_sign.jpg) no-repeat left bottom;
	height:55px;
	width:400px;
}
#content_philosophy .contentItem .drSchnapp{
	background:url(images/team/drSchnapp_sign.jpg) no-repeat left bottom;
	height:55px;
	width:400px;
}
#content_philosophy .contentItem .galaPanova{
	background:url(images/team/galaPanova_sign.jpg) no-repeat left bottom;
	height:55px;
	width:400px;
}
#content_philosophy .contentItem .Marina{
	background:url(images/team/Marina_sign.jpg) no-repeat left bottom;
	height:50px;
	width:400px;
}
#content_philosophy .contentItem .Tanya{
	background:url(images/team/Tanya_sign.jpg) no-repeat left bottom;
	height:55px;
	width:400px;
}

.squigly{
	background: url(images/common/squigly2.jpg) center top no-repeat;
	width:100%;
	height:60px;
}


.contentItem{
	display:block;
	padding-top:30px;
	padding-bottom:10px;
}
.fist{
	padding-top:15px;
}
.contentItem .col1{
	float:left;
	width:240px;
	padding-right:20px;
}
.contentItem .col1a{
	float:left;
	width:290px;
	padding-right:20px;
}
.contentItem .col1_img{
	float:left;
	width:200px;
	padding-right:20px;
}
.contentItem .col2a{
	float:left;
	width:280px;
}

.contentItem .col2{
	float:left;
}

.contentItem .col2 img{
	padding:5px;
	border:1px solid #CCC;
	margin:10px;
	margin-right:0;
	display:block;
}

.contentItem .col2 img.noBorder{
	border:none;
	margin:0;
	padding:0;
}


.contentItem .col2 h5{
	padding-left:10px;
}
.contentItem .col2 p{
	width:180px;
}

.contentItem .col2.v1{
	padding-right:25px;
	margin-right:20px;
	border-right:1px solid #CCC;
	margin-bottom:20px;
}
.contentItem .col2.v1 img{
	margin-left:0;
}
.contentItem .col2.v1 h5{
	padding-left:0px;
}
.contentItem .col_fullImg img{
	padding:5px;
	border:1px solid #CCC;
	margin:10px;
	display:block;
	margin-right:0;
	margin-left:0;
	margin-left:auto;
	margin-right:auto;
	
}
.contentItem .col1_img_v2{
	float:left;
	width:290px;
	margin-right:20px;
}
.contentItem .col1_img_v2 img{
	padding:5px;
	border:1px solid #CCC;
	display:block;
	margin:0;
}

.contentItem .col2b{
	float:left;
	width:185px;
}

.sideBySide{
	display:block;
	padding-bottom:20px;
	clear:both;
}
.sideBySide img{
	padding:5px;
	border:1px solid #CCC;
	margin:10px;
	margin-top:0;
	margin-left:0;
	float:left;
}

.fullScreenImg{
	clear:both;
}

.contentItem .beforeAfter{
	clear:both;
	display:block;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:0;
	font-size:12px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#999;
}

#content_home{
	float:left;
	width:750px;
	padding-top:25px;
	margin-bottom:30px;
	padding-bottom:50px;
	padding-left:30px;
	background: url(images/common/squigly2.jpg) center bottom no-repeat;
}

#content ul{
}

#content ul li{
	padding-bottom:7px;
}

#summary{
}
.orthoIntro{
	background: url(images/services/orthoIntro.jpg) no-repeat right top;
	height:285px;
	margin-top:0px;
}
.whitening{
	background: url(images/services/whitening.jpg) no-repeat right top;
	height:210px;
}
.veneersIntro{
	background: url(images/services/veneersIntro.jpg) no-repeat right top;
	height:210px;
	margin-top:5px;
}
.lumineersIntro{
	background: url(images/services/lumineersIntro.jpg) no-repeat right top;
	height:179px;
	margin-top:5px;
}
.restylaneIntro{
	background: url(images/services/restylaneIntro.jpg) no-repeat right top;
	height:310px;
}
.tmjIntro{
	background: url(images/services/tmjIntro.jpg) no-repeat right top;
	height:230px;
}
#summary ul{
	padding:0;
	margin:0;
	padding-top:30px;
	list-style:none;
	width:320px;
}
#summary ul li{
	padding-bottom:5px;
}
#summary ul li a{
	text-decoration:none;
}


.drImg img{
	padding:5px;
	border:1px solid #CCC;
}

.drNameTitle{
	font-size:12px;
	font-weight:bold;
	/*background:url(images/background/frillyBit_photoTitle.jpg) right -20px no-repeat;*/
	display:block;
	height:50px;
	padding-top:15px;
	margin-right:1px;
}



#flash{
	margin:3px;
	margin-bottom:0;
}

#flash_v2{
	margin:3px;
	margin-bottom:0;
	text-align:center;
}

.horizontal_shadow{
	display:block;
	background: url(images/common/shadow.jpg) center bottom no-repeat;
	height:12px;
	width:100%;
}

.horizontal_shadow_v1{
	display:block;
	background: url(images/common/shadow.jpg) center top no-repeat;
	height:12px;
	width:100%;
}

.horizontal_shadow_v2{
	display:block;
	background:url(images/background/bg_summary_underline_bottom.jpg) no-repeat right top;
	height:20px;
	width:100%;
}


.horizontal_shadow_top{
	display:block;
	background: url(images/common/shadow_top.jpg) center top no-repeat;
	height:16px;
	width:100%;
}



/*___________________________________________________
												RSB*/
#rsb{
	float:left;
	/*background:url(images/smileGalery/rsb_separator.jpg) left 15px no-repeat;
	display:block;
	height:300px;*/
	width:200px;
	padding-top:27px;
	padding-left:20px;
	padding-bottom:25px;
}

/* =Contact Us
--------------------------------------------------------------------*/

#content_contactUs{
	width:100%;
}

#content_contactUs #man{
	float:left;
	display:block;
	background:url(images/contactUs/man.jpg) right top no-repeat;
	width:240px;
	height:346px;
}
#content_contactUs #info{
	float:left;
	background: url(images/contactUs/hr_bottom.jpg) no-repeat center bottom;
	padding-top:120px;
	padding-bottom:60px;
	margin-bottom:50px;
	text-align:center;
	width:325px;	
}
#content_contactUs #woman{
	float:left;
	display:block;
	background:url(images/contactUs/woman.jpg) no-repeat right top;
	width:150px;
	height:346px;
}


/* =Left Side Navigation
--------------------------------------------------------------------*/
#leftNav{
	float:left;
	padding:0;
	margin:0;
	clear:both;
	margin-bottom:50px;
}

#leftNav ul{
	padding:0;
	margin:0;
	list-style:none;
	padding-left:10px;
}

#leftNav li{
	list-style:none;
	font-size:11px;
	width:200px;
	padding:1px
}

#leftNav li a{
	display:block;
	width:180px;
	text-decoration:none;
	padding:7px;
	background: url(images/background/bg_leftNav_btn.jpg) top left repeat-x;
}

#leftNav li a:hover{
	background-position: left -7px;
	text-decoration:none;
}

#leftNav li.active{
}
#leftNav li.active a{
	display:block;
	width:180px;
	text-decoration:none;
	padding:7px;
	background: url(images/background/bg_leftNav_btn_active.jpg) top left repeat-x;
	color:#FFF;
}

#leftNav li.active a:hover{
	text-decoration:none;
	color:#FFF;
}


/* =Smile Galery contnet
--------------------------------------------------------------------*/

#content_smileGalery{
	float:left;
	width:550px;
	padding-left:20px;
	padding-bottom:25px;
}
#content_smileGalery .smileCase{
	clear:both;
}
#content_smileGalery .beforeAfterPhotos{
	float:left;
	width:267px;
	margin-right:15px;
	clear:none;
}

#content_smileGalery .beforeAfterPhotos .beforeAfterTitle{
	display:block;
	float:left;
	width:100%;
	background:url(images/common/arrow_beforeAfter.gif) 65px 10px no-repeat;
}
#content_smileGalery .beforeAfterPhotos .beforeAfterTitle h4{
	color:#6fb44a;
	padding:0;
	margin:0;
	font-size:18px;
	display:block;
	clear:none;
	background:none;
	padding-bottom:5px;
}
#content_smileGalery .beforeAfterPhotos .beforeAfterTitle h4.before{
	float:left;
}
#content_smileGalery .beforeAfterPhotos .beforeAfterTitle h4.after{
	float:right;
}
#content_smileGalery .beforeAfterPhotos .photos{
}

#content_smileGalery .beforeAfterPhotos .photos .faces,
#content_smileGalery .beforeAfterPhotos .photos .teeth{
	float:left;
	display:block;
	padding-bottom:7px;
}

#content_smileGalery .beforeAfterPhotos .before{
	float:left;
	margin-right:7px;
}
#content_smileGalery .beforeAfterPhotos .after{
	float:left;
}
#content_smileGalery .vSeparator{
	float:left;
	margin-top:10px;
	background:url(images/common/verticalSeparator.gif) left top no-repeat;
	display:block;
	width:19px;
	height:150px;
}
#content_smileGalery .vSeparator_v2{
	float:left;
	margin-top:0px;
	background:url(images/common/verticalSeparator.gif) left top no-repeat;
	display:block;
	width:19px;
	height:150px;
}
#content_smileGalery .caseDescription{
	float:left;
	width:210px;
	border-top:#CCC 1px solid;
	margin-top:10px;
	padding:10px;
	line-height:17px;
}
#content_smileGalery .caseDescription_v2{
	float:left;
	width:210px;
	border-top:#CCC 1px solid;
	margin-top:0px;
	padding:10px;
	line-height:17px;
}

/* =pagination
--------------------------------------------------------------------*/
#content_smileGalery .pagination{
	clear:both;
	background:url(images/background/bg_pagination.gif) right top no-repeat;
	width:530px;
	padding-top:50px;
}

#content_smileGalery .pagination ul{
	padding:0;
	margin:0;
	list-style:none;
	display:block;
	float:right;
}
#content_smileGalery .pagination ul li{
	padding:0;
	margin:0;
	list-style:none;
	display:block;
	float:left;
	padding-right:4px;
	padding-left:4px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}

#content_smileGalery .pagination ul li.inactive{
	color:#999;
}

#content_smileGalery .pagination ul li a{
	color:#000;
}
#content_smileGalery .pagination ul li.back_inactive{
	background:url(images/common/arrow_back.gif) left -11px no-repeat;
	padding-left:10px;
	color:#999;
	border-right:1px solid #CCC;
	padding-right:10px;
}
#content_smileGalery .pagination ul li.back a{
	background:url(images/common/arrow_back.gif) left 5px no-repeat;
	padding-left:10px;
	border-right:1px solid #CCC;
	padding-right:10px;
}
#content_smileGalery .pagination ul li.next_inactive{
	background: url(images/common/arrow_fwd.gif) right -11px no-repeat;
	padding-right:10px;
	color:#999;
	border-left:1px solid #CCC;
	padding-left:10px;
}
#content_smileGalery .pagination ul li.next a{
	background:url(images/common/arrow_fwd.gif) right 5px no-repeat;
	padding-right:10px;
	border-left:1px solid #CCC;
	padding-left:10px;
}

/* =successContent
--------------------------------------------------------------------*/
.thumbsUp{
	float:right;
	background:url(images/success/thumbsUp_v2.jpg) no-repeat right top;
	display:block;
	width:564px;
	height:177px;
	text-indent:-10000px;
}
.hallOfFame{
	float:right;
	background:url(images/hallOfFame/hallOfFame.jpg) no-repeat right top;
	display:block;
	width:564px;
	height:177px;
	text-indent:-10000px;
}
.successContent{
	padding:20px;
}

.successContent .sucessStory{
	clear:both;
	margin-left:20px;
}
.successContent .sucessStory .patient{
	float:left;
	padding:5px;
	border:1px solid #B3BCCC;
	margin-right:30px;
}
.successContent .sucessStory .story{
	float:left;
	width:450px;
}
.successContent .sucessStory .story_fame{
	float:left;
	width:300px;
}
.successContent .sucessStory .story .signature,
.successContent .sucessStory .story_fame .signature{
	float:right;
}

.hr_v1{
	clear:both;
	display:block;
	background:url(images/background/bg_pagination.gif) no-repeat right 20px;
	height:80px;
	width:725px;
}

.hr_v2{
	clear:both;
	display:block;
	width:500px;
	border-top:1px solid #CCC;
}



/* =footer
--------------------------------------------------------------------*/
#footer{
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:30px;
}

#footer .copyright{
	color:#dbe3f0;
}

.footnote{
	font-size:10px;
	margin-top:50px;
	padding-top:10px;
	border-top:1px solid #E0E0E0;
}

.footnote_v2{
	font-size:10px;
	margin-top:20px;
	padding-top:10px;
	border-top:1px solid #E0E0E0;
	font-style:italic;
}

