/* --- Layout --- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, img {
border:0 none;
margin:0;
padding:0;
}


/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	height:100%; /* needed for container min-height */
	background:#e6e6e6;
	font-family:arial,sans-serif;
	font-size:12px;
	color:#666;
}

h1, h2, h3, h4, h5, h6{text-align:left;}

h1 { 
	color: #fff;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

h2 {
	font-size:1em;
	font-weight:bold;
}

h4{text-align:left; font-size:12px;}

table{border:none;	border-collapse:collapse;}
	table td{padding:7px 15px; color:#565656; font-weight:bold; font-size:12px; text-align:center; vertical-align:top;}

a {
	color:#B64A1B;
	text-decoration:none;
	font-size:12px;
}

p { 
	font-size: 12px;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:768px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}
	#mainbody div#container{background:#F9EBAE url(../images/bghome.jpg) repeat-y scroll 0 0;}
	#catalogbody div#container{background:#F9EBAE url(../images/bgcatalog.jpg) repeat-y scroll 0 0;}

div#header {
	padding:0;
	background:#006699 url(../images/bgmenu.jpg) no-repeat;
	height:303px; 
}
	div#header img{ width:100%;}

div#wrapper{float:left; width:100%;}

#mainbody div#content{margin:0 167px 0 188px; width:413px;}
#catalogbody div#content{margin-left:187px; width:580px;}
div#content {
	color:#c36a38;
	overflow-x:hidden;
}
	#content ul{margin:10px 30px;}
	#content ul, #content li{list-style-type:square; list-style-position:outside; margin-bottom:5px;}
	#content img{margin:0 10px 0 0;}
	#content .contentBox{margin:20px 35px; text-align: justify;}
	div#content .catitem { float:left; height: 180px; width:120px; overflow:hidden; font-weight:bold; text-align:center; margin:6px;}
	div#content a.list{display:block; clear:both; padding:20px 0; color:#8e1601; font-weight:bold;}
	div#content h1{width:150px; font-size:13px; color: #8e1601; padding:20px 0; text-align:left;}
	div#content h2{font-size:12px; color: #8e1601; padding:20px 0; text-align:left;}
	div#content .collaboratorBox p{line-height:20px}
	div#content .collaboratorBox .imgcontainer{ background-image:url(../images/catitemback.gif); text-align:center; padding:5px 0 15px 5px; width:90px; height:96px; overflow:hidden; float:left; margin:0 20px 20px 0;}
			div#content .collaboratorBox .imgcontainer img{max-height:90px; max-width:83px; width:expression(this.width > 83 ? 83 : true); height:expression(this.height > 90 ? 90 : true);}
	div#content .newsBox{font-size:12px; color: #bf5500; padding:0 0 20px;}
		div#content .newsBox a.more{display:block; float:right; margin:0; padding:0 3px; background-color:#b64a1b; color:#fff;}
	div#content .fheading{height:75px; padding-left:60px;}
		div#content .fheading h1{color:#8e1601;}
	div#content .spacer{ height:20px; background-color:#e1b279; }
	div#content .fcontainer{margin:20px 0px 20px 60px; width:200px; overflow:hidden; float:left;}
		div#content .fcontainer .imgcontainer{background-color:#eac98c; width: 82px; height:82px; padding:8px;}
		div#content .fcontainer .imgcontainer .inner{width:100%; height:100%; overflow:hidden;}
		div#content .fcontainer h1{font-size:14px; padding:10px 0; color:#b64a1b; width:auto;}
		div#content .fcontainer ul, div#content .fcontainer ul li{list-style-type:square; list-style-position:outside}
		div#content .fcontainer ul{ margin-left:15px;}
		div#content .fcontainer a{font-size:12px; font-weight:bold; color:#bf5f2d}
	div#content .fspacer{height:4px; background-color: #e1b178; clear:both;}
	div#content .vheading{color:#b64a1b; height:100px; padding-left:60px;}
		div#content .vheading h1{font-size:12px; color:#b64a1b;}

	div#content .itemBox{float:left; width:105px; margin:20px 15px 20px 0; text-align:center; overflow-x:hidden;}
		div#content .itemBox p{margin: 5px 0; font-size:10px;}
		div#content .itemBox .imgcontainer{ background-image:url(../images/catitemback.gif); text-align:center; padding:5px 0 15px 5px; width:90px; height:96px; overflow:hidden;}
			div#content .itemBox .imgcontainer img{max-height:90px; max-width:83px; width:expression(this.width > 83 ? 83 : true); height:expression(this.height > 90 ? 90 : true);}
			
	div#content #vcontainer{margin:0 40px 0 60px;}
		div#content #vcontainer p{margin-top:15px; color:#b64a1b; font-weight:bold; font-size:12px; text-align:left;}
		div#content #vcontainer .spacer{clear:both; width:100%; height:auto; background:none;}

#left{float:left; margin-left:-768px; width:187px; color:#fff; overflow-x:hidden;}
	#left li{background-color:#5a5a5a; height:50px; width:167px; padding:20px 10px; 16px;}
	#left li.active{height:auto}
		#left li input{vertical-align:top;}
		#left li ul{display:none;}
		#left li.active, #left li.active li{background-color:#f9ebae;}
		#left li.active h1{margin:15px 0; color:inherit; color:expression(this.parentNode.currentStyle['color']); /* IE */}
		#left li.active a{color:inherit;color:expression(this.parentNode.currentStyle['color']); /* IE */}
		#left li.active li a{font-weight:bold; font-size:11px;}
		#left li .spacer{height:3px; background-color:#000; overflow:hidden;}
		#left li.active ul{display:block; margin:10px 0; list-style-type:square; list-style-position:inside;}
		#left li.active li{padding:0px;}
			#left li.active li a{color:inherit; color:expression(this.parentNode.currentStyle['color']); /* IE */}
		#left li li{height:auto; width:auto;}
	#left a{color:#fff;}

#right{float:left; margin-left:-167px; width:167px; color:#fff; overflow-x:hidden;}
	#right h1{font-size:12px; background:#87d2d8; color:#fff; padding:8px 15px;}
	#right h3{font-weight:bold; font-size:12px; margin:15px 0px 5px; padding-left:10px;}
	#right a{color:#fff; text-decoration:none; font-size:11px;}
	#right img{border:4px solid #87d2d8; margin:20px 0 0; width:129px; float:none;}
	#right p{font-size:11px; color:#fff; margin:0 0 10px; padding:0; width:100%; text-align:left;}
	#right .content{padding:0px 15px; text-align:right; overflow:hidden;}

div#footer {
	position:relative;
	clear:left;
	height:76px;
	background:#000 url(../images/bgfooter.jpg) repeat-x;
	width:100%;
	bottom:0; /* stick to bottom */
}
	div#footer p{
		padding-left:30px;
		color:#fff;
		height:100%;
		line-height:76px;
	}
/* --- End Layout --- */

/* --- center vertical alignment --- */
.vouter {display: table; height: 90px; #position: relative; overflow: hidden; width:187px;}
	.vouter .vmiddle {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle}
		.vouter .vmiddle .vinner { #position: relative; #top: -50%}
/* --- end center vertical alignment --- */

.spacer{clear:both; height:20px; }
.hidden{display:none;}
.errorBox{color:#F00;}
	.errorBox ul, .errorBox li{list-style-type:square; list-style-position:inside;}
	.errorBox ul{margin:10px 30px;}
.greenBorder {border: 1px solid green;}

.catalogPager{padding:30px 0 50px; float:none; clear:both; width:100%;}
	.catalogPager span, .catalogPager a{ float:left; margin:2px; padding:2px 5px; border:1px solid #ccc; font-weight:bold; color:#B64A1B}
	.catalogPager span, .catalogPager a:hover{ background-color:#F93; color:#fff;}

.navigation{padding:30px 0; float:none; clear:both; width:100%; text-align:center}
	.navigation span, .navigation a{font-weight:bold; color:#B64A1B}
	.navigation span, .navigation a:hover{color:#999;}


/* ----------- Clients ---------------- */
#clients p{padding:10px 0;}
#clients .imgcontainer{border:2px solid #CCC; width:100px; height:100px; background-color:#fff;}
#clients ul, #clients li{list-style-type:none; list-style-position:outside;}
#clients ul{margin:0; padding:0}
#clients li{float:left; padding:10px 0; width:102px;}
#clients li.center{padding:10px 15px}
#clients li.spacer{float:none; clear:both; margin:0; padding:0; height:0;}
#clients h4{margin:5px 0 0 5px;}
/* ----------- ------- ---------------- */

/* ------------ Breadcrumbs ----------- */
.breadcrumbs{margin:25px 0 0}
	.breadcrumbs a{font-weight:bold;}
/* ------------ ----------- ----------- */

/* -------Catalog Item Details -------- */
#item{padding:0 20px;	text-align:center;}
	#item p{text-align:left; margin:0  0 35px 0;}
	#item img{margin:auto; text-align:center;}
/* ------------ ----------- ----------- */

/* ------- Guest book comments -------- */
.guestcomment{ background-color:#fff; border:5px solid #CCC; margin:10px 0; padding: 20px 5px;}
	.guestcomment table{border-collapse:collapse; border:none;}
	.guestcomment th{text-align:right; vertical-align:top; font-weight:bold; color:#666; width:75px; padding:2px 5px;}
	.guestcomment td{text-align:left; color: #b64a1b; font-weight:bold; width:228px; overflow-x:hidden; padding:2px 5px;}
	.guestcomment .spacer{clear:both; height:3px !important; background-color:#999 !important; margin:20px 0; text-align:center; width:100%;}
	.guestcomment .p{text-align:left;}
/* ------------------------------------ */

p.date{font-weight:bold !important; text-align:right !important; margin:15px 0 5px !important; padding:0 !important}

.catalogItemBlock{margin:0 25px}
.catalogItemBlock p{margin: 20px 0;}