/* CSS Document */

* { margin: 0; padding: 0; border: 0 none; outline: 0 none; }
body { background: #11112B; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

#wrap { width: 966px; padding: 0 13px 1px 13px; text-align: left; margin: auto; background: url(../img/bg.gif) repeat-y; position: relative; }

/* header */
#header { height: 175px; background: #11112B; }
#header h2#logo { float: left; margin: 20px 0 0 30px; display: block; width: 224px; height: 126px; background: url(../img/logo.gif) no-repeat; text-indent: -99999px; }
#header #phone { float: right; text-align: right; color: #fff; font-size: 16px; font-weight: bold; line-height: 20px; }
#header #phone p span { color: #F4CB00; }
#header #isotuv { float: right; }
#header #phone, #header #isotuv { margin: 50px 30px 0 0; }

/* nav */
#header ul { float: right; list-style: none; background: #000; width: 770px; }
#header ul li { float: left; position: relative; }
#header ul li a { float: left; /* ie6 fix */ display: block; padding: 7px 14px; color: #fff; text-decoration: none; height: 15px; }
#header ul li a:hover, #header ul li.hover a.drop { color: #000; background: #F4CB00; }

/* drop-downs */
#header ul li ul { position: absolute; top: 100%; left: 0; width: 175px; display: none; }
#header ul li:hover ul, #header ul li.hover ul { display: block; }
#header ul li ul li, #header ul li ul li a { float: none; height: auto; }
* html #header ul li ul li, * html #header ul li ul li a { height: 1%; } /* ie6 fix */
#header ul li ul li a { background: #000; border-bottom: 1px solid #656567; padding: 5px 7px; }

/* banner */
#banner, #banner-noflash { height: 220px; }
#banner img, #banner-noflash img { float: left; margin-right: 2px; display: inline; }
#banner img.last, #banner-noflash img.last { margin-right: 0; }

/* sidebar */
#sidebar { width: 182px; padding: 30px 7px 0 7px; float: left; display: inline; }
#sidebar h2, #content h3 { font-size: 12px; margin-bottom: 7px; }
#sidebar h3, #content h2, .products-list dt { font-size: 18px; font-weight: normal; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #F4CB00; }
#sidebar p { font-size: 11px; margin-bottom: 10px; line-height: 16px; }

/* latest news list */
#news-list { list-style: none; padding: 0 10px; margin-bottom: 20px; }
#news-list li { clear: right; padding-top: 10px; }

/* products list */
.products-list dt,
.products-list dd { clear: both; }
.products-list dt { font-size: 16px; }
.products-list dd { float: left; width: 100%; margin-bottom: 20px; }
.products-list dd img { float: right; clear: right; margin: 0 0 15px 15px; }
.products-list dd a.pdf { float: right; clear: both; }

/* subscribe form */
#subscribe-form { padding: 0 10px; }
#subscribe-form fieldset input { width: 152px; padding: 5px; margin-bottom: 10px; border: 1px solid #bbb; }
#subscribe-form fieldset input.submit { width: 90px; cursor: pointer; border: 0; }

/* affiliations text */
#affiliations { text-align: center; padding: 5px 10px 0 10px; }
#affiliations img { display: block; margin: 10px auto; }

/* primary content */
#content { width: 730px; padding: 20px; float: right; background: url(../img/bg_content.gif) no-repeat center 70px; color: #000; margin-bottom: 200px; /* allow for absolute footer */ }
#content h1 { font-weight: normal; font-size: 24px; line-height: 34px; width: 70%; margin-bottom: 20px; }
#content.home h1 { width: 100%; font-size: 18px; line-height: 28px; }
#content p { line-height: 18px; margin-bottom: 15px; }
#content a { color: #000; text-decoration: none; }
#content a:hover { color: #F4CB00; text-decoration: underline; }
a.pdf { font-weight: bold; padding-left: 25px; background: url(../img/pdf.gif) no-repeat 0 50%; height: 16px; display: block; }

/* content buttons */
#news-list li a, #subscribe-form fieldset input.submit, #contact-form fieldset input.submit, #content .box-list li a, #content .story-list li a, #content a.button, .side-menu li a  { float: right; display: block; background: #333 url(../img/arrow_right.gif) no-repeat 5px 50%; color: #fff; padding: 3px 7px 3px 20px; text-decoration: none; }
#news-list li a:hover, #subscribe-form fieldset input.submit:hover, #contact-form fieldset input.submit:hover, #content .box-list li a:hover, #content .story-list li a:hover, #content a.button:hover, .side-menu li a:hover, .side-menu li a.ui-state-active { color: #333; background: #F4CB00 url(../img/arrow_right_hover.gif) no-repeat 5px 50%; text-decoration: none; }
#content a.button { float: none; display: inline; }

/* unordered list */
#content ul { list-style: none; margin-bottom: 15px; }
#content ul li { margin-bottom: 5px; background: url(../img/bullet.gif) no-repeat 0 50%; padding-left: 15px; }

/* 3 column list */
#content #three-columns ul { width: 200px; float: left; padding-left: 30px; }

/* 4 box list */
#content .box-list { list-style: none; margin: 0; }
#content .box-list li { width: 173px; /* -2px for border */ height: 230px; float: left; border: 1px solid #333; margin: 0 10px 0 0; background: none; padding: 0; position: relative; }
#content .box-list li.last { margin-right: 0; }
#content .box-list li h3 { margin: 10px; }
#content .box-list li p { margin: 0 10px 10px 10px; }
#content .box-list li a { width: 146px; float: none; position: absolute; bottom: 0; left: 0; }

/* story/image list */
#content .story-list { list-style: none; margin: 0; }
#content .story-list li { width: 100%; height: 1%; float: left; clear: left; /* float to clear border */ background: none; padding: 0 0 10px 0; margin-bottom: 15px; border-bottom: 1px solid #ddd; }
#content .story-list li img { float: left; margin-right: 10px; }
#content .story-list li p.download-info { float: right; font-size: 10px; margin-right: 10px; }

/* post layout */
#content.post { position: relative; margin-bottom: 0; }
#content.post .button { position: absolute; top: 20px; right: 20px; }
#content.post h1 { clear: left; width: 70%; }

/* image tiles right */
#content .image-tiles { float: right; margin-left: 20px; }
#content .image-tiles img { display: block; margin-bottom: 10px; }
#content .image-tiles p#videolink { width: 170px; font-size: 10px; line-height: 14px; }

/* 50% page split */
#content .split-half { width: 100%; float: left; /* float to clear content */ }
#content .split-half div { width: 50%; float: left; min-height: 10px; height: auto !important; height: 10px; /* ie6 min-height hack */ }

/* contact form */
#contact-form fieldset { padding: 0 10px; }
#contact-form fieldset input, #contact-form textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width: 152px; display: block; margin: 5px 0; padding: 3px; border: 1px solid #bbb; }
#contact-form fieldset textarea { height: 100px; }
#contact-form fieldset input.submit { width: 70px; cursor: pointer; border: 0; }

/* contact address */
#contact-info { padding-top: 30px; }
#contact-info strong { float: left; clear: left; width: 45%; text-align: right; margin-top: 2px; }
#contact-info p { float: left; width: 50%; margin-left: 10px; display: inline; }

/* services accordion menu */
.side-menu li a { float: none; font-weight: bold; }
.side-menu li ul li { margin: 3px 0; }
.side-menu li ul li a, .side-menu li ul li a:hover { background: none; color: #000; padding: 0 0 0 20px; text-decoration: none; background: url(../img/arrow_right_black.gif) no-repeat 5px 50%; font-weight: normal; }
.side-menu li ul li a:hover { text-decoration: underline; }
.side-menu li ul li a.ui-accordion-content-active { font-weight: bold; background-position: 10px 50%; padding-left: 25px; }
.side-menu li { margin-bottom: 5px; height: 1%; }
.side-menu li ul { padding-bottom: 5px; }
.side-menu { margin-bottom: 20px; }

/* footer */
#footer { width: 730px; position: absolute; bottom: 1px; right: 13px; text-align: center; padding: 20px; font-size: 10px; color: #666; }
#content.post #footer { position: static; float: left; padding: 20px 0; }
#footer ul { line-height: 16px; }
#footer ul li { display: inline; background: none; margin: 0 5px; padding: 0; }
#footer ul li a { text-decoration: none; color: #666; }
#footer ul li a:hover { text-decoration: underline; color: #333; }

/* misc */
.left { float: left; }
img.left { margin: 0 15px 15px 0; }
.right { float: right; }
img.right { margin: 0 0 15px 15px; }
.spacer { margin-bottom: 20px; }
.hidden { display: none; }
#mrtrailer-video, #simulation-video { display: none; }

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}