/* commented backslash hides from ie5mac \*/ 
html{height:100%;margin:0;padding:0} 
/* end hack */ 
html,body {
	padding:0;
	margin:0;
}

body {
	height: 99.9%;
	width: 100%;
	font-family: trebuchet MS, arial, helvetica,verdana;
	font-size: 11px;
	background: #d1c6a8;
	color:#000;
}

a{
	color:#333;
	text-decoration: underline;
}
a:hover{
	color:#333;
	text-decoration: none;
}
br{
	clear: both;
}

div,p  {margin-top:0}/*clear top margin for mozilla*/


/* MAIN PAGE */
#outer{
	height:99.9%;
	min-height:100%;
	width:100%;
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	overflow:visible;
	padding: 0;
}
/* mac hide \*/
* html #outer{width:100%}
/* end hide*/
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#macinner{
	width:100%;	
} 
#header{
	position:absolute;
	top:0;
	width:100%;
	height:102px;
	overflow:hidden;
	color: #000000;
	z-index:100;
	background: #6c5735;
	border: 4px #a19881 solid;
	border-width: 0 0 5px 0;
}
#header img{
	border: 0;
}
#header a{
	float: left;
}

/* mac hide \*/
* html #outer, * html #header {width:100%}
/* end hide*/


#clearfooter {width:100%;height:65px;clear:both} /* to clear footer */
html>body #minHeight{float:left;width:0px;height:100%;margin-bottom:-65px;} /*safari wrapper */


/* FOOTER */
#footer {
	clear: both;
	height:65px;/*same height as margin bottom on body*/
	width:100%;
	position:absolute;
	padding: 0;
	bottom: 0;
	text-align:center;
	background: #b2a88e;
	border: 4px #a19881 solid;
	border-width: 5px 0 0 0;		
}
* html #footer{margin-bottom:-1px}/* ie rounding bug*/
/* mac hide \*/
* html #footer {/*only ie gets this style*/
	height:65px;/* for ie*/
}
/* end hide*/

#address{
	color: #333;
	text-align: center;
	width: 100%;
	margin-top: 10px;
	color: #6c5735;
}
#address a{
	padding: 0 2px 0 2px;
	color: #6c5735;
	text-decoration: none;
}
#address a:hover{
	color: #fff;
	background: #6c5735;
	text-decoration: none;
}


/* TOPMENU */
#topmenu{
	float: right;
	padding:0;
	padding-top:0px;
	height: 70px;
}

#topmenu ul{
	padding: 0px;
	margin:0 120px 0 0;	
}
	#topmenu ul li{
		list-style-type: none;
		display: inline;
		float: left;
	}

	#topmenu ul li a{
		display: block;
		color: #fff;
		text-decoration: none;
		padding: 5px 17px 5px 17px;
		margin-right: 5px;
		height: auto;
		width: auto;
		text-align: center;
		background: #b2a88e;
		font-size: 13px;
		font-weight: bold;
	}
	
	#topmenu ul li a:hover,#topmenu ul li a.active{
		color: #fff;
		background: #d1c6a8;
		font-weight: bold;
	}
	#topmenu ul li a.first{
		/*width: 87px;*/
		text-align: right;
	}

/* CENTER */		
#centrecontent{
	float: left;
	margin:0;
	padding: 0 0 20px 0;
	padding-top:150px;/*make room for header*/
	color: #333;
	width: 960px;
}
#centrecontent h1.title{
	color: #333;
	font-size: 20px;
	margin: 0 0 10px 40px;
	padding: 0;
	
}
#centrecontent h2.subtitle{
	color: #666;
	font-size: 13px;
	float: left;
	margin: 25px 0 0px 40px;	
	width: 100%;
}

#centrecontent h3{
	font-size: 11px;
	font-weight: normal;
}

#centrecontent h3.smalltitle{
	color: #888;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 15px;
	border: 1px #aaa solid;
	border-width: 0 0 1px 0;
}
#centrecontent .cntText{
	float: left;
	width: 760px;
	margin: 15px 0 0 40px;
	line-height: 18px;
}
#centrecontent p{
	clear: both;
	float: left;
	margin: 0 0 0 0px;	
}


/* PRODUCTMENU */
#productmenu{
	float: left;
	width: 150px;
	margin: 0;
	padding:0;
	height:100%;
	margin-top:0px;/*needed to make room for header*/
	margin-left: 1px;	
}
#productmenu ul{
	position: relative;
	padding: 0px;
	margin:0;
}
	#productmenu ul li{
		list-style-type: none;
		clear: both;
		margin:0;
	}

	#productmenu ul li a{
		display: block;
		color: #333;
		text-decoration: none;
		background: url("../images/menuBg.jpg") no-repeat bottom left;
		padding: 7px 0 9px 8px;
		height: 15px;
		clear: both;
	}
	
	#productmenu ul li a:hover{
		color: #fff;
		/*background: #a19881;*/
	}
	
	#productmenu ul li a.active{
		color: #fff;
		/*background: #a19881;*/
	}	
	
	#productmenu ul li .sub a{
		font-size:10px;
		border: 0px;
		color: #fff;
		background: none;
		/*background: #b2a88e;*/
	
		padding: 7px 0 2px 18px;
	}
	#productmenu ul li .sub a:hover{
		text-decoration: underline;
	}
	#productmenu ul li .sub a.active{
		text-decoration: underline;
		font-weight: bold;
	}

/* MIDDLE MAIN */
#main{
	float: left;
	margin: 0;
	width: 800px;
}

.breadCrumb{
	float: left;
	margin: 0 0 10px 50px;
	width: auto;
	color: #fff;
	font-size: 13px;
}

#thumbs{
	float: left;
	clear: both;
	margin-left: 40px;
	padding: 0;
	border: 0;
}
#thumbs ul{
	float: left;
	margin: 0;
	padding: 0;
	width: 240px;
}
#thumbs ul li{
	margin:0;
	padding:0;
	float: left;
	list-style-type: none;
	display: inline;
		
}
#thumbs ul li a{
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 12px 12px 0;
	border: 4px #a19881 solid;
}
#thumbs ul li.leftclear{
	float: left;
	clear: left;
}
#thumbs a:hover{
	border: #6c5735 4px solid;
}
#thumbs ul li a img{
	float: left;
	border: 0;
}
.firstImg{
	float: left;
	margin: 0 100px 0 20px;
	border: 4px solid #fff;
	
}

#contact{
	padding-left: 40px;
	clear: both;
}
#contact .left,#contact .right{
	float: left;
	width: 350px;
}
#contact .right{
	clear: right;
}
	label{
		display: block;
		width: 200px;
		float: left;
		clear: both;
		margin: 0 0 2px 1px;
		font-size: 11px;
	}
	input.text,textarea.text{
		float: left;
		clear: both;
		width: 200px;
		margin: 0 0 8px 0;	
		border: 2px solid #b2a88e;
		background: #ffffff;
		padding: 2px;
		font-family: trebuchet MS, arial, helvetica, verdana;
		font-size: 12px;
	}
	textarea.text{
		width: 280px;
		height: 220px;
	}
	input.text:focus,textarea.text:focus{
		border: 2px solid #6c5735;		
	}
	input.btn{
		background: #b2a88e;
		color: #fff;
		clear: both;
		border: 2px solid #a19881;
		float: left;
		font-size: 13px;
		font-weight: bold;
		padding: 3px;
		text-align: center;
		cursor: pointer;
		margin:0 5px 0 0;
	}

	input.checkbox{
		float: left;
		clear: none;
	}
	input.radiobutton{
		float: left;
		margin-bottom: 10px;
	}
	form span{
		float: left;
		height: auto;
		margin-bottom: 10px;	
	}

	select{
		float: left;
		font-family: tahoma, arial, helvetica, verdana;
		font-size: 11px;
		width: 150px;
		margin: 0 0 7px 0;	
	}
	
	.required{
		font-weight: bold;
		color: #cd0202;
		margin-left: 5px;
	}
	.hpot{
		background:#d1c6a8;
		border: 0;
	}