/*
 * Style sheet for feaco.com
 * March 13th 2007
 */


body {
	color: #666666;
	background-color: #adada1;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin:0;
	background-image: url(../images/bodyBg.gif);
	background-repeat: repeat-x;
}

/* Template styles ------------------------------------------------------------ */

#wrapper {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 865px;
	text-align: left;
	position: relative;
}

a {
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color: #d80e0e;
	text-decoration: underline;
}
p {
	margin: 0;
	padding: 0 0 8px;
	font-size: 10px;
	line-height: 13px;
	text-align: justify;
}
p.heading {
	padding: 4px 0 8px 0;
   	font-size: 12px;
   	font-weight: bold;
}
p.title {
	padding: 4px 0 2px 0;
   	font-size: 11px;
   	font-weight: bold;
}
p.title2 {
	padding: 2px 0 0 0;
   	font-size: 10px;
   	font-weight: bold;
}

.active {
	font-weight:bold;
}
input,textarea {
	border: 1px solid #888888;
	margin: 0 0 4px 0;
}


/* Front Page Styles  ---------------------------------------------*/

.home {
	background-image: url(../images/homeBg.jpg);
	height:357px;
	background-repeat: no-repeat;
	position:relative;
	top:66px;
}

	.home ul {
		list-style-type:none;
		position: relative;
		width: 294px;
		top: 87px;
		left:40px;
		font-size:11px;
		margin:0;
		padding:0;
	}
	
	.home ul li {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #c3c0b4;
		padding-top: 9px;
		padding-bottom:3px;
	}
	
	.home ul li a {
		text-decoration: none;
		color:#433e27;
	}
	
	.home ul li a:hover {
		text-decoration: none;
	}
	
.farEastHome {
	position:relative;
	top:50px;
	left:100px;
	font-size:.8em;
	width:160px;
	color:#545040;
}




/* Header Styles ---------------------------------- */

.header {
	background-image: url(../images/headerBg.gif);
	background-repeat: repeat-x;
}

.header ul {
	margin: 0;
	padding: 0;
	position: relative;
	bottom: 22px;
}

.header ul li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0 20px 0 0;
	font-size: 11px;
}

.header li a {
	color: #726554;
	text-decoration: none;
}

.header li a:hover {
	text-decoration: none;
}

.headerLeft {
	background-image: url(../images/headerLeft.gif);
	background-repeat: no-repeat;
}
	
.logo {
	position: relative;
	left: 20px;
}
.farEast {
	position: absolute;
	left: 20px;
	top: 67px;
	font-size: 11px;
	width: 200px;
	color: #545040;
}

/* Sidebar / Subnav Styles ---------------------------------- */

.sidebar {
	width: 215px;
	float: left;
	background-color: #f8f7f2;
	border-right: 1px solid #dad8ce;
	height: 465px;
}
.sidebar .subnav {
	margin: 0 0 0 27px;
}
.subnav ul {
   	margin: 10px 0 0 0;
   	padding: 0;
   	line-height: 18px;
   	list-style-position: outside;
}
.subnav ul li {
   	font-size: 10px;
   	list-style-type: none;
   	margin: 0;
   	padding: 0;
}
.subnav a {
	text-decoration: none;
}
.subnav a:hover {
	text-decoration: underline;
}

/* Main Content -------------------------------------- */

.container {
	float: left;
	width: 615px;
	background-color: #f8f7f2;
	font-size: .8em;
	color: #666667;
	padding: 0;
	margin: 10px 0 20px 15px;
}

	/* About Us styles ------------------------------------------------------------ */
	.container .aboutList {
		margin: 0 0 16px 0;
	}
	.aboutList ul {
	   	margin: 0;
	   	padding: 0 0 0 28px;
	   	list-style-position: outside;
	}
	.aboutList ul li {
		font-size: 10px;
	   	line-height: 16px;
		font-weight: bold;
		list-style-image: url(../images/bullet.gif);
		margin: 0;
		padding: 0;
	}
	.container .historyList {
		margin: 0 0 16px 0;
	}
	.historyList ul {
	   	margin: 0;
	   	padding: 10px 0 0 12px;
	   	line-height: 13px;
	   	list-style-position: outside;
	}
	.historyList ul li {
		font-size: 11px;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.historyList ul li .date {
		line-height: 13px;
		float: left;
		font-weight: bold;
		padding: 0 20px 0 0;
	}
	.historyList ul li .dateText {
		float: left;
		line-height: 13px;
	}

	/* Products styles ------------------------------------------------------------ */

	.container .prodList {
		margin: 0 0 4px 0;
	}
	.prodList ul {
	   	margin: 0;
	   	padding: 0 0 0 28px;
	   	list-style-position: outside;
	}
	.prodList ul li {
		font-size: 10px;
		line-height: 10px;
		list-style-image: url(../images/bullet2.gif);
		margin: 0;
		padding: 2px 0 2px 0;
	}
	
	#lowImage {
		position: absolute;
		top: 310px;
		right: 70px;
	}
	#topImage {
		position: absolute;
		top: 180px;
		right: 200px;
	}
	
	#rightImage {
		position: absolute;
		top: 170px;
		right: 70px;
	}
	#leftImage {
		position: absolute;
		top: 280px;
		right: 180px;
	}

	/* Contact styles ----------------------------------*/
	.container table.contact {
		font-size: 10px;
	}
	.container form input {
		font-family: arial;
		font-size: 11px;
	}
	.container form textarea {
		font-family: arial;
		font-size: 11px;
	}
	
	
/*  Links Styles -------------------------------------------------*/
	#links {
		list-style-type:none;
		margin:0;
		padding:0;
		font-size:11px;
	}
	
	#links li {
		padding: 0 0 9px 0;
	}

/* Overseas Offices styles ------------------------------------------------------------ */
	.sidebar .offices {
		margin: 10px 0 0 27px;
		font-size: 10px;
		line-height: 13px;
	}
	.offices .address {
		margin: 0 0 8px;
		padding: 0;
		clear: left;
	}
	.offices .contact {
		float: left;
		margin: 0 0 8px 8px;
	}
	.offices .line {
		background-color: #D9D9D9;
		margin: 0 0 8px;
		padding: 0;
		clear: left;
	}

/* Footer Styles ------------------------------------*/

.footer {
	margin: 0;
	padding: 8px 0 20px 0;
	text-align: right;
	color: #6c6b63;
	font-size: 10px;
	border-left: 1px solid #a6a596;
}
.footer ul {
	margin: 0;
	padding: 0;
}
.footer ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px; 
}