/* Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 2.8.2r1 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;} strong{font-weight:bold;} /* sitewide * ------------------------------------------------------------------------- */ body { background:#094a6b url(../images/bg.gif) repeat-x;text-align:center; font:13px/18px 'Arimo', Arial, sans-serif; color:#fff;} h1{ font-size: 30px; color:#f8aa06; line-height:normal; text-transform:uppercase; margin-top:15px;} h2 { font-size: 2.0em; color:#facf74; line-height:normal; padding-top:10px; marg } h3 { font-size:1.1em; color:#f8aa06;} a:link,a:visited { color:#facf74; text-decoration:underline; outline:none; } a:hover,a:active { color:#f8aa06; text-decoration:underline; outline:none;} /* ----- classes ----- */ div.clear { clear:both; height:.01em; overflow:hidden; } img.img-left { float:left; margin:2px 15px 2px 0;} img.img-right { float:right; margin:2px 0 2px 25px;} p.read-more {text-align:right; display:block; padding-top:15px;} p.intro {font-size:18px; line-height:24px;} span.small {color:#0675C5; font-size:10px; font-style:italic;} /* ----- form elements ----- */ form label {display:block; font-weight:bold;} form input, textarea, select { background-color:#fff; border: 1px solid #094a6b; color:#000; vertical-align: middle; padding:2px; } select { width:175px; margin-top:4px; margin-bottom:4px; vertical-align: middle; padding-top:4px; } /* same width as form - */ #main-form select { width:375px; margin-top:4px; margin-bottom:4px; vertical-align: middle; padding-top:3px; } /* same width as form - */ input, select, textarea { width:96%;} textarea { height:90px; } #main-form textarea{ height:90px; width:370px;} #main-form form input { width: 370px;} #main-form form { width: 375px;} #frm-contact p {margin-bottom:0.3em;} input.checkbox{ background:#DAD5CB; width: auto; height:auto; border:none;} input.radio{ background:#DAD5CB; width: auto; height:auto; border:none;} #main-form input.radio{ background:#fff; width: auto; height:auto; border:none; } #main-form input.checkbox{ background:#fff; width: auto; height:auto; border:none; } label {font-weight:bold;} label.error {background:#FB2D33;color:#fff;font-weight:bold;padding:2px;display:block;width:95%;} #content-left form input.submit-image, #main-form form input.submit-image { width: auto; width:175px; height:45px; cursor:pointer; padding:0; margin-top:5px;} /* ----- submit button form elements ----- */ input.submit { width:175px!important; height:45px; padding:0; border:none; margin-bottom:100px;} /* framework * ------------------------------------------------------------------------- */ #frame {width:860px; background-color:#094a6b; margin:0 auto; text-align:left; } #top-nav{background:url(../images/sub-nav-bg.gif) no-repeat; height:20px;} #top-nav ul{ text-align:right; font-size:9px; line-height:20px;} #top-nav li {padding:0 5px 0 7px; display: inline;} #top-nav a:link, #top-nav a:visited { color:#CEE6F3; text-decoration:none; } #top-nav a:hover, #top-nav a:active { color:#fff; } #sitemast-left{background:url(../images/sitemast-left.jpg) no-repeat; height: 380px;} #sitemast-middle{background:url(../images/sitemast-middle.jpg) no-repeat; height: 380px;} #brandbar {position:relative; background:url(../images/brandbar.jpg); height:160px;} /* index page link within #header */ #brandbar a { position:absolute; left:8px; width:296px; top:31px; height:49px; } #brandbar a span { display:none;} /* ----- content-left ----- */ #content-left { width:175px; float:left;} #content-left div.gutter { margin: 0px 15px 0px 0px;} #content-middle p { margin-top: 15px;} #content-left a { color:#C14938; text-decoration:underline;} /* ----- content-left ----- */ #content-middle { width:470px; float:left;} #content-middle div.gutter { margin: 0px 25px 0px 25px;} /* ----- content-right ----- */ #content-right {width:215px; float:left; background:url(../images/content-right-bg.jpg) no-repeat #1a7996; padding-top:380px;} #content-right .gutter { margin: 0px 20px 0 20px; } #content-right ul.list { margin:0 0 15px 15px;} #content-right ul.list li{ background:transparent url(../images/img-list.gif) 0px 1px no-repeat; padding-left:18px; /* pushes text to the right to display bg img */ margin-bottom:8px; margin-top:8px; } /* ----- bottom-frame ----- */ #bottom-frame { background:url(../images/bottomframe.gif) no-repeat; height:30px; clear:both; width:100%; /* fix for Safar */} /* title framework * ------------------------------------------------------------------------- */ #title-form {height:120px; background:url(../images/title-form.gif) no-repeat ;} #title-form span {display:none;} /* side-nav * ------------------------------------------------------------------------- */ /* ----- side-nav ----- */ #side-nav { background:url(../images/side-nav.gif) no-repeat; float:left; width:175px; height:225px; margin:0; padding:0;} #side-nav li span { display: none; } #side-nav li { float:left; list-style:none; } #side-nav li, #side-nav a {display:block; width:175px;} #side-nav-01 a{ margin-top:0; height:71px; } #side-nav-02 a{ margin-top: 6px; height:71px; } #side-nav-03 a{ margin-top: 6px; height:71px; } #side-nav-01 a:hover { background:url(../images/side-nav.gif) -175px 0px no-repeat; } #side-nav-02 a:hover { background:url(../images/side-nav.gif) -175px -77px no-repeat; } #side-nav-03 a:hover { background:url(../images/side-nav.gif) -175px -154px no-repeat; } /* copyright * ------------------------------------------------------------------------- */ #copyright { width:860px; margin:0 auto; color:#ccc; height:90px; text-align:left; background:url(../images/copyright-bg.gif) no-repeat; font:9px/14px Verdana, Arial, Helvetica, sans-serif; } #copyright .gutter { margin:0px 35px 10px 85px; padding-top:20px;} #copyright a:link, #copyright a:visited { color:#ccc; text-decoration:underline; } #copyright a:hover, #copyright a:active { color:#fff; text-decoration:underline;} #copyright li {padding:0 5px 0 0px; display: inline;} #copyright li.first { border: none; } /* First Level UL List */ #globalnav {margin-top: 15px;} #globalnav { margin:10px 0 15px 0; padding:0; list-style:none;} #globalnav li { width:175px; } #globalnav li a { display: block; width: 175px; height: 40px; text-indent:-999em; outline:none; } /* Using CSS Sprite for menu item */ #globalnav li a.home { background:url(../images/globalnav.gif) no-repeat 0 0; } #globalnav li a.home:hover, .homeOver { background:url(../images/globalnav.gif) no-repeat -175px 0 !important; } #globalnav li a.maritime { background:url(../images/globalnav.gif) no-repeat 0 -40px; } #globalnav li a.maritime:hover, .maritimeOver { background:url(../images/globalnav.gif) no-repeat -175px -40px !important; } #globalnav li a.jones { background:url(../images/globalnav.gif) no-repeat 0 -80px; } #globalnav li a.jones:hover, .jonesOver { background:url(../images/globalnav.gif) no-repeat -175px -80px !important; } #globalnav li a.lhwca { background:url(../images/globalnav.gif) no-repeat 0 -120px; } #globalnav li a.lhwca:hover, .lhwcaOver { background:url(../images/globalnav.gif) no-repeat -175px -120px !important; } #globalnav li a.industries { background:url(../images/globalnav.gif) no-repeat 0 -160px; } #globalnav li a.industries:hover, .industriesOver { background:url(../images/globalnav.gif) no-repeat -175px -160px !important; } #globalnav li a.contact { background:url(../images/globalnav.gif) no-repeat 0 -200px; } #globalnav li a.contact:hover, .contactOver { background:url(../images/globalnav.gif) no-repeat -175px -200px !important; } /* Second Level UL List*/ #globalnav ul { background:#2e637f; width:175px; margin:0; padding:0; display:none; font-size:11px; } #globalnav ul li { height:30px; } /* styling of submenu item */ #globalnav ul li a { width:175px; height:25px; padding-top:5px; padding-left:5px; border-bottom: 1px solid #4082a4; text-indent:0; color:#fff; text-decoration:none; } /* remove border bottom of the last item */ #globalnav ul li a.last { border-bottom: none; }