body { background: #700000 url('../images/layout/body.gif') top repeat-x; font-family: Arial, Helvetica, sans-serif; }

#container { width: 994px; margin: 0 auto; background: #cc0000 url('../images/layout/container.gif') no-repeat; position: relative; }

/* =Header 
----------------------------------------------- */
#header { height: 284px; position: relative; }
	#header h1 a { width: 273px; height: 73px; display: block; text-indent: -5000px; background: url('../images/layout/logo.gif') no-repeat; position: absolute; left: 52px; top: 18px; }
	
	#header ul { background: url('../images/layout/menu.png') no-repeat; width: 139px; height: 168px; padding-top: 5px; position: absolute; bottom: -4px; right: 17px; }	
	#header ul li a { text-indent: -5000px; display: block; width: 139px;  }
	#header ul li.item-1 a { height: 46px; }
	#header ul li.item-2 a { height: 34px; }
	#header ul li.item-3 a { height: 33px; }
	#header ul li.item-4 a { height: 34px; }
	
	#header form fieldset { position: absolute; left: 40px; top: 172px; }
	#header form fieldset legend { font-size: 10px; color: #fff; padding-left: 11px; margin-bottom: 4px; }
	#header form fieldset .input-text { background: url('../images/form/search_input.gif') no-repeat; width: 160px; height: 24px; border: none; display: block; float: left; font-size: 11px; color: #524444; padding: 5px 10px 0 10px; margin-right: 8px; }
	#header form fieldset .input-button { font-size: 14px; color: #fff; background: none; border: none; text-transform: uppercase; cursor: pointer; float: left; padding-top: 3px;}
	
/* =Coda Slider
----------------------------------------------- */
.scroll {  position: relative; /* fix for IE to respect overflow */ clear: left; overflow: auto; overflow-x: hidden; width: 927px; height: 375px; margin: -8px auto -5px auto; padding-top: 10px; /* gives room for the tabs*/ }
	
/* =Content boxes
----------------------------------------------- */
.content-wrapper { width: 927px; height: 375px; margin: 0 auto -5px auto; }
	.box { background: url('../images/layout/content_bg.png') repeat; padding: 10px; width: 178px; height: 353px; float: left; margin-right: 11px; position: relative;font-size: 11px; color: #fff; margin-top: -8px; }
	.box p { margin-top: 15px; }
	.box p strong { font-weight: bold; }
	.box a.rss { position: absolute; bottom: 10px; right: 10px; font-size: 11px; background: url('../images/icons/rss.gif') right no-repeat; padding-right: 14px; color: #fff; text-decoration: none; }
	.box h2 { font-size: 14px; font-weight: bold; margin-top: 18px; }
	.box h2.custom { display: none; }
	.box h2.first-item { margin-top: 0px; padding-top: 10px;}
	.box h3.first-item { margin-top: 0px; font-weight:bold; }
	.box img.ref { margin-top: -1px; }
	.box.wide { width: 276px; height: 353px; }
    .box.portfolio { width: 905px; height: 353px; padding-left: 58px; padding-top: 22px;}
	.box.portfolio ul { padding-top:5px; list-style:none; display: inline; }
	.box.portfolio li { padding-top:5px; list-style:none; display: inline; }
	.box.portfolio img { padding:6px; }
	.box.wide p.first-item { padding-top: 20px; }
	.box.last { margin-right: 0; }
	.box.blog h2 { margin-top: 0; margin-bottom: 18px; }
	.box.blog h3 { font-size: 11px; font-weight: bold; margin-bottom: 14px; }
	.box.blog h3 span { display: block; font-weight: normal; }
	.box.blog p { margin: 0 0 15px 0; }
	.box.blog p a { color: #fff; }
	
	#tabs { position: absolute; left: 0; top: 0; border-bottom: 1px solid #d94040; height: 30px; }
	#tabs li { display: inline; }
	#tabs li a { width: 73px; height: 23px; padding-top: 7px; text-align: center; display: block; float: left; font-size: 12px; color: #d94040; text-decoration: none; border-bottom: 1px solid #d94040; border-right: 1px solid #d94040;  }
	#tabs li a.active { color: #fff; border-bottom: 1px solid #8e0000; height: 23px; padding-top: 9px; margin-top: -2px;  background: url('../images/layout/tabs_bg.png') top repeat-x; position: relative; }
	#tabs li a:hover { color: #fff; }
	#tabs li.tab-item-4 a { border-right: none; width: 74px; }
	
	#contact-form { margin-top: 20px; }
	#contact-form label { display: block; float: left; width: 50px; padding-top: 3px; text-align: right; margin-right: 10px; }
	#contact-form div { float: left; width: 122px; }
	#contact-form .input-text, #contact-form textarea { padding: 1px; font: 11px Arial, Helvetica, sans-serif; width: 120px; }
	#contact-form textarea { height: 50px; width: 200px; }
	#contact-form .input-button { font-size: 11px; padding: 2px 5px; float: right; background: #700000; color: #fff; border: 1px solid #fff; cursor: pointer; margin-right: 10px; }
	#contact-form li { margin-bottom: 8px; clear: both; }
	#contact-form li span { display: block; margin-top: 2px; color: #cc8686; }
	
/* =Slider gallery */
	#slider {
		width: 178px; /* important to be same as image width */
		height: 353px; /* important to be same as image height */
		position: relative; /* important */
		overflow: hidden; /* important */
	}
	#sliderContent {
		width: 178px; /* important to be same as image width or wider */
		position: absolute;
		top: 0;
		margin-left: 0;
	}
	.sliderImage {
		float: left;
		position: relative;
		display: none;
	}
	.sliderImage span {
		position: absolute;
		font: 10px/15px Arial, Helvetica, sans-serif;
		padding: 10px 13px;
		width: 353px;
		background-color: #000;
		filter: alpha(opacity=60);
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
		color: #fff;
		display: none;
	}
	.clear {
		clear: both;
	}
	.sliderImage span strong {
		font-size: 13px;
	}
	.top {
		top: 0;
		left: 0;
	}
	.bottom {
		bottom: 0;
		left: 0;
	}
	ul { list-style-type: none;}
	
	
/* =Quick news 
----------------------------------------------- */
#quick-news { background: url('../images/layout/quick_news.jpg') no-repeat; width: 994px; height: 282px; clear: both; position: relative; }
	#quick-news .content { width: 434px; margin: 0 0 0 298px; color: #990000; padding-top: 18px; }
	#quick-news .content h3 { margin: 10px 0 15px 0; font-size: 11px; font-weight: bold; }
	#quick-news .content h3 span { display: block; font-weight: normal; }
	#quick-news .content p { font-size: 11px; width: 190px; }
	#quick-news .content p a { color: #990000; }
	#quick-news .content img { float: right; }
	#quick-news .finger { position: absolute; right: 262px; bottom: 137px; }
	#quick-news ul { position: absolute; left: 450px; top: 127px; }
	#quick-news ul li { display: inline; }
	#quick-news ul li a { display: block; float: left; text-indent: -5000px; height: 18px; width: 18px; margin-right: 7px; }
	#quick-news ul li.item-1 a { background: url('../images/icons/prev.gif') no-repeat; }
	#quick-news ul li.item-2 a { background: url('../images/icons/next.gif') no-repeat; }

/* =Footer
----------------------------------------------- */
#footer { width: 935px; padding-top: 15px; height: 55px; margin: 0 auto; background: #700000; position: relative; }
	#footer p, #footer address { font-size: 11px; color: #b88080; }
	#footer p.company-name { position: absolute; left: 110px; top: 25px; }
	#footer address { position: absolute; right: 0; }
	#footer address a { color: #b88080; text-decoration: none; }
	#footer p.cms { position: absolute; left: 0; top: 30px; }
	#footer p.cms a { display: block; text-indent: -5000px; background: url('../images/icons/wp.gif') no-repeat; width: 24px; height: 24px; position: absolute; left: 68px; top: -5px; }

p.copyright { background: url('../images/layout/copyright.gif') no-repeat; width: 10px; height: 147px; text-indent: -5000px; position: absolute; top: 491px; right: 15px; }