

/* ************ DIV CSS START ************ */

#container {
	width: 960px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
}


#top {
	width: 960px;
	height: 97px;
	float:left;
}

#logo {
	width:308px;
	height:79px;
	float:left;
	padding-left:45px;
	padding-top:18px;
}
#main_nav {
	width:960px;
	height:28px;
	margin-top:20px;
	float:left;
	background-image:url(../images/nav-bg.jpg);
	background-repeat:no-repeat;
}
#topnav {
	width:960px;
	height:53px;
	float:left;
	background-color:#FFFFFF;
}
#main {
	width:645px;
	height:300px;
	float:left;
	border:1px solid #999999;
	margin-top:17px;
}
#main_inside {
	width:960px;
	height:150px;
	float:left;
	border:1px solid #999999;
	margin-top:17px;
}
#main_right {
	width:307px;
	height:300px;
	float:right;
	margin-top:17px;
}

/*Start button 1*/
div.nav1 {
height: 145px;
width: 305px;
padding:0;
background-image:url(../images/cabinets-over.jpg);
background-repeat:no-repeat;
	border:1px solid #999999;
}
div.nav2 {
height: 145px;
width: 305px;
padding:0;
margin-top:8px;
background-image:url(../images/floor-coatings-over.jpg);
background-repeat:no-repeat;
	border:1px solid #999999;
}
div.nav1 a, div.nav1 a:link, div.nav1 a:visited, div.nav2 a, div.nav2 a:link, div.nav2 a:visited {display:block;}
div.nav1 a:hover img, div.nav2 a:hover img {visibility:hidden;}
/*End button 1*/

#testimonials {
	width:960px;
	height:24px;
	margin-top:20px;
	float:left;
	background-image:url(../images/nav-bg.jpg);
	background-repeat:no-repeat;
	background-repeat:no-repeat;
	padding:4px 0px 0px 0px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:18px;
	border-right:#CCCCCC 1px solid;	
}

#three_box {
	width:960px;
	height:210px;
	float:left;
	background-repeat:no-repeat;
	background-color:#CCCCCC;
	margin-top:18px;
	border-top:#999999 1px solid;
	border-bottom:#999999 1px solid;
}
#box_one, #box_two
{
	width:314px;
	height:210px;
	float:left;
	background-image:url(../images/box-bg.jpg);
	background-repeat:no-repeat;
	margin-right:9px;
	text-align:left;}


#box_three {
	width:314px;
	height:210px;
	float:left;
	background-image:url(../images/box-bg.jpg);
	background-repeat:no-repeat;
	text-align:left;}

.boxtitle {
	font-size:16px;
	color:#7A6A68;
	width:95%;
	padding-left:5%;
	padding-top:5px;
	text-transform:uppercase;
	float:left;
}

.boximage {
	color:#7A6A68;
	width:45%;
	height:130px;
	padding-top:10px;
	padding-left:5%;
	text-transform:uppercase;
	float:left;
}
.boxtext {
	color:#7A6A68;
	width:45%;
	height:129px;
	padding-top:10px;
	padding-left:2%;
	padding-right:2%;
	text-transform:none;
	font-size:12px;
	color:#333333;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
}

.boxlink a:link {
	color:#990000;
	width:auto;
	height:auto;
	text-transform:none;
	font-size:12px;
	float:right;
	text-align:right;
	padding:0 5% 0 0;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
}
.boxlink a:hover {
	color:#003399;
	width:auto;
	height:auto;
	text-transform:none;
	font-size:12px;
	float:right;
	text-align:right;
	padding:0 5% 0 0;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
}
.boxlink a:visited {
	color:#990000;
	width:auto;
	height:auto;
	text-transform:none;
	font-size:12px;
	float:right;
	text-align:right;
	padding:0 5% 0 0;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
}

#copy {
	width:940px;
	height:auto;
	float:left;
	background-color:#FFFFFF;
	padding:30px 20px 40px 0px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:16px;
	text-align:left;
}

#footer {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: capitalize;
	color:#666666;
	text-decoration: none;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top:20px;
	padding-bottom:20px;
	height:auto;
	float:left;
	width:960px;
	line-height:20px;
	border-top:#CCCCCC 1px solid;

	}
	
#footer a {
	color:#333333;
	text-decoration:none;
	text-align:left;
}
#footer a:visited {
	color:#333333;
	text-decoration:none;
	text-align:left;
}
#footer a:hover {
	color:#003399;
	text-align:left;
	text-decoration:underline;
}
	
.smaller{
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.table_font{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:3px;
background-color:#CCCCCC;
border:1px solid #999999;
}
.form{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:2px;
padding-top:2px;
height:15px;
}
.instant{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:8px;
color:#333333;
}
.field{
height:15px;
margin:0px;
color:#333333;
font:Arial, Helvetica, sans-serif;
font-size:11px;
}
.comments{
background-color:#FFFF99;

}
/* ************ DIV CSS END ************ */
/* ************ CSS START ************ */


body{
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
background-attachment: scroll;
background-position: center;
background-position:top;
	text-align:center;
	width:100%;
	margin:0px;
	padding:0px;
}

/* ************ CSS END ************ */

/* ************ LINK CLASS START ************ */

a:link {
	color: #7B0217;
	font-weight: normal;
	font-variant: normal;
	text-decoration: underline;
}
a:visited {
	color: #7B0217;
	font-weight: normal;
	font-variant: normal;
	text-decoration:underline;
}
a:hover {
	color:#003366;
	text-decoration:underline;
	font-weight: normal;
	font-variant: normal;
}

/* ************ LINK CLASS END ************ */

/* ************ HEADER CLASS START ************ */

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#003366;
	text-align:left;
	background-repeat: no-repeat;
	margin: 0px;
	text-transform:capitalize;
	font-weight:normal;
	padding-bottom:6px;
	width:960px;
	border-bottom:1px #CCCCCC solid;
	
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color:#003366;
	background-repeat: no-repeat;
	margin: 0px;
	text-transform:capitalize;
	font-weight:normal;
	padding-bottom:1px;
	
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#003366;
	background-repeat: no-repeat;
	margin: 0px;
	text-transform:capitalize;
	font-weight:normal;
	padding-bottom:1px;
}

h4 {
color:#990033;
font-size:14px; 
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	font-weight:bold;
	padding-left:19px;
}


/* ************ HEADER CLASS END ************ */




li {
	padding-right: 14px;
	padding-bottom: 2px;
	padding-left: 6px;
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-left:40px;
	margin-right:10px;
}

.blue {
	color:#003366;
	font-size:13px;
}
.photos_pad_right {
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin-right:13px;
	margin-bottom:4px;
}

a:hover .photos_pad_right {
	border: 1px solid #666666;
	margin-right:13px;
	margin-bottom:4px;
}
.photos {
	padding: 2px;
	border: 1px solid #CCCCCC;
}

a:hover .photos {
	border: 1px solid #666666;
}
/* *************************************************************************** CONTACT FORMS ************* */

.form-table {
	background-color: #ffffff;
}
.form-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-align: right;
}
.form-text-required {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #78ABD8;
	text-align: right;
}
.form-text-required-explain {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #78ABD8;
	text-align: center;
}
.form-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

INPUT {
background-color: #ffffff;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 8pt;
}

SELECT {
background-color: #ffffff;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 8pt;
}

TEXTAREA {
background-color: #ffffff;
border: black 1px solid;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
}

.f_name {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
font-weight: normal;
}

.l_name {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
font-weight: normal;
}

.email_address {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
font-weight: normal;
}

.day_phone {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
font-weight: normal;
}

.eve_phone {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
font-weight: normal;
}

.alt_phone {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
font-weight: normal;
}

.address {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
font-weight: normal;
}

.city {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
font-weight: normal;
}

.state {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
font-weight: normal;
}

.zip {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
font-weight: normal;
}

.country {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
font-weight: normal;
}

.description {
background-color: #ffffff;
border: black 1px solid;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
}

.comments {
background-color: #ffffff;
border: black 1px solid;
color: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
}

.howheard {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
font-weight: normal;
}

.submit {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #000000 1px solid;
font-size: 8pt;
color: #000000;
} 

.reset {
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #000000 1px solid;
font-size: 8pt;
color: #000000;
} 
/* *************************************************************************** END CONTACT FORMS ************* */
