@charset "utf-8";
/* CSS Document */
body{
	margin-top:0px;
	background-position:center;
	background-position-y:95px;
	background-image:url(images/background_logo.gif);
	background-repeat:no-repeat;
}

#holder{margin:auto; width:900px;}
h1{
	font-size:26px;	
	font-family:"Myriad Pro"; 
	margin-left:10px;
	margin-top:0px;
	margin-bottom:5px;
	border-bottom:dotted thin #666;
	width:590px;
}
h2{
	font-size:20px;
	font-family:"Myriad Pro";
	font-weight:lighter;
	margin-left:5px;
	margin-top:7px;
	border-bottom:dotted thin #666;
	width:220px;
}
h3{
	font-size:20px;
	font-family:"Myriad Pro";
	font-weight:lighter;
	margin-left:5px;
	padding-top:15px;
	margin-top:0px;
	margin-bottom:5px;
	border-bottom:dotted thin #666;
	width:220px;
}
h4{
	font-size:24px;
	font-family:"Myriad Pro";
	font-weight:bold;
	margin-left:5px;
	padding-top:10px;
	margin-top:0px;
	margin-bottom:0px;
}
h5{
	font-size:16px;
	font-family:"Myriad Pro";
	font-weight:600;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
}
.clearfloat{
	clear:both;
}
p{
	padding-right:18px;
	padding-left:14px;
}
a{
	color:#999;
	text-decoration:none;
}
a:hover{
	color:#000;
}
a:visited{
	color:#888;	
	text-decoration:none;
}
/* Header Elements */
#header{
	width:900px;
	height:150px;
	margin-bottom:15px;
}
#header-top{
	background-image:url(images/header-top.gif);
	height:120px;
}
#header-bottom{
	background-image:url(images/header-bottom.png);
	background-repeat:no-repeat;
	height:45px;
}
	/* Menu Elements */
	#menu{
		height:20px;
		padding-top:75px;
		width:800px;
		margin-left:auto;
		margin-right:auto;
		color:#ffffff;		
	}
	/* ================================================================ 
	This copyright notice must be untouched at all times.
	
	The original version of this stylesheet and the associated (x)html
	is available at http://www.cssplay.co.uk/menus/pro_dropline.html
	Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
	This stylesheet and the associated (x)html may be modified in any 
	way to fit your requirements.
	=================================================================== */
	
	.nav {
	height:25px; 
	position:relative; 
	font-family:"Myriad Pro"; 
	font-size:20px; 
	width:750px; 
	z-index:500;
	}
	
	.nav .table {
	display:table; 
	margin:0 auto;
	}
	
	.nav .select,
	.nav .current {
	margin:0; 
	padding-left:40px; 
	list-style:none; 
	display:table-cell; 
	white-space:nowrap;
	}
	
	.nav li {
	margin:0; 
	padding:0; 
	height:25px; 
	float:left;
	}
	
	.nav .select a {
	display:block; 
	height:35px; 
	float:left; 
	padding:0 0px 0 0px; 
	text-decoration:none; 
	line-height:35px; 
	white-space:nowrap; 
	color:#FFF;
	}
	
	.nav .current a {
	display:block; 
	height:35px; 
	float:left; 
	padding:0 0 0 0px; 
	text-decoration:none; 
	line-height:35px; 
	white-space:nowrap; 
	color:#999;
	}
	
	
	.nav .current a b {
	display:block; 
	padding:0 0px 0 0px; 
	}
	
	.nav .select a:hover, 
	.nav .select li:hover a {
	padding:0 0 0 0px; 
	cursor:pointer; 
	color:#F03;
	}
	
	.nav .select a:hover b, 
	.nav .select li:hover a b {
	display:block; 
	float:left; 
	padding:0 0px 0 0px; 
	cursor:pointer;
	}
	
	.nav .select_sub {
	display:none;
	}
	
	/* IE6 only */
	.nav table {
	border-collapse:collapse; 
	margin:-1px; 
	font-size:1em; 
	width:0; 
	height:0;
	}
	
	.nav .sub {
	display:table; 
	margin:0 auto; 
	padding:0; 
	list-style:none;
	height:25px;
	}
	
	.nav .sub_active .current_sub a, 
	.nav .sub_active a:hover {
	background:transparent; 
	color:#f00;
	}
	
	.nav .select :hover .select_sub, 
	.nav .current .show {
	display:block;
	position:absolute;
	width:750px;
	top:25px;
	padding:0;
	padding-top:5px;
	z-index:100;
	left:-1px;
	text-align:center;
	font-size:16px;
	height:24px;
	}
	
	.nav .current .show {
	z-index:10;
	}
	
	.nav .select :hover .sub li a, 
	.nav .current .show .sub li a {
	display:block; 
	float:left; 
	background-color:#069;	
	padding:0 10px 0 10px; 
	margin:0;
	white-space:nowrap; 
	border:0; 
	color:#FFF;
	height:27px;
	}
	
	.nav .current .sub li.sub_show a {
	color:#CCC; 
	cursor:default; 
	}
	
	.nav .select :hover .sub li a:hover, 
	.nav .current .sub li a:hover {
	visibility:visible; 
	color:#CCC; 
	}
	
	
/* Main Elements */
#main{
	width:900px;
	margin-top:5px;
	font-family:"Myriad Pro";
}
	/* Left Elements */
	#main-left{
		float:left;
		width:250px;
		margin-left:3px;
	}
	#main-left-text{
		float:left;
		margin-left:5px;
		width:232px;
	}
	#login{
		background-image:url(images/login.png);
		background-repeat:no-repeat;
		width:250px;
		height:200px;
		margin-top:10px;
	}
	#login-form{
		width:230px;
		margin-right:15px;
		margin-left:auto;	
	}
		#main-left-top{
			height:12px;
			background-image:url(images/main-left-top.png);
			background-repeat:no-repeat;
		}
		#main-left-middle{
			background-image:url(images/main-left-middle.png);
			background-repeat:repeat-y;
			padding-top:3px;
			padding-bottom:1px;
		}
		#main-left-bottom{
			background-image:url(images/main-left-bottom.png);
			background-repeat:no-repeat;
			height:29px;
		}
		
	/* Right Elements */
	#main-right{
		float:right;
		width:630px;
		margin-right:3px;
	}
	#main-right a{
		color:#666;
	}
	#main-right-text{
		float:left;
		margin-left:5px;
		width:610px;
	}
	#text-area{
	}
		#main-right-top{
			height:15px;
			background-image:url(images/main-right-top.png);
			background-repeat:no-repeat;
		}
		#main-right-middle{
			background-image:url(images/main-right-middle.png);
			background-repeat:repeat-y;
			padding-bottom:5px;
		}
		#main-right-bottom{
			background-image:url(images/main-right-bottom.png);
			background-repeat:no-repeat;
			height:26px;
		}
		
.boxgrid{ 
	width: 280px; 
	height: 170px; 
	margin:10px; 
	float:left; 
	background:#161613; 
	overflow: hidden; 
	position: relative;
	margin-left:15px;
}
	.boxgrid img{ 
		position: absolute; 
		top: 0; 
		left: 0; 
		border: 0; 
	}
	.boxgrid p{ 
		padding: 0 10px; 
		color:#afafaf; 
		font-weight:bold; 
		font:10pt "Lucida Grande", Arial, sans-serif; 
	}
	
.boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 130px;
	width: 284px;
	opacity: .8;
	z-index:30;
	color:#FFF;



	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
	.captionfull .boxcaption {
		top: 260;
		left: 0;
	}
	.caption .boxcaption {
	top: 124px;
	left: -1px;
	}
#portfolio{
	margin:0px;
	padding:0px;
}
#portfolio2{
	margin:0px;
	padding:0px;
}
	#flashcontent {
		margin:auto;
		padding-left:14px;
	}
#belt{
	margin-right:10px;
}
#activity-badges{
	margin-right:50px;
}
#badge-right{
	float:right;
	width:48%;
}
#badge-left{
	float:left;
	width:48%;
}
#membership{
	margin-right:10px;
}