/* =About this file Author: Nick Sayre for Maxus Creative Author website: http://maxuscreative.com */ /* =Colors Dark Green: #1a584d; Bright Green: #20a38b; Dark Red: #cf1616; Bright Red: #f71010; Hilite Blue: #d4fff8; Hilite Blue Dark: #c6d6d4; */ /* =Reset */ * { margin: 0; padding: 0; outline:none; } html, body { height: 100%; } a img { border: none; } a img:hover { border: none; } table { border-collapse: collapse; } /* =Utility Classes */ .floatLeft { float: left; } .floatRight { float: right; } .clear { clear: both; } /*.button {} use for links, form buttons etc to keep consistent */ /* =General */ body { background: #1a584d url(img/bg-body.jpg) repeat-x; font-family: Lucida Grande, Helvetica, Arial, sans-serif; color: #333; font-size: 12px; } a { color: #cf1616; } a:hover { color: #f71010; } #footer a { color: #1a584d; } #footer a:hover { color: #20a38b; } /* =Typography */ h2 { margin: 1em 0 0 0; padding: 0 20px; font-size:16px; color: #1a584d; font-weight: normal; text-transform:uppercase; } h3 { margin: 1em 0 0 0; padding: 0 20px; font-size:12px; color: #cf1616; font-weight: normal; text-transform:uppercase; } p, ul, ol { line-height: 1.6em; } p { margin: 1em 0; padding: 0 20px; } ul { margin: 1em 0; padding: 0 20px 0 35px; } ol { margin: 1em 0; padding: 0 20px 0 45px; } h2 + p, h2 + ul, h2 + ol { margin-top: 0; } #footer p { font-size:12px; } /* =Layout */ #wrapper { position:relative; /* For positioning h1 logo and espanol button */ width: 960px; margin: 40px auto 20px auto; padding-bottom: 1px; /* Stops margin collapsing */ background: #fff; border-top: 4px solid #cf1616; } h1 { position: absolute; top: 20px; left: 20px; height: 105px; width: 334px; background: url(img/logo-business_assistance2.jpg) no-repeat; } h1 a { display: block; height: 105px; width: 334px; text-indent: -10000em; } #languageToggle { position: absolute; top: 20px; right: 0; line-height: 40px; padding: 0 40px 0 1em; background: #d4fff8 url(img/bg-languageToggle.jpg) no-repeat 88% center; font-weight: bold; text-decoration:none; text-transform: uppercase; border-bottom: 2px solid #c6d6d4; } #nav { margin: 125px 0 0 0; float:right; list-style-type: none; } #nav li { float: left; } #nav a { display:block; height: 40px; line-height: 40px; margin-left: 2px; padding: 0 .5em; font-size: 13px; color: #1a584d; text-decoration: none; text-transform:uppercase; } #nav a:hover { background: #d4fff8; } #content { background: #d4fff8; margin: 0 20px 1em 20px; padding-top: 1px; /* Stops margin collapsing */ padding-bottom:20px; border-bottom: 2px solid #c6d6d4; overflow:hidden; } #cms { float:right; width: 700px; } #pagePhoto { float: left; margin: 20px 0 20px 20px; display: inline; } #footer { margin: 1em 20px; } /* =Misc Elements */ .embed { width: 700px; margin: 1em 20px; } .embed img { /* =Flickr images */ margin-right: 5px; } /* =Nav Selecting | higlights a nav element based on the value of tag's id attribute */ #home #nav-home { background: #d4fff8; } #incubators #nav-incubators { background: #d4fff8; } #links #nav-links { background: #d4fff8; } #test #nav-test { background: #d4fff8; } #seminars #nav-seminars { background: #d4fff8; } #media #nav-media { background: #d4fff8; } /* =CMS styles */ .editable img { margin: 0 10px 10px 0; }