/* - - - - - - - - - - - - - - - - - - - - -
* Filename: styles.css
* Version: 1.0.0 (2008-02-19)
* Website: http://www.doctorsnyder.com/
* Author: Ryan

== STRUCTURE: ==============================
* Page width: 762px(774)
* Number of columns: 0
============================================
- - - - - - - - - - - - - - - - - - - - - */

/*   Globals
=====================================*/
* {margin:0px; padding:0px; border:0px; outline:0px;}
#nav li {list-style: none; margin:0px;}
li {line-height: 1.7em; margin-left:15px;}
p {margin-top:10px;}
h2, h3, h4, h5{margin-top:15px;}
a {color: #666; text-decoration: none;}
a:hover {color: #333;}


/*   Body and Wrappers
=====================================*/
body {
font:77%/1.5 Verdana, Arial, Helvetica, sans-serif;
background-color:#375e9f;
}
#shell {
background:transparent url(images/layout/headBG.jpg) top left no-repeat; /* Top Image */
padding-top: 330px;
border:6px solid #fff;
position:relative;
margin:0px auto;
width:762px;
}
#container {
background-color:#c0d2e4;
border-top:6px solid #fff;
position:relative;
margin:0px auto;
width:762px;
}



/*   Navigation Styles
=====================================*/
#nav {
position:relative;
z-index:90;
background-color:#0089d6;
border:3px solid #000;
height:44px;
width:756px;
}
#nav li {
border-right:3px solid #000;
position:relative;
float:left;
}
#nav li a {display:block;}


.subMother {cursor:pointer;}
#nav li ul {
background:#000;
width:150px;
position:absolute;
left:-20px;
top:47px;
z-index:100;
}
#nav li ul li {
font:11px/1.2 Verdana, Arial, Helvetica, sans-serif;
border:none;
float:none;
clear:both;
width:150px;
height:25px;
}
#nav li ul li a {
padding-left:10px;
padding-top:5px;
text-align:left;
display:block;
color:#fff;
clear:both;
height:25px;
}
#nav li ul li a:hover {
background:#222;
color:#0089D6;
height:25px;
}


/*   Body Content Styles
=====================================*/
#content {
padding-top:65px; /* adjustments may require padding instead */
padding-bottom: 25px;
margin-left:35px; /* adjustments may require padding instead */
width:430px;
min-height:350px;
_height:350px; /* for IE6 */
}
h1{
width:420px;
position:absolute;
top:65px;
left:25px;
z-index:50;
}
#sideInfo{
float:right;
padding-top:75px;
padding-right:15px;
width: 252px;
}
.sideIconP{
background:transparent url(images/layout/phone.gif) 0px 5px no-repeat;
padding-left:30px;
}
.sideIconF{
background:transparent url(images/layout/fax.gif) 0px 5px no-repeat;
padding-left:25px;
}
.address{
font:16px/1.5 Arial, Helvetica, sans-serif;
color:#0B237B;
margin-bottom:25px;
}
.address li{
list-style:none;
}
.staffBlock{
margin:25px auto;
clear:left
}


/*   Footer Styles
=====================================*/
#footLinks img{
margin:5px 37px;
}
#footer {
background-color:#888; /* Footer Image */
border-top:6px solid #fff;
font:11px Verdana, Arial, Helvetica, sans-serif;
margin:0px auto;
width:762px;
height:20px;
clear:both;
color:#fff;
}
#foot_info {
width:762px;
text-align: center;
line-height:1.5em;
letter-spacing: -1px;
}
#foot_info p{margin:0px;}
#footer a {
color: #fff;
}
#footer a:hover {
color: #333;
text-decoration: underline;
}



/*   sIFR 3 Styles
=====================================*/
.sIFR-flash {  visibility: visible !important;	margin: 0;	padding: 0; }
.sIFR-replaced { visibility: visible !important; }
.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced > div { display: none !important; }
.sIFR-active h1 { visibility: hidden; font:bold 34px/34px Arial, Helvetica, sans-serif; color:#460000; margin:0; overflow:visible;}
.sIFR-active .address h2 { visibility: hidden; font:bold 17px/17px Arial, Helvetica, sans-serif; color:#460000; margin:0; }



/*   Standard Image/Feature Styles
=====================================*/
#feature {margin:30px auto 20px auto;}
.caption { font-style:italic; color:#666;}
.right {margin:0px 0px 8px 9px; float:right;}
.left {margin:0px 9px 8px 0px; float:left;}
.photoright {padding:3px; background:#fff; border:1px solid #777; float:right; margin:1px 0px 8px 9px;}
.photoleft{padding:3px; background:#fff; border:1px solid #777; float:left; margin:1px 9px 8px 0px;}
.photo {padding:3px; background:#fff; border:1px solid #777;}
.featureRight {border:5px solid #074d97; padding:2px; float:right; margin:0 0 8px 8px;}
.featureCenter {border:5px solid #074d97; padding:2px; margin:7px auto 7px auto; }



/*   Form Styles
=====================================*/
input, textarea{margin:5px 0px; padding:2px; border:1px solid #ddd;}