body{margin:0;color:#000;font:11px arial,sans-serif;	background:#1695a3 url("../images/bg-body.gif") repeat-x 50% 18px;}
img{border:none;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:underline;}
input, textarea, select{font:100% arial,sans-serif;vertical-align:middle;}
form, fieldset{margin:0;padding:0;border:none;}
#page{margin:0 auto;width:940px;padding-top:181px;position:relative;}
#header{width:924px;height:156px;margin:0 auto;position:absolute;top:0;left:8px;}
#page strong.logo{width:94px;height:84px;position:absolute;top:36px;left:8px;background:#1695a3 url("../images/logo.gif") no-repeat;z-index:100;}
#page strong.logo a{display:block;	width:94px;height:84px;text-indent:-9999px;overflow:hidden;}
#page h1{margin:0;position:absolute;background:#1695a3 url("../images/h1.gif") no-repeat;width:526px;height:38px;top:42px;left:122px;text-indent:-9999px;overflow:hidden;}
#page h2{margin:0;position:absolute;background:#1695a3 url("../images/h2.gif") no-repeat;width:/*310px*/540px;height:11px;top:89px;left:125px;text-indent:-9999px;overflow:hidden;}
#header ul{margin:0;padding:0;list-style:none;position:absolute;top:125px;left:0px;width:924px;height:31px;background:#1695a3 url("../images/menu.gif") no-repeat;}
#header ul li{float:left;	padding:0 1px;}
#header ul li a{display:block;height:31px;overflow:hidden;text-indent:-9999px;width:152px;}
#header ul li a.welcome{background:url("../images/menu.gif") no-repeat -1px 0;}
#header ul li a.welcome:hover, #header ul li.active a.welcome{background-position:-1px -31px;}

#header ul li a.about{background:url("../images/menu.gif") no-repeat -155px 0;}
#header ul li a.about:hover, #header ul li.active a.about{background-position:-155px -31px;}

#header ul li a.patients{background:url("../images/menu.gif") no-repeat -309px 0;}
#header ul li a.patients:hover, #header ul li.active a.patients{background-position:-309px -31px;}

#header ul li a.service{background:url("../images/menu.gif") no-repeat -463px 0;}
#header ul li a.service:hover, #header ul li.active a.service{background-position:-463px -31px;}

#header ul li a.before{	background:url("../images/menu.gif") no-repeat -617px 0;}
#header ul li a.before:hover, #header ul li.active a.before{background-position:-617px -31px;}

#header ul li a.contact{background:url("../images/menu.gif") no-repeat -771px 0;}
#header ul li a.contact:hover, #header ul li.active a.contact{background-position:-771px -31px;} 

#content{
	background:url("../images/shadow-top.png") no-repeat;
	padding-top:8px;
	height:100%;
}
.holder{
	background:url("../images/bg-content.png") repeat-y;
	padding:10px 19px 11px 18px;
	height:100%;
}
.top-box{
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
}
.top-box img{
	float:left;
}
.top-box .quote{
	width:/*157px --> 281px xx */263px;
	height:248px;
	background:url("../images/bg-quote.gif") no-repeat right;
	float:right;
	padding:22px /*124px 0 xx*/18px  0 18px;
}
.top-box .quote p{
	margin:0;
	font:12px Tahoma, sans-serif;
	color:#7aa43f;
	padding:0;/*12px 0;*/
}
.top-box .quote span{
	margin-left:73px;
	padding-top:15px;
	font:bold 12px Tahoma, sans-serif;
	color:#7aa43f;
	display:block;

}
.main{
	width:100%;
	overflow:hidden;
	background:url("../images/bg-main.gif") repeat-y 0 0;
	margin-bottom:11px;
}
.main .text{
	width:544px;
	float:left;
	padding:21px 26px 0 24px;
}
.main .text h3{
	margin:0;
	font:18px/21px Arial, sans-serif;
	color:#81a74b;
}
.main .text p{
	margin:0;
	font:12px/21px Arial, sans-serif;
	color:#333;
	padding:10px 0;
}
.main .flash{
	width:287px;
	float:right;
	background:url("../images/bg-flash.gif") repeat-x 0 0;
	padding:9px 0 10px 12px;
}
.main .flash h3{
	font:19px/19px Tahoma, sans-serif;
	margin:0 0 17px 0;
	color:#9dc16b;
}
.main .flash div.flash-holder{
	background:#fff;
	width:271px;
	padding:1px;
}
.bottom-box{
	width:100%;
	overflow:hidden;
	background:url("../images/bg-bottom-box.gif") repeat-y 0 0;
}
.bottom-box .forms{
	width:339px;
	float:left;
	background:#e2f7c5 url("../images/bg-forms.gif") repeat-x 0 0;
	padding:10px 20px 0 16px;
}
.bottom-box .forms h3{
	margin:0 0 11px 0;
	font:19px/19px Tahoma, sans-serif;
	color:#9dc16b;
}
.bottom-box .forms p{
	margin:0;
	padding:12px 0 0 8px;
	font:12px/21px Arial, sans-serif;
}
.bottom-box .forms .form{
	font:11px/22px Arial, sans-serif;
	color:#737373;
	margin-top:35px;
}
.forms .form div{
	width:288px;
	overflow:hidden;
	padding:0 0 0 8px;
	margin-bottom:8px;
}
.forms .form label{
	float:left;
	width:93px;
	text-align:right;
	margin-right:14px;
}
.forms .form input, .forms .form textarea#question{
	border:1px solid #a5a5a5;
	float:left;
	width:173px;
	padding:4px 3px 3px 3px;
	font:11px/11px arial,sans-serif;
}

.forms .form textarea#question{
	height:85px;
}
.forms .form div.phone{
	float:left;
	width:181px;
	overflow:hidden;
	margin:0;
	padding:0;
}
.forms1 ul{margin:0px 0 0 0;padding:20px 0 0 0;list-style:none;}
.forms1 {padding:10px 20px 0 16px;width:90%;}
.forms1 .form label{float:left;width:123px;text-align:right;margin-right:14px;}
.forms1 .form input{border:1px solid #a5a5a5;float:left;width:193px;padding:4px 3px 3px 3px;margin:2px 0 2px 0; font:11px/11px arial,sans-serif;}
.forms1 .form div.phone{float:left;width:181px;overflow:hidden;margin:0;padding:0;}
#close {float:right;margin-bottom:0px;display:block;height:50px;width:100%;text-align:right;}
#close a {font-size:25pt;margin-right:5px;}
#close a:hover {text-decoration:none;}
.form input.phone-f{width:40px;float:left;margin-right:11px;}
.form input.phone-s{width:40px;float:left;}
.form input.phone-t{width:56px;float:right;}
.form a.sign{display:block;width:138px;height:28px;text-align:center;background:url("../images/sign-up.gif") no-repeat;font:bold 12px/26px Tahoma, sans-serif;color:#599307;float:right;margin-top:10px;clear:both;}
.form a.sign:hover{text-decoration:none;}
.forms1 .form .clear {display:block;clear:left;width:100%;}


.bottom-box .reason{width:440px;float:right;background:#caf988 url("../images/bg-reason.gif") repeat-x 0 0;padding:16px 0 26px 75px;}
.bottom-box .reason h3{margin:0 0 40px 0;background:#caf988 url("../images/h-reason.gif") repeat-x 0 0;width:352px;height:86px;text-indent:-9999px;overflow:hidden;}	

.bottom-box .reason ul{margin:0;padding:0;list-style:none;margin-left:16px;}
.bottom-box .reason ul li{padding:2px 0 2px 34px;height:26px;}
.bottom-box .reason ul li a{font:bold 17px Arial, sans-serif;color:#7a9750;}
.bottom-box .reason ul li.one{background:url("../images/one.gif") no-repeat 0 0px; margin-bottom:15px; /*xx*/}
.bottom-box .reason ul li.two{background:url("../images/two.gif") no-repeat 0 0px;}
.bottom-box .reason ul li.three{background:url("../images/three.gif") no-repeat 0 0px; margin-bottom:15px; /*xx*/}
.bottom-box .reason ul li.four{background:url("../images/four.gif") no-repeat 0 0px;}
.bottom-box .reason ul li.five{background:url("../images/five.gif") no-repeat 0 0px;}
#footer{background:url("../images/shadow-bottom.png") no-repeat;overflow:hidden;width:916px;padding:4px 12px 10px 12px;}
#footer ul{margin:0;padding:0;list-style:none;float:left;}
#footer ul li{display:inline;padding-right:25px;}
#footer ul li a{font:12px/21px Arial, sans-serif;color:#d5ecf3;}
#footer p{margin:0;font:12px/21px Arial, sans-serif;	color:#f3ffe2;float:right;}

.contentsliderbox {width:594px; height:270px;}

.greenbox {background-color:#D7F9A8;padding:0px;margin:0px;}

.greenbox h3{text-indent:0px; overflow:auto; background-image:none; margin:0; padding:15px 0 0 29px; display:block; font-size:22px; color:#77A439; font-weight:100;margin:0px;}

.ListingTestimonial {float:right; background-image:url(../images/Before_and_After_Testimonial_bg.gif); width:394px; height:223px; margin:10px 10px 10px 10px;}
.ListingTestimonial h2 {padding: 45px 0 0 30px;}

.ListingHeader {height:180px; width:400px; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:20px; padding: 0 0 0 30px;margin:0 0 0 0px;}

.ListingBox {padding:15px; background-color:#E7FBCB; margin: 10px 10px 10px 10px;}
.ListingBox h3{padding:0 0 0 0; color:#000000; font-size:20px; overflow:hidden;}

.ListingText {float:right; width:525px; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:22px; }
.ListingText p {margin:5px 0 20px 0;}

.videotestimoniallink {background-color:#499201;padding:10px 15px 10px 40px ; font-size:14px; color:#FFF; font-weight:bold; width:300px; background-image:url(../images/videoicon.png); background-repeat:no-repeat; background-position:10px 8px; margin:10px 0 0 0;}
.videotestimoniallink:hover {text-decoration:none; background-color:#060;}

.BAButtons { }
.BAButtons a{color:#FFFFFF;text-decoration:none;display:block;background-color:#86CE24;padding:0px 8px 0px 8px; font-size:9px;font-family:Arial, Helvetica, sans-serif; float:left;margin:0px 0px 0 2px; line-height:15px;}
.BAButtons a:hover{background-color:#499201; text-decoration:none;}
.BAButtons strong {display:block; padding:0 0 3px 0; height:20px;} 


.ListingImageHolderLarge {width:240px; padding: 0px 0px 15px 0px; text-align:center; background-color:E7FBCB; margin:0 0 0 25px;}
.ListingImageHolderLarge img{margin: 5px 5px 5px 5px;}
.ListingImageHolder {height:205px; width:300px; padding: 0px 0px 15px 0px; text-align:center; background-color:E7FBCB; margin-right:75px;}
.ListingImageHolder img{margin: 5px 5px 5px 5px;}


.ListingImageLeft {width:135px; float:left; background-color:#FFFFFF; margin: 0 15px 0 0;}

.ListingImageRight {width:135px; float:left; background-color:#FFFFFF; margin: 0 0 0 15px;}

.ListingImageLarge {width:230px; float:left; background-color:#FFFFFF;}
.ListingImageLargeBottom {width:230px; float:left; background-color:#FFFFFF; margin: 0 0 10px 0;}

.OurPatientsPicture {float:left; height:199px; width:229px;  padding:10px 15px 10px 10px; }

.OurPatientsTextBox {height:190px; width:430px; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:22px; padding: 0 0 0 30px; font-size:12px;}
.OurPatientsHeader {float:right; padding:10px 10px 10px 10px;}

.VideoBox{height:230px;}
.warn{color:red;padding:0px 2px 0px 2px;}

.OurPatientsBox {font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:18px; height:220px; width:420px;background-color:#E7FBCB; margin:0px 0px 0px 10px;padding:0 15px 0 0; float:left;}
.OurPatientsBox h3{color:#000000; font-size:20px; overflow:hidden;text-align:left;padding:0;margin:15px 0 5px 0; height:22px;}
.OurPatientsBox a{color:#FFFFFF;text-decoration:none;display:block;background-color:#86CE24;padding:0px 8px 0px 8px;font-size:9px;font-family:Arial, Helvetica, sans-serif; float:left;margin:0px 0px 0 2px; line-height:15px;}
.OurPatientsBox a:hover{background-color:#499201; text-decoration:none;}
.OurPatientsBox ul {margin:0;padding:0;list-style:none;}
.OurPatientsBox ul li {line-height:1;padding:0px 0 2px 0;display:block;height:15px;}

.PatientForm {margin-left:10px;height:48px;width:480px;}


.ServicesTextBox {height:145px; width:440px; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:22px; padding: 0 0 0 30px; }
.ServicesTextBox a{text-decoration:none;}
.ServicesTextBox img{text-indent:15px;}

.ServicesList {height:230px; background-color:#E7FBCB; padding:15px 15px 15px 15px; margin: 0px 10px 10px 10px;}
.ServicesList h3{padding:0; color:#77A439; margin:0;}
.ServicesList a{color:#FFFFFF;text-decoration:none;display:block;background-color:#86CE24;padding:0px 8px 0px 8px; font-size:9px;font-family:Arial, Helvetica, sans-serif; float:left;margin:0px 0px 0 2px; line-height:15px;}
.ServicesList a:hover{background-color:#499201; text-decoration:none;}


.ServicesPicture {float:left; width:270px; height:155px;}


.ServicesText {float:right; height:158px; width: 550px; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:22px;}


.ServicesTestimonial {float:right; background-image:url(../images/Before_and_After_Testimonial_bg.gif); width:394px; height:223px; margin:10px 10px 10px 10px;}


.Testimonial {float:right; margin: 15px 15px 0 0; color:white;}

a.Button {background-image:url(../images/Button_Video_Testimonials.jpg);display:block; height:19px; width:136px; margin: 15px 0 0 15px; color: #77A439;text-align:center; font-size:10px;padding:7px 0 0 0;font-family:Arial, Helvetica, sans-serif;}
a.Button:hover {background-position:0 26px; text-decoration:none;}

.MeetOurPatients {margin: 25px 0 0 15px;}

.ServicesButtonsList {height:148px; background-color:#E7FBCB; padding:15px 15px 15px 15px; margin: 45px 10px 10px 10px;}
.ServicesButtons {float: left; height: 150px; width: 213px; margin:0px 0px 0px 0px; }
.ServicesButtons a{background-image:url(../images/Services_List_Box.jpg); display:block; height:28px; width:203px;margin: 0 0px 10px 0; text-align:center; color: #77A439; font-size:12px;font-family:Arial, Helvetica, sans-serif; padding:14px 5px 0 0;}
.ServicesButtons a:hover{background-position:0 42px; text-decoration:none;}

.BonnFamily {float:left; padding:15px 15px 5px 0;}


.DrBonnVideoArea {float:right; margin:0px 0px 0 0; background-color:#E2F7C5; border-left:12px solid #FFFFFF; width:320px; height:612px;}
.DrBonnVideoArea h3 {margin: 0px 0 10px 0; padding:10px; font-size:18px; background-color:#D3F2A8; text-align:center;}
.AboutText {float:left;width:530px;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:20px 0 0 0px; padding:0 10px 0 30px; line-height:22px;}
.AboutSpace {float:right;height:300px; width:320px; background-color:#E2F7C5; border:#000000; margin:10px 7px 0 0px; padding:10px; }

.OurOffice {height:760px;width:392px;float:right;background-color:#B7E775;margin:10px 10px 0px 0;}
.OurOffice p{font-size:12px;margin-left:30px;line-height:18px;}
.HoursofOperation {height:92px;width:406px;background-image:url(../images/dr_bonn_hours_of_operation.jpg);margin:0 10px 0 0;float:right}
.HoursOfOperation img{margin:0px 10px 0px 0;} 


.ContactOffice {height:33px;width:481px;background-color:#C3EC8A; line-height:32px;font-size:16px;text-indent:15px;color:#8EB756;}
.ContactLeft { margin:5px 0 0 10px;}
.ContactForm {height:483px;width:481px;background-color:#E7FBCB;}
.ContactForm form{font-size:11px;padding:15px 0 0 0;margin:0 10px 0 10px;}
.ContactForm p{font-color:#A5A5A5;}

.contactform {}
.contactform input{border:1px solid #B4B4B4;}
.formfield {border:1px solid #B4B4B4; background-color:#FFFFFF; margin:0 0px 10px 10px;height:25px;width:220px; font-size:15px; padding:5px 0 0px 5px;}
.contactform label {float:left;margin:5px 0 0 0; text-align:right; display:block; width:150px; padding:5px 0 0 0;}
.contactphone input {height:27px;width:60px; margin:0 0 15px 10px;}
.contactphone .contactphone3 {width:80px;}
.serviceinterests {width:300px; margin:0 0 0 160px;}
.serviceinterests input {float:left; margin:0 10px 0 0;}
.serviceinterests span {display:block; height:30px;}
.commentsbox {margin:0 0 10px 10px; width:270px; height:150px; border:1px solid #B4B4B4;}

.PictureBox {height:220px;width:266px;float:right;padding:15px 15px 15px 15px;margin:0px 10px 10px 10px; background-color:#E7FBCB;}


iframe {z-index:0;}



/* slightly enhanced, universal clearfix hack xx */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.DrBonnVideoArea .forms #form_switch #thankyou{width:280px; margin-left:auto; margin-right:auto;}