@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	background:#3e0e00;
}

#container{
	position:relative;
	width:800px;
	margin:auto;
}

#header{
	position:relative;
	height:85px;
	color:#fdb336;
}

#introFlashBack{
	background:url(../images/intro_flash_back.jpg) center no-repeat;
	padding:15px;
}


#logo{
	position:absolute;
}

#banner{
	background:#fbb436 url(../images/banner.jpg) left no-repeat;
	height:113px;
	position:relative;
}

#subBanner{
	width:590px;
	height:60px;
	position:absolute;
	left: 181px;
	top: 6px;
}

#nav{
	padding-left:180px;
	padding-top:66px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	
}

.menu{
	padding:3px 8px 3px 30px;
	background:url(../images/menu.jpg) left center no-repeat;
	font-weight:bold;
	font-size:.9em;
	display:inline-block;
	
}

.menuNoCurl{
	padding:3px 8px 3px 30px;
	font-weight:bold;
	font-size:.9em;
	display:inline-block;
}

#historyMenuContainer{
	text-align:center;
	padding-bottom:10px;
}

.historyMenu{
	padding:5px 70px 5px 70px;
	display:inline-block;
	font-weight:bold;
	cursor:pointer;
}

.historyMenuActive{
	padding:5px 75px 5px 75px;
	display:inline-block;
	background:#fdb938;
	font-weight:bold;
	cursor:pointer;
}

#contentContainer{
	background:url(../images/content_back.jpg);
	padding:15px;
	width:730px;
	margin:auto;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
}

#bottomContent{
	background:url(../images/bottom_content.jpg);
	padding:10px;
	text-align:center;
	clear:both;
}

#bottomContent span{
	padding:0px 15px;
}

#footer{
	clear:both;
	text-align:center;
	padding:15px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

/*--------------------------CATALOG----------------------*/

#catalogContainer img{
	border:1px solid #b3a27e;
}


.catalog{
	background:url(../images/catalog_category.jpg) top right no-repeat;
	padding-right:15px;
}

.catalogList{
	list-style:none;
	padding:5px;
	margin:0;
}

.catalogList li{
	padding:0;
	margin:0;
}

.catalogList li a{
	display:inline-block;
	width:90%;
	color:#3e0e00;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	padding:5px;
	font-style:italic;
	text-decoration:none;
	
}

.catalogList li a:hover{
	background:#3e0e00;
	color:#f3e7cd;
}
/*--------------------------CLASSES----------------------*/

.test1{
	border:1px solid red;
}

.separator{
	border-bottom:1px solid #cfba92;
	clear:both;
}

.separatorShadow{
	background:url(../images/separator_shadow.jpg) center no-repeat;
	height:25px;
	padding:10px 0px 20px;
	clear:both;
}

.test2{
	border:1px solid blue;
}

.content{
	padding:10px;
}

.box{
	background:#5d442b;
	padding:15px;
	color:#fff;
}

.boxBeige{
	background:#efe3c9;
	padding:15px;
	color:#663300;
}

.large{
	font-size:2em;
	font-style:italic;
}

.label{
	border-bottom:1px solid #cfba92;
	width:90%;
}

.small{
	font-size:.9em;
	font-style:italic;
}


.marginAuto{
	margin:auto;
}

.clear{
	clear:both;
}


.floatLeft{
	float:left;
}	

.floatRight{
	float:right;
}	

.padding5{
	padding:5px;
}

.padding10{
	padding:10px;
}

.paddingRight10{
	padding-right:10px;
}

.paddingTop15{
	padding-top:15px;
}

.borderNone{
	border:none;
}


.width5{
	width:5%;
}
.width20{
	width:20%;
}
.width30{
	width:30%;
}
.width32{
	width:32%;
}
.width33{
	width:33%;
}
.width38{
	width:38%;
}
.width35{
	width:35%;
}
.width36{
	width:36.95%;
}
.width40{
	width:40%;
}
.width45{
	width:45%;
}
.width48{
	width:48%;
}
.width49{
	width:49%;
}
.width42{
	width:42%;
}
.width50{
	width:50%;
}
.width53{
	width:53%;
}
.width55{
	width:55%;
}
.width60{
	width:60%;
}
.width65{
	width:65%;
}
.width67{
	width:67%;
}
.width70{
	width:70%;
}
.width80{
	width:80%;
}
.width95{
	width:95%;
}
