/*******************************************************/
/*                  GLOBAL STYLES
********************************************************/

/* GLOBAL RESET - in addition to imported reset, more specific to this site
********************************************************/

.hidden { display:none; }
a { color:#c13b20; text-decoration:none; }
a:visited { color:#c13b20; }
a:hover { color:#c13b20; }
a.learnMore,
span.learnMore a { background:url(/media/image/1/icon_arrow_red.png) no-repeat right center; padding-right:8px; font-weight:bold; text-transform:uppercase; font-size:85%; }

/* BODY
********************************************************/
html { height:100%; }

body { margin:0 auto; font:small Helvetica, Arial, Geneva, sans-serif; color:#2c2b2b; height:100%;
  background:#e5e09d url(/media/image/1/bg_rays_slice.jpg) repeat-x; }

/* WRAP CONTAINER - crutch for styling */
div#wrap { min-width:963px; min-height:100%; position:relative;
  background:transparent url(/media/image/1/bg_rays.jpg) no-repeat 50% 0; }
a.logo { float:left; }

/* Global Navigation
********************************************************/
div#globalNav { margin:16px 0 0 2px; float:left; position:relative; z-index:950; }
ul#primaryNav { float:left; width:790px; padding:14px 0 23px 41px; font-size:80%; position:relative; z-index:900; }
ul#primaryNav li { float:left; position:relative; width:158px; border-bottom:1px #dad8bf solid; }
ul#primaryNav li a { display:block; width:148px; border-left:1px #dad8bf solid; color:#5f5f51; font-weight:bold; padding:3px 0 5px 9px; text-transform:uppercase; }
/*  background:url(images/bg_nav.gif) repeat-x left top; */
ul#primaryNav li:hover a, ul#primaryNav li.current a { color:#c13b20; }
ul#primaryNav li ul { position:absolute; left:-999em; width: 159px; border-top:3px solid #c13b20; z-index:950; }
ul#primaryNav li:hover ul { left:auto; visibility:visible;  }
ul#primaryNav li li { float:none; border:none; display:inline; }

ul#primaryNav li li a {
	display: block;
	padding: 5px 0 4px 15px;
	text-transform: none;
	width: 142px;
	font-size: 93%;
	border: 1px #dad8bf solid;
	border-top: 0;
  /* background: #FFF url(/media/image/1/icon_arrow_black.png) no-repeat scroll 4px 45%; */
  background-color: #FFF;
}
ul#primaryNav li:hover li a { color:#5f5f51; }
ul#primaryNav li li:hover a, ul#primaryNav li li.current a { color:#c13b20; background:#FFF url(/media/image/1/icon_arrow_red.png) no-repeat scroll 4px 45%;}

ul.support { float:right; font-size:75%;}
ul.support li { float:left; border-right:1px #c13b20 solid; padding:0 5px;}
ul.support li.last { border-right:0; }

/* MAIN CONTAINER
********************************************************/
div#content { margin:0 auto; overflow:hidden; width:963px; padding-bottom:14em; position:relative; z-index:400; } /* bottom padding = height of footer and footerWrap */
.iframe {display: none;}


/* DETAIL COLUMN
********************************************************/
/* more specific styles in global.css or interior.css */
div.detailCol { background:url(/media/image/1/bg_dropshadow.png); color:#5f5f51; }
div.detailCol div.detailContent { padding-bottom: 1.5em; background:#FFF url(/media/image/1/bg_rightCol.gif) repeat-y right; overflow:visible; min-height: 525px;}
div.detailCol div.detailContent h3 { color:#43413f; margin:16px 9px 0.5em 20px; border-bottom: 1px solid #d5d5d5; padding-bottom:4px; font-size:108%; }
div.detailCol div.detailContent a.rss { position:absolute; top:13px; right:11px; z-index:400; color:#f9ad60;
  height:11px; display:block; padding: 5px 20px 0 0; font-size:77%; text-transform:uppercase; font-weight:bold;
  background:url(/media/image/1/icon_rss.png) no-repeat 100% 0%;}

div.detailCol p.article { margin: 0; padding:0.2em 9px 1em 20px; font-weight:bold; line-height:1.2; font-size:85%; }
div.detailCol p.article span.date { color:#B4B3B3; font-size:85%; }
div.detailCol a.learnMore { font-size:85%; }
div.detailCol ul.twoCol { padding:0 20px 20px; width:220px; float:left; font-weight:bold; font-size:85%; text-transform:uppercase; }
div.detailCol ul.twoCol li { float:left; width:100px; padding-bottom:5px;}
div.detailCol ul.twoCol li.current a,
div.detailCol ul.twoCol li a:hover { color:#a3a07e; }

div.detailCol div.detailContent h3 {
	padding-bottom: .85em;
	font-size: 115%;
	margin-right: 20px;
}

div.detailCol p {
	margin: 16px 20px 0.5em;
	padding: 0;
	font-size: 93%;
	font-size: 105%;
	line-height: 1.3em;
}

div.detailCol p.subhead {
	font-style: italic;
	font-size: 100%;
	font-size: 110%;
	font-weight: 600;
}

div.detailCol p.subhead a:link, div.detailCol p.subhead a:visited, div.detailCol p.subhead a:active, div.detailCol p.subhead a:hover {
	color: #f00;
}

div.detailCol img.button {
	margin: 16px 20px 0.5em;
	padding: 0;
}

/* Drop Down Form */
img#loading { padding: 20px 90px;}
div.dropDownForm { float: left; width: 100%;}
div#leadGenContainer { padding: 20px 18px; color: #2c2b2b; font-size: 93%;}
div#leadGenContainer p.error { color: #c13b20; }
div#leadGenContainer a.closeDDForm { float: right; height: 15px; text-indent: -999em; width: 15px; display: block; background: url(/media/image/1/icon_close_form.gif) no-repeat; padding-left: 5px;}
div#leadGenContainer form {padding-top: 20px;}
div#leadGenContainer form ol li { padding: 3px 0; float: left; }
div#leadGenContainer form ol li label { width: 190px; float: left;}
div#leadGenContainer form ol li input { float: left; width: 216px; border: 1px solid #b2ac9e;}
div#leadGenContainer form ol li.submit input { border: 0; text-indent: -999em; background: url(/media/image/btn_submitlarger.gif) no-repeat; width: 83px; height: 25px; margin-top: 10px; color: transparent; text-transform: capitalize;}
div#leadGenContainer form ol li.submit input:hover {background: url(/media/image/btn_submithover.gif) no-repeat}

/* Document Download */
div#documentDownloads ul { padding-top: 20px; }
div#documentDownloads ul li {float: left; width: 100px;  padding-bottom: 20px;}
div#documentDownloads ul li span { width: 100px; float: left; display: block;}
div#leadGenContainer div#documentDownloads a.closeDDForm { float: left; margin-top: 20px; height: 25px; width: 83px; background: url(/media/image/btn_closebutton.gif) no-repeat; display: block;}
div#leadGenContainer div#documentDownloads a.closeDDForm:hover { background-position: 0 -25px; }


/* FOOTER CONTAINER
*******************************************************
Method used from http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page*/

div#footer { width:100%; height:14em; position:absolute; bottom:0; min-width:963px;
  background:transparent url(/media/image/1/bg_footer_bookends.gif) repeat-y 50% 0; }
div#footer a { color:#efeddd; text-decoration:none; position:relative; z-index:900; }

div#footerWrap { width:963px; height:14em; margin:0 auto;
  background:transparent url(/media/image/1/bg_footer_overlay.png) repeat-x bottom; }

div#footer ul.footerNav { width:917px; float:left; color:#222526; padding:0 0 35px 24px; margin-top:1.1em; }
div#footer ul.footerNav li { float:left; border-left:1px solid #6F6B43; float:left; height:10em; margin:0 5px; }
div#footer ul.footerNav li h4 { font-weight:normal; padding:0 10px 0.4em 11px; font-size:93%; }
div#footer ul.footerNav li h4 a {  color:#464434; }
div#footer ul.footerNav ul { width:auto; float:left; padding:0 10px 0 6px; }
div#footer ul.footerNav ul li { float:none; border:none; height:auto; color:#464434; line-height:0.9; }
div#footer ul.footerNav ul li span { font-size:77%; padding-right:8px; }
div#footer ul.footerNav ul li a { font-size:85%; }
div#footer ul.footerNav li#contact ul { margin:.1em 0 .5em 0; }
div#footer ul.footerNav li#contact li { line-height:1.2; }
div#footer ul.footerNav li#contact li.contact { margin-top:.7em; }
/*
li#company { width:87px; }
li#solution { width:155px; }
li#products { width:203px; }
li#perspective { width:103px; }
li#library { width:100px; }
*/
div#socialMedia { clear:left; width:923px;color:#efebb2; padding:15px 0 15px 40px; bottom:0; position:absolute;
  background-color:#716a27; }
div#socialMedia p { float:left; margin-right: 10px; }
div#socialMedia ul { float:left; padding-top:2px; }
div#socialMedia ul li { float:left; padding:0 7px; background:url(/media/image/1/divider_white.gif) no-repeat 100% 35%; font-size:85%; }
div#socialMedia ul li.util a { color:#e2de97; }
div#socialMedia ul li.util { color:#e2de97; background:url(/media/image/1/divider_beige.gif) no-repeat 100% 35%; }
div#socialMedia ul li.last { background:none; }