/* CSS Document */
/* basic elements */
body{background: #f2f2f2 url(../images/bg.png) repeat-x center top fixed; font-family: Verdana, Helvetica, sans-serif; margin: 0; padding: 0;}
p{font-size: 10px; line-height: 14px; color: #333; margin-top: 14px;}
b, strong{ font-weight: bold;}
h1, h2{display: none;}
h3{font-family: "Georgia", "Adobe Garamond Pro", "Garamond", Times, serif; font-size: 20px; color: #000; letter-spacing: 0px; word-spacing: -2px; font-weight: normal; margin: 0;}
h4{font-size: small; font-variant: small-caps; color: #9D1C1B; margin: 0;}
a, a img{border: 0; text-decoration: none;}
a:link{color: #F7803C;}
a:visited{color: #F54828;}
a:hover{color:#2E0D23;}
a:active{color: #2E0D23;}
ul li { display: block;}
ul li a, ul li p { display: inline;}
a img{border: 3px solid #fff; visibility: visible; margin: 0;}
a:hover img{ border: 3px solid #F7803C; }
a.imgStroke{ border: 1px solid #999; margin: 0; padding: 0; }
hr{display: none;}

/* specific divs */
#topGradient {background: url('../images/topGradient.png') no-repeat top; width: 100%; height: 500px; position: fixed; top: 0px; z-index: -5;}
#content { position: relative; width: 986px; margin: 0 auto; padding: 0;}

#header { background: url(../images/masthead.png); width: 986px; height: 72px; margin: 0;}
#headerInfo { float: right; margin-top: 43px; margin-right: 35px; } 

#demoReel{background: url(../media/thumbs/demoReel_01.png); width: 486px; height: 280px; margin: 70px auto 45px auto;}
#demoReel a img{border: none}
#demoReel a:hover img{ border: none; }
#demoReel:hover{background: url(../media/thumbs/demoReel_03.png);}

#galleryItem{ float:left; width: 916px; margin: 45px 35px 0 35px;}
#leftCol{float: left; width: 214px; margin-top: 0;}
#threeColBox{ float:left; width: 682px; margin-left: 20px;}
#leftBox{ float: left; margin-left: 20px;}
#midBox{ float: left; margin-left: 11px;}
#rightBox{ float: left; margin-left: 11px;}

#footer{ float: left; text-align: left; width: 916px; height: 70px; margin: 7px 35px 0 35px;}
#footer p {font-size: 9px; color:#777; margin: 0;}

#imgStroke{ border: 1px solid #999; margin: 0; padding: 0; }

#horizBreak11 {float: left; width: 682px; height: 11px; margin-left: 20px;}
#horizRule{ background: url(../images/horizontalRule.png); float: left;  width: 916px; height: 3px; margin: -3px 35px 0 35px;}
#horizRule.bottom{margin: 45px 35px 0 35px; }