﻿/* CSS Document */
/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:none; font-weight:normal; font-style:normal; font-size:100%; font-family: inherit; vertical-align: top; }
:focus {outline: 0;}
body {line-height: 1; color: black; background: white; position:relative;}
ol, ul {list-style: none; }
table { border-collapse: separate; border-spacing: 0; }

table#productsTable { background-color:#FFF  }
table#productsTable img { margin-bottom:40px; }

caption, th, td {text-align: left; font-weight: normal; }
blockquote:before, blockquote:after {content: "";}
blockquote {quotes: "" "";}

/* Typography  - The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body{color:#000; font:75%/1.5em Arial, Helvetica, sans-serif;}

p{font-weight:300; margin:0 0 1.5em;}

h1{font-size:2em; font-weight:700; margin:0 0 0.75em;}
h2{font-size:1.5em; margin:0 0 1em;}
h3{font-size:1.1666em; margin:0 0 1.285em;}
h4{font-size:1em; margin:0 0 1.5em;}
h5{font-size:0.8333em; margin:0 0 1.8em;}
h6{font-size:0.666em; margin:0 0 2.25em;}

a:link{color:inherit; text-decoration:underline;}
a:visited{}
a:hover{}
a:hover,a:focus{text-decoration:none;}

ul,ol{margin:0 0 1.5em; padding:0;}
li ul,li ol{margin:0;}
ul li{list-style:inside disc;}
li li{padding-left:1.5em;}
ol li{list-style:inside decimal;}
img{display:inline-block; vertical-align:bottom;}
.imgFloatLeft {float:left; margin-right:20px;}
.imgFloatRight {float:right; margin-bottom:20px;}
:focus{outline:1px dotted;}

abbr,acronym{border-bottom:1px dotted; cursor:help; font-variant:small-caps;}
address,cite,em,i{font-style:italic;}
blockquote p{background:#eee; margin:0 1.5em 1.5em; padding:0.75em;}
code,kbd,tt{font:1em/1.5em "Courier New", Courier, monospace;}
del{text-decoration:line-through;}
dfn{border-bottom:1px dashed; font-style:italic;}
dl{margin:0 0 1.5em;}
dt{font-weight:700;}
dd{padding-left:1.5em;}
ins{text-decoration:overline;}
pre{font:1em/1.5em "Courier New", Courier, monospace; margin:0 0 1.5em; padding:0 0 0 1.5em;}
sub{bottom:-0.4em; font-size:0.85em; line-height:1em; position:relative; vertical-align:baseline;}
sup{font-size:0.85em; line-height:1em; position:relative; top:-0.4em; vertical-align:baseline;}
strong, b{font-weight:700;}
caption{font-style:italic; text-align:left;}

/*Forms*/
label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }
input.text, input.title, textarea, select {margin:0.5em 0; border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title{ width: 300px; padding:5px; }
input.title{ font-size:1.5em; }
textarea{ width: 390px; height: 250px; padding:5px; }
.error, .notice, .success{ padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/*Link Icons*/
body a.noicon { background:none; padding:0; margin:0; }/* add if something shouldn't have have an icon */


/* Ultility Classes */
.smallcaps {font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size:1.2em;font-weight:bold; padding:0 2px;}
.amp{font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "URW Chancery L", Gentium, serif; font-style:italic;}
.aside-left{clear:left; float:left; margin:0 1.5em 0 0;}
.aside-right{clear:right; float:right; margin:0 0 0 1.5em;}


/*Clearing*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear{clear:both;}


a:active { outline:  none; }
a { outline: none; }
:focus {  -moz-outline-style: none; }

body{background:url(../images/background-repeat.png) repeat-x top; background-color:#dfe1e2; padding-top:5px;}
#siteContain {margin:0 auto; padding:0; position: relative; text-align:center; width:1005px;}
#outsideContainer {width:992px; margin:0 auto; position:relative; text-align:center;background-repeat:no-repeat;margin-top:15px;background:url(../images/background-dropshaddow.png);background-repeat:repeat-y;}

#topHeader {background:url(../images/header-top2.png);width:960px;height:9px;margin:0 auto;}
#container {color:#333333;background:#ffffff; width:960px;margin:0 auto;text-align:left;line-height:20px;font-size:12px;font-family:Tahoma;}

#header {height:130px; background-image: url(../images/header_bg960X130.png)}
#header h1 {height:128px; width:240px; background-repeat:no-repeat; float:left; background-image: url(../images/logo_240.png); margin-top: 0px; margin-right: 0;
	margin-bottom: 0; margin-left: 30px;}
#header h1 a {display:block; height: 119px; text-indent:-9999px;}
#header a {display:block; height:30px; color:#000; font-size:16px;}
#espanol { position:absolute; top:15px; right:45px; }
#headerInfo {height:80px; width:490px;float:left;border-left:solid 4px #cccccc; margin:30px 0 0 95px; }
#headerInfo h2 {padding:0 0 0 8px; font-size:13px;color:#003333; font-family:Arial, Helvetica, sans-serif;}
#headerInfo h2 span {font-size:18px;color:#003333; font-family:Arial, Helvetica, sans-serif; }
#headerInfo p {padding:0 0 0 8px;}
#headerInfo p span {font-size:18px;color:#003333; font-family:Arial, Helvetica, sans-serif; }

.bannerImage {width:960px;height:418px; position:relative; background-image:url(../images/insite_i2_960x418.jpg)}
.bannerImage img {border-top:1px solid #075f97;position:absolute; z-index:5;}
.bannerImage a {display:block;height:30px;text-decoration: underline;color:#012943; float:right; margin-right:20px;  }

#primaryNav {width:975px; height:66px; background:url(../images/nav-bar-outside.png); background-repeat:no-repeat; position:absolute;
	margin:-450px 0 0 -7px; padding:0; z-index:50; top: 609px; }
             
.topNav {margin:0 0 0 7px; height:50px;}
.topNav li {display:inline;font-size:11px;color:#012943;}
#subPrimaryNav .topNav #topHome .selected li {color:#ff0000;}

.topNav #topHome {height:50px;width:75px;line-height:60px;float:left;text-align:center;} 
.topNav #topHome a {display:block;height:50px;text-decoration:none;color:#012943}
.topNav #topHome a:hover,active {color:#075f97 !important;background:url(../images/nav-hover80.png);} 
.topNav #topHome a:visited {color:#012943;}
/*.topNav .selected #topHome {background:url(../images/nav-hover80.png); color:#ff0000;}*/
.topNav #topFeatures {height:50px;width:80px;line-height:60px;float:left;text-align:center;} 
.topNav #topFeatures a {display:block;height:50px;text-decoration:none;color:#012943}
.topNav #topFeatures a:hover,active {color:#075f97 !important;background:url(../images/nav-hover80.png);} 
.topNav #topFeatures a:visited {color:#012943;}

.topNav #topAutomation {height:50px;width:130px;line-height:60px;float:left;text-align:center;} 
.topNav #topAutomation a {display:block;height:50px;text-decoration:none;color:#012943}
.topNav #topAutomation a:hover,active {color:#075f97 !important;background:url(../images/nav-hover130.png);} 
.topNav #topAutomation a:visited {color:#012943;}

.topNav #topMarine {height:50px; width:90px; line-height:60px; float:left; text-align:center; } 
.topNav #topMarine a {display:block;height:50px;text-decoration:none;color:#012943}
.topNav #topMarine a:hover,active {color:#075f97 !important;background:url(../images/nav-hover90.png);} 
.topNav #topMarine a:visited {color:#012943;}

.topNav #topFactOffApps {height:50px;width:165px;line-height:60px;float:left;text-align:center;} 
.topNav #topFactOffApps a {display:block;height:50px;text-decoration:none;color:#012943}
.topNav #topFactOffApps a:hover,active {color:#075f97 !important;background:url(../images/nav-hover190.png);} 
.topNav #topFactOffApps a:visited {color:#012943;}

.topNav #topIndusComApps {height:50px;width:160px;line-height:60px;float:left;text-align:center;} 
.topNav #topIndusComApps a {display:block;height:50px;text-decoration:none;color:#012943}
.topNav #topIndusComApps a:hover,active {color:#075f97 !important;background:url(../images/nav-hover190.png);} 
.topNav #topIndusComApps a:visited {color:#012943;}

.topNav #topSecurity {height:50px;width:80px;line-height:60px;float:left;text-align:center;} 
.topNav #topSecurity a {display:block;height:50px;text-decoration:none;color:#012943}
.topNav #topSecurity a:hover,active {color:#075f97 !important;background:url(../images/nav-hover80.png);} 
.topNav #topSecurity a:visited {color:#012943;}

.topNav #topProducts {height:50px;width:80px;line-height:60px;float:left;text-align:center;} 
.topNav #topProducts a {display:block;height:50px;text-decoration:none;color:#012943}
.topNav #topProducts a:hover,active {color:#075f97 !important;background:url(../images/nav-hover80.png);} 
.topNav #topProducts a:visited {color:#012943;}

.topNav #topVenders {height:50px; width:70px; line-height:60px; float:left; text-align:center;} 
.topNav #topVenders a {display:block; height:50px; text-decoration:none; color:#012943}
.topNav #topVenders a:hover,active {color:#075f97 !important; background:url(../images/nav-hover80.png);} 
.topNav #topVenders a:visited {color:#012943;}

#homeSideBar {width:300px;background:#d7e0e5;position:absolute;margin:-25px 0 0 635px;z-index:50;}
#homeSideBar h2 {margin:0;height:35px; line-height:35px; text-align:center;background:#075f97;border:1px solid #909396;font-size:12px; font-weight:bold; color:#ffffff;}
#homeSideBar p {padding:15px 15px 0 15px;}
#homeSideBar ul {padding:0 0 0 35px;}
#homeSideBar li { list-style-type:square; list-style-position:outside; font-size:13px;padding-bottom:8px;color:#075f97;}
#homeSideBar span {color:#333333;}
#homeSideBarBottom {width:300px;margin:335px 0 0 635px;background:url(../images/sidebar-bottom.png);height:8px;position:absolute;}

#homeContent {width:958px;height:460px;border-right:1px solid #b0bdc7;border-left:1px solid #b0bdc7;}

#homeResContent {width:280px; float:left;padding:17px 0px 15px 23px;}
#homeResContent h2 {padding:10px 0 5px 0; font-size:16px; color:#104658; font-weight:bold;margin:0;}
#homeResContent p {padding-right:0px;}
#homeResContent a {color:#075f97; font-weight:bold; text-decoration:none;}
#homeResContent a:hover {color:#104658;}

#homeCommContent {width:280px; float:left;padding:17px 0px 15px 30px;}
#homeCommContent h2 {padding:10px 0 5px 0; font-size:16px; color:#104658; font-weight:bold;margin:0;}
#homeCommContent p {padding-right:0px;}
#homeCommContent a {color:#075f97; font-weight:bold; text-decoration:none;}
#homeCommContent a:hover {color:#104658;}


#homeContentBottom {height:32px; width:992px; margin:0 auto; background:url(../images/content-bottom-dropshadow.png);clear:both;background-repeat:no-repeat;}

#footer {text-align:left; width:960px;margin:0 auto;}

#footerInfo {margin:0px 0 0 10px;float:left;font-size:10px; line-height:13px;}
#footerInfo a {text-decoration:none;color:#333333;}
#footerInfo a:hover {color:#104658;}

.stationfour {color:#777777;padding-top:5px;}
.stationfour a {text-decoration:underline !important;color:#777777 !important;}
.stationfour a:hover {text-decoration:none;}


#footerNav{float:right;width:940px;margin:0px 0px 0 0;}
.bottomNav {margin:0;background:#d6d9db;font-size:11px;padding:6px 3px 6px 12px;}
.bottomNav li {display:inline;}
.bottomNav li a {text-decoration:none;color:#000000;}
.bottomNav li a:hover {color:#104658 !important;}
.bottomNav li a:active {background: #FFCC00; text-decoration: none}
.activePage {background-color: #CFFCFE !important; }
/* sub-projects coding */

#subBannerImage {width:960px; position:relative;height:63px;background:#ffffff;}
#subPrimaryNav {width:975px; height:66px; background:url(../images/nav-bar-outside.png); background-repeat:no-repeat; position:absolute;margin:22px 0 0 -7px;padding:0;}
#subProjectContent {width:958px;border-right:1px solid #b0bdc7;border-left:1px solid #b0bdc7;padding-bottom:20px;overflow:auto;}

#projectInfoColumn {width:475px; float:left;margin:45px 0px 0 20px;}
#projectInfoColumn h2 {padding-top:8px; font-weight:bold; color:#104658;margin-bottom:10px;}
#projectInfoColumn h3 {margin:0;padding:0;color:#333333; font-size:12px;font-weight:bold;}
#projectInfoColumn p {padding:10px 25px 0 0;}

#projectImageColumn {width:463px;float:left;padding:50px 0 0 0;}
#projectImageColumn img {padding-left:15px;}
#projectImageColumn h3 {padding:10px 0 0 15px;margin:0;color:#333333; font-size:11px;font-weight:bold;}

#projectsPageGallery {width:435px;padding-left:15px;}
.pageGallery {margin:0;float:left;width:130px;padding-right:15px;}
.pageGallery li { list-style-type:none;line-height:13px;padding:0 0 15px 0;}
#projectsPageGallery img {padding:0;}

#projectPageNav {width:300px;background:#d7e0e5;overflow:auto;margin-left:70px;margin-top:200px;}
#projectPageNav h2 {margin:0;height:35px; line-height:35px; text-align:center;background:#075f97;border:1px solid #909396;font-size:12px; font-weight:bold; color:#ffffff;padding:0;}
.projectPageLinks {width:120px; float:left;margin:0;padding:15px 0px 10px 25px;}
.projectPageLinks li { list-style-type:none; font-size:11px;line-height:13px;padding:0 0 10px 0;}
.projectPageLinks li a {text-decoration:none;color:#333333;}
.projectPageLinks li a:hover {color:#075f97 !important;}
#projectPageNavBottom {width:300px;background:url(../images/sidebar-bottom.png);height:8px;margin-left:70px;}


/*sub page coding */

#subPageContent {width:958px;border-right:1px solid #b0bdc7;border-left:1px solid #b0bdc7;padding-bottom:20px;overflow:auto;}

#subPageForm {width:475px; float:left;margin:45px 0px 0 242px;}

#subPageTop {width:475px; float:left;margin:45px 0px 0 20px;}
#subPageTop h2 {padding-top:8px; font-weight:bold; color:#104658;margin-bottom:10px;}
#subPageTop h3 {margin:0;padding:0;color:#333333; font-size:12px;font-weight:bold;}
#subPageTop h5 {margin:0;padding-bottom:10px;color:#333333; font-size:15px;font-weight:bold;text-decoration:underline;color:#104658;padding-top:8px;}
#subPageTop p {padding:0px 25px 0 0;}
#subPageTop a {color:#363636;}
#subPageTop a:hover {color:#075f97 !important;}
#mainImg {float:left;width:420px;padding-left:15px;padding-top:50px;}


.projectGalleryList {width:440px;float:left;padding:40px 0 0 20px;margin:0; line-height:16px;}
.projectGalleryList h2 {color:#104658; font-size:14px; font-weight:bold;margin:0;}
.projectGalleryColumn {float:left;width:200px;padding:0 15px 0 0;}
.projectGalleryColumn h3 {font-size:12px;margin:0;padding-top:3px;}
.projectGalleryColumn h3 a {color:#333333;}
.projectGalleryColumn h3 a:hover {color:#075f97 !important;text-decoration:underline ;}
.projectGalleryColumn h4 {color:#666666;margin:0;font-size:11px;}
.projectGalleryColumn img {margin-top:18px;}

#projectList {clear:both;padding:60px 50px 0 50px;}
#projectList h2 {color:#104658; font-size:14px; font-weight:bold;margin:0;}
#projectList h3 {margin:0; padding:15px 0 4px 0;font-weight:bold;font-size:13px;}
#projectList h4 {margin:0;color:#666666;line-height:15px;font-size:13px;}
#projectList p {padding:7px 0 12px 0;margin:0;font-size:13px;}

#aboutUsLogos h3 {float:left;width:420px;padding:15px 0 10px 15px;margin:0;text-align:center;font-weight:bold;color:#104658;text-decoration:underline;}
#aboutUsLogos dl {float:left;padding:0 0 0 120px;text-align:center;}
#aboutUsLogos dd {margin:0;padding:3px 0 10px 0;line-height:13px;font-size:11px;}

#employmentForm {width:700px;clear:both;padding-left:50px;}
#employmentForm li { list-style-type:none;}

#servicesList{width:900px; float:left;margin:0px 0px 0 20px; }
#servicesList h3 {margin:0;padding:0;color:#333333; font-size:12px;font-weight:bold;}
#servicesList h5 {margin:0;padding-bottom:10px;color:#333333; font-size:15px;font-weight:bold;text-decoration:underline;color:#104658;padding-top:8px;}

#subPageTop ul {padding:0 0 0 40px;}
#subPageTop li {list-style-type:none;font-size:12px;font-weight:bold;padding-top:3px;}
.nested {padding:0 !important;margin:0;}
.nested li a {font-size:12px; font-weight:normal;text-decoration:none;}
.imgRight { float:right; padding:20px;}
.imgRightContactus { float:right; padding:20px; margin-top:40px;}
.imgLeft { float:left; padding:20px;}

.prodTitle {font-size: 1.35em; background-color:#CFFCFE; }
.vendorIndent{ background-color:#FFF; margin-left:100px;}

#form-bottom{background-image:url(../images/form/form-bottom-2.png);background-repeat:no-repeat;height:72px;position:static;width:551px;}
#form-content{background-image:url(../images/form/form-bg.png);background-repeat:repeat-y;position:static;width:551px;}
#form-inner-content{padding:0 20px 0 45px;}
#form-inner-content #description{height:60px;width:450px;}
#form-top{background-image:url(../images/form/form-top.png);background-repeat:no-repeat;height:38px;position:static;width:551px;}
#send-button{margin-left:30px;margin-top:20px;}

