/* ---------- LAYOUT ---------- */
body {
	line-height:100%;
	color:black;
	background:white;
}


#header {
	border-bottom:1px;
	margin-bottom:40px;
	padding:0px 0 0px 0px;
	color:#666;
	height:75px;
}


#wrapper { 
	position:absolute; 
	width:920px; 
	top: 50%;
	left: 50%;
	text-align:left; 
	margin-left: -460px;
	margin-top: -275px;
	padding:0px 0px; 
	z-index:0; 
}


.clearfix:after,
#content ul li:after{ 
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


#logo {
	position:absolute;
	left:-3px;
	top:-20px;
}

#nav {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight:bold;
}

#nav a{
	color:#000000;
	text-decoration:none;
	padding:1px;
}

#nav a:hover{
	color:#FFF;
	background-color:#79d1df;
	padding:1px;
}

#navselect a{
	font-family:Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#FFF;
	background-color:#79d1df;
	padding-bottom:0px;
}


#break {
	position:relative;
	top:-5px;
	padding-top: 1px;
	clear: both;
}


#mainfooter {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #333;
	margin-top: -9px;
	clear: both;
}


#mainfooter a{
	color:#999;
	text-decoration:none;
	padding:1px;
}


#mainfooter a:hover{
	color:#FFF;
	background-color:#79d1df;
	padding:1px;
}


#subfooter {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #333;
	margin-top: -14px;
	clear: both;
}


#subfooter a{
	color:#999;
	text-decoration:none;
	padding:1px;
}


#subfooter a:hover{
	color:#FFF;
	background-color:#79d1df;
	padding:1px;
}


hr {
  	border: 0;
 	width: 100%;
 	color:#000;
 	height: 5px;
	background-color:#000;
	margin-bottom: 20px;
 	margin-top: 22px;
}


#left {
	float: left;
	width: 465px;
}

#right {
	float: right;
	width: 455px;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000;
}


#right a{
	color:#824aa1;
	text-decoration:none;
	padding:1px;
}

#right a:hover{
	color:#FFF;
	background-color:#824aa1;
	padding:1px;
}




/* ---------- LAYOUT GRIDS ---------- */
.grid{
	position:relative;
	margin-bottom:-10px;
}


.grid .unit {
	position:relative;
	float:left;
	display:inline;
	padding:0 20px 12px;
}


.grid .unit2 {
	position:relative;
	float:right;
	display:inline;
	padding:0 20px 12px;
	width:41px;
}


.grid .unit3 {
	position:relative;
	float:right;
	display:inline;
	padding:0 20px 12px;
	width:70px;
}


.gr-four {
	width:920px;
}


.gr-four .unit {
	width:280px;
}


#content .article {
	padding:0px 0px 0;
}


#content .article2 {
	padding:0px 0px 0;
	margin:0px 0px 0px;
}


#content .article3 {
	padding:0px 0px 0;
	margin:0px 0px 0px;
}




/* ---------- SLIDER ---------- */
#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}


#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:920px;
	height:450px;
	overflow:hidden; 
}


#prevBtn, #nextBtn{ 
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	left:-28px;
	top:280px;
}


#nextBtn{ 
	left:898px;
}


#prevBtn a, #nextBtn a{  
	display:block;
	width:50px;
	height:50px;
	background:url(../img/btn-carousel-prev.png) no-repeat 0 0;	
}


#nextBtn a{ 
	background:url(../img/btn-carousel-next.png) no-repeat 0 0;	
}	
		

#prevBtn a:hover,
#nextBtn a:hover {
	background-position:-50px 0;
}
											

.col strong, .full strong{
	padding:0 2px;
	background:#f1f1f1;
}


.col a, .full a{
	font-weight:bold;
	text-decoration:underline;
}		


.full ul, .full li{
	margin:0;
	padding:0;
	list-style:none;
}


.full li{
	padding:3px 15px;
	background:#f1f1f1;
	margin-bottom:1px;
}