/* Theme name: WeatherGuard Description: Custom Theme */ /* WordPress Default styles */ @import url('wp-default.css'); * { margin: 0; padding: 0; outline: 0; } body { font-size: 13px; line-height: 1.2; font-family: arial, sans-serif; color: #fff; background: no-repeat center 0; height: 100%; text-align: left; } a img { border: 0; } a { color: #fff; text-decoration: none; cursor: pointer; } a:hover { text-decoration: underline; } input, select, textarea {font-family: arial, sans-serif; font-size: 12px;} textarea {overflow: auto;} h1 {font-size: 28px;} h2 {font-size: 24px;} h3 {font-size: 20px;} h4 {font-size: 16px;} h5 {font-size: 14px;} h6 {font-size: 12px;} .cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .left { float: left !important; display: inline; } .right { float: right !important; display: inline;} .notext {font-size: 0; line-height: 0; text-indent: -9999px;} .tl {text-align: left;} .tr {text-align: right;} .tc {text-align: center;} .center {display: block; margin: 0 auto;} .lower {text-transform: lowercase;} .upper {text-transform: uppercase;} .shell {margin: 0 auto; width: 926px;} #header {height: 212px; padding: 12px 0 0 0;} #header h1#logo {width: 257px; margin: 0 auto; font-size: 0; line-height: 0; text-indent: -9999px;} #header h1#logo a {display: block; background: url(images/logo.png) no-repeat 0 0; width: 257px; height: 173px;} #header #navigation {margin: 10px 0 0 0; font-size: 16px; font-weight: bold; line-height: 30px; position: relative; z-index: 100; height: 30px;} #header #navigation ul {list-style-type: none; font-size: 0; line-height: 0; text-indent: -9999px;} #header #navigation ul li {float: left; display: inline; position: relative;} #header #navigation ul li a {float: left; background-image: url(images/nav-sprite.png); background-repeat: no-repeat; height: 30px;} #header #navigation ul li.nav-home { width: 60px; margin-right: 42px;} #header #navigation ul li.nav-home a {background-position: 0 0; width: 60px;} #header #navigation ul li.nav-about-us { width: 85px; margin-right: 38px;} #header #navigation ul li.nav-about-us a {background-position: -100px 0; width: 85px;} #header #navigation ul li.nav-our-services {width: 111px; margin-right: 38px;} #header #navigation ul li.nav-our-services a {background-position: -223px 0; width: 111px;} #header #navigation ul li.nav-products {width: 81px; margin-right: 36px;} #header #navigation ul li.nav-products a {background-position: -371px 0; width: 81px;} #header #navigation ul li.nav-photo-gallery {width: 116px; margin-right: 36px;} #header #navigation ul li.nav-photo-gallery a {background-position: -489px 0; width: 116px;} #header #navigation ul li.nav-contact-us {width: 98px;} #header #navigation ul li.nav-contact-us a {background-position: -642px 0; width: 98px;} #header #navigation ul li.nav-home a:hover, #header #navigation ul li.nav-home a.active, #header #navigation ul li.nav-home a.hover {background-position: 0 -30px;} #header #navigation ul li.nav-about-us a:hover, #header #navigation ul li.nav-about-us a.active, #header #navigation ul li.nav-about-us a.hover {background-position: -100px -30px;} #header #navigation ul li.nav-our-services a:hover, #header #navigation ul li.nav-our-services a.active, #header #navigation ul li.nav-our-services a.hover {background-position: -223px -30px;} #header #navigation ul li.nav-products a:hover, #header #navigation ul li.nav-products a.active, #header #navigation ul li.nav-products a.hover {background-position: -371px -30px;} #header #navigation ul li.nav-photo-gallery a:hover, #header #navigation ul li.nav-photo-gallery a.active, #header #navigation ul li.nav-photo-gallery a.hover {background-position: -489px -30px;} #header #navigation ul li.nav-contact-us a:hover, #header #navigation ul li.nav-contact-us a.active, #header #navigation ul li.nav-contact-us a.hover {background-position: -642px -30px;} #header #navigation .dropdown {position: absolute; top: 29px; left: 0; display: none; } #header #navigation .dropdown .dropdown-middle {background: url(images/dropdown-middle.png) repeat-y 0 0; height: 100%; width: 177px; } #header #navigation .dropdown .dropdown-bottom {background: url(images/dropdown-bottom.png) no-repeat 0 0; height: 8px; width: 100%; font-size: 0; line-height: 0; text-indent: -9999px; } #header #navigation .dropdown .dropdown-inner {background: url(images/dropdown-inner.gif) repeat-y 0 0; height: 100%; width: 170px;} #header #navigation .dropdown ul {font-size: 12px; font-weight: bold; line-height: 20px; text-indent: 0;} #header #navigation .dropdown ul li {float: none; display: block; width: 170px;} #header #navigation .dropdown ul li a { display: block; float: none; background: transparent; color: #000; height: auto; background: url('images/dropdown-bullet.gif') no-repeat 4px 7px; padding-left: 20px; padding-right: 5px; width: 145px; padding-top: 2px; padding-bottom: 2px; } #header #navigation .dropdown ul li a:hover {background: #05052d url(images/dropdown-bullet-hover.gif) no-repeat 7px 7px; color: #fff; text-decoration: none;} #main {margin-bottom: 15px;} #main .shell {position: relative;} #main #main-box {background: url(images/main-bg.png) repeat 0 0; min-height: 530px;} #main #main-box #main-box-bg {font-size: 0; line-height: 0; text-indent: -9999px; height: 530px; position: absolute; top: 0; left: 0; width: 100%; z-index: 10;} #main #main-box .main-box-bg-1 #main-box-bg-cnt {background: url(images/main-box-bg-1.png) no-repeat 0 0; height: 530px;} #main #main-box #main-box-cnt {position: relative; z-index: 20; color: #fff; padding: 30px 40px 80px 40px;} #main #main-box-mask {position: absolute; top: 0; left: 1px; width: 924px; height: 530px; z-index: 11;} #main #main-box-mask-cnt {background: url(images/main-box-mask.png) repeat-x 0 0; height: 530px; width: 100%;} #main h2 {font-family: "GillSans", Verdana, sans-serif; font-size: 20px; color: #999; margin-bottom: 7px;} #main p {margin-bottom: 15px;} #main a {color: #999; text-decoration: underline;} #main a:hover {color: #82ccb1;} #main ul, #main ol {padding-left: 25px; padding-bottom: 15px;} #main #photos {margin: 15px 0;} #main #photos .photo {float: left; display: inline; margin: 9px; position: relative; z-index: 22;} #footer {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 100; text-align: center;} #footer #slogan {background: url(images/slogan.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -9999px; width: 383px; height: 26px; margin: 0 auto;} #footer #copyright {font-weight: bold; margin-bottom: 5px;} #footer #copyright a {color: #fff !important;} #footer #copyright a:hover {text-decoration: none;}