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

body{
background:#333333 url(../images/bg.gif) top repeat-x;
margin:0;
padding:0;
line-height: 2em;
font:12px Arial, Helvetica, sans-serif;
color:#666666;
}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
margin-top:22px;
background: #fff;
}

#topsection{
position:relative;
background: #000930 url(../images/banner.gif) bottom no-repeat;
height: 181px; /*Height of top section*/
}

#contentwrapper{
float: left;
width: 100%;
background:#FFFFFF;
}

#contentcolumn{
margin-right: 335px; /*Set right margin to RightColumnWidth*/
background:#FFFFFF;
}

/********** Feature ************/

	.feature {
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	}
	
	.feature li{
	position:relative;
	display:block;
	float:left;
	width:195px;
	padding:10px;
	border:1px solid #c9c9c9;
	background:url(../images/contentbox_bg.gif) bottom repeat-x;
	margin-bottom:25px;
	}
	
	.feature li:first-child{
	margin-right:25px;
	}
	
	.feature p{
	font-size:11px;
	}

#rightcolumn{
float: left;
width: 335px; /*Width of right column*/
margin-left: -335px; /*Set left margin to -(RightColumnWidth) */
background: #FFFFFF;
}

	#rightcolumn ul{
	padding:0;
	padding-left:15px;
	margin:0;
	vertical-align:top;
	
	}
	
	#rightcolumn li{
	list-style:square;
	padding:7px 0;
	border-bottom:1px #dfdfdf solid;
	}
	
	#rightcolumn li:hover{
	background: #dfdfdf;
	padding-left:3px;
	}

#footer{
clear: left;
width: 840px;
margin:0 auto;
color: #FFF;
font-size:11px;
text-transform:lowercase;
}

.innertube{
margin:22px 11px 30px 32px;
}

.footertube{
display:inline-block;
margin:20px 32px 38px 32px;
}

#rightcolumn .innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-left:14px;
margin-right:32px;
margin-top:22px;
}