/* Colors used: #B9BEC0 - bg grey #210702 - dark brown #fff - pure white #21759b - links */ @import "reset.css"; /*body { background: url(../images/bg.jpg) no-repeat top center #B9BEC0; } */ body { background: url(../images/bg_blue60.jpg) no-repeat fixed top center #8dabc2; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px;} /*#white_stripe { background:url(../images/white_stripe.png) repeat-x 0 330px; width:100%; height:100%; }*/ /*h1, h2, h3 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-style:italic; }*/ h1, h2, h3 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; } h1 { } h2 { font-size:20px; margin-bottom: 1em; } #content h2, #sidebar h2 { color: white; padding-top:10px; } h3 { font-size:16px; margin-bottom: 1em; } a { color:#21759b; } a:hover { color: #2b99cc; } p { line-height:1.5em; margin: 1.5em 0; } #content ul { padding-left: 2em; } #content li { line-height:1.5em; margin: 0 2em;} /* #greyout div appears only if you have a popup screen */ #greyout { position:fixed; height:100%; width:100%; margin-top:-10px; background: url(../images/grey_pixel.png); z-index:51; } .hidden { visibility:hidden; } .hide { display:none; } .push-right { text-align:right; } .supplier { background-color:#333; margin:20px 0; } .energy { display:block; position:absolute; top:-24px; left:450px; width:96px; height:96px; background:url(../images/energy96s.png) no-repeat; z-index:49; } #shading_top, #shading_bottom { position:fixed; width:100%; height:30px; z-index:99;} #shading_top { background: url(../images/shading_top3.png) repeat-x; top:0;} #shading_bottom { background: url(../images/shading_bottom3.png) repeat-x; bottom:0;} #container, #container2 { margin:0 auto; width:960px; } #container2 { background: url(../images/white_pixel80.png); } #pre_header { position:relative; background: url(../images/logo24.png) no-repeat; height:60px; margin-top:10px; } #pre_header h1 { text-indent:-9999px; } #weathermaster_ie { display:block; width:260px; height:56px; position:absolute; left:0px; top:0px; z-index:100; cursor:pointer } #header { background: url(../images/bg_header2.png) no-repeat; height:260px; position: relative; z-index:0; } #quote { background:url(../images/quotebg24.png) no-repeat -35px; height:200px; width:280px; position:absolute; left: 680px; top: 0; text-align:center; } #quote_button { position: absolute; top: 30px; left: 50px; background:url(../images/button_quote.png) no-repeat; width:90px; height:110px;} #location, #contact_us_button { position:absolute; left: 835px; width: 110px; height: 50px; background:url(../images/button_contact.png); text-align:center; } #contact_us_button {top: 30px;} #location {top: 90px;} #quote a { color:#fff; display:block; width: 90px; height: 30px; padding-top: 80px; } #location a, #contact_us_button a { color:#333; display:block; width: 110px; height: 30px; padding-top: 20px;} #location a:hover, #contact_us_button a:hover { color:#fff; } #navbar { position:relative; height:96px; padding: 24px 0 0 40px; margin: 0 -29px; background: url(../images/white_ribbon.png) no-repeat; } #navbar ul { margin-top:-56px; } #navbar li { display:block; width: 96px; height:142px; background:url(../images/button_bg.png) no-repeat; text-align:center; font-size: 0.9em; position:absolute; } #a0 { left:40px; } #a1 { left:140px; } #a2 { left:240px; } #a3 { left:340px; } #a4 { left:440px; } #a5 { left:540px; } /*#navbar li { display:inline-block; list-style:none; width: 96px; height:96px; background:url(../images/button_bg.png) no-repeat; padding: 0 0 46px 0; text-align:center; font-size: 0.9em; }*/ #navbar a { display:block; color:#ccc; width: 96px; height:46px; padding-top:50px; background:url(../images/button_fg.png) no-repeat; } #navbar a:hover { color:#fff; } #a1 a { background-position: -100px 0; } #a2 a { background-position: -200px 0; } #a3 a { background-position: -300px 0; } #a4 a { background-position: -400px 0; } #a5 a { background-position: -500px 0; } #main { position:relative; float:left; background: url(../images/white_pixel80.png); } #content { width:560px; padding: 15px 30px 15px 40px; float:left; } #content li { list-style:outside; padding-bottom:10px; margin-left:16px; } #content ol li { list-style:decimal; } #content h2 { background: url(../images/bar_left.png) no-repeat; width: 601px; height:54px; margin-left: -66px; padding-left: 60px; } #sidebar { top:0; width:300px; padding: 15px; float:right; } .sidebar_wrapper { margin-bottom: 2em; } #sidebar h2 { background: url(../images/bar_right.png) -1px; width: 311px; height:65px; padding-left: 40px; } #sidebar li { line-height:1.2em; } /* popup screen containing a form */ #popup_form, #popup_contact_form { position:fixed; top: 100px; left: 50%; width: 660px; height: 460px; margin-left: -360px; padding: 20px 30px; /*background: url(../images/white_pixel.png);*/ background: url(../images/720_500wm2.png); z-index:60; display:none; } #popup_form fieldset, #popup_contact_form fieldset { margin: 1em 0; min-height: 36px; } #popup_contact_form h2, #popup_form h2 { background: url(../images/bar_left.png); color:white; width: 596px; height:54px; margin-left: -56px; padding-top: 10px; padding-left: 60px; } #popup_contact_form .right_float { float:right; width:33%; display:block; min-width: 230px; } #popup_contact_form .right_float p { font-size:1.2em;} #popup_contact_form .left_float { float:left; width:60%; } #popup_contact_form input { width: 200px; } #popup_contact_form textarea { width: 360px; } #popup_contact_form #submit-contact { width: 100px; } #thanks { text-align:center; margin-top: 100px;} #thanks p{ font-size:1.3em; } #x, #x2, #x3, #x5 { width:32px; height:32px; background:url(../images/x32_24.png); position:absolute; top: -2px; left: 690px; z-index:70; cursor:pointer; } #popup_form { line-height:1.2em; } #popup_form legend { line-height:1.6em; } #popup_form input { margin-left: 2em; } #popup_form textarea { width: 260px; margin-left: 2em; } #date_day, #date_month, #date_year { margin-left: 0!important; } #submit-quote { position:absolute; top: 420px; left: 30px; } #fieldset_l { float:left; width:49%; margin-top: -20px; } #fieldset_r { float:right; width:49%; margin-top: -20px; } /* form validation styles: */ input.error { border: 1px solid red; } label.error { color:red; } #footer { background:url(../images/bg_footer80.png) no-repeat; height: 157px; clear:both; } #footer2 { background:url(../images/footer2.jpg) no-repeat; height: 200px; clear:both; } #validation { position:absolute; top:0px; left:520px; } #footer2 ul{ padding: 1em 1em 1em 2em; } #footer2 li{ display:inline; } #footer_address { position:relative; } #footer_address_primary, #footer_address_secondary { position:absolute; top:0px; width:200px; padding-left: 24px; } #footer_address_secondary { left: 224px; } #copyright { position:absolute; top:56px; left: 500px; } #web_design { position:absolute; top:76px; left: 540px; } /* Galleries */ img.gallery_top { margin:10px 10px; } #gallery { position: relative; } #corners { position:absolute; top:0; left:0; width:650px; height:190px; margin:10px; background: url(../images/corners.png); z-index:10;} #slideshow1 img { position:absolute; } /* HOME */ #contact_wrapper p { text-align:center; margin: 1em; } /* energy rating */ #rating_wrapper img { margin: 1em 1em; border: 2px solid #666; } #energy_rating_more { display: none; } /* address details */ .Address_details { background:url(../images/envelope.png) no-repeat center; min-height:56px; font-size:1.2em; } .phone_no { background:url(../images/phone.png) no-repeat center; min-height:45px; font-size:1.3em; line-height: 3em; } .email_address { background:url(../images/mail.png) no-repeat center; min-height:64px; font-size:1.3em; line-height: 3em; } /* FASCIA */ #column_left, #column_right, #column_left2, #column_right2{ float:left; width:260px; margin: 0 10px; } .full_width {float: left; clear:both; width:100%;} .features li { margin: 0 1em 1em 3em; } .features li { list-style:inside; } .features img { margin: 18px 10px -18px 0; } .in_picture { margin:20px 0; border: 3px solid #8dabc2; } .in_padded { padding: 8px; background:#fff; margin-left:-8px; } /* suppliers section */ #suppliers_section { clear: both; float:left; } /* MAPS */ #mapka, #mapka2 { border: 4px solid white; margin-bottom: 20px; } #location_spacer { height:250px; } /* TEST CODE - to be removed later: */ /*#navbar { color:#ccc; }*/ #replace_me_with_image { width: 270px; height: 152px; background-color:#333; margin:20px 0; } /* RATING */ .window_table { width:486px; border:3px solid #666; line-height: 1.4em; margin-bottom: 3em; } .window_table th, .window_table td { padding: 4px 10px; text-align:left; border:2px solid white } .window_table th { background: #3e4f6d; color:white; width: 47%; }