﻿body{background-image:url(../images/style/bg.jpg); font: 100.01%/1.3 Verdana,Arial,sans-serif; color:#000}
h3{border-bottom: 1px dotted #000000}

#divcontent{width:990px; height:auto}
#divcontent, #divheader{margin:0px auto}
#divcontent, #divheader, #navigationcontainer, ul#topnav.v2 a{background-color:#fff}
#divcontent, #divheader, div.navigation, #navigationcontainer, div.navigation ul{margin:0px auto}
#divheader, #divlogoleft, #divlogoright, .leftcolumn, .leftcolumncontent{padding:5px;}
#divlogoleft, #divlogoright{height:150px; background-repeat:no-repeat}
#divheader{width:980px; height:160px}
#divlogoleft{width:750px; background-image:url(../images/style/optomeyes-logo.jpg)}
#divlogoright{width:200px; background-image:url(../images/style/spectacles-logo.jpg)}
#divlogoright, #rightcolumn, div.navigation{float:right}
#divlogoleft, .leftcolumn, ul#topnav a, ul#topnav li, ul#topnav span{float:left}
.leftcolumn, #rightcolumn{background-color:#D4EDE9}
.leftcolumn{margin:5px; width:205px; height:auto}
#rightcolumn{width:760px;margin:5px 5px 5px 0px; min-height:550px; height:auto}
.leftcolumncontent{text-align:right}
.leftcolumncontent h3, h4, p{text-align:left}
#lowermenu{font: normal 10px Verdana,Arial,sans-serif; text-align:center; width: 100%}
 
#navigationcontainer{width:960px}
div.navigation{width:100%}
ul#topnav{list-style:none; font-size:1.0em}
div.navigation, ul#topnav li{height:40px;}
ul#topnav li{margin:0; overflow:hidden;}
ul#topnav li, ul#topnav{padding:0}
ul#topnav a, ul#topnav span {padding:10px 20px; text-decoration:none; text-transform:uppercase; height:20px; line-height:20px; background:#000}
ul#topnav a, ul#topnav span, #lowermenu, #lowermenu a{color:#FFF}
ul#topnav span{display:none}
div.navigation, ul#topnav.v2 span{background-color:#000}
ul#topnav.v2 a{color:#000}
.rightcolumncontent, .introleft, .frame{padding:10px}
.contentslideshow{padding-left:7px}

#appointmentleft, #appointmentright{width:45%}
#appointmentleft, .introleft, .verticalsplitter, .frame{float:left}
#appointmentright, .contentslideshow{float:right}

.frame{width:155px; height:160px} 
.frame a{font-family:arial,sans-serif;font-size:11px; color:#4D4D4D;font-weight:bold;text-decoration:none;}
.frame img{ width:140px; height:120px}
.verticalsplitter{width:10px}
.introleft{width:220px; height:200px}
.introleft, .frame{color:#005999; background:#FFF}
.introleft p, .frame, .frame p{text-align:center}

.splitter, .verticalsplitter{height:15px}

.clear, ul#topnav, ul#topnav a, ul#topnav span{clear:both}


