/* CSS Document */


html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */

}

body{
	background:#4c4c4c url(../images/layout/bg.jpg) repeat-y;
	color:#553f34;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	line-height:1.5em;
	}

div#container {
	position:relative; /* needed for footer positioning*/
	width:893px;
		
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	margin:0;
	padding:0;
}
	

div#content {
	padding:0 5px 5em 225px; /* bottom padding for footer */	
}

	#content a:link, a:visited { 
		text-decoration:underline;
		color:#553f34;
		font-weight:bold;
		font-size:.9em;
	}
	
	#content a:hover, a:active { 
		text-decoration:none;
	}
	
	#content ul{ 
		list-style:none; 
		margin:0px;
		padding:0px;
		margin-bottom:1.5em;
		margin-left:1.5em;
	}
		
	#content li{
		background:url(../images/layout/content_bullet.gif) no-repeat 0 1em;
		padding:.4em 0 0 1em;
	}

	#content h2{
		font-size:1.25em;
		font-weight:bold;
		color:#921219;
		margin-bottom:-.5em;
		}

div#footer {
	position:absolute;
	width:672px;
	bottom:0; /* stick to bottom */
	height:27px;
	background:#921219;
	border-top:#6c0d13 solid 2px;
	padding:.4em 0 0 221px;
	color:#c9898c;
	font-size:.7em;
}
	
/* Navigation */

#nav{
	position:absolute;
	width:218px;
	top:13px;
	float:left;
}

#navbuttons{
	width:205px;
	float:left;
	}

#navbuttons ul{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
	}
	
#navbuttons ul a{
	width:205px;
	height:24px;
	display:block;
	}


	/* Link */
#navbuttons li.about a, a:visited{		background:url(../images/nav/a_out.gif) no-repeat;	}
	#navbuttons li.about a:hover{		background:url(../images/nav/a_over.gif) no-repeat;	}
	#navbuttons li.about a:active{		background:url(../images/nav/a_over.gif) no-repeat;	}


#navbuttons li.products a, a:visited{	background:url(../images/nav/p_out.gif) no-repeat;	}
	#navbuttons li.products a:hover{	background:url(../images/nav/p_over.gif) no-repeat;	}
	#navbuttons li.products a:active{	background:url(../images/nav/p_over.gif) no-repeat;	}
	
#navbuttons li.commercial a, a:visited{	background:url(../images/nav/cs_out.gif) no-repeat;	}
	#navbuttons li.commercial a:hover{	background:url(../images/nav/cs_over.gif) no-repeat;}
	#navbuttons li.commercial a:active{	background:url(../images/nav/cs_over.gif) no-repeat;}

#navbuttons li.diy a, a:visited{		background:url(../images/nav/diy_out.gif) no-repeat;}
	#navbuttons li.diy a:hover{			background:url(../images/nav/diy_over.gif) no-repeat;}
	#navbuttons li.diy a:active{		background:url(../images/nav/diy_over.gif) no-repeat;}
	
#navbuttons li.pgallery a, a:visited{	background:url(../images/nav/pg_out.gif) no-repeat;	}
	#navbuttons li.pgallery a:hover{	background:url(../images/nav/pg_over.gif) no-repeat;}
	#navbuttons li.pgallery a:active{	background:url(../images/nav/pg_over.gif) no-repeat;}

#navbuttons li.contact a, a:visited{	background:url(../images/nav/cu_out.gif) no-repeat;	}
	#navbuttons li.contact a:hover{		background:url(../images/nav/cu_over.gif) no-repeat;}
	#navbuttons li.contact a:active{	background:url(../images/nav/cu_over.gif) no-repeat;}