/*** YUI Reset code ***/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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 { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } html { background: #02224e url(../images/page-back.gif) repeat-x; } body { font-size: 76%; font-family: Tahoma, Arial, sans-serif; position: relative; padding-top:13px; } legend { display: none; } p { line-height: 1.2; margin-bottom: 1em; } a { text-decoration: none; } h2 { margin-bottom: 5px; font-size: 1.3em; font-family: "Trebuchet MS", "Myriad Pro"; color: #d74e03; } h4 { margin: 0 0 5px 10px; font-size: 100%; font-family: "Trebuchet MS", "Myriad Pro"; } #container { width: 905px; margin: 0 auto; border: 1px solid transparent; } * html #container { border: none; } /**** Header ****/ #header { height: 99px; position: relative; font-family: Arial, Tahoma; overflow: hidden; } h1 { float:left; } h1 img { display: block; } /**** Upper right hand nav ****/ #quick-links { position: absolute; bottom:0; right:0; } #quick-links li { float: left; line-height: 2.2; } #quick-links a { font-family: Arial, Tahoma; display: block; padding: 0 10px; border-left: 1px solid #76777a; color: #000; } #quick-links li.home a { border: none; } body.home .home a, body.about .about a, body.contact .contact a, #quick-links a:hover { color: #d74e03 !important; } /* color needs to be changed */ /**** Search form ****/ form div { position: absolute; bottom: 5px; left: 200px; width: 400px; } form div * { vertical-align: middle; float:left; margin-right: 5px; } form label { color: #14547c; } form button { border:0; text-indent: -1000em; background: url(../images/go.gif) no-repeat; width: 30px; height: 19px; } form input { border: 1px solid #999898; } /**** Flash content container where flash will be inserted into, background image for when flash disabled ****/ #flashcontent { width: 953px; height: 113px; background: url(../images/banner.jpg); margin-bottom: 1px; position: relative; left: -23px; } /**** Main content area ****/ #main { display: inline-block; } #main { display: block; overflow: hidden; background: #fff; margin-bottom: 20px; } /**** Sidebar navigation ****/ #nav { float:left; width: 169px; } #main-nav { display: inline-block; } #main-nav { display: block; background: #89c2e2 url(../images/nav-back.gif) no-repeat; padding:10px 0; } #main-nav li { display: inline-block; } #main-nav li { display: block; position: relative; } #main-nav a { display: inline-block; } #main-nav a { border-bottom: 1px solid #cfe4f0; margin-right: 12px; display: block; padding-left:15px; } #main-nav li span { background: url(../images/orange-arrow.gif) left center no-repeat; padding-left: 9px; display: block; text-transform: lowercase; color: #000; display: block; font-family: Tahoma; font-weight: bold; line-height: 1.9em; } /* subnavs */ #main-nav ul { background: #89c2e2 url(../images/nav-back.gif) no-repeat; width: 169px; position: absolute; left:-9999em; top: 0; } #main-nav li:hover ul { display: inline-block; } #main-nav li:hover ul, #main-nav li.sfhover ul { display: block; left: 169px; } #main-nav ul a { font-size:.9em; text-transform: lowercase; color: #000; display: block; font-family: Tahoma; font-weight: bold; line-height: 1.9em; padding:0; background: none; padding: 0 5px; width:158px;} /* hover */ #main-nav a:hover span, #main-nav ul a:hover, #main-nav li:hover span { color: #d74e03; } #secondary-nav li { display: inline-block; } #secondary-nav li { display: block; margin-top: 15px; position: relative; } #secondary-nav a { display: block; background: url(../images/secondary-nav-back.gif); line-height: 29px; font-weight: bold; font-size: 1.05em; padding-right: 20px; text-align: right; color: #000; } /* subnavs */ #secondary-nav ul { margin:0; padding:0; background: #89c2e2 url(../images/nav-back.gif) no-repeat; width: 169px; position: absolute; left:-9999em; top: -3em; } #secondary-nav ul li { margin:0; } #secondary-nav li:hover ul { display: inline-block; } #secondary-nav li:hover ul, #secondary-nav li.sfhover ul { display: block; left: 169px; } #secondary-nav ul a { border-bottom: 1px solid #cfe4f0; line-height: 1.9em; text-align: left; font-size:.9em; text-transform: lowercase; color: #000; display: block; font-family: Tahoma; font-weight: bold; background: none; padding: 0 5px; } /* hover */ #secondary-nav ul a:hover { color: #d74e03; } /**** Right sidebar sections ****/ #sidebar { display: inline; float: right; width: 184px; margin-right: 17px; } #areas li { margin: 15px 0; } #areas li a { background-repeat: no-repeat; display: block; text-indent: -1000em; height: 134px; width: 184px; } /* seperate images */ #areas li.sensors { background-image: url(../images/coating.jpg); } #areas li.research a { background-image: url(../images/research.jpg); } #areas li.development { background-image: url(../images/analytical.jpg); } #areas li.equip { background-image: url(../images/equipment.jpg); } /**** Main content area ****/ #content { display: inline-block; } #content { display: block; padding: 18px; overflow: hidden; } #content ul { margin: 1em; } #content .more { font-weight: bold; display: block; text-align: right; color: #d74e03; text-transform: lowercase; } #footer { font-size: .95em; position: absolute; width: 100%; left:0; background: #fff; text-align: center; } #footer p { line-height: 3em; margin: 0; } /**** Home page specific styles ****/ .home #content div { padding-bottom: 1em; } .home #main { background: #fff url(../i.mages/services-back.gif) top right repeat-y; } img { border:none } .contentpaneopen li {list-style:disc;} #iso9001 { height: 40px; display: block; position: absolute; top: 0; right: 0; background: transparent url(../images/ACREE-AS9100-ISO9001-LOGO.jpg) no-repeat; text-indent: -9999em; width: 226px; }