/* CSS Document */ @import "/css/innerstyles.css"; /* --------------------------------------------- 01. MAIN/DEFAULT ELEMENTS --------------------------------------------- */ body { margin:0; padding:0; background:url(../images/topbg.gif) repeat-x top right; height:100%; font-family:Arial, Helvetica, sans-serif} p {font-size:13px; color:#333333; margin:0; padding:0; line-height:1.4em; text-align:left; padding-bottom:15px } p a:link, p a:visited { text-decoration: underline;color:#0066cc;} p a:hover { text-decoration:underline;color:#0066cc} a { color:#0066cc; text-decoration:none;} a:hover { text-decoration: none;} h1 { margin:0; padding:0; font-size:23px; font-weight: normal; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; color:#666666; padding-bottom:20px} h2 { margin:0; padding:0; font-size:20px; font-weight: normal; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; color:#fff; padding-bottom:10px} h3 { /* width:660px; float:left; */ height:26px; background:url(../images/bluebar890.gif); margin:0; padding:0; font-size:15px; font-weight: bold; color:#fff; padding-left:10px; margin-top:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding-top:4px } h3 .contacts { width:400px; height:26px; float:left; background:url(../images/bluebar.gif); margin:0; padding:0; font-size:25px; font-weight: bold;color:#fff; padding-left:10px; margin-top:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding-top:4px} h4 { margin:0; padding:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#98999b} h5 { /* width:570px; float:left; */ height:26px; background:url(../images/bluebar_small.gif); margin:0; padding:0; font-size:15px; font-weight: bold;color:#fff; padding-left:10px; margin-top:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding-top:4px} /* --------------------------------------------- 02. MAIN CONTAINER - 100% WIDTH --------------------------------------------- */ #container {position: relative; width:100%; margin: 0 auto -130px; text-align: left;} /* --------------------------------------------- 03. WRAPPER --------------------------------------------- */ #wrapper { width:890px; margin:0 auto; padding: 0; padding-bottom:90px; } /* #wrapper { width:1006px; margin:0 auto; padding: 0; padding-bottom:90px; } */ /* --------------------------------------------- 04. HEADER --------------------------------------------- */ #header { width:890px; height:140px; margin:0; padding:0; text-align:center} #logo { width:135px; height:135px; float:left; background:url(../images/logo_fatcat.png) no-repeat} /* #header { width:1006px; height:140px; margin:0; padding:0; text-align:center; } #logo { width:251px; height:119px; padding-top: 20px; float:left; background:url(../images/logo_fatcat.png) no-repeat; border: 1px solid #000; } */ /* #logo .logo-link {border: 1px solid #000; margin-left: -66px; position: absolute; width:205px; height:135px;} .logo-link {border: 1px solid #000; position: absolute; width:135px; height:135px; cursor: pointer; cursor: hand;} */ .logo-link { cursor: pointer; cursor: hand;} #nav { width:750px; float: right; position:relative; margin-top:95px;} #nav ul { list-style:none; margin:0; padding:0; float: left;} #nav li {margin: 0; width: auto; float:left;} #nav li a {display: block; text-decoration: none; float:left; text-transform: none; color:#fff; font-size:12px; margin:0; padding:0; font-weight: bold; text-align:center; padding-top:20px;text-decoration:none; line-height:1.3em; width:93px; height:25px; background: url(../images/nav_active.png) no-repeat;background-position: 0 0;} #nav li a:hover {width:93px;height:25px; background: url(../images/nav_hover.png) no-repeat;background-position: 0 0;} #nav a#selected {width:93px;height:25px; background: url(../images/nav_selected.png) no-repeat;background-position: 0 0; color:#990000 } /* --------------------------------------------- 05. CONTENT --------------------------------------------- */ #content { width:890px; margin:0; padding:0; margin-top:25px; overflow:auto} /* #content { width:1006px; margin:0; padding:0; margin-top:25px; overflow:auto} */ /* --------------------------------------------- 06. PANEL LEFT --------------------------------------------- */ #panel-left { width:500px; float:left; padding-right:20px; padding-bottom:20px} /* --------------------------------------------- 07. PANEL RIGHT --------------------------------------------- */ #panel-right { width:310px; float:right; padding-right:20px; } /* --------------------------------------------- 08. FOOTER - 100% WIDTH --------------------------------------------- */ #footer {width:100%; float:left; text-align: left; position:relative; height:130px; /* Height of the footer */ } #footerbg { width:100%; float:left; background:#e1e1e1; border-top:1px solid #a3a3a3; height:54px; padding-top:25px; padding-bottom:10px } #footerlinks { width:890px; margin:0 auto} #footerlinks p { color:#666666; padding-bottom:7px; font-size:12px} #footerlinks p a:link, #footerlinks p a:visited { text-decoration: none;color:#333; font-size:11px; padding-left:2px; padding-right:2px;} #footerlinks p a:hover { text-decoration:underline;color:#333} #footerlinks .copyright { padding-left:1px} /* --------------------------------------------- 09. MISCELLANEOUS STYLES --------------------------------------------- */ img { border:none} #buttons { width:100%; height:40px; margin-top:100px; float: left;} #spacer { width:100%; height:40px; float: left;} #buttons .thumb { width:25px; height:25px; float: right; padding-right:5px} /* Form Errors */ #form_errors { font-size: 12px; font-weight: bold; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; color:#000; margin-bottom:10px; text-align: left; } #notice { font-size: 12px; font-weight: bold; text-align: center; margin-top: 20px; margin-bottom: 10px; } /* --------------------------------------------- 10. CLEAR FLOATED ELEMENTS --------------------------------------------- */ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after, .container_12:before, .container_12:after, .container_16:before, .container_16:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .clearfix:after, .container_12:after, .container_16:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix, .container_12, .container_16 { zoom: 1; }