/* Global */

body { font: 62.5% Arial,Verdana,Helvetica,sans-serif;; background-color: #000; }

/* Structure */

#container { width: 960px; margin: 0 auto; position: relative; }
#menu, #feature, #content, #content-experience, #content-standard, #footer { float: left; width: 960px; }

/* Header */

#header { position: relative; width: 960px; height: 164px; background: url(/img/header.jpg) no-repeat top left #000; }
#branding { float: left; position: absolute; top: 66px; left: 38px; }

/* Menu */

#menu { background-color: #000; position: relative; z-index: 12; }

/* Feature */

#feature { position: relative; height: 452px; z-index: 0; background-color: #000; }
#feature img { position: absolute; top: 0; left: 0; z-index: 0; }
#strapline { z-index: 2; position: absolute; top: 30px; right: 30px; padding: 20px; width: 410px; height: 180px; color: #FFF; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; background-color: #000; }
#straptext p { font: 2.4em Georgia, "Times New Roman", Times, serif; position: absolute; top: 50px; right: 50px; width: 400px; color: #FFF; z-index: 3; }

/* Modules */

#modules { position: absolute; top: 463px; left: 0; z-index: 5; width: 960px; height: 190px; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; background-color: #000; }
#module-container { color: #FFF; position: absolute; top: 463px; left: 0; z-index: 6; width: 960px; height: 190px; }
.module1, .module2, .module3, .module4, .module5 { position: absolute; bottom: 0; height: 190px; width: 192px; z-index: 7; }
.module1 { left: 0; }
.module2 { left: 192px; }
.module3 { left: 384px; }
.module4 { left: 576px; }
.module5 { left: 768px; }
.module1text, .module2text, .module3text, .module4text, .module5text  { position: absolute; top: 94px; left: 12px; z-index: 9; padding: 0 14px 0 10px; border-left: 1px dotted #A2710A; }
.module1 img, .module2 img, .module3 img, .module4 img, .module5 img { position: absolute; top: 0; left: 0; z-index: 8; padding: 12px; }
#module-container h3 { color: #A2710A; font: bold 1.4em Georgia, "Times New Roman", Times, serif; text-transform: uppercase; }
#module-container p { font-size: 1.1em; }
#module-container a { color: #A2710A; font-weight: bold; }

/* Experience */

#experience-nav { position: absolute; top: 40px; left: 40px; }
#experience-nav h3 { letter-spacing: 0.05em; font: 2.6em Georgia, "Times New Roman", Times, serif; margin-bottom: 30px; }
#experience-nav ul { list-style-type: none; }
#experience-nav ul li { font: 2em Georgia, "Times New Roman", Times, serif; margin-bottom: 16px; background: url(/img/experience-arrow.gif) no-repeat 0 6px; padding-left: 16px; }
#experience-nav ul li a { text-decoration: none; color: #000; padding-bottom: 2px; border-bottom: 1px solid #A4730F; }
#experience-nav ul li a:hover { color: #A4730F; }
#the-experience { float: left; width: 385px; padding: 30px; }
#the-experience h1, #standard h1, #the-trail h1 { color: #000; font: 3.5em Georgia, "Times New Roman", Times, serif; margin-bottom: 20px; }
#the-experience h2, #standard h2 { color: #A2710A; text-transform: uppercase; font: bold 1.6em Georgia, "Times New Roman", Times, serif; margin-bottom: 12px; }
#the-experience p, #standard p, #the-trail p { color: #000; font-size: 1.2em; line-height: 1.6; margin-bottom: 12px; }
#experience-images { float: left; width: 230px; padding: 82px 20px 20px 20px; }
#experience-images img { margin-bottom: 50px; border: 3px solid #B8B8B8; }
.what-pad img { border: 3px solid #B8B8B8; }

#side { float: left; width: 204px; padding: 20px; border-left: 1px dotted #8B8B8B; margin-top: 30px; }
#side h3 { font: 1.7em Georgia, "Times New Roman", Times, serif; text-transform: uppercase; margin-bottom: 12px; }
#side h3 { color: #000; }
#side p { color: #FFF; margin-bottom: 4px; font-size: 1.2em; padding-bottom: 20px; }
#side p a { font-weight: bold; color: #A2710A; }
#side img { margin-bottom: 6px; border: 3px solid #B8B8B8; }

/* Content */

#content-experience { background-color: #FFF; }
#content-standard { background-color: #FFF; }
#content { background-color: #000; }
#standard { float: left; width: 345px; padding: 30px; }
#standard ul { margin-left: 14px; padding-left: 6px; list-style-type: square; margin-bottom: 12px; }
#standard ol { margin-left: 14px; padding-left: 6px; margin-bottom: 12px; }
#standard ul li, #standard ol li { font-size: 1.2em; line-height: 1.5; }
#standard ul li ul li, #standard ol li ol li { font-size: 1em; line-height: 1.5; }
#middle-standard { float: left; width: 298px; padding: 65px 12px 20px 0; }
#introduction { float: left; width: 655px; padding: 30px; }
#introduction h1 { color: #FFF; font: 3.5em Georgia, "Times New Roman", Times, serif; margin-bottom: 12px; }
#introduction h2, #middle-standard h2 { color: #A2710A; font: 2.2em Georgia, "Times New Roman", Times, serif; margin-bottom: 12px; }
#introduction p { color: #FFF; font-size: 1.2em; line-height: 1.6; margin-bottom: 12px; }
#news { float: left; width: 204px; padding: 20px; border-left: 1px dotted #8B8B8B; margin-top: 30px; }
#news h3, #standard h3 { color: #A8803A; font: 1.8em Georgia, "Times New Roman", Times, serif; text-transform: uppercase; margin-bottom: 12px; }
#news h4 { color: #FFF; margin-top: 12px; font: bold 1.3em Georgia, "Times New Roman", Times, serif; text-transform: uppercase; margin-bottom: 8px; }
#news p { color: #FFF; margin-bottom: 4px; font-size: 1.2em; }
#news p a { font-weight: bold; color: #A2710A; }
#standard a, #the-trail a { color: #A2710A; }
.breadcrumb a { color: #A2710A; }
#the-trail { padding: 30px; }
.trail-module { float: left; width: 260px; }
.trail-pad { padding-right: 60px; }
.what-pad { padding-right: 30px; }
.trail-module h2 { font: 2.2em Georgia, "Times New Roman", Times, serif; margin-bottom: 8px; }
.trail-module img { margin-bottom: 12px; }

#col1, #col2, #col3 { float: left; }
#col1 { width: 220px; padding: 20px; }
#col2, #col3 { width: 310px; padding: 20px; }
#col1 h2, #col2 h2, #col3 h2, #col2 h1 { font: 2.2em Georgia, "Times New Roman", Times, serif; margin-bottom: 12px; }
#col1 p, #col2 p, #col3 p { font-size: 1.2em; margin-bottom: 14px; line-height: 1.5; }
#col1 a, #col2 a, #col3 a { color: #A2710A; }
#col1 img { padding-bottom: 30px; }
#col2 img { padding-bottom: 10px; }
#col1 hr, #col2 hr { border: 0; height: 1px; background-color: #BEBEBE; color: #BEBEBE; margin: 15px 0; }
.hrgrey { clear: both; border: 0; height: 1px; background-color: #BEBEBE; color: #BEBEBE; margin: 15px 0; }
#col3 h2 { margin-top: 14px; }
#col1 table { border-left: 1px solid #999; border-bottom: 1px solid #999; margin: 12px 0; }
#col1 table tr th, #col1 table tr td { padding: 5px; border-right: 1px solid #999; border-top: 1px solid #999; }

/* Footer */

#footer { width: 900px; float: left; padding: 40px 30px 30px 30px; }
.black { background-color: #000; color: #FFF; }
.white { background-color: #FFF; color: #000; }
#footer p { font-size: 1em; line-height: 1.7; }
#footer p a { font-weight: bold; color: #A2710A; }
#footer .pipe { padding: 0 6px; color: #535353; }
#legal { float: left; }
#avcmedia { float: right; }

/* Forms */

legend{ font-size: 1.8em; }
fieldset { padding: 6px; border: 1px solid #B1B1B1; }
label { display: block; font-weight: bold; }
input, textarea, #PartnerDescription_tbl { margin-bottom: 6px; }
input, textarea, label { font: 1.2em Arial, Helvetica, sans-serif; padding: 3px; }
.text_input { width: 220px; }
.rss { padding: 10px 0 0 28px; margin-top: 14px; border-top: 1px dotted #FFF; background: url(/img/feed-icon-14x14.gif) no-repeat 5px 11px; }

/* Search */

#search { position: absolute; top: 70px; right: 60px; }
#search label { color: #FFF; display: inline; float: right; margin-left: 6px; padding: 5px; background-color: #A5803B; }
#PageSearch { float: right; }
