/* Main Style Sheet */ * {margin:0px; padding:0px; } img { border:0px; } body { background: #F5F5F5; font-size:14px; font-family: Century Gothic, Geneva, sans-serif; color:#333333; background:url(../images/bg.png)} /* font Styles */ h1 { font-size:25px; color:#EB7300; line-height:30px; margin-bottom:10px; font-weight:normal; } h2 { font-size:15px; color:#294773; line-height:20px; margin-top:15px; margin-bottom:15px; font-weight:normal; } h3 { font-size:21px; color:#FFFFFF; line-height:30px; margin-top:0px; font-weight:normal; } h4 { font-size:16px; color:#074797; line-height:20px; margin-top:0px; font-weight:normal;} h5 { font-size:18px; color:#FFFFFF; padding-left:30px; padding-top:7px; margin-top:0px; font-weight:normal; } h6 { font-size:14px; color:#FFFFFF; } p { line-height:20px; margin:0px; padding:0px; padding-top:5px; padding-bottom:10px; } a:link {color:#333333; text-decoration: underline;} a:visited {color:#333333; text-decoration: underline;} a:hover {color:#333333; text-decoration: none;} a:active {color:#333333; text-decoration: underline;} a:focus {outline-style: none;} /* row 1 - top */ #bg-top {width:100%; background:url(../images/bg-top.jpg) top center repeat-x; } #wrap-top { width:980px; margin-left:auto; margin-right:auto; background:url(../images/bg-home-top.png) top center no-repeat; } #header { width:980px; height:98px; overflow:hidden;} #top-progress { position:relative; margin:10px 0 0 650px;} /* row 2 - middle (home) */ #bg-home-middle {width:100%; background:url(../images/bg-middle.jpg) top center repeat-x; } #wrap-home-middle { width:980px; height:359px; margin-left:auto; margin-right:auto; padding:25px 0 25px 0;} #banner-home {float:left; width:706px; margin:0px; padding:0px;} .slideshow {z-index:1;} /* row 3 - content (home) */ #bg-content {width:100%; background:url(../images/bg-bottom.png) top center repeat-x; } #wrap-content { width:980px; margin-left:auto; margin-right:auto; } /* page styles */ #home-copy-wrap { float:left; display:inline; width:706px; margin-top:30px;} #home-copy { padding:0 20px 20px 20px; clear:both;} #home-copy ul { margin-left:10px; margin-top:5px; margin-bottom:25px;} #home-copy li { padding-left:25px; line-height:20px; margin-bottom:5px; background:url(../images/li.gif) no-repeat; list-style:none} /* panel styles */ #panel-wrap {float:left; display:inline; width:253px; height:188px; margin:0 0 0 20px; background:url(../images/bg-panel2.jpg) no-repeat;} #panel-wrap-front {float:left; display:inline; width:253px; height:230px; margin:0 0 0 20px; background:url(../images/bg-panel2.jpg) no-repeat;} #panel-1 {clear:both;} #panel-1 ul { margin:10px 10px 10px 35px;} #panel-1 li { padding-left:0px; line-height:17px; margin-bottom:10px; color:#FFFFFF;} #panel-heading {height:36px; background:url(../images/bg-panel-heading.png) no-repeat;} #panel-heading h3 {font-size:18px; color:#FFF; font-weight:bold; padding:2px 0 0 20px; } #panel-1 a:link {color:#FFFFFF; text-decoration: none;} #panel-1 a:visited {color:#FFFFFF; text-decoration: none;} #panel-1 a:hover {color:#FFFFFF; text-decoration: underline;} #panel-1 a:active {color:#FFFFFF; text-decoration: none;} #panel-1 a:focus {outline-style: none;} #panel-wrap-2 {float:left; display:inline; width:253px; height:62px; margin:22px 20px 0 0; background:url(../images/bg-panel-quote.png) no-repeat;} #panel-2 {clear:both; padding:15px 10px 15px 20px;} #panel-2 h3 {font-size:18px; font-weight:bold;} #panel-2 a:link {color:#FFFFFF; text-decoration: none;} #panel-2 a:visited {color:#FFFFFF; text-decoration: none;} #panel-2 a:hover {color:#FFFFFF; text-decoration: underline;} #panel-2 a:active {color:#FFFFFF; text-decoration: none;} #panel-wrap-3 {float:right; display:inline; width:253px; margin:30px 0 0 20px; background:url(../images/bg-panel-enquiry.png) no-repeat;} #panel-3 {clear:both;} #panel-3-heading {height:36px; background:url(../images/bg-panel-quote.png) no-repeat;} #panel-3-heading h3 {font-size:18px; color:#FFF; font-weight:bold; padding:2px 0 0 20px; } #panel-4 {font-size:16px; height:141px; margin:10px 0 0 20px; background:url(../images/bg-panel-dvp.png) no-repeat;} #panel-4b {font-size:13px; height:131px; margin:5px 5px 0 5px; background:url(../images/bg-panel-dvp.png) no-repeat;} #panel-4c {font-size:13px; margin:20px 5px 0 5px; } #home-enquiry {padding:0; margin-top:0; background:url(../images/bg-panel-enquiry.png) no-repeat;} /* box styles */ .box-1 {border:1px solid #999999; height:200px; padding:10px; margin:20px 0 20px 0;} .box-1-left {float:left; width:400px;} .box-1-right {float:right; width:260px;} .box-2 {border:1px solid #999999; padding:10px; margin:20px 0 20px 0;} .box-2-left {float:left; width:400px;} .box-2-right {float:right; width:260px;} /*contact form styles */ #contact-form {margin:0 0 10px 40px; padding-top:20px; font-size:12px; color:#333535; line-height:12px;} .contact-text {border: 1px solid #000; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding:3px; width:160px; background:#FFFFFF; margin-top:5px; margin-bottom:5px;} .contact-btn {margin-right:45px; margin-top:10px; display:inline; float:right;} /* request a quote */ #quote-form { clear:both; display:inline; float:left; width:400px; margin-left:30px; margin-top:0px; margin-bottom:10px; padding-left:0px; font-size:12px; line-height:12px;} #quote-form label {display: block; float: left; line-height: 1.6em; margin-right: 5px; text-align: right; width: 160px;} #quote-form h2 { font-size:16px; color:#000000; margin-top:15px; margin-bottom:15px; font-weight:bold; } .quote-text {float: left; border: 1px solid #000; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; padding:2px; width:160px; background:#FFFFFF; margin:0 0 10px 10px;} #quote-form input.check-box-left { float: left; text-align:left; width:auto; margin-left: 175px; border:0;} #quote-form .label-right { display: block; float: left; margin-left: 10px; font-size:11px; text-align: left; width: 190px; } /* clears */ .clear {clear:both; height:0px; width:100%; } .clear05 {clear:both; height:5px; } .clear10 {clear:both; height:10px; } .clear20 {clear:both; height:20px; } .clear30 {clear:both; height:30px; } .clear40 {clear:both; height:40px; } .line {clear:both; width:100%; border-bottom:1px solid #A3BAD0; padding:10px 0 10px 0;} /* footer styles */ #footer-wrap { width:100%; clear:both; height:76px; margin-top:20px; background: url(../images/footer-home.png) top repeat-x;} #footer { width:980px; margin-left:auto; margin-right:auto; height:76px} .footer-copyright { margin-left:0px; } .footer-copyright p { margin:0px; padding:0px; font-size:12px; color:#FFF; line-height:58px; } .footer-copyright a:link {color:#FFF; text-decoration: none;} .footer-copyright a:visited {color:#FFF; text-decoration: none;} .footer-copyright a:hover {color:#FFF; text-decoration: underline;} .footer-copyright a:active {color:#FFF; text-decoration: none;} /* image styles */ .image-left-box { display:inline; float:left; border: 1px solid #dfdfdf; padding:2px; margin: 0px 10px 10px 0px; } .image-right-box { display:inline; float:right; border: 1px solid #dfdfdf; padding:2px; margin-left:15px; margin-top: 0px; margin-right:0px; margin-bottom:20px;} .image-left { display:inline; float:left; padding:2px; margin: 5px 10px 10px 0px; } .image-right { display:inline; float:right; padding:0px; margin: 5px 0px 10px 10px;} /* Navigation Menu */ /* Setup */ /* row 2 - middle (home) */ #bg-nav {width:100%; height:43px; background:url(../images/bg-nav.png) top center repeat-x; } #wrap-nav { width:980px; height:43px; margin-left:auto; margin-right:auto;} /* end of CSS file */