/* Title: Owell Author: Nick Weight (www.nickweight.com) Updated: Aug 5 2009 Notes: For Owell ---------------------------------------------------------------------------------------------- Index: Links Colors: Mass Reset Body Background #090909 Common Elements Content Background #252525 Layout Main Text #ffffff Header Links #cccccc Content Red #fe0000 Footer Forms Misc ---------------------------------------------------------------------------------------------- */ /* Links ----------------------------------------------- */ a { overflow: hidden; /* Firefox: This makes the width of the outline/halo around a focused link that has image replacement w/ text-indent property */ text-decoration:none; font-weight:bold; } a:active { outline: none; /* Firefox: Removes dotted borders from links In Firefox */ } a:focus { -moz-outline-style: none; /* Firefox: Removes dotted borders from links In Firefox */ } a:link { color: #cccccc; } a:visited { color: #999999; } a:hover, a:active { color: #ffffff; } /* Mass Reset ----------------------------------------------- */ /* Thanks to Eric for this reset http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */ html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */ a img, :link img, :visited img {border:none;} /* Common Elements ----------------------------------------------- */ body,ul,ol,dl,td,th,caption,pre,p,blockquote,input,textarea { /* Sets the main font-family, line-height and color. Font size is set by the and #container. */ color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em; } body { margin: 0; padding: 0 ; text-align: center; background-color: #090909; } p { margin: 1em 0 1em; padding: 0; } h1 { font-size: 200%; font-weight: bold; line-height: 1.2em; margin: 0 0 0 0; padding-bottom: 0px; letter-spacing: -.02em; } h2 { font-size: 135%; font-weight: bold; line-height: 1.2em; margin: .38em 0 0 0; text-align:center; letter-spacing: -.02em; } h3 { font-size: 115%; font-weight: normal; line-height: 1.5em; margin: 1em 0 -.2em 0; } blockquote { /*font-style: italic;*/ margin: 1em 0; padding: 1em; border: 1px solid #DDD; background: #EEE; } abbr, acronym { font-style: normal; cursor: help; border-bottom: 1px dotted #bbb; } em { font-style: italic; } strong { font-weight: bold; } del { color: #999; text-decoration: line-through; } hr { color: #DDDBC7; height: 1px; margin: 1.5em 0 1.5em 0; border: 0; background-color: #DDDBC7; } /* Layout ----------------------------------------------- */ #container { text-align: left; height: 830px; margin: 20px auto; background: transparent url(../images/hdr-top.png) 0 0px repeat-x; background-color: #252525; } #header { margin: 0px auto; min-height: 0; width: 847px; position:relative; } #nav { float: right; clear: both; position:relative; padding: 1px 0px 15px 0px; margin: 0px; } #nav ul{ display: inline; } #nav li { display: inline; list-style-type: none; padding-left: 10px; padding-right: 10px; margin: 0px; border-right: 2px solid #b4b4b4; } #nav li.last { padding-right: 7px; border-right: none; } #nav-tabs { margin: 5px auto 0 auto; padding: 0px; clear: both; width: 847px; position:relative; } #nav-tabs ul{ float: left; margin: 0px; padding: 0px; } #nav-tabs li{ list-style-type: none; float: left; } #nav-tabs li a{ display: block; float: left; list-style-type: none; height: 96px; margin: 0; padding: 0; text-indent: -5000px; line-height: 0; } .logo a { width: 238px; background: transparent url(../images/logo-owell.png) 0 0px no-repeat; } .gov-tab a { vertical-align: bottom; width: 204px; background: transparent url(../images/gov-tab.png) 0 0px no-repeat; } .gov-tab a:hover, .com-tab a:hover, .res-tab a:hover, #nav-tabs li.selected a { background-position: 0 -96px; } .com-tab a { width: 203px; background: transparent url(../images/com-tab.png) 0 0px no-repeat; } .res-tab a { width:202px; background: transparent url(../images/res-tab.png) 0 0px no-repeat; } #content { margin: 0 auto; position:relative; text-align:left; clear: both; width: 847px; height: 639px; background: transparent url(../images/cement-box.png) 0 0 no-repeat; } #extra { text-transform:uppercase; list-style:none; position:absolute; top:20px; left:10px; font-size:135%; } #extra li a{ color:#000000; } #extra li a:hover{ color:#ffffff; } #extra li.selected a{ color:#ffffff; } .inner-content { margin: 0 8px; background: transparent url(../images/inner-content.png) 0 0 no-repeat; } .pic { margin: 0 8px; padding-top:10px; height:425px; } .pic h1{ padding-top:20px; padding-left:15px; } .pic p{ padding:10px 15px 0px 15px; color:#252525; font-size:135%; font-weight:bold; } .pic ul{ padding:30px 15px 0px 35px; color:#252525; font-size:125%; } .content-nav { float:left; text-align:center; height:187px; width:184px; } .content-nav ul { margin:0; padding: 1.5em 0; } .content-nav ul li { margin:0; padding:0; } .description { float:left; margin:0 0 0 3px; height:187px; width:636px; padding-left:3px; } .description-contact { float:left; margin:0 0 0 3px; height:187px; width:636px; padding-left:3px; } .description-contact p{ float:left; margin-left:20px; } #footer { text-align: center; height:60px; background: transparent url(../images/ftr-bot.png) 0 10px repeat-x; } #footer p { padding-top:20px; } #links { float:left; margin-top:0; } #links li{ list-style-type:none; float:left; } #links li a{ display: block; float:left; list-style-type:none; height: 123px; margin:0 0 0 40px; padding:0 0 0 30px; text-indent: -5000px; line-height: 0; } .valley a { width:308px; background: transparent url(../images/SandAndGravelLogo.png) 0 0px no-repeat; } .slingers a { width:308px; background: transparent url(../images/slingerlogo.png) 0 0px no-repeat; } .crane a { width:308px; background: transparent url(../images/ValleyCraneLogo.png) 0 0px no-repeat; } .ready a { width:308px; background: transparent url(../images/valleyReadyMixLogo.png) 0 0px no-repeat; } .verti a { width:308px; background: transparent url(../images/VCLogo.png) 0 0px no-repeat; }