@charset "utf-8";
/* CSS Document */
*{
	margin:0; padding:0;
	
}
html,body{
	width:100%;
	height:100%;
	background:#1e1e1e url(../images/background-bg.jpg) top left repeat-x;
	font: normal 11px  Verdana, Arial, Helvetica, sans-serif;
	color:#666662;
}
html{ overflow-y:scroll;}
a { text-decoration: none; outline: none; color: #A30708; }
.clear{ clear:both; }
.fadebrown{ color:#977c61; font-size: 10px; }
.links{ color:#ab070a; font-size:10px; } 
img{ border:none; }
div#main{ width:959px; margin: 0px auto; }

/* ===== HEADER ===== */
div.header{
	float:left; width:926px; height:89px;
	background:url(../images/header-bg.jpg) top left no-repeat;
	padding:0 33px 0 0;
}
div.header a.logo{
	display: block; float:left; width:220px; height:85px;	
}
div.header div.header-right{
	float:right; width: 700px;
}
div.header div.altmenu{
	float:right; height: 44px; line-height: 44px;
}
div.header div.altmenu a{ color:#a9abb1; font-size:10px; }
div.header div.altmenu a:hover{ color:#7d7d8d; }

	/* ===== MENU ===== */
	div.header div.menu{
		float:right; height: 24px; 
		background: url(../images/menu.jpg) top left no-repeat;		
		margin:0 0 0 0;
		text-transform:uppercase;
	}
	div.header div.menu ul{
		display: block; float:left; height: 24px; 
		list-style-type:none;
	}	
	div.header div.menu ul li{
		display:block; float:left; height: 24px;
		margin: 0 0 0 0; padding:0 5px;
		color:#6a6a6c; 
	}
	div.header div.menu ul li.separator{
		padding: 11px 0 0 0; height: 13px; line-height: 13px;
	}
	div.header div.menu ul li a{
		display:block; float: left; height: 13px;
		padding: 11px 0 0 0;
		line-height: 13px;
		color:#6a6a6c;
	}	
	div.header div.menu ul li a:hover, div.header div.menu ul li a.current{
		background:url(../images/menu-hover.jpg) top center no-repeat;
		color:#333333;
	}
	/* ===== end MENU ===== */
/* ===== end HEADER ===== */


/* ===== FOOTER ===== */
div.footer{
	float:left; width:959px; height:25px;
	background:url(../images/footer-bg.jpg) no-repeat;
	text-align:center;
}
div.footer a{ color:#fefefe; font-size:10px; line-height:25px; }
/* ===== end FOOTER ===== */


/* ===== CONTAINER ===== */
div.container{
	float:left; width:959px;
	min-height:630px; _height:630px;	
	background:#fefefe url(../images/container-bg.jpg) bottom left no-repeat;
	padding:0 0 0 0;	
}
div.left-menu-div{
	float: left; width: 238px;
}
h1.portfolio{
	display: block; float:left;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; 
	text-transform:uppercase;
	padding: 0 20px 0 28px; margin: 25px 0 0 0; 
	background:url(../images/menu-hover.jpg) right no-repeat;
	color:#a30708;
}
	/* ===== VERTICAL MENU ===== */
	div.vertical-menu{
		float:left; width:218px;		
		margin: 15px 0 0 0;
	}
	div.vertical-menu ul{
		display:block; float:left; width:218px;
		list-style-type:none;
	}
	div.vertical-menu ul li{
		display:block; float:left; width:218px;
		background: url(../images/menu-bg-line.jpg) top left no-repeat;
	}
	div.vertical-menu ul li a{
		display:block; float: left;
		padding:5px 0 5px 28px;
		color:#6a6a6c;
		font-size:11px;
		line-height:12px;		
	}
	div.vertical-menu ul li a:hover, div.vertical-menu ul li.clicked a{
		color:#535258;
		font-weight:bold;
		background:url(../images/vertical-menu-sub-arrow.jpg) 15px center no-repeat;
	}
	div.vertical-menu ul li ul li{
		width: 218px;
	}
	div.vertical-menu ul li ul li a{
		color:#6a6a6c;
		font-size:10px;
		line-height:12px;
		padding:4px 9px 4px 44px;
		font-weight: normal!important;
		background: none!important;
	}
	div.vertical-menu ul li ul li a:hover, div.vertical-menu ul li ul li a.leftsubcurrent{
		color:#780603;
		background:url(../images/vertical-menu-sub-arrow.jpg) right center no-repeat!important;
	}
	/* ===== end VERTICAL MENU ===== */
/* ===== end CONTAINER ===== */

/* ===== BEGIN ===== */
div.container div#flash{
	float:right; width:683px; height:310px;
	padding: 0 21px 0 0;
}
div.container div.section{
	float:right; width: 717px; height:259px; 	
	background:url(../images/section-bg.jpg) top left no-repeat;
	margin: 54px 0 20px 0; padding: 15px 0 0 0px;
	position:relative;
}
div.section a{
	display:block; float:left; height:255px;
	padding: 0 20px 0 15px;
}
div.section a img{ border:1px solid #cccbcb; }
div.section a.left{
	width:190px; 
	background:url(../images/section-vertical-bg.jpg) bottom right no-repeat;
	position:relative;
	text-align:center;
}
div.section a.center{	
	background:url(../images/section-vertical-bg.jpg) bottom right no-repeat;
	width:170px; 
	text-align:center;
}
div.section a.right{
	width:200px; text-align: justify;
	padding: 0 0 0 30px;
}
div.section a span.title{
	display:block; width:100%; float:left;	
	text-align:center;
	color:#a30708;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
}
div.section a.left span.title{ color:#535258; }
div.section a.left img.newicon{ position: absolute; top:170px; left:155px; border:none; }
span.products{
	display:block; width: 100%; height:39px; float:left;
	text-align:center; font-size:11px; color:#19191a;
	padding-top:44px; cursor: pointer;
}
span.new{
	display:block; float:left; width: 100%;
	text-align: justify; font-size:11px; color:#19191a;
	padding-top:44px; cursor: pointer;
}
div.section a:hover span{
	background:url(../images/arrow-hover-section.jpg) center 25px no-repeat;
}
/* ===== end BEGIN ===== */