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

@import url('reset.css');

html{ height: 100%;}
body{font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 90%; background: #FBFBFB; height: 100%;}
.clear{ clear:both;}
strong, .strong{ font-weight: bold;}
.strong{color: #0C4976;}
#wrapper{background: #E6E6E6 url("../images/bodybg.png") center repeat-y; width: 1000px; margin: 0 auto; }
#header, #content, #footer{ width: 960px; margin: 0 auto;}
#header{ height: 210px; background: #FFFFFF url("../images/headerbg.png") top center repeat-x; padding: 35px 0px 0px; }
#logo{margin-left: 10px; margin-top: 0px; float: left;}
#contact{float: right; padding-top: 15px; margin-right: 70px; background: url("../images/mobile.gif") no-repeat center left;}
p.contact{font-size: 145%; color: #0C4976;  padding-left: 25px;}
#sitenav{float: right;  margin-top: 10px; margin-right: 15px; width: 600px;}
.navitem{float: right; width: 135px; padding-left: 2px; margin-right: 15px;}
.navlast{margin-right: 0;}
.navitem a{color: #CCCCCC; text-decoration:none; line-height: 110%; }
.navitem a.selected, .navitem a:hover{color: #E59E19;}
/* #aboutnav{background: url("../images/about.png") no-repeat;}
#osteonav{background: url("../images/osteo.png") no-repeat;}
#treatnav{background: url("../images/treat.png") no-repeat;} */
#title{position: absolute; top: -400px; float: left; width: 100px;} /*keeps title text off screen */

#content{background: #ffffff url("../images/contentbg.png") repeat-x 0 -50px; min-height: 570px; _height: 570px;}

#leftcol{width: 410px; margin-top: 20px; margin-left: 15px; float: left;}
#rightcol{width: 450px; margin-top: 20px; margin-right: 15px; float: right;}
#leftcol_t{width: 380px; margin-top: 20px; margin-left: 15px; float: left;}
#rightcol_t{width: 520px; margin-top: 20px; margin-right: 15px; float: right;}

#introbox li{ font-size: 100%; margin-top: 15px; margin-left: 30px; font-weight: bold; list-style-type: disc;}
#pageintro{margin-bottom: 15px;}
#textbox{font-size: 110%; line-height: 120%; margin-top: 45px;}
#textbox strong{color: #0C4976;}
p{font-size: 90%; line-height: 120%; margin-bottom: 10px; font-family: Verdana;}
h1{font-weight: bold; font-size: 125%; margin-bottom: 10px; color: #0C4976;}
h2{font-weight: bold; font-size: 115%; margin-bottom: 10px; color: #0C4976;}
.inlineimg{margin: 10px 0 15px 15px;}
.firstpara{margin-top: 40px;}
#flashbox{margin-top: -40px; margin-bottom: 30px; text-align: center; position: relative;}
#flashbox div{background: url("../images/flashbg.png") no-repeat 25px top; padding-left: 25px; height: 265px; text-align: left;}
#portrait{margin-top: 30px;}

/* quote on index page */
.quotebox{  margin-left: -5px; padding-bottom: 10px; width: 455px; background: url("../images/quote_body_455.png") no-repeat bottom; position: relative;}
blockquote{width: 425px; text-align: left; background: url("../images/quote_top_455.png") no-repeat top; padding: 15px 15px 25px; line-height: 115%;}
blockquote p{margin-bottom: 7px;}
span.attributed{color: #0C4976; font-size: 110%; font-weight: bold; margin: 0 0 -5px 75px; display: block;}

#treatment ul{margin: 20px 0px 20px 0;}
#treatment li { list-style-type: disc; margin-left: 15px; margin-top: 10px;}

#pricing{margin-top: 20px;}
#pricing h1{font-size: 140%;}
.clinicdetails{margin-left: 15px;}
.address{width: 150px; float: left;}
.clinictimes{float: right; width: 300px;}

ul.links li{margin-top: 5px;}

/*footer */
#footer{background:#E6E6E6; height: 190px; border-top: solid 2px #CCCCCC; clear: both;}
#contactdetails{ float: right; margin-top: 10px; margin-right: 90px;  color: #0C3A75; line-height: 115%;}
#contactdetails a{color: #0C3A75; text-decoration: none;}
#contactdetails a:hover{text-decoration: underline;}
#footerimages{margin-top: 20px; margin-left: 20px; position: relative; width: 550px;}
#footerimages img{position: relative; bottom: 1px;}
#boalogo, #certlogo{margin-left: 25px;}
#bottomnav{height: 30px; text-align: center; background-color: #666666; border-top: 1px #333333 solid; border-bottom: 1px #333333 solid; margin-top: 15px; line-height: 30px; color:#DDDDDD;}
#bottomnav a{color: #DDDDDD; text-decoration: none;}
#bottomnav a:hover{text-decoration: underline;}

#bodyfoot{background:#E6E6E6 url("../images/bodyfoot.png") center bottom no-repeat; height: 25px; margin: 0 auto; width: 1000px;}
.error{color: #FF0000; font-size: 80%;}