/* - - - - - - - - - - - - - - - - - - - - -
* Filename: styles.css
* Version: 1.0.0 (2008-03-8)
* Website: http://beachbraces.com/
* Author: Ryan

== STRUCTURE: ==============================
* Page width: 770 px
* Number of columns: 0
============================================
- - - - - - - - - - - - - - - - - - - - - */

/*   Globals
=====================================*/
* {margin:0px; padding:0px;}

BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; }

.Header		{ color: #FFF; font-size: 36px; font-weight: bold; line-height: 36px; }
.Subheader	{ color: #FFF; font-size: 18px; font-weight: bold; line-height: 20px; }
.Subheader2	{ color: #FFF; font-size: 16px; font-weight: bold; line-height: 20px; }

.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 16px; }
.LargeText	{ font-size: 24px; line-height: 24px; }


* #nav li {list-style: none; margin:0px;}
li {line-height: 1.7em; margin-left:15px;}
p {margin-bottom:10px;}
h1	{ font-size: 36px; }
h1, h2, h3	{ line-height: 36px; }
h2, h3, h4, h5 {margin-top:15px;}

a {color: #24348B; text-decoration: none; font-weight:bold;}
a:hover {color: #87297F;}


/*   Body and Wrappers
=====================================*/
body { background-color:#000; }

* #shell {
background:transparent url(images/layout/bodyBG.jpg) 0 0 repeat-y;
position:relative;
z-index:2;
overflow:visible;
margin:0px auto;
width:770px;
}

* #container {
background:transparent url(images/layout/headBG.jpg) 0 0 no-repeat; /* Body Image/Stretcher */
position:relative;
overflow:visible;
margin:0px auto;
width:770px;
}

/*   Body Content Styles
=====================================*/
* #mainAni{
position:absolute;
top:0px; left:0px;
width:770px;
height:302px;
}

* #content {
padding-top:325px; /* adjustments may require margin instead */
margin-left:240px; /* adjustments may require padding instead */
width:475px;
min-height:500px;
_height:500px; /* for IE6 */
}
* .faqAnswer{
border:2px solid #fff;
background:#ddd;
padding:5px;
color:#333;
margin-bottom:10px;
}

/*   Individual Pages
=====================================*/
/*  Staff  */
* .staffBlock{
padding-top:10px; margin-bottom:10px;
min-height:225px; _height:225px;
border-top:1px solid #ddd;
}
* .staffPic {
margin:0px 9px 8px 0px;
float:left;
}

/*   Footer Styles
=====================================*/
* #contactInfo{
position:absolute;
left:25px;
top:735px;
}
* #contactInfo li{
line-height:1.2em;
}
* #footer {
background:#000 url(images/layout/footBG.jpg) 0 0 no-repeat; /* Footer Image */
font:11px/1.3 Verdana, Arial, Helvetica, sans-serif;
margin:0px auto;
width:770px;
height:60px;
clear:both;
color:#fff;
}
* #footSpace{height:30px;}
* #foot_info {
margin:0px auto;
height:2em;
text-align: center;
line-height:1em;
letter-spacing: -1px;
}
* #foot_info p {
margin-top:0px;
}
* #footer a {
color: #fff;
}
* #footer a:hover {
color: #3d95eb;
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 36px/36px 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; }

* .buckleft { float: left; margin: 5px; }
* .buckright { float: right; margin: 5px; }