@import url(reset.css);

#container{
width: 900px;
min-height: 600px;
margin: 0 auto;
background: #FFF url(images/containerbg.png) repeat-y;
font: normal 11px "Helvetica Neue",tahoma,arial, sans-serif;
}
#header{
width: 900px;
height: 141px;
background: url(images/headerbg.gif) no-repeat 25px 0;
}
#navcontainer{
width: 900px;
height: 32px;
background: url(images/navbg.gif) repeat-x;
}
#maincontent{
width: 900px;
min-height: 770px;
padding: 0 0 15px 0;
}
blockquote{
font: italic normal 12px georgia, "Times New Roman", serif;
text-align: center;
line-height: 19px;
border-top: 1px dotted #333;
border-bottom: 1px dotted #333;
padding: 5px 15px;
margin: 5px;
background: #FDFAF4;
}
#homeheadline{
width: 900px;
min-height: 398px;
background: url(images/topboxgradient.gif) repeat-y;
padding: 0 0 30px 0;
}
#homeheadline img{
margin: 5px 0 0 5px;
}
#headlineleft{
float: left;
display: inline;
width: 310px;
margin: 0px 0 0 15px;
}
#headlineright{
float: right;
display: inline;
width: 540px;
min-height: 100px;
margin: 0px 15px 0 0;
position: relative;
}
#subcontent{
background: url(images/topboxshadow.gif) no-repeat center top;
padding: 5px 0 0 0;
min-height:350px;
}
#homeleftcol{
width: 340px;
min-height: 100px;
margin: 5px 0 0 15px;
padding: 0 10px 0 0;
float: left;
display: inline;
border-right: 2px solid #CCC;
}
#homeleftcol img{
margin: 0 5px 5px 0;
}
#homerightcol{
width: 520px;
height: 180px;
margin: 5px 10px 0 0;
float: right;
display: inline;
}
#homerightcol div.floatLeft{
width: 240px;
margin: 0 0 0 5px;
}
#leftcol{
width: 270px;
float: left;
display: inline;
margin: 15px 0 0 15px;
}
#rightcol{
width: 565px;
float: right;
display: inline;
margin: 15px 15px 0 0;
min-height: 100px;
}
#footer{
width: 900px;
height: 100px;
background: #DFD29D;
border-top: 2px solid #AAA075;
padding: 0 0 10px 0;
}
/* ====================== Navigation =================== */
.navigation {
padding:0 0 0 10px; 
margin:0; 
list-style:none; 
height:29px; 
background:transparent ; 
position:relative; 
z-index:500; 
font: normal 12px "Copperplate Gothic light","trajan pro", georgia, "Times New Roman", serif;
}
.navigation li.top {
display:block; 
float:left;
}
.navigation li a.top_link {
display:block; 
float:left; 
height:29px; 
line-height:27px; 
color:#666; 
text-decoration:none; 
font-size:12px; 
padding:0 0 0 5px; 
cursor:pointer;
}
.navigation li a.top_link span {
float:left; 
display:block; 
padding:0 15px 0 10px; 
height:36px;
}
.navigation li a.top_link:hover {
color:#70b8c4;
}
.navigation li a.top_link:hover span {
}
.navigation table {
border-collapse:collapse; 
width:0; 
height:0; 
position:absolute; 
top:0; 
left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.navigation a:hover {
visibility:visible; 
position:relative; 
z-index:200;
}
.navigation li:hover {
position:relative; 
z-index:200;
}
/* keep the 'next' level invisible by placing it off screen. */
.navigation ul {
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0; 
margin:0; 
padding:0; 
list-style:none;
}
.navigation ul.sub1 {
width:auto;
}
.navigation ul.sub2 {
width:auto;
}
.navigation ul.sub3 {
width:auto;
}
.navigation ul.sub4 {
width:auto;
}
.navigation :hover ul {
left:0; 
top:32px; 
background: #FFF url(images/dropdownbg.gif) repeat-x; 
padding:3px; 
white-space:nowrap; 
height:auto; 
z-index:300;
border-bottom: 3px solid #e9feeb;
}
.navigation :hover ul li {
display:block; 
height:20px; 
position:relative; 
font-weight:normal; 
width:auto;
}
.navigation :hover ul li a {
display:block; 
font-size:11px; 
height:20px; 
line-height:20px; 
width:auto; 
padding:0 10px; 
color:#000; 
text-decoration:none;
font-family: arial, sans-serif;
}
.navigation :hover ul li a:hover {
background:#E6ECAC; 
color:#fff;
}
/* =================== Typography ====================== */
h1{}
#homeheadline h1{
font: normal 24px "Copperplate gothic light","Trajan Pro", Georgia, serif;
margin: 35px 0 10px 0;
text-transform: uppercase;
color: #70B8C4;
}
h2{
font: normal 16px "Trajan Pro", Georgia, serif;
color: #0f3353;
}
#headlineright h2{
font: normal 18px "Trajan Pro", "Times New Roman", serif;
}
#homeleftcol h2{
margin: 10px 0 0 0;
}

h3{}
#headlineright h3{
font: bold 18px arial, sans-serif;
color: #3A7AA0;
}
.address h3{
font: normal 18px "copperplate gothic light", "trajan pro",georgia, serif;
color: #999933;
margin: 0 0 10px 0;
}
#homerightcol h3{
font: normal 16px "copperplate gothic light","trajan pro",georgia, serif;
color: #999;
margin: 10px 0 0 0;
}
h4{}
h5{
font: bold 12px "copperplate gothic light","trajan pro", georgia, serif;
color: #3A7AA0;
}
p{}
#maincontent p{
margin: 10px 0;
}
#homeleftcol p, #homemidcol p{
margin: 0 0 5px 0;
padding: 0 5px 0 0;
line-height: 16px;
}
#homeheadline p{
line-height: 18px;
margin: 5px 0;
font-size: 11px;
padding: 0 15px 5px 0;
}
#headlineleft .address{
margin: 10px 0 0 0;
padding: 10px 0 0 0;
border-top: 1px solid #999;
width: 90%;
padding: 5px;
}
#footer p{
color: #000;
margin: 10px 10px 0 0;
text-align: center;
}
p.quote{
font: normal 12px georgia, serif;
line-height: 18px;
float: right;
width: 160px;
}
p.author{
text-align: right;
padding: 0 15px 0 0;
line-height: 14px;
font: normal 11px arial, sans-serif;
}
small{}
#headlineleft small{
font: normal 12px "Trajan Pro", "Times New Roman";
color: #999;
}
/* ================== Lists ============================ */
.address ul li{
font: normal 12px arial, sans-serif;
color: #999;
margin: 3px 0;
text-transform: uppercase;
}
.address ul li strong{
font: bold 12px "copperplate gothic light", "trajan pro", georgia, serif;
color: #70B8C4;
}
.address ul li span{
color: #70B8C4;
}
#headlineright .gallery{
width: 485px;
}
#headlineright .gallery img{
margin: 0;
padding: 0;
}
#headlineright  .gallery li{
list-style-type: none;
float: left;
width: 75px;
border: 1px solid #CCC;
margin: 3px;
padding: 5px;
}
#headlineright  .gallery li a{
float: left;
display: block;
margin: 0;
padding: 0;
}
#footer ul{
padding: 10px 0 10px 0;
margin: 0 0 10px 0;
width: 720px;
position: relative;
left: 50%;
margin: 0 0 0 -360px;
}
#footer ul li{
float: left;
display: inline;
margin: 0 2px 0 0;
border-right: 1px solid #000;
}
#footer ul li a, #footer ul li a:visited{
text-decoration: none;
color: #000;
float: left;
display: inline;
padding: 0 5px;
text-transform: capitalize;
font: normal 11px tahoma, arial, sans-serif;
}
ul.floatLeft{
float: left;
display: inline;
list-style-type: square;
margin: 0 65px 0 15px;
}
ul.floatLeft li{
margin: 5px 0;
list-style-type: square;
}
#headlineright ul {
margin: 0px 50px 10px 25px;
float: left;
display: inline;
}
#headlineright ul li{
margin: 5px 0px 5px 0;
list-style-type: disc;
}
#header a{
display: block;
width: 300px;
height: 100px;
float: left;
margin: 10px 0 0 25px;
}
#headlineright .contactform ul li{
list-style: none;
margin: 5px 0;
}
.contactform ul li label{
display: block;
}
.contactform ul li input{
width: 156px;
}
.contactform ul li textarea{
width: 290px;
height: 130px;
}
#send{
width: 112px;
height: 28px;
display: block;
border: none;
text-indent: -100em;
overflow: hidden;
cursor: pointer;
background: url(images/submitbtn.gif) no-repeat;
}
.messagesent{
width: 90%;
padding: 0 15px 0 0;
margin: 20px 0 0 0;
}
.patientPDF{
display: block;
width: 100px;
height: 98px;
position: absolute;
right: 100px;
background: url(images/patientform.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
}
.officeMap{
display: block;
position: absolute;
right: 125px;
top: 180px;
}
/* ================== Commons ========================== */
.red{
color: red;
}
.seperator{
display: block;
width: 100%;
height: 2px;
border-top: 1px dashed #000;
margin: 10px 0;
}
.floatLeft{
float: left;
display: inline;
margin: 0 5px 15px 0;
}
.date{
float: right;
margin: 10px 15px 0 0;
font:  12px "copperplate gothic light","trajan pro", georgia, serif;
color: #70B8C4;
}