/***************************************************************************************/ /* COMMON LAYOUT */ /***************************************************************************************/ html,body,div,span,table,tr,th,td,p,span,h1,h2,h3,h4,h5,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */ * { font-family: Arial; } /* Default font for all items */ * { -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: content-box; -webkit-box-sizing: border-box; } html { min-height: 100%; margin-bottom: 1px; } /* Set height to 100% + 1px to force scroll bar in FF */ #ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */ .clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */ body { margin: 0px 0px 0px 0px; background: #FFFFFF; } .hr { background: #FFFFFF url('../images/layout/hr.jpg'); height: 20px; border: 0; overflow: hidden; } textarea, select, select * { color: #333333; font-size: 12px; } object:active, div:active { outline: none; } object:focus, div:focus { -moz-outline-style: none; } ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; } ol { margin-left: 30px; } ul li { list-style-type: disc; } .bordered { -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; -moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.5); -x-system-font:none; border:1px solid #AAAAAA; padding: 4px; background: #F2F2F2; } .spacer { width: 10px; float: right; display: block; } h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; } h1, h1 a { color: #0072bc; font-size: 21px; margin: 0px 0px 15px 0px; } h2, h2 a { color: #0072bc; font-size: 16px; margin: 0px 0px 15px 0px; } h3, h3 a { color: #000000; font-size: 12px; margin: 0px 0px 15px 0px; } p { margin: 0px 0px 12px 0px; } p, table, td, div, a { color: #666; font-size: 14px; line-height: 17px; } a { color: #0072bc; text-decoration: none; } a:hover { text-decoration: underline; } a:focus, a:active { outline: 0;} .frm td, .frm th { padding: 3px 0px 3px 0px; vertical-align: top; } .frm th { padding-right: 10px; text-align: left; } /***************************************************************************************/ /* SPECIFIC TO THIS LAYOUT */ /***************************************************************************************/ #header-outer { height: 75px; background: url('../images/layout/sub-header.jpg') repeat-x; } #home-header-outer { height: 250px; background: url('../images/layout/home-header-bg.jpg') repeat-x; } #header { width: 900px; margin: 0px auto; } #body-outer { height: 10px; background: url('../images/layout/body-bg.png') repeat-x; margin-top: -10px; } #body { width: 900px; /* Main Content Width */ margin: 0px auto; /* Align to Center */ padding-top: 20px; } #footer-outer { background: url('../images/layout/footer-bg.jpg') repeat-x; height: 46px; } #footer { width: 900px; margin: 0px auto; } #footerLeft { width: 500px; float: left; color: #FFFFFF; } #footerRight { width: 400px; float: right; text-align: right; color: #FFFFFF; } #footerLeft a { padding: 0 13px; } #footerLeft a, #footerRight p { color: #FFFFFF; text-decoration: none; font-size: 12px; line-height: 46px; } #footerLeft a:hover, #footerRight a:hover { color: #FFFFFF; text-decoration: underline; } #logo { width: 220px; float: left; position: relative; z-index: 21; } #logo img { border: none; } #title { width: 480px; float: left; } #tagline { width: 380px; float: right; text-align: right; } #left-column { width: 680px; float: left; } #right-column { width: 200px; float: right; } #thumbnails { width: 600px; } #thumbnails img { border: solid 1px #CCC; padding: 3px; margin: 0px; } #thumbnails a { margin: 0 0 10px 0; } #thumbnails a:hover img { opacity: 0.50; MoZOpacity: 0.50; filter: alpha(opacity=50); } .portfolio_large { border: solid 1px #CCC; padding: 3px; margin: 0px; } #large_thumbnails img { } #large_thumbnails a img { margin: 0 10px 10px 0; float: left; border: solid 1px #CCCCCC; padding: 3px; } #large_thumbnails a:hover img { } #large_thumbnails a span { color: #333333; font-size: 12px; } #large_thumbnails a:hover { text-decoration: none;opacity: 0.50; MoZOpacity: 0.50; filter: alpha(opacity=50); } /* Navigation */ #login { height: 20px; width: 100px; float: right; text-align: center; background: url('../images/layout/login-bg2.jpg') no-repeat; } #login a { font-size: 12px; color: #666; } #login a:hover { color: #0072bc; text-decoration: none; } #nav-outer { height: 75px; background: #0072bc url('../images/layout/nav-bg.png') repeat-x; } #nav-inner { width: 900px; margin: 0px auto; } #nav { width: 600px; float: right; margin-top: 10px; clear: right; } #nav a { height: 40px; line-height: 30px; font-size: 14px; color: #666; text-align: center; display: block; float: right; } #nav a span { height: 40px; display: block; } #nav a b { height: 40px; display: block; margin: 0 10px; } #nav a:hover { background: url('../images/layout/nav-left.jpg') no-repeat top left; text-decoration: none; color: #FFF; } #nav a:hover span { background: url('../images/layout/nav-right.jpg') no-repeat top right; } #nav a:hover b { background: url('../images/layout/nav-mid.jpg') no-repeat top center; } /* #nav a.o { background: url('../images/layout/nav-left.jpg') no-repeat top left; text-decoration: none; color: #FFF; } #nav a.o span { background: url('../images/layout/nav-right.jpg') no-repeat top right; } #nav a.o b { background: url('../images/layout/nav-mid.jpg') no-repeat top center; } */ #subnav { width: 190px; float: right; text-align: right; margin-top: 30px; background: url('../images/layout/sidenav-mid.jpg') repeat-y right; } #subnav a { color: #2997df; font-size: 12px; line-height: 40px; display: block; padding-right: 20px; } #subnav a:hover { color: #333; text-decoration: underline; } #subnav a.o { color: #FFF; text-decoration: none; background: url('../images/layout/sidenav-roll.jpg') no-repeat right; } .listTable { border: 1px solid #E1E1E1; } .listEntry td, .listEntry td a, .listEntryOver td, .listEntryOver td a { font-size: 11px; } .listHeader td, .listEntry td, .listEntryOver td { padding: 4px 8px; } .listHeader td { border-color: #E1E1E1; border-width: 1px; border-bottom-style: solid; font-weight: bold; font-size: 12px; } .listEntryOver td { background: #F2F2F2; }