@charset "utf-8";
/* CSS Document */
html, body {
	background:url(../images/bg.gif) repeat-x top left;
	background-color: #636363;
	margin:0;
	padding:0;
	text-align:center;
	font:normal 11px Verdana, Helvetica, sans-serif;
	color:#000000;
}
td
{
	font: 8pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.float_left 	{float:left;}
.float_right 	{float:right;}
img, .no_border {border:none; }
.main_img {
	float:left;
	padding:0 14px 0 0;	
}


a {
	color:#530c05;
}
a:hover {
	color:#990000;
}
a.addtocart_btn {
	display:block;
	width:94px;
	margin:9px 0;
	padding:3px 0;
	background-color:#530c05;
	border:1px solid #300c02;
	text-decoration:none;
	text-align:center;
	color:#FFF;
}
a.product_link {
	color:#530c05;
	margin:0; padding:0;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.clear{clear:both;}

#wrapper {
	width: 967px;
	margin:0 auto; padding:0;
	text-align:left;
	border:1px solid #000;
	border-top:none;
}
#wrapper2 {
	width: 967px;
	margin:0 auto; padding:0;
	text-align:left;
}
#tborder {
	margin:0 auto; padding:0;
	text-align:left;
	border:1px solid #000;
	border-top:none;
	bgcolor:#FFFFFF;
}
#content_area {
	vertical-align:top;
	padding-left:13px;
	width:524px;
}
#page_content {
	background:#FFF url(../images/r_bg.gif) no-repeat;
	padding:0 0 15px 0;
}
#header {
	width:100%;
	margin:0; padding:0;
	background:url(../images/header_repeater.gif) repeat-x top left;
}
#footer {
	clear:both;
	width:auto;
	margin:0 0 15px 0; padding:0;
	background:url(../images/footer_repeater.gif) repeat-x top left;
	color:#FFF;
	height:64px;
	font-size:10px;
}
#footer a {
	color:#FFFFFF;
}
#footer .links2 {
	float:left;
	text-align:left;
	text-decoration:none;
	margin:11px 15px auto 15px;
}
#footer .links {
	float:left;
	text-align:left;
	text-decoration:none;
	margin:11px 15px auto 15px;
}
#footer .links a {
	text-decoration:none;
} 
#footer .credit {
	float:right;
	text-align:left;
	font-size:9px;
	margin:22px 15px auto auto;
}
#main_container, #subpage_container {
	width:510px;
	padding-left:14px;
	margin-bottom:14px;
	font-weight:bold;
}
#subpage_container {
	width:auto;
	nowrap;
	padding-right:14px;
}
.main_product_mini {
	width:25%;
	text-align:center;
	color:#300c02;
	font-size:13px;
}
#main_products {
	position:absolute; 
	top:0; 
	margin:49px 0 0 524px; 
	padding:17px 0 0 16px;
	z-index:100; 
	width:425px; 
	height:576px;
	background:url(../images/main_products_bg.jpg) top left no-repeat;
}
#main_products img {
	margin:3px 3px 2px 2px;
}

h1 {
	color:#530c05;
}
/****************************************************/
/*  All things Navigation     
/****************************************************/
#main_nav {
	width:auto;
	height:58px;
	background-color:#DDDDDD;
	margin:2px 0 1px 0; padding:0;
}
#productnav {
	width:auto;
	height:40px;
	margin:0 0 1px 0; padding:0;
}
#main_nav ul, #productnav ul{	
	display:inline;
	margin:0; padding:0;
	float: left;
}
#main_nav li, #productnav li {
	display:inline;
	list-style: none;
	margin:0; padding:0;
}
#main_nav ul li a, #productnav ul li a {
	float:left;
	text-decoration:none;
	display:block;
	height:58px;
}
#productnav ul li a {
	height:40px;
	margin-right:1px;
}
.sub_main {
	margin-bottom:0;
	white-space: nowrap;
}

#main_nav a#home 		{	width:74px;		background:url(../images/nav/nav_home.gif) no-repeat top left; margin-left:20px;}
#main_nav a#about 		{	width:77px;		background:url(../images/nav/nav_aboutus.gif) no-repeat top left;}
#main_nav a#checkout 	{	width:93px;		background:url(../images/nav/nav_checkout.gif) no-repeat top left;}
#main_nav a#mycart 		{	width:74px;		background:url(../images/nav/nav_cart.gif) no-repeat top left;}
#main_nav a#contact 	{	width:91px;		background:url(../images/nav/nav_contact.gif) no-repeat top left;}

#main_nav a#home:hover 		{	background:url(../images/nav/nav_home_hi.gif) no-repeat top left;}
#main_nav a#about:hover 	{	background:url(../images/nav/nav_aboutus_hi.gif) no-repeat top left;}
#main_nav a#checkout:hover 	{	background:url(../images/nav/nav_checkout_hi.gif) no-repeat top left;}
#main_nav a#mycart:hover 	{	background:url(../images/nav/nav_cart_hi.gif) no-repeat top left;}
#main_nav a#contact:hover 	{	background:url(../images/nav/nav_contact_hi.gif) no-repeat top left;}

#productnav a#mesqdoor	{	width:153px;	background:url(../images/nav/prodnav_mesqdoors.jpg) no-repeat top left;}
#productnav a#mesqgate	{	width:156px;	background:url(../images/nav/prodnav_mesqgates.jpg) no-repeat top left;}
#productnav a#gaslight	{	width:156px;	background:url(../images/nav/prodnav_gaslight.jpg) no-repeat top left;}
#productnav a#copsink	{	width:156px;	background:url(../images/nav/prodnav_coppersinks.jpg) no-repeat top left;}
#productnav a#mesqfurn	{	width:156px;	background:url(../images/nav/prodnav_furniture.jpg) no-repeat top left;}
#productnav a#vents		{	width:156px;	background:url(../images/nav/prodnav_vents.jpg) no-repeat top left;}	

#productnav a#mesqdoor:hover	{	background:url(../images/nav/prodnav_mesqdoors_hi.jpg) no-repeat top left;}
#productnav a#mesqgate:hover	{	background:url(../images/nav/prodnav_mesqgates_hi.jpg) no-repeat top left;}
#productnav a#gaslight:hover	{	background:url(../images/nav/prodnav_gaslight_hi.jpg) no-repeat top left;}
#productnav a#copsink:hover		{	background:url(../images/nav/prodnav_coppersinks_hi.jpg) no-repeat top left;}
#productnav a#mesqfurn:hover	{	background:url(../images/nav/prodnav_furniture_hi.jpg) no-repeat top left;}
#productnav a#vents:hover		{	background:url(../images/nav/prodnav_vents_hi.jpg) no-repeat top left;}