@charset "utf-8";
/* CSS Document */
h2 {color:#887225; font-family:Georgia, "Times New Roman", Times, serif; padding:0px; margin:10px 0 0 0; font-size:22px; font-weight:normal;}
h3 a {color:#887225; }
a {color: white; }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(images/bg.gif) top center; background-repeat:no-repeat; background-color:#000000; padding:0px; margin:0px; }
.top {width:851px;  margin:0px auto;  }
.logo {width:531px; height:64px;   margin-bottom:2px; }
.nav {width:851px; height:35px; /* background-image: url(images/contents.png); */ margin-bottom:2px; }
.tagline {width:851px; height:132px;   margin-bottom:5px;  /*background-image: url(images/content.png); */}
.taglineinner { padding:30px 0px 36px 0px; color:#faee89; text-align:center; font-size:28px;}
.middle {width:851px; margin:0px auto;  /* background-image: url(images/content.png); */ color:#ffffff; font-family:Arial, Helvetica, sans-serif;}
.bottom {width:851px; margin:0px auto;}
.botwrap {background:#300101; border-top:1px solid #640b0b; padding:5px 0px;}
.nav ul {padding:9px; margin:0px;  list-style:none;}
.nav ul li {display:inline; margin:4px 10px;}
.nav ul li a {color:#dcdbdb; text-decoration:none; }

.left {width:461px; float:left; color:#ffffff;}
.leftinner {padding:5px 15px; line-height:1.3}
.left h2 {color:#887225; font-family:Georgia, "Times New Roman", Times, serif; padding:0px; margin:0px 0px; font-size:22px; font-weight:normal;}
.right {width:390px; float:left;  color:#ffffff;}
.rightinner {padding:5px 15px; line-height:1.3}
.right h2 {color:#887225; font-family:Georgia, "Times New Roman", Times, serif; padding:0px; margin:0px 0px; font-size:22px; font-weight:normal;}
.right h3 {color:#887225; font-family: Arial, Helvetica, sans-serif; padding:0px; margin:0px 0px; font-size:14px; font-weight:bold;}
.sig {width:600px; float:left; color:#FFFFFF;}
.ack {width:241px; float:left; text-align:right; margin-right:10px; color:#ffffff;}
.ack a {color:#ffffff; text-decoration:none;}
.ack a:hover {text-decoration:underline;}
.morelink {background:url(images/3dot.gif) left no-repeat; display:block; width:300px; text-indent:16px; color:#FFFFFF;}


.grpleft {width:490px; float:left; color:#ffffff; }
.grpright {width:313px; float:left; color:#ffffff; }

.cabredbar {background:url(images/cab_redbar.gif); width:805px; height:61px; clear:both; margin-bottom:20px; position:relative;}

.cabwrap {padding:0px 23px;}
.cabwrap h2 {color:#887225; font-family:Georgia, "Times New Roman", Times, serif; padding:0px; margin:20px 0px 5px 0px; font-size:22px; font-weight:normal; }
.grpleftimg {width:221px; float:left;  font-weight:bold; text-align:center; color:#ffffff;}
.grpleftcontent {width:250px; float:left;}
.grpleftcontentinner {padding:10px;}
.grpleftcontentinner ul {padding:0px; margin:10px 0 0 0; list-style:none;}
.grpleftcontentinner ul li {padding:1px 0px; margin:0px; text-indent:25px; background:url(images/list.gif) left no-repeat; margin:4px 0px;}



.grptable1 {width:50px; float:left; text-indent:10px;}
.grptable2 {width:155px; float:left; text-indent:10px;}
.grptable3 {width:100px; float:left; text-indent:10px;}
.grpheading {}
.grprow1 { background:#db1d1d; padding:5px 0px;}
.grprow2 { background:#3d3d3d; padding:5px 0px;}


.imgswitch a {width:50px;  margin:0px 10px; height:61px; background:#000000;  display:block; text-indent:60px;  background-repeat:no-repeat; background-position:0px 0;}
.imgswitch a:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch a div {position:absolute; left:-1000px; top:-326px;}
.imgswitch a:hover div {left:-59px; top:-326px;}

#contact-area {	 width:450px; margin:5px auto; padding:10px 5px; float:left;  }
#contact-area input, #contact-area textarea, #contact-area select { padding: 5px;	width: 300px; font-family: Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 10px 0px; border: 2px solid #ccc; }
#contact-area select {width:314px;}
#contact-area textarea { height: 140px; }
#contact-area textarea:focus, #contact-area input:focus, #contact-area select:focus  { border: 2px solid #900; }
#contact-area input.submit-button { width: 100px; float: right; padding:0px; margin:0px 0px 0px 0px; }
.contactinfo {width:300px; float:left;}


.label {width:100px; float:left; text-align:right; margin-right:10px;}
.captcha {width:100px; height:100px; float:left; text-align:right; margin-right:10px;}
.inputbox {width:310px; float:left;}

.message {   width:450px; margin:5px auto; padding:5px; background:#000000; color:#ff0000; border:1px solid #ddddf5; font-weight:bold;}
.success {color: #006600;}

.clr {clear:both;}

.grpitemheading {background:#db1d1d; color:#ffffff; padding:5px 0px;}


a.morelink  {color:#ffffff;}
a.morelink:hover {color:#faee89;}


/* Product 1 */
.imgswitch  a.cab1a {background:url(images/rollovers/1.gif);}
.imgswitch a.cab1a:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.cab1b {background:url(images/rollovers/1b.gif);}
.imgswitch a.cab1b:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.cab1c {background:url(images/rollovers/1c.gif);}
.imgswitch a.cab1c:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.cab164 {background:url(images/rollovers/164.gif);}
.imgswitch a.cab164:hover { background-repeat:no-repeat; background-position:-61px 0;}

/* Product 2 */
.imgswitch  a.cab2a {background:url(images/rollovers/2.gif);}
.imgswitch a.cab2a:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.cab2b {background:url(images/rollovers/2b.gif);}
.imgswitch a.cab2b:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.cab2c {background:url(images/rollovers/2c.gif);}
.imgswitch a.cab2c:hover { background-repeat:no-repeat; background-position:-61px 0;}

.imgswitch  a.cab154 {background:url(images/rollovers/154.gif);}
.imgswitch a.cab154:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.cab156 {background:url(images/rollovers/156.gif);}
.imgswitch a.cab156:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.cab167 {background:url(images/rollovers/167.gif);}
.imgswitch a.cab167:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.cab169 {background:url(images/rollovers/169.gif);}
.imgswitch a.cab169:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.cab171 {background:url(images/rollovers/171.gif);}
.imgswitch a.cab171:hover { background-repeat:no-repeat; background-position:-61px 0;}
   
/* Product 3 */
.imgswitch  a.cab3a {background:url(images/rollovers/3.gif);}
.imgswitch a.cab3a:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.cab3b {background:url(images/rollovers/3b.gif);}
.imgswitch a.cab3b:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.cab3c {background:url(images/rollovers/3c.gif);}
.imgswitch a.cab3c:hover { background-repeat:no-repeat; background-position:-61px 0;}

/* Product 4 */
.imgswitch a.brick {background:url(images/rollovers/brick.gif);}
.imgswitch a.brick:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.cab4a {background:url(images/rollovers/4.gif);}
.imgswitch a.cab4a:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.cab4b {background:url(images/rollovers/4b.gif);}
.imgswitch a.cab4b:hover { background-repeat:no-repeat; background-position:-61px 0;}

.imgswitch  a.cab122 {background:url(images/rollovers/122.gif);}
.imgswitch a.cab122:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.cab124 {background:url(images/rollovers/124.gif);}
.imgswitch a.cab124:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.cab149 {background:url(images/rollovers/149.gif);}
.imgswitch a.cab149:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.cab032010 {background:url(images/rollovers/032010.gif);}
.imgswitch a.cab032010:hover { background-repeat:no-repeat; background-position:-61px 0;}

/* Product 5 */
.imgswitch  a.cab5 {background:url(images/rollovers/5.gif);}
.imgswitch a.cab5:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.canopy {background:url(images/rollovers/canopy.gif);}
.imgswitch a.canopy:hover { background-repeat:no-repeat; background-position:-61px 0;}


/*Steel 1*/
.imgswitch  a.st1 {background:url(images/rollovers/steel-1.gif);}
.imgswitch a.st1:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.st2 {background:url(images/rollovers/steel-2.gif);}
.imgswitch a.st2:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.st3 {background:url(images/rollovers/steel-3.gif);}
.imgswitch a.st3:hover { background-repeat:no-repeat; background-position:-61px 0;}
.imgswitch  a.st4 {background:url(images/rollovers/steel-4.gif);}
.imgswitch a.st4:hover { background-repeat:no-repeat; background-position:-61px 0;}

   
/* IE ignores styles with [attributes], so it will skip the following. */
.trans[class] {
  background-image:url(/images/content.png);
}

/* IE ignores styles with [attributes], so it will skip the following. */
.transnav[class] {
  background-image:url(/images/contents.png);
}

/* IE ignores styles with [attributes], so it will skip the following. */
.transedge[class] {
  background-image:url(/images/border.png);
}

/* IE ignores styles with [attributes], so it will skip the following. */
.translogo[class] {
  background:url(/images/logo.png) no-repeat;
}

div.nav a { position: relative;
    z-index: 100;}
div.nav a:hover {  color: yellow; }