/* GENERAL STYLES */ * {padding: 0; margin: 0;} body {text-align: center; background: #e3ebf3 url(../images/bg.jpg) 0 0 repeat-x; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", helvetica, Arial, verdana, sans-serif; font-size: 12px; color: #333; padding-top: 30px;} p {line-height: 19px; margin: 10px;} button {cursor:pointer; border:0; background: none; text-align: left;} .hide {display: none;} .clear {clear: both;} a {outline: none;} a img {border: none;} a:link, a:visited {text-decoration: underline; color: #919715;} a:hover, a:active {text-decoration: none; color: #1566a6;} .left49 {float: left; width: 49%;} .right49 {float: right; width: 49%;} .left {float: left;} .right {float: right;} li {list-style: none;} strong {color: #1566a6;} br, hr {clear: both;} .no_border {border: none!important;} em {color: #919715;} /* LAYOUT */ #container {background: #E3EBF3; width: 1000px; text-align: left; margin: 0 auto;} #header {height: 152px; background: transparent url(../images/header.jpg) 0 0 no-repeat; position: relative;} #blue_space {height: 30px; background: #1665a7;} #content_wrapper {background: transparent url(../images/wrap_top.jpg) 0 0 no-repeat; padding: 28px 60px;} #footer {clear: both; margin-top: 20px; background: #e3ebf3; text-align: center;} #time {position: absolute; z-index: 3; right: 76px; top: 30px; } #left_content {float: left; width: 277px;} #right_content {float: left; width: 580px; margin-left: 20px;} #home_page #right_content {margin-left: 5px; } /* the blocks on the left and home page */ .block {border: 6px solid #fff; background: #fff url(../images/grad.jpg) 0 100% repeat-x; margin: 10px 2px 0px 2px; width: 265px; float: left; position: relative; z-index: 10;} .block div.block_wrapper {height: 234px;} .request {background: url(../images/strip_request.jpg) 100% 100% no-repeat;} .safety {background: url(../images/strip_safety.jpg) 100% 100% no-repeat;} .service {background: url(../images/strip_service.jpg) 100% 100% no-repeat;} .appointment {background: url(../images/strip_book.jpg) 100% 100% no-repeat;} .warranty {background: url(../images/strip_warranty.jpg) 100% 100% no-repeat;} #right_content .block {margin-left: 6px; width: 267px;} #button_1 {position: absolute; top: 110px; left: -22px; z-index: 0; } #button_2 {position: absolute; top: 207px; left: -22px; z-index: 0;} #flash_content {margin: 10px 0 0 6px; border: 6px solid #fff; width: 556px;} #flash_content img {border: 6px solid #fff; width: 556px;} /* TEXT */ #time {font-size: 13px; font-style: italic; color: #1665a7;} #logo h1 {text-indent: -99999px; position: absolute; left: 62px; top: 8px;} #logo h1 a {display: block; width: 274px; height: 94px; background: transparent url(../images/logo.jpg) 0 0 no-repeat;} .block h3 {color: #fff; font-size: 18px; background: #b30026; font-weight: normal; padding: 5px 0px 5px 10px;} .red h3 {background: #b30026;} .blue h3 {background: #1566a6;} .green h3 {background: #b4c522;} /* rollovers */ .req_button {width: 50px; overflow: hidden; margin: -15px 0 0 100px; height: 50px;} .req_button a { background: transparent url(../images/request.png) 0 0 no-repeat; width: 50px; height: 50px; text-indent: -9999px; display: block;} .req_button a:hover { background: transparent url(../images/request.png) -50px 0 no-repeat;} #submit_roll {width: 50px; overflow: hidden; height: 50px; position: absolute; top: 0; left: 100px;} #submit_roll button {background: transparent url(../images/submit.png) 0 0 no-repeat; width: 50px; height: 50px; text-indent: -9999px; display: block;} #submit_roll button:hover {background: transparent url(../images/submit.png) -50px 0 no-repeat;} .block h4 {font-size: 32px; font-weight: normal; color: #1556a6; margin-left: 10px;} .appointment p {font-size: 14px; line-height: 18px;} #footer p {font-size: 11px; color: #666;} #footer a {color: #666; text-decoration: none;} #right_content ul {margin-left: 20px;} #right_content li {list-style-type: none; background: transparent url(../images/blue_bullet.gif) 0 2px no-repeat; padding-left: 22px; margin: 10px; line-height: 20px;} #right_content ul.larger {margin-left: 10px;} #right_content ul.larger li {font-size: 17px; line-height: 25px; color: #666; background: transparent url(../images/blue_bullet.gif) 0px 4px no-repeat; margin-left: 0px;} #right_content ul.green_list li {background: transparent url(../images/green_bullet.gif) 0px 4px no-repeat;} #right_content h2 { color: #1a88bb; font-size: 19px; margin: 10px; font-weight: normal; line-height: 25px;} #right_content img {border: 7px solid #fff; float: left; margin: 0 10px 10px 10px;} #right_content ul.no_padding_list li {margin: 0 10px;} #right_content ul.no_padding_list li em {color: #666;} span.green {color: #919715;} .request_padding_h2 h2 {padding-bottom: 20px;} /* headings for interior pages */ #right_content h1 {width: 100%; font-size: 23px; margin: 0; margin-left: 10px; padding-top: 20px; border-bottom: 1px solid #999; color: #333; font-weight: normal; height: 55px;} #company_page #right_content h1 {background: transparent url(../images/icons/company_h2.jpg) 100% 0px no-repeat;} #services_page #right_content h1 {background: transparent url(../images/icons/services_h2.jpg) 100% 0px no-repeat;} #heating_page #right_content h1 {background: transparent url(../images/icons/heating_h2.jpg) 100% 0px no-repeat;} #solar_page #right_content h1 {background: transparent url(../images/icons/solar_h2.jpg) 100% 0px no-repeat;} #greensource_page #right_content h1 {background: transparent url(../images/icons/greensource_h2.jpg) 100% 0px no-repeat;} #underfloor_page #right_content h1 {background: transparent url(../images/icons/underfloor_h2.jpg) 100% 0px no-repeat;} #landlords_page #right_content h1 {background: transparent url(../images/icons/landlords_h2.jpg) 100% 0px no-repeat;} #offers_page #right_content h1 {background: transparent url(../images/icons/offers_h2.jpg) 100% 0px no-repeat;} #partnerships_page #right_content h1 {background: transparent url(../images/icons/partnerships_h2.jpg) 100% 0px no-repeat;} #testimonials_page #right_content h1 {background: transparent url(../images/icons/testimonials_h2.jpg) 100% 0px no-repeat;} #contact_page #right_content h1 {background: transparent url(../images/icons/contact_h2.jpg) 100% 0px no-repeat;} #vacancies_page #right_content h1 {background: transparent url(../images/icons/vacancies_h2.jpg) 100% 0px no-repeat;} #request_page #right_content h1 {background: transparent url(../images/icons/request_h2.jpg) 100% 0px no-repeat;} #terms_page #right_content h1 {background: transparent url(../images/icons/company_h2.jpg) 100% 0px no-repeat;} /* NAV */ #nav {background: #1665a7 url(../images/nav.jpg) 0 0 no-repeat; height: 54px; overflow: hidden; position: relative; top: 105px;} #nav ul {position: relative; width: 1000px; height: 54px; position: relative; margin: 0;} #nav li a {position: absolute; top: 0;} #nav li, #nav a { height: 54px; display: block; text-indent: -999999px; margin: 0; padding: 0;} #nav_1 {left: 0px; width: 122px;} #nav_2 {left: 123px; width: 122px;} #nav_3 {left: 247px; width: 122px;} #nav_4 {left: 376px; width: 122px;} #nav_5 {left: 503px; width: 122px;} #nav_6 {left: 627px; width: 122px;} #nav_7 {left: 751px; width: 122px;} #nav_8 {left: 879px; width: 122px;} a:hover#nav_1, #home_page #nav_1 {background: transparent url(../images/nav.jpg) 0px -54px no-repeat;} a:hover#nav_2, #company_page #nav_2 {background: transparent url(../images/nav.jpg) -123px -54px no-repeat;} a:hover#nav_3, #services_page #nav_3 {background: transparent url(../images/nav.jpg) -247px -54px no-repeat;} a:hover#nav_4, #heating_page #nav_4 {background: transparent url(../images/nav.jpg) -376px -54px no-repeat;} a:hover#nav_5, #solar_page #nav_5 {background: transparent url(../images/nav.jpg) -503px -54px no-repeat;} a:hover#nav_6, #greensource_page #nav_6 {background: transparent url(../images/nav.jpg) -627px -54px no-repeat;} a:hover#nav_7, #underfloor_page #nav_7 {background: transparent url(../images/nav.jpg) -751px -54px no-repeat;} a:hover#nav_8, #landlords_page #nav_8 {background: transparent url(../images/nav.jpg) -879px -54px no-repeat;} /* FOOT NAV */ #foot_nav {background: #e3ebf3 url(../images/foot_nav.jpg) 0 0 no-repeat; height: 61px; overflow: hidden; position: relative;} #foot_nav ul {position: relative; width: 1000px; height: 61px; position: relative; margin: 0;} #foot_nav li a {position: absolute; top: 0;} #foot_nav li, #foot_nav a { height: 61px; display: block; text-indent: -999999px; margin: 0; padding: 0;} #ft_nav_1 {left: 0px; width: 120px;} #ft_nav_2 {left: 126px; width: 120px;} #ft_nav_3 {left: 252px; width: 120px;} #ft_nav_4 {left: 750px; width: 122px;} #ft_nav_5 {left: 880px; width: 122px;} #ft_nav_5 {left: 880px; width: 122px;} #ft_nav_6 {left: 397px; width: 103px;} a:hover#ft_nav_1, #offers_page #ft_nav_1 {background: transparent url(../images/foot_nav.jpg) 0px -61px no-repeat;} a:hover#ft_nav_2, #partnerships_page #ft_nav_2 {background: transparent url(../images/foot_nav.jpg) -126px -61px no-repeat;} a:hover#ft_nav_3, #testimonials_page #ft_nav_3 {background: transparent url(../images/foot_nav.jpg) -252px -61px no-repeat;} a:hover#ft_nav_4, #contact_page #ft_nav_4 {background: transparent url(../images/foot_nav.jpg) -750px -61px no-repeat;} a:hover#ft_nav_5, #vacancies_page #ft_nav_5 {background: transparent url(../images/foot_nav.jpg) -880px -61px no-repeat;} a:hover#ft_nav_6, #blog_page #ft_nav_6 {background: transparent url(../images/foot_nav.jpg) -397px -61px no-repeat;} /* REQUEST FORM */ fieldset {border: none; margin-left: 15px;} #online_request label, #online_request div {display: block; color: #666; margin: 5px 0; position: relative;} #online_request div {margin: 15px 0;} #online_request div.first_div {margin: 0 0 15px 0;} #online_request input, #online_request textarea, #online_request select {border: 5px #fff solid; background: #e0e1e2; width: 260px; height: 20px;} #online_request select {height: 30px; width: 270px;} #online_request textarea {height: 70px;}