body {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0;
	padding: 0;
	text-align: center;
}
#holder {
     margin: 10px auto;
     padding: 0;
     width: 757px;
     text-align: left;
	 background: url(/QuoteRequest/images/inback.jpg) repeat-y 0px 20px; /* this creates your overall gradient */
}
#holder img {
	display: block; /* this gets rid of an IE PC bug where extra space was being left above and below the image */
}
#PrintFriendlyHolder {
     margin: 10px auto;
     padding: 0;
     width: 740px;
     text-align: left;
	 background: url(/QuoteRequest/images/inback.jpg) repeat-y 0px 20px; /* this creates your overall gradient */
}
#PrintFriendlyHolder img {
	display: block; /* this gets rid of an IE PC bug where extra space was being left above and below the image */
}
#header {
	border-top: 9px solid #000;
	/*background: url(/QuoteRequest/images/logo.gif) no-repeat 660px 10px;*/
	height: 80px;
	padding-top: 10px;
	margin: 0;
}

/* The following styles create the top and bottom navigation */

#nav ul, #botnav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 70%;
	width: 757px;
}
#nav li, #botnav li {
	padding: 0;
	margin: 0;
	float: left;
	border: 1px solid #666;
	border-left: none;
}

#nav #homelnk, #botnav .home {
	width: 65px;
	border-left: 1px solid #666;
}
#nav #aboutlnk, #botnav .about {
	width: 95px;
}
#nav #contactlnk, #botnav .contact {
	width: 110px;
}
#nav #newslnk, #botnav .news {
	width: 110px;
}
#nav #employlnk, #botnav .employ {
	width: 120px;
}
#nav #projlnk, #botnav .projects {
	width: 105px;
}

#nav #quotelnk, #botnav .quote {
	width: 140px;
}


#nav li a:link, #nav li a:visited, #botnav li a:link, #botnav li a:visited {
	display: block;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 18px;
	background: #FFF url(/QuoteRequest/images/navarrow.gif) no-repeat 9px 0;
}
#botnav li a:link, #botnav li a:visited {
	background: #000 url(/none);
	color: #CCC;
	font-weight: normal;
}
#nav li a:hover, #nav li a:active, #nav li a:focus {
	background: #E20E0E;
	color: #CCC;
}
#botnav li a:hover, #botnav li a:active, #botnav li a:focus {
	color: #F10505;
}
/* this one handles all inner pages */
#wrapit {
	background: url(/QuoteRequest/images/featherin.jpg) no-repeat 5px 5px;
	padding: 15px 10px 0 160px; /* this controls the left edge of the rounded box */
}

/* these create the pod on the inner pages */
#podtop {
	background: url(/QuoteRequest/images/podtop.gif) no-repeat top left;
	height: 22px;
}
#pod {
	background: url(/QuoteRequest/images/innerpod.jpg) repeat-y left top;
	width: 580px;
}
#podbott {
	background: url(/QuoteRequest/images/podbott.gif) no-repeat bottom left;
	height: 21px;
	margin-bottom: 15px;
}
/* this is the right side pics in the inner pages */
#imgcol {
	width: 225px;
	float: right;
}
#imgcol img {
	display: block;
	margin-bottom: 12px;
	margin-top: 20px;
}
/* this one handles the content on the inner pages and contains the boxes */
#content {
	margin: 0 230px 0 0;
	padding: 0 10px;
}

/* kills an IE PC bug - don't show to IE Mac \*/
* html #content { height: 1%;}
/* end hide */

#content h1 {
	background: url(/QuoteRequest/images/h1back.jpg) no-repeat;
	color:#FF3300;
	font: normal 1em "Times New Roman", Times, serif;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 4px;
}
h1 {
	/*background: url(/QuoteRequest/images/h1back.jpg) no-repeat;*/
	color:#FF3300;
	font: normal  "Verdana", Arial, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 4px;
	font-size:14px;
}

h2 {
	/*background: url(/QuoteRequest/images/h1back.jpg) no-repeat;*/
	color:#FF3300;
	font: normal "Verdana", Arial, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 4px;
	font-size:12px;
}
#content p {
	/*font-size: .75em;*/
	/*line-height: 1.25;*/
	margin: 10px 0 0 0;
}
/* this creates the "more" link */
#content p.right {
	text-align: right;
	margin-right: 20px;
}
#content a:link, #content a:visited {
	text-decoration: underline;
	color: #F10505;
}
/* this creates the arrow for the more link */
#content .right a {
	padding-left: 12px;
	background: url(/QuoteRequest/images/arrow.gif) no-repeat;
}
#content a:hover a:visited:hover {
	color: #F10505;
	text-decoration: underline;
}
#content a:visited, #content a:active, #content a:focus {
	color: #F10505;
	text-decoration: none;
}

/* this is the copyright/ designed by footer */
#footer {
	color: #999;
	font: .65em Arial, Helvetica, sans-serif;
	margin: 0 auto;
	width: 757px;
}
#footer p {
	margin: 0;
	padding: 0 5px 10px;
}
/*\*//*/
#footer span.fltlft { 
	width: 35%;
}/*this selector shows only to IE Mac and can be removed if you don't mind IE Mac having the two footer elements stacked on the right instead of side by side */
#footer a {
	text-decoration: underline;
	color: #999;
}
#footer a:hover, #footer a:active, #footer a:focus {
	text-decoration: none;
}

/* general float and clear styles */
.fltrt {
	float: right;
	margin-left: 5px;
}
.fltlft {
	float: left;
	margin-right: 5px;
}
.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0;
}
/* form styles */
#content form {
	border: 1px solid #999;
	width: 310px;
	margin-left: 10px;
	padding: 5px 5px 10px;
}
#content form input, #content form textarea {
	color: #333;
	border: 1px solid #999;
	padding: 1px;
	background: #E6AB73;
}
#content form input:focus, #content form input:active, #content form textarea:focus, #content form textarea:active {
	background-color: #E20E0E;
	color: #CCC;
}
/* you are here starter for the inner pages */
body#newspg li#newslnk a, body#projpg li#projlnk a, body#aboutpg li#aboutlnk a, body#contactpg li#contactlnk a, body#employpg li#employlnk a, body#quotepg li#quotelnk a {
	background: #E20E0E;
	color: #CCC;
}
.head1 {
	color: #e20e0e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
li {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.contactInfo {
	font-size: 14px;
	color: #666666;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.pod {
	/*background: url(/QuoteRequest/images/pod.jpg) repeat-y;*/
	margin: 0;
	padding: 0 10px;
	font-size:14px;
}

.bottomNav, .bottomNav:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color: #FFCC99;
	text-decoration:none;
}

.bottomNav:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: small-caps;
	color:#FF0000;
}
.links {
	color: #FF0000;
	text-decoration: underline;
}
.links:hover{
	text-decoration:none;
	color: #FF0000;
}
.links:visited{
	text-decoration:underline;
	color: #FF0000;
}
.links:visited:hover {
	text-decoration:none;
	color: #FF0000;
}

#content2 {
	margin: 0px 757px 0px 0px;
	padding: 0px 0px;

}

#content2 p {
	/*font-size: .75em;*/
	/*line-height: 1.25;*/
	margin: 10px 0 0 0;
}

/* this one handles the content2 on the inner pages and contains the boxes */
#content2 {
	margin: 0 0 0 0;
	padding: 0 5px;
	font-size:smaller;
}

td.tableheader{
    background-color : #AAAAAA;
}

.DetailsLink, .DetailsLink:visited
{
    color:Black;
    text-decoration:underline;
}

.DetailsLink:hover, .DetailsLink:visited:hover 
{
    color:Black;
    text-decoration:none;
}








.ContactFormTableLabels
{
     width:150;
     text-align:right;
     vertical-align:top;
}


.ContactFormTableFields
{
     width:200;
     text-align:left; 
}

.ContactFormTextBoxes
{
     width:50;
}

/*Textbox Watermark*/
.watermarked {
	background-color:#FFFFFF;
	color:gray;
}





.PopupPanel 
{
      background-color:black;
      border:outset thin black;
      filter:alpha(opacity=75);
      opacity:.5;
      width:400px;
      padding:10px;
}