/*
Theme Name: SSI
Theme URI: http://wordpress.org/
Description: SSI Theme
Version: 1.0
Author: Chris Brown, Mickael Lucchini, Matt Hackmann, James Schellhorn
Tags: blue
*/

body { margin:0; padding:0; background:#fafafa url(images/page_bg.png) repeat-x; font-family:Tahoma, Geneva, sans-serif;}
ul { margin:0; padding:0; list-style:none; }
a { color:#3676a6; text-decoration:none; }
a:hover { color:#3676a6 !important; }
a img { border:0; }
xml { display:none; }
.outline {border: 1px #C8C8C8 solid}
.gradient {background:url('/wp-content/themes/ssi/images/gradientback.jpg');}

#wrapper { width:978px; background:url(images/wrapper_bg.png) repeat-y center top; margin:0 auto; }
#page { width:960px; margin:0 auto; position:relative; padding:0; background:#fff url(images/nav_bg.png) repeat-x; z-index:1; }

h1 { margin:0; padding:0; position:absolute; left:0; top:0; float:left; width:203px; z-index:10; }
h1 a { width:206px; height:0; padding:121px 0 0; overflow:hidden; display:block; background:url(images/logo.png) no-repeat; }

#navigation { list-style:none; margin:0; padding:0; overflow:hidden; float:right; }
#navigation li { float:left; }
#navigation a { height:0; padding:51px 0 0; margin:0; width:124px; display:block; background:url(images/nav_sprites.png) no-repeat; overflow:hidden; }
#navigation li.navFlightSim a.selected { background-position:0 -51px; }
#navigation li.navVehicleSim a { background-position:-124px 0; }
#navigation li.navVehicleSim a.selected { background-position:-124px -51px; }
#navigation li.navTacticalRobo a { background-position:-248px 0; }
#navigation li.navTacticalRobo a.selected { background-position:-248px -51px; }
#navigation li.navPipeInspect a { background-position:-372px 0; }
#navigation li.navPipeInspect a.selected { background-position:-372px -51px; }
#navigation li.navAbout a { background-position:-496px 0; }
#navigation li.navAbout a.selected { background-position:-496px -51px; }
#navigation li.navContact a { background-position:-620px 0; }
#navigation li.navContact a.selected { background-position:-620px -51px; }

#slider { clear:both; height:224px; border:1px solid #fff; border-top:0; overflow:hidden; position:relative; z-index:1; }
#slider a.shadow { display:block; position:absolute; left:0; top:0; z-index:2; height:224px; width:958px; background:url(images/slider_shadow.png) no-repeat; }
#slider ul.slides { z-index:1; }
#slider ul.slides li { float:left; display:block; width:958px; }
#slider ul.navigation { height:38px; position:relative; left:859px; top:-43px; overflow:hidden; z-index:3; list-style:none; margin:0; padding:0; }
#slider ul.navigation li { float:left; }
#slider ul.navigation a { display:block; height:0px; width:34px; padding:38px 0 0; overflow:hidden; background:url(images/coda_sprite.png) no-repeat; float:left; outline:none; }
#slider ul.navigation a.next { background-position:-64px 0; }
#slider ul.navigation a.dot { width:15px; background-position:-49px 0; }
#slider ul.navigation a.selected { width:15px; background-position:-34px 0; }
#slider.slider_home { height:400px; }
#slider.slider_home a.shadow { height: 400px; }

#content { padding:19px 39px; overflow:auto; font-family:Tahoma, Geneva, sans-serif; width:882px; background:url(images/content_bg.png) repeat-x; overflow:hidden; position:relative; z-index:100; }
#content h2 { font:bold 24px Tahoma, Geneva, sans-serif; margin:0 0 20px 0; padding:0; }
#content h3, #content h3 a { font:bold 16px Tahoma, Geneva, Sans-serif; margin:0; padding:0; }
#content a { color:#1255b3; font:12px Tahoma, Geneva, sans-serif; text-decoration:none; }

#content .left { float:left; }
#content .left h3 { color:#1255b3; }
#content .left h3.black { color:#000; margin:40px 0 5px; padding:0; }
#content .left li.product { overflow:hidden; width:380px; padding:40px 0 0; }
#content .left li.first { padding:0; }
#content .left h4 { font:12px Tahoma, Geneva, Sans-serif; text-transform:uppercase; letter-spacing:1px; margin:0; padding:0; color:#666666; font-variant:small-caps; }
#content .left p { font:12px Tahoma, Geneva, Sans-serif; margin:10px 0 0 182px; padding:0; }
#content .left p.product { width:450px; margin:10px 0 0; }
#content .left img { width:160px; height:127px; float:left; padding:0; margin:0 20px 0 0; border:1px solid #C8C8C8; }
#content .left select { width:200px; margin:10px 0 0 178px; }
#content .list {list-style:disc; font-size:12px; margin-left:14px;}

#content a.dropDown { display:block; width:190px; border:1px solid #000; padding:2px; color:#000; margin:10px 0 0 178px; }
#content ul.dropDown { display:none; position:absolute; background:#fff; border:1px solid #000; padding:5px; width:150px; }

#content .right{ float:right; width:450px; }
#content .small { width:390px; }
#slideshow { width:450px; height:332px; background:#808080; }
#content .right h3 { margin:20px 0; color:#1253B1; padding-bottom:5px; }
#content .right p { margin:0; padding:0; font:12px Tahoma, Geneva, Sans-serif; }
/*#content .right img { width:160px; height:127px; float:left; padding:0; margin:0 20px 0 10px; border:1px solid #999999; }*/

#content .vehicleLeft { float:left; width:450px; }
#content .right p.product {margin:10px 0 0; }
#content .vehicleRight { float:right; }
#content .vehicleRight img { float:right; border:1px solid #C8C8C8; padding:0; margin-left:10px; }
#content .vehicleRight p { margin:10px 0 0; width:175px; }

#content a.pdf { background:url(/wp-content/themes/ssi/images/icons/pdf.jpg) no-repeat; height:30px; padding:20px 0 0 55px; margin:10px 0 0; display:block; color: #1255B3; }
#content .stack {width: 70px; float: left;}
#content .down {clear:both; padding-top:8px;}
#content a.mail { background:url(/wp-content/themes/ssi/images/icons/mail.jpg) no-repeat; height:25px; padding:8px 0 0 55px; margin:10px 0 0; display:block; color: #1255B3;}
#content a.phone { background:url(/wp-content/themes/ssi/images/icons/phone.png) no-repeat; height:30px; padding:13px 0 0 55px; margin:10px 0 0; display:block; color: #1255B3;}

#about, #contact {  }
#about .left h3, #contact .left h3 { margin:0; }
#about .left p, #contact .left p { width:360px; margin:0 0 20px; padding:0; }

#contact h3.hq { margin:58px 0 0; color:#000; }
#content .left { margin-bottom:40px; width:400px;}
#content .left dl { overflow:auto; }
#contact .left dt { width:180px; clear:both; float:left; font:bold 12px Tahoma, Geneva, sans-serif; color:#666666; }
#contact .left dd { float:left; width:220px; margin:0; padding:0 0 15px 0; font:14px Tahoma, Geneva, sans-serif; }
#contact > dl { clear:both; border-top:1px dashed #c7c7c7; padding:40px 0 0; }
#contact > dl dt { width:390px; font:bold 14px Tahoma, Geneva, sans-serif; clear:both; float:left; }
#contact > dl dt span { display:block; font-size:12px; font-weight:normal; text-transform:uppercase; }
#contact > dl dd { float:left; font:12px Tahoma, Geneva, sans-serif; padding:0 0 35px; }

#home {	position:relative; z-index:20; height: 112px;	padding-top: 16px; margin-bottom:16px; font-size:12px; background:url(images/content_bg.png) repeat-x;}
#home #banner1 { position:absolute; bottom: 0px; left: 16px; z-index:20; }
#home #banner2 { position:absolute; bottom: 0px; left: 252px; z-index:20; }
#home #banner3 { position:absolute; bottom: 0px; left: 488px; z-index:20; }
#home #banner4 { position:absolute; bottom: 0px; left: 724px; z-index:20; }
#home .banner_ad .banner_img {width: 218px; height: 112px; border:1px solid #C8C8C8; }
#home .banner_ad .banner_img h1 { font-size:12px; text-align:right; margin-top:90px; margin-right: 10px; text-shadow: #ffffff 0px 0px 4px; color:#000000;}
#home #banner1 .banner_ad .banner_img { background: url(images/divbanners/aviation.jpg); }
#home #banner2 .banner_ad .banner_img { background: url(images/divbanners/vehicle.jpg); }
#home #banner3 .banner_ad .banner_img { background: url(images/divbanners/tactical.jpg); }
#home #banner4 .banner_ad .banner_img { background: url(images/divbanners/pipeline.jpg); }
#home .banner_ad { width: 220px; position:relative;  z-index:20; }
#home .banner_ad .banner_text { background: url(images/divbanners/banner_ad_background.png); padding:10px 15px 10px 15px; display:none; border:1px solid #C8C8C8;}
#home .banner_learnmore { color:#000000; text-decoration:none; text-shadow: #C8C8C8 2px 2px 2px; font-weight:bold;}
#home .banner_learnmore em { color:#1253B1; }

#innerNav { overflow:hidden; margin:10px 3px 15px 0; position:relative; z-index:10; }
#innerNav div.search { float:right; }
#innerNav div.search input[type='text'], div.home_search input[type='text'] { width:217px; outline:none; margin:5px 0 5px 0; padding:2px; border:1px solid #c7c7c7; background:#FFFFFF url(images/search_bg.png) no-repeat; font:12px/1.2em Tahoma, Geneva, sans-serif; }
#innerNav div.search input[type='text']:focus, div.home_search input[type='text']:focus { border:1px solid #c1d8f7; background-color:#f5f7fa; background-image:none; }
div.home_search { position:absolute; top: -38px; margin-left: 45px; z-index:15; width:400px; }
#innerNav .breadCrumbs { float:left; }
#innerNav .breadCrumbs li { display:inline; font:12px Tahoma, Geneva, Sans-serif; }
#innerNav .breadCrumbs li.page { font-weight:bold; }
#innerNav .breadCrumbs li a { color:#1653b0; text-decoration:none; }
#innerNav .breadCrumbs li a:hover { text-decoration:underline; }

#tabs { width:390px; }
#tabs > ul { overflow:hidden; border-bottom:1px solid #999999; }
#tabs > ul li { float:left; margin:0 1px 0 0; }
#tabs > ul li a { display:block; width:102px; padding:4.5px 0; background:url(images/tab_sprite.png) no-repeat; text-align:center; font:bold 12px Tahoma, Geneva, sans-serif; color:#1253b1; text-decoration:none; }
#tabs > ul li a.selected { background-position:0 -25px; color:#fff; }
#tabs > ul li a:hover.selected { color:#fff !important; }
#tabs div { border:1px solid #c8c8c8; display:none; padding:20px 0; }
#tabs div.first { display:block; }
#tabs div ul { list-style:none; font:12px Tahoma, Geneva, sans-serif; padding:0 15px; }
#tabs div ul li { float:none; padding:5px 0; overflow:hidden; }
#tabs div ul li img { width:50px; float:left; }
#tabs div ul li p { padding:0 0 0 65px !important; }

#tabs div .price {float:left; margin:10px 0 20px 20px; width:130px;}
#tabs div p span {color:#1253B1; font-weight:bold;}
#tabs div .small {font:10px Tahoma, Geneva, sans-serif; color:#333; padding:0 10px;}

table .blue{background:#a4d1ee}
table, th, tr {margin:0 0 10px 0; padding:0; border-collapse:collapse; border: 0; font-size:12px; color:black; width:100%;}
table td {padding:5px 10px}
table .bold{font-weight:bold}

#content .right .more li img { width:50px; padding:0 10px 0; vertical-align:middle; }
#content .right .more li a { color:#000; }

#video {margin-top:10px;width:445px;padding:5px 0 12px 5px;background:#f8f8f8;border-radius:5px;}
#video a.button {float:left;width:60px; border-radius:8px;background:url('/wp-content/themes/ssi/images/watch-button-back.jpg') 0 0 repeat-x;-moz-box-shadow: 0 1px 2px #999;-webkit-box-shadow: 0 1px 2px #999;box-shadow: 0 1px 2px #999;) repeat-x 0 0; font-weight:bold; color:white; display:inline-block;}
#video a:hover.button  {background:url('http://simulatorsystems.com/wp-content/themes/ssi/images/watch-button-back.jpg') 0px -40px repeat-x; color:#f8f8f8;}
#content #video .button img {height:25px;float:none;border:none;width:20px;padding:5px 5px 5px 22px;}
#content #video p{display:inline-block;margin:5px 0 0 20px;}
#content #video p a, #content #video p a:hover{font-size:18px;text-shadow:0 1px 1px #bcbcbc;text-transform:uppercase;color:#000000;}

#footer { clear:both; border-top:23px solid #1253b1; border-bottom:1px solid #fff; margin:0 1px; padding:0 0 0 29px; background:url(images/footer_bg.png) repeat-x; height:162px; z-index:30;	 position:relative; }
#footer h4 { margin:0; padding:0; font:bold 10px Tahoma, Geneva, sans-serif; font-variant:small-caps; }
#footer h4.spacer { padding:12px 0 0; }
#footer ul { float:left; position:relative; }
#footer ul li { font:10px/12px Tahoma, Geneva, sans-serif; }
#footer ul li a { color:#231f20; text-decoration:none; }
#footer ul li a:hover { text-decoration:underline; }
#footer h3 a, #footer h3, #footer li h3 a, #footer li h3 { font:bold 12px Tahoma, Geneva, sans-serif; color:#1253b1; margin:0; padding:8px 0 0; text-transform:uppercase; text-decoration:none; }
#footer li h3 a:hover { text-decoration:none; }
#footer div { float:left; }
#footer div.planes { margin:0 40px 0 0; }
#footer div.vehicles { width:155px; margin:0 37px 0 0; }
#footer div.roboPipe { width:140px; margin:0 20px 0 0; }
#footer div.hardware { width:128px; }
#footer ul.comFlight { width:140px; margin:0 37px 0 0; }

#footer div.right { width:220px; background:url(images/footer_separator.png) no-repeat; float:left; }
#footer div.right ul { padding:4px 0 0 34px; }
#footer li.footLogo a { display:block; height:0; width:190px; padding:43px 0 0; margin:5px 0 0; overflow:hidden; background:url(images/footer_logo.png) no-repeat; }
#footer li.footPhone { height:0; width:172px; padding:39px 0 0; margin:9px 0 0 1px; overflow:hidden; background:url(images/footer_phone.png) no-repeat; cursor:default; }
#footer li.footAbout a { display:block; height:0; width:172px; margin:7px 0 0 1px; padding:39px 0 0; overflow:hidden; background:url(images/footer_about.png) no-repeat; }
#footer p { clear:both; font:8px Tahoma, Geneva, sans-serif; margin:3px 0 0 2px; padding:0; color:#999; text-transform:uppercase; }

#footBg { height:9px; width:978px; margin:0 auto; background:url(images/page_footer_bg.png) no-repeat; }

/*********************************************************************************/
/* FORM STYLES */
/*********************************************************************************/
p#thankYou, p#inquiryInstructions, #productInquiry { font-family: "Tahoma", "Geneva", "Arial", sans-serif; width:450px; color:#000; margin:0; padding:0; }

p#thankYou { font-size:16px; font-weight:bold; padding:30px 0 0 50px;}
p#inquiryInstructions { font-size:12px; line-height:1.3; padding:0 0 0 50px; margin:10px 0 0 0; }

#productInquiry { padding:0 0 0 50px; margin:10px 0 0 0;}
#productInquiry #firstFieldset { background:#fff none; }
#productInquiry div { margin:0; padding:0; }
#productInquiry label { margin:3px; padding:0 10px 0 0; font:normal normal normal 12px/1.2em "Tahoma", "Geneva", "Arial", sans-serif; color:#000; vertical-align:top; }
#productInquiry label.linedUp {	display:inline-block; line-height:2.6; width:100px; margin:0 5px 0 0; padding:0; text-align:right; }
#productInquiry label.linedUp em { font:12px/1.2em Arial, Helvetica, sans-serif; }

#productInquiry fieldset { margin:0 0 20px 0; padding:0 20px 20px 20px; border:1px solid #d0d0d0; }
#productInquiry fieldset > legend { font-size:12px; font-weight:normal; color:#000; }
#productInquiry fieldset fieldset { margin:20px 0 20px 0; padding:0 20px 20px; }
#productInquiry fieldset fieldset legend { font-size:12px; font-weight:normal; color:#007180; }
#productInquiry fieldset legend em, label.linedUp em { color:#e1160f; }
#productInquiry .requiredFields { text-align:right; margin-bottom:1px; }
#productInquiry .requiredFields em { margin-right:5px; }

#productInquiry #firstname,
#productInquiry #lastname,
#productInquiry #organization,
#productInquiry #email,
#productInquiry #phone,
#productInquiry #comments { width:250px; outline:none; margin:5px 0 5px 0; padding:2px; border:1px solid #d0d0d0; font-size:12px; }

#productInquiry input#firstname:focus,
#productInquiry input#lastname:focus,
#productInquiry input#organization:focus,
#productInquiry input#email:focus,
#productInquiry input#phone:focus,
#productInquiry textarea#comments:focus { border:1px solid #00aeef; background-color:#fafafa; }

#productInquiry #submitButton { margin:0px 0 0px 0; font-size:12px; }

/********************************************************/
fieldset { margin:0 0 20px 0; padding:0 20px 20px 20px; border:0px solid #e6e6e6; }
fieldset > legend { font:normal normal normal 12px/1.2em Tahoma, Geneva, sans-serif; color:#666666; }
fieldset fieldset { margin:20px 0 20px 0; padding:0 20px 20px; }
fieldset fieldset legend { font:normal normal bold 12px/1.2em Tahoma, Geneva, sans-serif; color:#007180; }
fieldset legend em, label.linedUp em { color:#e1160f; }
#requiredFields {text-align:right; width: 400px; line-height:20px; color:#666666; }
#requiredFields em { margin-right:5px; }
#firstname, #lastname, #email, #zip, #phone, #comments, #regarding, #organization { width:285px; outline:none; margin:5px 0 5px 0; padding:2px; border:1px solid #e6e6e6; }
select { margin:5px 0 0 0; }
#optinAnnouncements, #optinOffers { margin:10px 10px 10px 10px; padding:0; float:left; }
#optinAnnouncements label, #optinOffers label { float:left; }
#submitButton { margin:5px 0 5px 0; }

#contactForm { margin:0; padding:0;}
#contactForm #firstFieldset { background:#fff none; }
#contactForm div { margin:0; padding:0; }

#contactForm label { margin:0; padding:0; font:normal normal normal 12px/1.2em Tahoma, Geneva, sans-serif; color:#000; vertical-align:top; }

#contactForm label.linedUp { display:inline-block; line-height:2.6; width:100px; margin:0 5px 0 0; padding:0; text-align:right; }

#contactForm label.linedUpWide { display:block; line-height:2; margin:0; padding:5px 0 5px 25px; vertical-align:top; }

#contactForm input:focus, select:focus, #contactForm textarea:focus { border:1px solid #c1d8f7; background-color:#f5f7fa; }

input.error, select.error, fieldset.error, textarea.error { border:solid 2px #FF0000 !important; }
label.error, legend.error { color:#FF0000 !important; text-align:right; display:block; }
#contactForm div.success,  div.success { padding:20px; margin:20px; font-size:14px; text-align:center; }
#contactForm div.success,  div.success h3 {color:#1253B1;}
#contactForm div.error, div.error { padding:5px; color:#CC0000; border: 1px solid #CC0000; background: #FFA98B; margin-bottom:10px; font-size:11px; text-align:center; }

#errMsg { font:normal normal bold 12px/1.2em Tahoma, Geneva, sans-serif; color:#FF0000; }

/* PROLIFIC */
.prolific {height:0px; font-size:0px;}

/* SPECIAL */
.hidden {display:none;}