@charset "utf-8";
/*
* * * * * * * * * * * * * * *
Web Site:	ClanCube.com
Author(s):	Craig Lloyd,
            Kyle Ellis
- - - - - - - - - - - - - - -
Contact:	clancube.com/contact.php
- - - - - - - - - - - - - - -
Created:	19/03-2009
Updated:	19/03-2009
* * * * * * * * * * * * * * *
*/

*{
behavior: url(scripts/iepngfix.htc); /* IE PNG Fix */
padding:0; margin:0;
}
body{
width:100%; height:100%;
background:url(img/bg.png) repeat-x top right;
background-color:#ffffff;
padding:0; margin:30px 0;
color:#00244d;
font-size:11px;
font-family:'Tahoma','Verdana','Small Fonts';
}
img{
border:0;
}

#wrapper{
width:933px; height:auto;
padding:0; margin:0 auto;
}
	.head{
	width:933px; height:50px;
	padding:0; margin:0;
	margin-bottom:10px;	
	}
		.clancube_logo{
		width:220px; height:51px;
		background:url(img/clancube.png) no-repeat bottom left;
		padding:0; margin:0;
		display:block;
		float:left;
		}
		.user_area{
		width:auto; height:71px;
		padding:0; margin:0;
		padding-right:5px;
		margin-top:-20px;
		display:block;
		float:right;
		text-align:right;
		}
		.service_status{
		width:auto; height:51px;
		padding:0; margin:0;
		padding-right:5px;
		display:block;
		float:right;
		}
			.service_status .service{
			font-weight:bold;
			color:#414141;
			}
			.service_status .status{
			font-weight:normal;
			color:#005fc7;
			}
	
	.navi{
	width:933px; height:44px;
	padding:0; margin:0;
	margin-bottom:10px;
	display:block;
	float:left;
	clear:both;
	}
	.navi_left{
	width:7px; height:44px;
	background:url(img/navi_left.png) no-repeat top left;
	padding:0; margin:0;
	display:inline;
	float:left;
	}
	.navi_right{
	width:7px; height:44px;
	background:url(img/navi_right.png) no-repeat top left;
	padding:0; margin:0;
	display:inline;
	float:left;
	}
	
		.navi ul {
		width:919px; height:44px; /* 933 - 14 */
		background:url(img/navi_bg.png) repeat-x;
		padding:0; margin:0 auto;
		display:block;
		float:left;
		list-style: none;
		}
		.navi li {
		width:90px; height:44px;
		padding:0 8px; margin:0;
		display:block;		
		float:left;
		line-height:44px;
		text-align:center;
		font-weight:bold;
		color:#ffffff;
		font-size:12px;
		}
			.navi li a:link,
			.navi li a:active,
			.navi li a:visited{
			width:auto; height:44px;
			padding:0; margin:0;
			display:block;
			color:#ffffff;
			text-decoration:none;
			}
			.navi li a:hover{
			width:90px; height:44px;
			background:url(img/navi_arrow.png) no-repeat top center;
			display:block;
			color:#00244d;
			text-decoration:none;
			}
		.navi .link_div{
		width:10px; height:44px;
		padding:0; margin:0;
		color:#4fa4ff;
		font-weight:normal;
		}
	
	.quick{
	width:933px; height:297px;
	padding:0; margin:0;
	margin-bottom:10px;
	display:block;
	float:left;
	clear:both;
	}
		.quick_head{
		width:933px; height:26px;
		background:url(img/quick_head.png) no-repeat top left;
		display:block;
		}
		.quick_box{
		width:933px; height:221px;
		display:block;
		}
			.quick_logo{
			width:373px; height:221px;
			background:url(img/quick_logo.png) no-repeat top left;
			display:block;
			float:left;
			}
			.quick_welcome{
			width:384px; height:221px;
			display:block;
			float:left;
			}
				.welcome_head{
				width:384px; height:2px;
				background:url(img/welcome_head.png) no-repeat top left;
				display:block;
				}
				.welcome_box{
				width:364px; height:199px;
				background:#ffffff url(img/welcome_foot.png) no-repeat bottom left;
				display:block;
				padding:10px; margin:0;
				}
					.welcome_box h2{
					padding:0; margin:0;
					margin-bottom:10px;
					font-size:18px;
					font-weight:bold;
					color:#000000;
					}
					.welcome_box p{
					padding:0; margin:0;
					margin-bottom:15px;
					}
					.welcome_points{
					padding:0; margin:0;
					margin-bottom:15px;
					text-align:center;
					}
					.welcome_box strong{
					color:#000000;
					}
					.welcome_buttons{
					width:360px; height:39px;
					padding:0; margin:15px 0 0 0;
					display:block;
					float:left;
					}
						.welcome_buttons div{
						filter:alpha(opacity=85);-moz-opacity:0.85;
						}
						.welcome_buttons div:hover{
						filter:alpha(opacity=100);-moz-opacity:1.0;
						cursor:pointer;
						}
						.welcome_order{
						width:143px; height:39px;
						background:url(img/welcome_order.png) no-repeat top left;
						padding:0; margin:0;
						margin-right:5px;
						display:block;
						float:left;
						}
						.welcome_more{
						width:143px; height:39px;
						background:url(img/welcome_more.png) no-repeat top left;
						padding:0; margin:0;
						display:block;
						float:left;
						}
						.welcome_buttons a{
						width:143px; height:39px;
						padding:0; margin:0;
						display:block;
						text-decoration:none;
						}
			.quick_features{
			width:153px; height:221px;
			display:block;
			float:left;
			}
				.features_head{
				width:153px; height:40px;
				background:url(img/features_head.png) no-repeat top left;
				display:block;
				}
				.features_box{
				width:153px; height:177px;
				background:#000;
				display:block;
				}
					.features_box ul{
					width:153px; height:170px;
					padding:0; margin:0;
					display:block;
					line-height:21px;
					list-style:none;
					}
						.features_box ul li{
						color:#b1b1b1;
						font-weight:normal;
						padding:0 3px; margin:0 3px;
						border-bottom:#505050 1px dotted;
						}
						.features_box ul li:hover{
						background:url(img/features_hover.png) top right repeat-y;
						cursor:pointer;
						}
				.features_foot{
				width:153px; height:4px;
				background:url(img/features_foot.png) no-repeat top left;
				display:block;
				}
			.quick_right{
			width:23px; height:221px;
			background:url(img/quick_right.png) no-repeat top left;
			display:block;
			float:left;
			}
		.quick_foot{
		width:933px; height:50px;
		background:url(img/quick_foot.png) no-repeat top left;
		display:block;
		}
		
	.content_container{
	width:933px;
	padding:0; margin:0;
	margin-bottom:10px;
	display:block;
	float:left;
	clear:both;
	}
		.content{
		width:933px;
		padding:0; margin:0;
		display:block;
		float:left;
		}			
			.content_head{
			width:933px; height:4px;
			background:url(img/content_head.png) no-repeat top left;
			padding:0; margin:0;
			display:block;
			}
			.content_box{
			width:911px;
			background:#FFF;
			border-left:#e2e2e2 solid 1px;
			border-right:#e2e2e2 solid 1px;
			padding:10px; margin:0;
			display:block;
			}
			.content_foot{
			width:933px; height:4px;
			background:url(img/content_foot.png) no-repeat top left;
			padding:0; margin:0;
			display:block;
			}
	
	.modules{
	width:933px; height:221px;
	padding:0; margin:0;
	margin-bottom:10px;
	display:block;
	clear:both;
	color:#343434;
	}
		.announcements{
		width:300px; height:221px;
		padding:0; margin:0;
		display:block;
		float:left;
		}
			.accouncements_head{
			width:300px; height:56px;
			background:url(img/announcements_head.png) no-repeat top left;
			padding:0; margin:0;
			display:block;
			}
		.spotlight{
		width:300px; height:221px;
		padding:0; margin:0 16px;
		display:block;
		float:left;
		}			
			.spotlight_head{
			width:300px; height:56px;
			background:url(img/spotlight_head.png) no-repeat top left;
			padding:0; margin:0;
			display:block;
			}
			.announcements_box,
			.spotlight_box{
			width:280px; height:145px;
			background:url(img/module_bg.png) no-repeat bottom left;
			padding:10px; margin:0;
			display:block;
			}
		.system{
		width:300px; height:221px;
		padding:0; margin:0;
		margin-left:1px;
		display:block;
		float:left;
		}
			.overview{
			width:300px; height:105px;
			padding:0; margin:0;
			display:block;
			float:left;
			}
				.overview_head{
				width:300px; height:56px;
				background:url(img/overview_head.png) no-repeat top left;
				padding:0; margin:0;
				display:block;
				}
			.payment{
			width:300px; height:105px;
			padding:0; margin:0;
			margin-top:11px;
			display:block;
			float:left;
			}
				.payment_head{
				width:300px; height:56px;
				background:url(img/payment_head.png) no-repeat top left;
				padding:0; margin:0;
				display:block;
				}
				.overview_box,
				.payment_box{
				width:280px; height:29px;
				background:url(img/module_bg.png) no-repeat bottom left;
				padding:10px; margin:0;
				display:block;
				}
				
	.footer{
	width:933px; height:50px;
	padding:0; margin:0;
	color:#8d8f91;
	clear:both;
	}
		.foot_left{
		width:833px; height:40px;
		padding:0; margin:0;
		display:inline;
		float:left;
		}
			.foot_links{
			width:833px; height:18px;
			padding:0; margin:0;
			display:block;
			text-align:left;
			font-weight:normal;
			color:#c3c8cc;
			line-height:18px;
			}
				.foot_links a:link,
				.foot_links a:active,
				.foot_links a:visited{
				color:#175faa;
				text-decoration:none;
				}
				.foot_links a:hover{
				color:#175faa;
				text-decoration:none;
				border-bottom:#175faa 1px dotted;
				}
			.foot_copyright{
			width:833px; height:18px;
			padding:0; margin:0;
			display:block;
			text-align:left;
			font-weight:normal;
			color:#8d8f91;
			line-height:18px;
			}
		.foot_right{
		width:100px; height:40px;
		padding:0; margin:0;
		display:inline;
		float:right;
		}			
		



.features-wrap {
	float:left;
	display:inline;
	width:50%;
}
.features-title {
	font-size:14px;
	font-weight:bold;
	border-left:10px solid #0052c2;
	padding-left:10px;
}
.features-bull {
	font-size:20px;
	color:#0052c2;
	margin-right:-5px;
	display:none;
}
.features-info {
	width:400px;
	height:40px;
	border-left:10px solid #0052c2;
	padding-left:10px;
	margin-bottom:10px;
}