/* Global */

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

/* Links */

a.jump-button { background: transparent url('../img/bg-jump-button.png') no-repeat scroll top right; color: #FFF; text-transform:uppercase;  float: left; font-weight: bold; font-size: 11px; height: 24px; margin:6px 6px 0 0; padding-right: 15px;text-decoration: none;}
a.jump-button span { background: transparent url('../img/bg-jump-button-span.png') no-repeat; display: block; line-height: 14px;  padding: 5px 0 5px 18px;} 
a.view{ display: block;background:transparent url('/img/view-btn.png'); width:53px; height:25px; text-indent:-9999px; outline:none;}
a.downloadlink{ background:transparent url(/img/adobe-pdf.png) 0 52% no-repeat; padding-left:20px; text-decoration:none!important; line-height:1.9; font-size:1.2em}

/* Structure */

#container { width: 980px; margin: 0 auto; position: relative; }
#content, #footer { float: left; width: 980px; }

/* Header */

#header { position: relative; width: 980px; height: 134px; background:#242021 }
#header-left { float:left; width: 842px; height: 134px;}
#header-right { float:right; width: 118px; height: 110px; padding:10px; text-align:center;}
#header-right a{ text-decoration:none; color:#FFF; font-size:1.1em; line-height:1.8}
#logo .norson-logo { padding:0; width: 358px; height: 60px; background-image: url('/img/norson-logo.jpg'); float:left; text-indent:-9999px; outline:none;}
#sub-header { position: relative; width: 960px; height: 79px; padding:30px 0 0 20px; background-color: #E88520; font-weight:bold;}
#sub-header h1{ color:#FFF; text-transform:uppercase; font-size:2.6em;}
#sub-header a:hover{ text-decoration:underline;}
#sub-header span{ color:#000;}
#sub-header .breadcrumb a { color: #000; text-decoration:none;  }
#sub-header .breadcrumb { color: #FFF; margin-bottom:10px;}

/* Top Level Menu */

ul#menu {position: relative; width:747px; height: 74px; float:left;}
ul#menu li {padding:0; margin:0; display:block;float:left; text-indent:-9999px; }
ul#menu li a {border:0; display:block; text-decoration:none; overflow:hidden; outline:none;}	
ul#menu li a.active { background-position: left bottom; }
ul#menu li a:hover{	background-position: left bottom;}	
li#about a { width: 91px; height: 74px; background: url('/img/menu/about.jpg') no-repeat; }
li#products a {	width: 86px; height: 74px; background: url('/img/menu/products.jpg') no-repeat; }
li#services a { width: 75px; height: 74px; background: url('/img/menu/services.jpg') no-repeat; } 
li#valueadded a { width: 153px; height: 74px; background: url('/img/menu/valueadded.jpg') no-repeat; }
li#distribution a { width: 102px; height: 74px; background: url('/img/menu/distribution.jpg') no-repeat; }
li#careers a { width: 77px; height: 74px; background: url('/img/menu/careers.jpg') no-repeat; }	
li#downloads a { width: 94px; height: 74px; background: url('/img/menu/downloads.jpg') no-repeat; }	
li#contact-us a { width: 69px; height: 74px; background: url('/img/menu/contact.jpg') no-repeat; }	 	 	 	 

/* Modules */

#modules { position: relative; z-index: 5; width: 473px; height: 305px;}
#module-container { color: #FFF; position: relative; z-index: 6; width: 473px; height: 232px; }
.module1, .module2, .module3 { position: absolute; top:10px; bottom: 0; height: 232px; width: 168px; z-index: 7;}
.module1 { left: 0; }
.module2 { left: 170px; }
.module3 { left: 338px; }
.module1text, .module2text, .module3text { position: absolute; top: 95px; left: 0; z-index: 9; padding: 0 14px 0 5px; }
.module1 img, .module2 img, .module3 img { position: absolute; top: 0; left: 5px; z-index: 8; border:2px solid #404041;}

/* Content */

#content { background:#231F20; }
#news { float: left; width: 204px; padding: 20px; border-left: 1px dotted #8B8B8B; margin-top: 30px; }
#news h3, #standard h3 { color: #A8803A; font: 1.8em Arial, Helvetica, sans-serif; text-transform: uppercase; margin-bottom: 12px; }
#news h4 { color: #FFF; margin-top: 12px; font: bold 1.3em Arial, Helvetica, sans-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 { color: #A2710A; }

/* secondary pages (selected items) */

#subnav, #content-area, #sub-home-content-area, #home-content-area, #home-news-area, #product-image-area { float: left; position:relative; color: #FFF; }
#subnav { width: 195px; padding:20px 0 0 20px; }
#content-area{ width: 426px; margin:0; padding: 20px;}
#home-content-area{ width: 503px; margin:0; padding: 5px;}
#sub-home-content-area{ width: 503px; margin:0; padding: 5px;}
#home-news-area { width: 430px; padding:0; margin:0;}
#product-image-area { width: 279px; padding:35px 0 20px 0; margin:0;}
#product-image-area-container { width: 290px; margin: 10px 0 0 0; padding: 0 14px 0 14px;}
#content-area h1 { color:#E88520; font: 2em Arial, Helvetica, sans-serif; margin-bottom: 12px; text-transform:uppercase; }
#content-area h2 { color:#E88520; font: 1.4em Arial, Helvetica, sans-serif; margin-bottom: 12px; text-transform:uppercase;}
#content-area h3 { color:#E88520; font: 1.2em Arial, Helvetica, sans-serif; font-weight:bold; margin-top:10px; margin-bottom: 12px; }
#content-area p { font-size: 1.2em; line-height: 1.5; margin: 1em 0 1em 0;  }
#content-area a { color: #FFF; text-decoration:underline;}
#content-area hr {  border: 0; width: 100%;color: #E88520; background-color: #E88520; height: 1px;margin:30px 0 30px 0;}
#content-area ul{ margin-bottom:15px; }
#content-area ul li { font-size: 1.2em; line-height: 1.5; background: url('../img/sml-bullet.png') no-repeat 4px 5px; padding-left: 15px; color:#FFF;}
#content-area img { padding: 5px}
#home-content-area h3 { color:#E88520; font: 1.2em Arial, Helvetica, sans-serif; font-weight:bold; margin-top:7px; margin-bottom: 7px; text-transform:uppercase;}
#home-content-area p { font-size: 1.09em; line-height: 1.5; margin: 1em 0 1em 0;  }
#product-image-area h1 {  color:#E88520; font: 1.2em Arial, Helvetica, sans-serif; font-weight:bold; margin-top:7px; margin-bottom: 7px; text-transform:uppercase; }
#product-image-area p { font-size: 1.09em; line-height: 1.5; margin: 1em 0 1em 0;  }
#product-image-area img {  margin:20px 0 0 0;}

#subnav ul li { font: 1.18em Arial, Helvetica, sans-serif; line-height: 1.8; padding-left: 6px;  }
#subnav ul li a { text-decoration: none; color:#E88520;}
#subnav ul li a:hover { text-decoration:underline;}
#subnav ul li ul li { font-size: 1em; background: url('../img/nav-arrow.png') no-repeat 0px 9px; padding-left: 12px; }
#subnav ul li ul li a { text-decoration: none;  color:#FFF;}

/*  Downloads */

table.download-section { width: 414px; }
table.download-section th, td { padding: 6px; }
table.download-section th { color: #FFF; font-weight: bold; font-size: 1.3em}
table.download-section td { border-bottom: 1px solid #888; font-size: 1.2em}
table.download-section td a { text-decoration: none; font-weight: bolder; }
tr.header { background-color: #0F0F0F; }

/* Footer */

#footer { width: 940px; height:51px; padding: 10px 20px 0 20px; background:#0F0F0F; color: #FFF;}
#footer p { font-size: 1em; line-height: 1.7; }
#footer p a { color: #FFF; text-decoration:none; }
#footer .pipe {color: #FFF;}
#footer a:hover { text-decoration:underline; }
#legal { float: left; }
#avcmedia { float: right; }

/* Forms */

fieldset        {padding:10px 30px;margin:0;border:1px solid #ccc;}
legend          {color:#333;padding:0 10px;margin:0;font-size:1.5em;font-weight:bold;}
input           {width:250px;}
input,
textarea        {border:1px solid #CCC;padding:5px;margin:10px 0 0 0;width:250px;}
input:focus,
textarea:focus  {background:#CCC;}
textarea        {font:1.2em Arial, Helvetica, sans-serif;}
label           {display:block;margin:12px 0 0;font-weight:bold;font-size:1.2em;float:left;clear:left;width:120px;}
label:after     {content:": ";}
input.submit-button { width: 80px; margin-left:125px}