/* CSS Document */

body{
	background:url(../images/bg.jpg) repeat-x #231f20;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#231f20;
}

#container{
	width:955px;
	margin-left:auto;
	margin-right:auto;
}


#contact_details{display:inline-block; width:473px; height:25px; background:url(../images/contact-details.png) no-repeat; margin:4px 15px 4px 0; float:right;}

#nav{
	font-size:12px;
	overflow:hidden;
	clear:both;
	font-weight:bold;
	padding:0;
	margin:0;
	position:relative;
	left:20px;
}

#nav li{list-style-type:none; float:left; margin:0 2px;}

#nav li a{
	width:96px;
	height:12px;
	text-align:center;
	display:block;
	background:url(../images/nav-bg.png) no-repeat top;
	color:#FFF;
	padding:13px 0;
	text-decoration:none;
}

#nav li a:hover, #nav li a.active{
	background:url(../images/nav-bg.png) no-repeat bottom;
	color:#fff;
	text-decoration:none;
}

#logo{display:block; width:43px; height:212px; background:url(../images/logo.png) no-repeat; position:relative; left:-38px; top:6px; margin-bottom:-212px;}


.panel-guest{
	width:440px;
	padding:14px;
	margin-left:auto;
	margin-right:auto;
	background:#e3e3e3;
	min-height:153px;
	padding:10px;
	overflow:auto;	
	margin-bottom:10px;
}
	
.panel-guest h2{padding:0;margin:0; font-size:16px}

#main { position:relative; }

#newsBox{
	background:#CCCCCC;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#231f20;
}

h1{
	font-size:24px;
	margin-top:0;
}

#mainContent{
	border-left:5px solid #ff9705;
	border-right:5px solid #ff9705;
	background:#FFFFFF;
	padding:0 8px;
}

#leftBar{
	background:#e3e3e3;
	width:225px;
	float:left;
	text-align:center;
	position:relative;
	top:-8px;
}

#rightBar{
	background:#e3e3e3;
	width:225px;
	float:right;
	text-align:center;
	position:relative;
	top:-8px;
}

#slideshow{float:left; 	position:relative;
	top:-8px;
	left:10px;
}
#slideshow img{border:3px solid #000;}

.txtContent{
	width:440px;
	padding:14px;
	margin-left:auto;
	margin-right:auto;
	background:#FFFFFF;
	position:relative;
	top:-8px;
}


#footer{
	width:914px;
	margin-left:auto;
	margin-right:auto;
	background:#e3e3e3;
	font-size:10px;
	padding:8px;
	border-top:15px solid #fff;
}

#ratings{
	background:url(../images/ratingsMidBG.gif) repeat-y center;
	float:left;
	width:467px;
	margin-left:8px;
}

#ratingsHeader{
	width:445px;
	height:34px;
	background:url(../images/ratingsTop.gif) no-repeat;
	font-size:12px;
	font-weight:bold;
	padding:10px 10px 0 10px;
	text-align:center;
	color:#000;
}

.ratingsBigText{
	font-size:20px;
	margin-right:30px;
}

.shortRow{
	height:3px;
}

.helper{
	height:0;
	width:0;
	line-height:0;
}

.imgBorder{
	border:3px solid #000;
}

#portfolio li{
	list-style-type:none;
	padding:0;
	margin:0 0 0 10px;
	text-align:left;
	color:#fff!important;
	background:none!important;
	width:175px;
	}
	
#portfolio{
	margin:0;
	padding:0;
	width:175px;
	background:none!important;
	}
	
#fader{
	margin:0 auto 4px auto;
	width:195px;
	height:117px;
	padding:7px 5px;
	background:url(../images/orange.jpg) no-repeat;
	text-shadow: #973402 1px 1px 1px;
	}
	
.boxTitle{
	color:#FFF;
	font-weight:bold;
	padding:4px 0 1px 0;
	text-align:center;
	font-size:18px;
	margin:0;
	line-height:20px;
	}
	
.boxFoot{
	color:#FFF;
	font-weight:bold;
	text-align:center;
	font-size:13px;
	line-height:8px;
	}
	
#footer-logos img{margin-right:10px; vertical-align:middle;}
/* - - Links - - */

a{color:#231f20; text-decoration:none;}
a:hover{color:#231f20; text-decoration:underline;}

#header a{color:#FFFFFF; text-decoration:none;}
#header a:hover{color:#ff9705; text-decoration:underline;}

#footer a{color:#231f20; text-decoration:none;}
#footer a:hover{color:#231f20; text-decoration:underline;}


/*--- Scroller --- */

#scroller-header a {
    text-decoration:none;
    display:block;
		height:30px;
		background:#F4F4F4;
		width:100px;
		float:left;
		margin-left:9px;
		text-align:center;
		line-height:27px;
}

a.selected{background:#E3E3E3!important;}
 
#scroller-header a:hover {
    text-decoration:none;
}

#scroller-header {
		float:left;
}
 
#scroller-body {
		float:left;
		position:relative;
		left:9px;
		margin-bottom:15px;
}
 
#mask {
    width:460px;
    overflow:hidden;
    margin:0 auto;
		float:left;
		padding-bottom:14px;
}

#panel div{float:left;}

#panel-1 div, #panel-2 div{width:245px!important;}