a:link.quote, a:visited.quote
{
	color: #FFF;
	font-size: 70%;
}
a:hover.quote, a:active.quote
{
	color: #FFF;
	font-size: 70%;
}
a:link.dealer_quote, a:visited.dealer_quote
{
	font-size: 80%;
	padding-right: 20px;
}
body
{
	background-color: #036;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	font-family: arial, helvetica, sans-serif;
}
#base
{
	position:relative;
	margin: 0px auto 0px auto;
	background-color: #FFF;
	width:999px;
}
#body
{
	width:999px;
	margin-top:-9px;
	background-image: url(/pics/bg_body_left.gif);
	background-repeat: repeat-y;
}
.button
{
	position:relative;
	left:-2px;
	width:85px;
	height:52px;
	padding:15px 89px 0px 4px;
	margin-top:2px;
	font-size:10pt;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	cursor: pointer;
}
.button a
{
	color: #FFF;
	text-decoration:none;
}
/* How about doing these in inline style attributes? seems like a lot of CSS? */
#buttoncarports
{
	background-image:url('/pics/new/buttoncarports.png');
	margin-top:3px;
}
#buttondomestic
{
	background-image:url('/pics/new/buttondomestic.png');
}
#buttonrural
{
	background-image:url('/pics/new/buttonrural.png');
}
#buttonlifestyle
{
	background-image:url('/pics/new/buttonlifestyle.png');
}
#buttonshelters
{
	background-image:url('/pics/new/buttonshelters.png');
}
#buttonstorage
{
	background-image:url('/pics/new/buttonstorage.png');
}
#buttonindustrial
{
	background-image:url('/pics/new/buttonindustrial.png');
}
#buttonwebtruss
{
	background-image:url('/pics/new/button-webtruss.png');
}
#buttoncommercial
{
	background-image:url('/pics/new/buttoncommercial.png');
}
.content
{
	width:576px;
	border:none;
	background-color:#FFF;
	padding:20px 10px 10px 30px;
	font-size:0.9em;
	margin-bottom:0px;
}
#right_feature_area{
	position:absolute;
	top:224px;
	left:808px;
	width:192px;
	min-height: 300px;
}
#feature
{
	width:200px;
	font-size:0.7em;
	text-align:center;
	cursor: pointer;
}
#download
{
	cursor: pointer;
	width:152px;
	background-image: url(/pics/bg_brochure_pdf.png);
	background-repeat: no-repeat;
	height: 50px;
	padding-top: 27px;
	padding-left: 3px;
	margin: 10px 0px 10px 25px;
}
#download2
{
	cursor: pointer;
	width:152px;
	background-image: url(/pics/bg_brochure_commercial_pdf.png);
	background-repeat: no-repeat;
	padding-top: 27px;
	padding-left: 3px;
	margin-bottom: 20px;
	margin-left: 25px;
}
#contact_webtruss{
	margin-left: 20px;
}
#download h4, #download2 h4
{
	margin: 0px;
	margin-bottom: 6px;
	color: #fff;
	padding-left: 4px;
	font-size: 80%;
}
#download p, #download2 p
{
	margin: 0px;
	font-size: 60%;
}
#footer, #footer_spanit
{
	position:relative;
	top:0px;
	background-image:url(/pics/new/strip.png);
	background-color: #EF1A21;
	width:989px;
	height:36px;
	color:#FFF;
	font-size:1.1em;
	text-align:right;
	padding-top:20px;
	padding-right:10px;
	color: #fff;
}
#footer_spanit{
	background-image:url(/pics/new/strip.png);
}
#footer a, #footer_spanit a
{
	color:#FFF;
	text-decoration:underline;
}
#footer a:hover, #footer_spanit a:hover
{
	text-decoration:underline;
}
h1
{
	color:#003767;
	font-size:20pt;
}
h2, h3
{
	color:#003767;
}
#head
{
	background-image:url('/pics/new/head.png');
	width:999px;
	height:200px;
	margin-bottom: 10px;
	background-color: #003366;
	z-index:1;
	position:relative;
	top:0px;
}
#headerBottom
{
	background-color: #EF1A21;
	color: #FFF;
	height: 22px;
	padding-top: 4px;
	text-align: center;
	font-weight: bold;
	position: relative;
	top: 175px;
	left: 0px;
	z-index: 200;
}
#headerBottom a:link, #headerBottom a:visited, #headerBottom a:hover, #headerBottom a:active
{
	color: #FFF;
	text-decoration: none;
}
div#headLogo
{
	width: 473px;
	height: 145px;
	position: relative;
	top:17px;
	left: 223px;
	margin-bottom: -145px;
	margin-right: -473px;
}
div#kev
{
	position: relative;
	top:5px;
	left: 30px;
	margin-bottom: -195px;
	 margin-right: -123px;
	z-index: 500;
	width: 123px;
}
div#truss{
	position: absolute;
	top:10px;
	left: 652px;
	z-index: 500;
	width: 347px;
	height: 165px;
}
#headerBottom img
{
	padding: 0px 10px 1px 11px;
}
#kev
{
	position:absolute;
	left:785px;
	top:25px;
}
#left
{
	margin-bottom:-10px;
	background-color:#003767;
	background-position:top;
	background-repeat:no-repeat;
	float: left;
	width: 174px;
	background-image: url(/pics/new/bg_left_white.gif);
	background-repeat: repeat-y;
	background-position: right;
}
#main
{
	background-color:#FFF;
}
#next_menu_top
{
	margin: 0px;
	margin-bottom: -30px;
	position: relative;
	height: 20px;
	top: -15px;
	left: 0px;
}
#pageMenu
{
	text-align: left;
	color: #FFFFFF;
	padding-right: 7px;
	padding-bottom: 12px;
	font-size: 0.8em;
	font-weight: bold;
}
#pageMenu a:link, #pageMenu a:visited
{
	color: #FFF;
	text-decoration: none;
}
#pageMenu p a:hover, #pageMenu p a:active
{
	color: #FF7;
	text-decoration: underline;
}
#pageMenu a.highlight:link, #pageMenu a.highlight:visited
{
	color: #FF7;
}
#pageMenu p
{
	margin: 7px 0px 0px;
}

#right
{
	background-color:#FFF;	
	margin-bottom:0px;
	float: right;
	width: 821px;
}
.roundinfo
{
	margin:0px 20px 40px 0px;
	position:relative;
	color:#FFF;
	font-size:0.75em;
	font-weight:bold;	
}
.roundinfo170, .roundinfo250
{
	position:absolute;
	width:140px;
	height:49px;
	padding: 3px 0px 0px 10px;
}
.roundinfo170
{
	top:109px;
	left:55px;
}
.roundinfo250
{
	top:157px;
	left:140px;
}
div.roundinfo170 p, div.roundinfo250 p
{
	margin: 0px;
	height: 15px;
}
div.roundinfo170
{
	padding: 3px 0px 0px 7px;
}
.roundinfo a
{
	color:#FFF;
	text-decoration:none;
}
.roundframe250
{
	position:absolute;
	top:0px;
	left:0px;
	background-image:url('/pics/new/frame_250.png');
	width:250px;
	height:189px;
}
.roundframe170
{
	position:absolute;
	top:0px;
	left:0px;
	background-image:url('/pics/new/frame_170.png');
	width:170px;
	height:127px;
}
/* COLOR CLASSES */
div.pgTitle, .pgTitle_carport, .pgTitle_garages, .pgTitle_rural, .pgTitle_lifestyle, .pgTitle_shelters, .pgTitle_storage, .pgTitle_industrial, .pgTitle_commercial
{
	text-align: left;
	border-top: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	text-transform: uppercase;
	padding: 13px 20px 13px 5px;
	font-weight: bold;
	margin: 0px;
	background-repeat: repeat-y;
	background-position: left;
	color: #FFF;
}
.pgTitle_carport h1, .pgTitle_garages h1, .pgTitle_rural h1, .pgTitle_lifestyle h1, .pgTitle_shelters h1, .pgTitle_storage h1, .pgTitle_industrial h1, .pgTitle_commercial h1
{
	color: #FFF;
	font-size: 120%;
	margin: 0px;
}
div.pgTitle h1
{
	color: #000;
	font-size: 120%;
	margin: 0px;
}
div.pgTitle
{
	color: #666;
	background-color: #C0C0C0;
}
.carport
{
	background-color: #DB1921;
}
.garages
{
	background-color: #7892CD;
}
.rural
{
	background-color: #004823;
}
.lifestyle
{
	background-color: #008943;
}
.shelters
{
	background-color: #F5821F;
}
.storage
{
	background-color: #ECA516;
}
.industrial
{
	background-color: #0054A6;
}
.commercial
{
	background-color: #5C2D91;
}
div.thumbnails
{
	background-color: #FFF;
	margin-top: 10px;
	border: solid 1px #C0C0C0;
	text-align: center;
	color: #666;
	padding: 5px;
	font-weight: bold;
}
div.thumbnails img
{
	border: none;
	border: solid 2px #999;
}
td.thumb
{
	padding: 3px 10px 3px 10px;
}
div#directions
{
	background-color: #FFF;
	width: 196px;
	padding-top: 6px;
	padding-bottom: 6px;
	border: solid 2px #C0C0C0;
	text-align: center;
	font-size:	100%;
	margin-top: 3px;
}
div#directions img
{
	border: none;
	padding-top: 5px;
}
/* DEALER  MAP CSS */

td.bg_map
{
	background-color: #02315B;
	background-repeat: no-repeat;
	width: 510px;
	height: auto;
	padding: 0px 5px 10px 5px;
	
}
td.bg_map h3
{
	font-size: 120%;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #FFF;
}
td.bg_map a:link, td.bg_map a:visited
{
	color: #FFF;
}
td.bg_map a:hover, td.bg_map a:active
{
	color: #7892CD;
}
div#dealersup
{
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 500;
	width: 173px;
	margin: 0px;
}
div#south img, div#north img
{
	border: 0px;
}
div#north
{
	position: relative;
	top: -255px;
	left: 296px;
	z-index: 400;
	margin: -270px 0px 0px 0px; 
}
div#south
{
	position: relative;
	top: 10px;
	left: 140px;
	z-index: 300;
	margin: -268px 0px 0px 0px;
}
/*DEALER ARCHIVE STYLE */
div#deal_left
{
	float: left;
	width: 290px;
}
div#deal_right
{
	float: right;
	width: 250px;
}
div#deal_right img
{
	border: none;
}
div#dealer_speacial
{
	border: dashed 3px #EF1A21;
	margin: 10px 0px 0px 0px;
	padding: 7px 5px;
	text-align: center;
}
div#dealer_speacial2
{
	border-top: solid 3px #EF1A21;
	border-bottom: solid 3px #EF1A21;
	margin: 10px 0px 0px 0px;
	padding: 7px 5px;
	text-align: center;
	color: #EF1A21;
}
div#dealer_speacial2 a:link, div#dealer_speacial2 a:visited
{
	color: #036;
}
div#dealer_speacial2 a:hover, div#dealer_speacial2 a:active
{
	color: #036;
}
td.dealerL
{
	text-align: left;
	padding: 5px 0px 0px 15px;
}
img.dealer_quote
{
	margin-bottom: 0px;
}
td.dealerR
{
	text-align: right;
	padding: 5px 16px 0px 0px;
}
td.dealerL a:link, td.dealerL a:visited, td.dealerL a:hover, td.dealerL a:active, td.dealerR a:link, td.dealerR a:visited, td.dealerR a:hover, td.dealerR a:active
{
	color: #000080;
}
table.dealer_thumbs
{
	width: 550px;
	text-align: center;
	margin-bottom: 10px;
}
td.dealer_thumb img
{
		border: solid 2px #C0C0C0;
}
div.div_head
{
	background-color: #C0C0C0;
	margin: 10px 0px 0px 0px;
	padding: 3px 20px 3px 10px;
	font-size: 110%;
	font-weight: bold;
}
div#dealer_form
{
	background-color: #036;
	border: solid 2px #C0C0C0;
	color: #FFF;
	padding: 5px 50px 5px 50px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	border-top: none;
}
div#truss_form
{
	background-color: #F2F9FF;
	color: #000;
	padding: 5px 20px 5px 20px;
	margin: 0px 0px 10px 0px;
	border-top: none;
}
div#truss_form form
{
	margin: 0px;
}
div#truss_form p
{
	margin: 0px;
}
#form_top
 {
	background-image: url(/pics/form_stripe.png);
	background-position: bottom;
	width: 576px;
	height: 32px;
	background-repeat: no-repeat;
	padding-bottom: 25px;
}
input.text
{
	width: 273px;
}
textarea.textarea
{
	width: 273px;
	height: 125px;
	font-family: arial, helvetica, sans-serif;
}
.clear
{
	clear: both;
}
.b
{
	font-weight: bold;
}
.nomargin
{
	margin: 0px;
}
table#dealer th
{
	text-align: left;
	font-weight: bold;
	width: 70px;
	vertical-align: top;
}
table#dealer td
{
	vertical-align: top;
}
td.google_link
{
	padding-left: 26px;
	vertical-align: top;
}
td.google_link img
{
	border: none;
}
/* DEALER WEBSITE */
#deal_website{
	background: #036 url(/pics/bg_website.png) no-repeat;
	width: 255px;
	height: 43px;
	margin-top: 10px;
	cursor: pointer
}
.fern{
	padding: 5px;
}
#deal_website .description{
	padding-right: 30px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}