/*  CSS Document */

* { padding: 0; margin: 0; }

body { font-size: 62.8%; font-family: Helvetica, Arial, sans-serif; background: url(images/bg.png) repeat-x center bottom #000; color: #fff; }

#page { width: 900px; margin: 0 auto;}

#header { height: 70px; padding: 10px; background: url(images/header.png) repeat-x center bottom #444; }
#logo { width: 326px; height: 66px; background: url(images/narrow_road_productions.gif) no-repeat; text-indent: -999999em; float: left;}

#nav { list-style: none; margin-left: 400px;}
#nav li { float: left; padding: 25px 0 0 0;}
#nav li a { margin: 0 1px; padding: 15px 20px 0 20px; font-size: 1.6em; color: #fff; text-decoration: none;}
#nav li a.selected, #nav li a:hover { color: #FFBF00;}

#feature { width: 900px; height: 321px; position: relative; text-align: right; margin-top: 20px;}

#features { height: 321px; width: 900px;}
.feature_item {height: 301px; padding: 10px 0; width: 900px; }
.feature_item h1, .feature_item h2, .feature_item p { padding-left: 560px; width: 340px;}

#feature_pager { list-style: none; display: block; height: 30px; position: absolute; right: 0; bottom: 0; z-index: 101}
#feature_pager li { float: left; margin-left: 2px; width:250px; text-align: center}
#feature_pager li a { display: block; height:10px; background: #375172; padding: 10px 15px; color: #fff; text-decoration: none; font-size: 1.5em; }
#feature_pager li a.activeSlide { background: #ffbf00; color: #000; }

#slideshow { width: 400px; float: right; margin:5px 0 0 10px; height: 270px; padding: 10px; background: url(images/slideshow_bg.png) no-repeat center center #fff;}
#slideshow img { margin: 20px; border: 1px solid #d1ba63;}

#content { background: url(images/body_bg.png) repeat-x #ff7f00; padding: 10px;}
#main { background: url(images/main_bg.png) repeat-x #5c5d60; padding: 10px;}

#footer { height: 291px; width: 900px; margin: 16px auto 0 auto; padding: 1px 20px 0 20px;  background: url(images/footer_boxes.png) no-repeat;}
#footer .col_2 { float: left; width: 568px; margin-right: 16px; padding: 10px; height: 227px; overflow-y: scroll;}
#footer .col_1 { float: left; width: 275px; padding: 10px;}
#footer a {color:#DDDDFF;text-decoration:none;}

h1, h2 { font-size: 3em; padding: 0.33em 0;}

#header h1 { font-size: 1em;}
#feature h2 { font-size: 2em;}

a {color:#375172;}
p { font-size: 1.4em; line-height: 1.4em; padding: 1em 0;}
.button { padding: 5px 10px; background: url(images/button.png) repeat-x center bottom #ffbe00; text-decoration: none; color: #000;}
.button:hover { background-image: none; }



#footer h3 { text-transform: uppercase; font-size: 2.3em; padding: 0.5em 0; color: #98A6BD}
#footer h4 { font-size: 1.6em;}
#footer h5 {font-size: 1.2em;font-weight:normal;}
#footer .item { padding: 10px 5px;}
#footer .item.odd { background: #415E83;}

form div { padding: 5px 0;}
label { display: block; float: left; width: 75px; font-size: 1.4em;}