/* -----------------------------------*/
/* ---------->>> Main <<<-------------*/
/* -----------------------------------*/
#main{
	padding:50px 0;}
	
/* -----------------------------------*/
/* ---------->>> TopBar <<<-----------*/
/* -----------------------------------*/
	
#topbar{
	height:250px;
	background:#fbfbfb url(../images/topbar_bg.gif) repeat-x bottom;
	border-bottom:1px solid #dfdfdf;}
	
#topbar h3{
	font:20px Helvetica, Arial, sans-serif;
	font-style: italic;
	margin:0;}
	
#topbar p{
	color:#888;
	line-height: 20px;
	margin:10px 0 0 3px;}
	
#topbar_right{
	float:right;
	background-image: url(../images/topbar_right_bg.png);
	background-repeat: no-repeat;
	background-position: 0 130px;
	width:362px;
	margin:20px 50px 0 0;}

#topbar_img{
	float:left;}

.topbar_btn{
	margin:26px 5px 0 5px;}
	
/* -----------------------------------*/
/* ---------->>> Columns <<<----------*/
/* -----------------------------------*/

.col{
	width:240px;
	float:left;
	margin:0 40px 30px 0;
	color:#555;}

.col_end{
	margin:0;}

.col h2{
	border-bottom:1px solid #ddd;
	padding:1px 0 8px 0;
	font:16px Helvetica, Arial, sans-serif;
	color:#333;}

.col_middle{
	min-height: 177px;}

.col span{	
	color:#999;}

.col_img{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin:0;}

.col a{
	text-decoration: underline;
	color:#88b8ce;}
	
.col ul {
	margin: 2px 0 0 0;
	padding: 0 0 2px 0;
	list-style-type: none;
	width:240px;}

.col li a {
	text-indent:31px;
	background-image: url(../images/col_menu.png);
	background-repeat: no-repeat;
	color: #555;
	display: block;
	height: 16px;
	padding: 6px 0 3px 14px;
	text-decoration: none;}

.col p{
	padding:4px;
	margin:4px 0 0 0;
	line-height:16px;}
	
.col .odd{
	background-color: #eee;}

.col li a:hover {
	text-decoration: underline;}