/******** links ********/
a:link
{       
    color: #048CCA;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration:none;
}
 
a:active
{       
    color: #048CCA;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration:none;
}
 
a:visited
{       
    color: #048CCA;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration:none;
}
 
a:hover
{
    color: #60C31D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: underline;
}

/******** other stuff ********/
body { 
    text-align: center;
    background-color: #cccccc;
    margin-top: 1cm;
    margin-left: 0cm;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 16px; 
}

div#maincontainer {
    height: auto;
    width: 668px;
    margin-left: auto; 
    margin-right: auto;
    text-align: left;
}

div#site_logo {
	height: 157px;
	width: 237px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div#header {
    background-image:  url("../images/header_left.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
    position: relative;
    height: 157px;
    width: 668px;
    float: left;
    text-align: left;   
}

div#menu {
    background-image:  url("../images/menu_bg.gif");
    background-repeat: no-repeat;
    height: 37px;
    width: 668px;
    float: left;  
}

/******** fonts & buttons ********/
.big   
{ 
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
color: #838282; 
}

.small  
{ 
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #838282; 
}

.regular   
{ 
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #838282; 
}

.red
{
  color: #993300;
}

.altButton {
	background-color: #D1CAA5;
	border-color: #8E8448;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	color: #8E8448;
	font-size: 15px;
	font-weight: bold;
	height: 24px;
	padding-bottom: 2px;
}

.contactButton {
	background-color: #5DC41D;
	border-color: #B0C31C;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	height: 24px;
	padding-bottom: 2px;
}

/******** all rollover images ********/
.About { background:url("../images/menu_about_on.gif") bottom left no-repeat; }
.Services { background:url("../images/menu_services_on.gif") bottom left no-repeat; }
.Testimonial { background:url("../images/menu_testimonials_on.gif") bottom left no-repeat; }
.Quote { background:url("../images/menu_quote_on.gif") bottom left no-repeat; }
.Offer { background:url("../images/menu_offer_on.gif") bottom left no-repeat; }
.Contact { background:url("../images/menu_contact_on.gif") bottom left no-repeat; }

/********** horizontal ********/
#horizontal-list {
	height:14px;
	width:666px;
	margin: 0;
	list-style:none;
	padding: 13px 0px 0px 2px;
}
#horizontal-list li {
	margin:0;
	padding: 0px 3px 0px 0px;
	display:block;
	width:108px;
	float:left;	
}
#horizontal-list a:hover img {
	visibility:hidden;
}
#horizontal-list a {
	display:block;
}
#horizontal-list a/**/ {
	height:14px; /* hide from IE5.0/win */
}
/* fixes for IE/win \*/
* html #horizontal-list a {
	cursor:hand;
}
* html #horizontal-list li a:hover {
	height:1%;
}
/* */

/******** page layout divs ********/
div#contentarea {
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #FFFFFF;
    clear: both;
    height: auto;
    width: 648px;
    padding: 10px 10px 0px 10px;
}

div#quote {
    background-color: #EEEEEE;
    height: auto;
    width: 642px;
    text-align: left;
    padding: 1px 3px 3px 3px;
}

div#footer{
    background-image:  url("../images/footer_bg.gif");
    background-repeat: no-repeat;
    position: relative;
    height: 37px;
    width: 668px;
    left: 0px;
    top: 0px;
    text-align: left;
    padding-left: 10px;
}


/********** form layout divs ********/
div#form {
  background-color: #FAF2C5;
	height: auto;
	width: 492px;
	margin: 0px auto 0px auto;
	font-size: 12px;
	color: #000000;
  padding: 1px 2px 3px 3px;
	border-color: #D1CAA5;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
}

div#form_input
{
	height: 25px;
	width: 492px;
	margin: 3px 0px 0px 2px;
	font-size: 12px;
	color: #000000;
}

div#form_title {
	background-color: #D1CAA5;
	height: 20px;
	width: 499px;
	margin: 0px auto 0px auto;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	padding: 3px 0px 0px 0px;
}

div#hr_form {
	background-image: url("../images/hr.gif");
	height: 1px;
	width: 492px;
	font-size: 2px;
	margin: 0px auto 0px 1px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

/********** misc. divs ********/

div#right {
	float: right;
	padding-right: 3px;
}

div#left {
	float: left;
	padding-top: 6px;
}

div#left_bold {
	float: left;
	padding-top: 6px;
	font-weight: bold;
}


.clear {
  clear:both;
  height:1px;
  overflow:hidden;
}

/********** contact form divs ********/

div#contact {
	height: auto;
	width: 250px;
	margin: 0px auto 0px 0px;
	font-size: 12px;
	color: #000000;
  padding: 1px 2px 3px 3px;
}

div#contact_input
{
	height: 25px;
	width: 250px;
	margin: 3px 0px 0px 2px;
	font-size: 12px;
	color: #000000;
}

div#content_input_lg
{
	height: auto;
	width: 250px;
	margin: 3px 0px 0px 2px;
	font-size: 12px;
}

div#contact_left {
    position: relative;
    height: auto;
    float: left;
    top: 0px;
    left: 0px;
    width: 250px;
}

div#contact_right {
    position: relative;
    height: auto;
    top: 0px;
    left: 10px;
    width: 390px;
    text-align: left;
    margin-left: auto; 
    margin-right: 0;    
}

/********** footer list ********/
#footer-list {
	height:30px;
	width:666px;
	margin: 0;
	list-style:none;
	padding: 4px 0px 0px 0px;
	font-size: 11px;
	color: #595959;
}
#footer-list li {
  margin-right: 42px;
	display:block;
	width: 180px;
	float:left;
}