/*------------------------------------------------------------------------------*/ /* WEBSITE BODY */ /*------------------------------------------------------------------------------*/ body {margin:0; padding:0; width:100%; font-family:Arial, Helvetica; background: url(../images/bg_body.gif) repeat-x top center #ffffff;} img{border: none;} /*------------------------------------------------------------------------------*/ /* TOP DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #top_body{width:100%; height:240px; background:url(../images/bg_top.gif) top center no-repeat;} #top_container{width:960px; margin:0 auto; padding:0;} #top_col_1{width:193px; float:left; display:inline;} #top_col_2{width:523px; float:right; display:inline;} /*------------------------------------------------------------------------------*/ /* NAV DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #nav_body{width:100%; background:url(../images/bg_nav.gif) repeat-x; height:50px;} #nav_container{width:960px; margin:0 auto; padding:0; background:url(../images/bg_nav_container.gif) no-repeat;} /*------------------------------------------------------------------------------*/ /* MIDDLE DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #main_body{background:url(../images/bg_main_body.gif) top center repeat-x #1aa9e5; width:100%;} #main_sign{background:url(../images/bg_main_sign.png) top center no-repeat; width:100%; padding:20px 0 12px;} #main_container{width:960px; margin:0 auto; padding:0;} #home_content{width:960px; margin:0 auto; padding:0;} #home_content h1.welcome{background:url(../images/h1_welcome.gif) no-repeat; height:80px; width:960px; display:block; text-indent: -9999px; margin:0; padding:0;} #home_content p{color:#ffffff; font-size:17px; line-height:26px; margin:0; padding:16px 0 0;} .footer_tel{background:url(../images/bg_bottom_tel.gif) no-repeat; height:85px; width:960px; display:block; text-indent: -9999px; margin:0; padding:0;} #main_col_1{width:685px; float:left; display:inline;} #main_col_2{width:250px; float:left; display:inline; margin-left:25px;} #main_col_1 #packages{width:685px; margin:16px 0 0;} #main_col_1 #package_1{width:305px; float:left; display:inline; padding:15px; background:#ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; height:350px;} #main_col_1 #package_2{width:305px; float:left; display:inline; margin-left:15px; padding:15px; background:#ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; height:350px;} #main_col_1 #packages p {color:#000000; font-size:12px; line-height:18px;} #main_col_1 #packages h3{font-size:24px; margin:0; padding:0; font-weight:normal; color:#31b2e8;} #main_col_1 #packages ul{margin:0; padding:0 0 0 15px; } #main_col_1 #packages li{margin:12px 12px 0 0; padding:0; float:left; color:#000000; width:130px; font-size:12px;} /* Header Styles */ #main_container h1{height:62px; width:960px; display:block; text-indent: -9999px; margin:0; padding:0;} #main_container h1.signage{background:url(../images/h1_signage.gif) no-repeat;} #main_container h1.internal_external{background:url(../images/h1_internal_external.gif) no-repeat;} #main_container h1.window_graphics{background:url(../images/h1_window_graphics.gif) no-repeat;} #main_container h1.vinyl{background:url(../images/h1_vinyl.gif) no-repeat;} #main_container h1.banners{background:url(../images/h1_banners.gif) no-repeat;} #main_container h1.a_boards{background:url(../images/h1_a_boards.gif) no-repeat;} #main_container h1.vehicles{background:url(../images/h1_vehicles.gif) no-repeat;} #main_container h1.printing{background:url(../images/h1_printing.gif) no-repeat;} #main_container h1.trade_printing{background:url(../images/h1_trade_printing.gif) no-repeat;} #main_container h1.canvas{background:url(../images/h1_canvas.gif) no-repeat;} #main_container h1.packages{background:url(../images/h1_packages.gif) no-repeat;} #main_container h1.gallery{background:url(../images/h1_gallery.gif) no-repeat;} #main_container h1.contact{background:url(../images/h1_contact.gif) no-repeat;} #main_container h1.resource{background:url(../images/h1_resource.gif) no-repeat;} #main_container h1.sitemap{background:url(../images/h1_sitemap.gif) no-repeat;} /*Font Styles*/ #main_col_1 h2{font-size:20px; margin:0; padding:16px 0 0; font-weight:normal; line-height:normal; color:#000000;} #main_col_1 p{color:#ffffff; font-size:16px; line-height:26px; margin:0; padding:16px 0 0;} #main_col_1 p img{float:left; padding:0; border:#ececec 5px solid; margin:4px 15px 5px 0px;} #main_col_1 p img.none{float:none; padding:0; border:0; margin:0;} #main_col_1 p a{color:#ffffff; text-decoration:underline;} #main_col_1 p a:hover{color:#000000; text-decoration:underline;} #main_col_2 p{color:#ffffff; font-size:16px; line-height:19px; margin:0; padding:16px 0 0;} #main_col_2 p strong{color:#000000;} #main_col_2 p img{border:none;} #main_col_2 img{border:#ececec 5px solid;} /* Lists */ #main_col_1 ul{margin:16px 0 0; } #main_col_1 ul li{color:#ffffff; line-height:22px; padding-bottom:5px; font-size:16px;} #main_col_1 ul li a{color:#ffffff; text-decoration:underline;} #main_col_1 ul li a:hover{color:#000000; text-decoration:underline;} #main_col_2 ul{padding:16px 0 0; margin:0; } #main_col_2 ul li{line-height:normal; padding-bottom:5px; list-style:none;} #main_col_2 ul li img{border:#ececec 5px solid;} #main_col_2 ul li.right_gallery a{background:url(../images/btn_gallery.png) 0px 0px no-repeat; display:block; height:50px; width:250px; text-indent: -9999px;} #main_col_2 ul li.right_gallery a:hover{background:url(../images/btn_gallery.png) -250px 0px no-repeat;} #gallery{padding:0;} #gallery h2{font-size:22px; margin:0; padding:10px 0 0; font-weight:bold; text-transform:uppercase; line-height:normal; color:#ffffff;} #gallery ul{margin:0; padding:0; list-style-type:none;} #gallery li{margin:16px 12px 0 0; padding:0; float:left;} #gallery li.no_pad{margin-right:0;} #gallery li img{border:#ececec 5px solid;} /*Enquiry Form*/ #main_col_1 table{font-size:16px; color:#ffffff; margin-top:10px;} #main_col_1 tr{height: 30px;} #main_col_1 td strong{color:#000000;} #form{margin:16px 0 0; padding:15px; background:#ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; width:655px; } #form table{font-size:16px; color:#000000;} #form tr.bg{ background:#f0f0f0;} #form .enq_form{background-color:#ffffff; border: #e4e4e4 1px solid; font-family:Arial, Helvetica; font-size:14px; color:#31b2e8; padding:3px; width:260px;} #form .enq_form_button{height:50px; width:268px; background:url(../images/btn_send.gif) no-repeat; border:0; cursor:pointer; margin:0; padding:0;} /*------------------------------------------------------------------------------*/ /* FOUR COL DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #four_container{width:960px; height:255px; margin:20px auto 0; padding:0; background:url(../images/bg_four_col.png) top center no-repeat;} #four_col_1{width:191px; float:left; display:inline; margin:0 32px 0 20px;} #four_col_2{width:191px; float:left; display:inline; margin:0 32px 0 20px;} #four_col_3{width:191px; float:left; display:inline; margin:0 32px 0 20px;} #four_col_4{width:191px; float:left; display:inline; margin:0 20px;} #four_container h2{margin:0; padding:0;} #four_container h2.signage a{background:url(../images/h2_home_signage.gif) 0px 0px no-repeat; display:block; height:60px; width:191px; text-indent: -9999px;} #four_container h2.signage a:hover{background:url(../images/h2_home_signage.gif) -191px 0px no-repeat;} #four_container h2.vehicles a{background:url(../images/h2_home_vehicles.gif) 0px 0px no-repeat; display:block; height:60px; width:191px; text-indent: -9999px;} #four_container h2.vehicles a:hover{background:url(../images/h2_home_vehicles.gif) -191px 0px no-repeat;} #four_container h2.printing a{background:url(../images/h2_home_printing.gif) 0px 0px no-repeat; display:block; height:60px; width:191px; text-indent: -9999px;} #four_container h2.printing a:hover{background:url(../images/h2_home_printing.gif) -191px 0px no-repeat;} #four_container h2.canvas a{background:url(../images/h2_home_canvas.gif) 0px 0px no-repeat; display:block; height:60px; width:191px; text-indent: -9999px;} #four_container h2.canvas a:hover{background:url(../images/h2_home_canvas.gif) -191px 0px no-repeat;} #four_container p{font-size:12px; color:#ffffff; margin:0; padding:8px 0 0; line-height:22px;} /*------------------------------------------------------------------------------*/ /* FOOTER DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #footer_body{width:100%; background:url(../images/bg_footer.gif) repeat-x #ffffff;} #footer_container{width:960px; margin:0 auto; padding:0; font-size:14px; } #footer_container ul{margin:0; padding:0; list-style-type: none;} #footer_container li{margin:0; padding:0 5px 0 0; float:left; font-size:14px; color:#1089bb; line-height:normal;} #footer_container a{color:#1089bb; text-decoration:none;} #footer_container a:hover{color:#0a6991; text-decoration:underline;} #footer_col_1{width:700px; float:left; display:inline; padding:38px 0 0;} #footer_col_2{width:181px; float:right; display:inline; margin:-12px 0 0;} #footer_col_1 p{color:#212121; margin:0; padding:20px 0 0; line-height:22px;} #footer_body .design{width:187px; margin:0 auto; padding:0 0 30px;} #footer_body .design a{background:url(../images/footer_web_logo.gif) 0px 0px no-repeat; display:block; height:31px; width:187px; text-indent: -9999px;;} #footer_body .design a:hover{background:url(../images/footer_web_logo.gif) -187px 0px no-repeat;} /*------------------------------------------------------------------------------*/ /* MISC VALUES, DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ .clearcols{clear:both; height:1px;} div#att {background-color: #fffeb8; border-bottom: 1px solid; height: 120px; padding:20px 0 0; line-height: 22px; position: absolute; top:0; width: 100%; text-align:center;} div#att p{ margin: 0; display: inline; padding: 6px 0 6px 26px;}