﻿html
{height:100%;
margin:0;
padding:0;
background-color: #8D4918;
} 


body{
	text-align:left;
	min-width:1024px;
	color: #000000;
	height:100%;
	
	background-color: #8D4918;
	padding: 0px;
	margin: 0px;
	background-position: left top;
}

#outer {
	width:1024px;
	height:700px;
	display: block;
	margin: 0 auto;
	position:relative;
	background-image: url(images/bg_1024x700_new.jpg);
	background-repeat: no-repeat;
	background-position: left top;

}
#container {
	left:0px;
	top:131px;
	width:800px;
	height:39px;
	display: block;
	position: absolute;  
	z-index: 1;
}
#image {
	left:0px;
	top:16px;
	width:0px;
	height:0px;
	background-image:url(images/text_2040x39.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display: block;
	position: relative;
	z-index: 2;
}
#base {
	left:0px;
	top:136px;
	width:588px;
	height:57px;
	background-image:url(images/triangle_588x57.gif);
	background-repeat:no-repeat;
	background-position:top left;
	display: block;
	position:relative;
	margin: 0 auto;
	z-index: 3;
}

#mirror {
	left:800px;
	top:469px;
	width:224px;
	height:189px;
	background-image:url(images/mirror_539x189.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	display: block;
	position: absolute;
	z-index: 1;
}

#left {
	position:relative;/*ie needs this to show float */
	width:169px;
	float:left;
	background-image: url(images/left_169x388.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 150px;
}

#left p {
padding-left:18px;
padding-top:24px;
}




.leftlinks {
	display: block;
	width: 169px;
	top: 250px;
	left: 0px;
	
	padding-top: 0px;
	font-family: verdana;

}
ul {
	font-family: verdana;
	font-size: 11px;
	color: #ffffff;
	font-weight: normal;
	line-height: 14px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.leftlinks li {
	margin: 0px;
	padding: 0px;
	font-family: verdana;
	font-size: 12px;
}
.leftlinks li a {
	width: 167px;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	background-image: url(images/btn_334x26-167-.gif);
	background-repeat: no-repeat;
	height: 25px;
	line-height: 25px;
	background-position: left top;
	display: block;
	text-align: left;
	text-indent: 18pt;
}

.leftlinks li a:hover {

	background-position: -167px 0px;
	color: #744019;

}


#text {
position: absolute;
top: 90px;
left: 183px;
display: block;
width: 620px;
height: 350px;

}

#text h1 {
font-family: verdana;
font-weight: normal;
font-size: 15px;
color: #727200;
padding: 0px;
margin: 0px;

}

#text p {
	font-family: verdana;
	font-weight: normal;
	font-size: 11px;
	color: #333333;
	padding: 0px;
	margin: 0px;
	line-height: 17px;
}

#text .para1 {
	margin-left: 185px; 
	margin-top: 10px; 
	width: 433px;
}

#text .para1 a {
	color: #E9951B;
}

#text .para2 {
	margin-left: 0px; 
	margin-top: 10px; 
	width: 615px;
}

#text .para2 strong {
	color: #B15B0E;
	font-weight: normal;
}

#text .para2 a {
	color: #817B00;
}



#text h2 {
	font-family: verdana;
	font-weight: normal;
	font-size: 15px;
	color: #727200;
	padding: 0px;
	margin: 0px;
	margin-top: 27px;
}


#featurepic {
	left:188px;
	top:258px;
	width:172px;
	height:139px;
	background-image:url(images/feature_170X119.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	display: block;
	position: absolute;
	z-index: 1;
}


#footer {
	left:5px;
	top:676px;
	width:1024px;
	height:21px;
	display: block;
	position: absolute;
	text-align: left;
	color: #ffffff;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
}

#footer a {
color: #ffffff;
text-decoration: none;
}
