@charset "utf-8"; /* CSS Document */
@import url("reset.css");

body {background:#000000 url(/images/bg_site.jpg) no-repeat top center; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0 0 1em 0;}
a {color:#000000; text-decoration:none;}
a:hover {color:#666666}
.wrapper {margin:0 auto; width:916px;}
.header .logo {background:url(/images/header.jpg); padding:160px 40px 84px 594px;}
.header .logo a {display:block; height:99px; width:289x; background:url(/images/gsp_logo.png); margin:0;}
.header .logo span {display:none;}
 
div.nav {width:618px; padding:0 0 0 17px; float:left;}
div.nav ul {width:635px; float:left;}
div.nav ul li {float:left;}
div.nav ul li span {display:none;}
div.nav ul li a {background:url(/images/nav.jpg) no-repeat; height:38px; display:block;}
div.nav ul li.nav_services a {width:160px;}
div.nav ul li.nav_products a {width:160px; background-position:-160px 0;}
div.nav ul li.nav_contact_us a {width:160px; background-position:-320px 0;}
div.nav ul li.nav_testimonials a {width:155px; background-position:-480px 0;}
div.nav ul li.nav_services a:hover, div.nav ul li.nav_services a:active {width:160px; background-position:0 -38px;}
div.nav ul li.nav_products a:hover, div.nav ul li.nav_products a:active {width:160px; background-position:-160px -38px;}
div.nav ul li.nav_contact_us a:hover, div.nav ul li.nav_contact_us a:active {width:160px; background-position:-320px -38px;}
div.nav ul li.nav_testimonials a:hover, div.nav ul li.nav_testimonials a:active {width:155px; background-position:-480px -38px;}

.right {width:261px; float:right;}
 
.tag {height:502px; width:261px; background:url(/images/sidetag.jpg);}

.search {height:155px; width:242px; background:url(/images/search.jpg); margin:9px 0 10px 11px; padding:4px 4px 0 4px; text-align:right;}
.moot {padding:2px; border:1px #000000 solid;}
.body_copy {margin:50px 264px 0 23px; background:url(/images/tile.jpg) repeat-y;}
.body_copy div {background:url(/images/top_cap.jpg) no-repeat; padding:40px 20px 0 20px;}
.body_copy div h2 {color:#9e1b34; font-size:18px; font-weight:bold; margin-bottom:1em;}
.body_copy div h3 {text-align:center;}
.body_copy div h4 {font-weight:bold;}
.body_copy div p {margin-bottom:1em;}
.underrule {background:url(/images/hrbar.jpg) no-repeat center bottom; margin:0 0 12px 0; padding:0 20px 14px 20px;}

h3 {font-family:Arial, Helvetica, sans-serif; color:#9e1b34; font-weight:bolder; font-size:14px;}
div.red {background:#9e1b34; height:25px; padding:0; width:629px; text-align:right; padding-top:5px;}
div.red2 {height:25px; margin:100px -1px 0 0;}
.footer {font-family:Arial, Helvetica, sans-serif; font-size:10px; background:url(/images/foot.jpg); height:135px; width:891px; margin:0 0 0 15px; padding:5px 5px 5px 5px;}
.foot_nav {margin:-85px 0 0 210px; color:#000000;}
ul.foot_nav li {display:inline; border-right:1px #000000 solid; padding:0 5px;}
ul.foot_nav li.first {padding-left:0px;} 
ul.foot_nav li.last {border:0;} 
p.foot_body {font:Arial, Helvetica, sans-serif; font-size:11px; margin:5px 210px 0 210px; color:#7c7c7c;}

.small_logo {height:60px; width:170px; background:url(/images/gspsmall.png) no-repeat; margin:30px 0 0 20px;}
.small_logo a { display: block; height:60px; width:170px;}
.tag span {display:none;}
.small_logo span {display:none;}
.address {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#7c7c7c; margin:-100px 0 0 720px;}
ul.listing li{width:239px; float:left; list-style:url(/images/bullet.gif); color:#9e1b34; text-align:left; margin:0 0 0 75px;}
ul.listing{height:55px; background:url(/images/hrbar.jpg) no-repeat center bottom; margin-bottom:16px;}
.text_style {font-size:12px;}
 
/* testimonials*/
ul.testimonial {background:url(/images/testimonial_images/vertdashedln.gif) repeat-y 190px 0px; list-style:none;}
ul.testimonial li {font-family:Arial, Helvetica, sans-serif; margin: 0 0 20px 0;}
ul.testimonial li p { margin: 0 0 0 220px; }
ul.testimonial li b  { color:#9e1b34; }
ul.testimonial li.palms { background: url(/images/testimonial_images/palmslogo.jpg) no-repeat 24px 0px; height: 92px;}
ul.testimonial li.maloof { background: url(/images/testimonial_images/malooflogo.jpg) no-repeat 22px 40px; height:242px;}
ul.testimonial li.millennium { background: url(/images/testimonial_images/millenniumlogo.jpg) no-repeat 22px 40px; } 
ul.testimonial li.eldo { background: url(/images/testimonial_images/eldoradologo.jpg) no-repeat 38px 40px;}
ul.testimonial li.milgard { background: url(/images/testimonial_images/milgardlogo.jpg) no-repeat 38px 0px; height: 75px;}
ul.testimonial li.circus { background: url(/images/testimonial_images/circuslogo.jpg) no-repeat 30px 15px; height:110px;}
ul.testimonial li.paccoast { background: url(/images/testimonial_images/paccoastlogo.jpg) no-repeat 10px 65px; }
ul.testimonial li.amerbuild { background:url(/images/testimonial_images/amerbuildinglogo.jpg) no-repeat 22px 0px; }
ul.testimonial li.dorris { background:url(/images/testimonial_images/dorris.jpg) no-repeat 22px 40px; }
ul.testimonial li.amerlumb { background:url(/images/testimonial_images/amerlumberlogo.jpg) no-repeat 12px 20px; height: 90px; }

/* services*/
ul.campaign li a  { color:#9e1b34; }


/* PRODUCTS CSS */
.products div.right { display: none; }
.products .body_copy { width: 886px; margin-right: 0; background:url(/images/tile_products.jpg) repeat-y;}
.products .body_copy div { background:url(/images/top_cap_products.jpg) no-repeat; }
.products .body_copy div.red { width: 100%; background:#9e1b34; }

/* INDEX CSS */
.home .body_copy div { padding: 40px 0 0 0; }
.home div.red {background:#9e1b34; height:25px; padding:0; width:629px; text-align:right; padding-top:5px;}

/* FORM CSS */
.contact dt { display: block; width: 70px; float: left; padding: 6px 10px 7px 0; margin-bottom: 10px; text-align: right;}
.contact dd { padding: 0; display: block; margin-bottom: 10px;}
.txt, .comments, .zip { background:url(/images/bg_input.gif) no-repeat top left; border: 1px solid #666; width: 200px; padding: 5px; font-size: 14px; }
.comments { width: 400px; }
.zip { width: 50px; }
.contact select { border: 1px solid #666; width: 200px; padding: 5px; font-size: 14px; }
.txt:hover, .zip:hover, .comments:hover {border:solid 1px #000;}
.txt:focus, .zip:focus, .comments:focus {border:solid 1px #9e1b34;}
.btn { padding: 5px 10px; font-size: 14px; font-weight: bold; background: #9e1b34; color: #FFFFFF; border: 1px solid #480c18;  }
.btn:hover { cursor: pointer; }