body {
	margin: 0; padding: 0; border: 0;
	background: url("/images/pattern.jpg") #000 repeat;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: center;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left;
}

#top {
	height: 85px;
	width: 100%;
	background: #02142b;
	background: rgba(2, 20, 43, 0.75);
	color: #fff;
}
	#header {
		float: left;
		width: 420px;
		height: 85px;
		text-indent: -99999px;
	}
	#header a {
		display: block;
		width: 420px;
		height: 85px;
		text-decoration: none;
		background: url("/images/header.png") no-repeat;
		background-position: 32px 20px;
	}
	#header a:hover, #header a.active {
		background-color: #02091b;
	}
	#header h1 {
		margin: 0; padding: 0;
		width: 420px;
		height: 85px;
	}
	
	#menu {
		float: left;
		width: 580px;
		height: 85px;
	}
	#menu li, #menu a {
		float: left;
		width: 193px;
		height: 85px;
		text-decoration: none;
		color: #fff;
	}
	#menu a:hover, #menu a.active {
		background: #02091b;
	}
	#menu span.menu_title {
		display: block;
		margin-top: 12px;
		margin-left: 15px;
		font-size: 18px;
	}
	#menu span.menu_body {
		display: block;
		margin-top: 6px;
		margin-left: 15px;
		font-size: 12px;
		color: #838ca2;
	}

#content {
	width: 1000px;
	background: #022a44;
	background: rgba(2, 24, 68, 0.75);
	border-top: solid 1px #082148;
	border-bottom: solid 1px #082148;
	padding-bottom: 22px;
}
	.column {
		padding: 0; margin: 0;
		margin-top: 22px;
		width: 100%;
		overflow-y: hidden;
	}
		.full_column, #slider {
			padding: 0; margin: 0;
			float: left;
			width: 1000px;
			background: #fff;
		}
		.full_column .content {
			margin: 20px;
		}
		
		.column .project_link {
			width: 250px;
			text-align: center;
		}
		.column .right.project_link {
			float: right;
		}
		.column .project_link a {
			display: block;
			color: #fff;
			background: #02142B;
			border: solid 1px #082148;
			text-decoration: none;
			padding: 20px;
			font-size: 18px;
		}
		.column .left.project_link a {
			border-left: none;
		}
		.column .right.project_link a {
			border-right: none;
		}
		.column .project_link a:hover {
			background: #02091B;
		}
		
		.column .content.black {
			margin: 0px;
			padding: 20px;
			background: #303030;
			color: #fff;
			font-size: 15px;
		}
		.column .content.margin {
			margin: 30px;
		}
		.column .content.overflow {
			overflow: hidden;
		}
		.half_column.left#project {
			min-height: 292px;
		} 
		.content h3 {
			font-size: 18px;
			font-weight: bold;
			color: #2e2e2e;
		}
		.content .project {
			float: left;
			margin-top: 20px;
		}
			.content .project .image {
				float: left;
				width: 150px;
				height: 80px;
			}
			.content .project .info {
				float: left;
				font-size: 13px;
				margin-left: 25px;
				width: 240px;
			}
			.content .project .info h4 {
				font-size: 15px;
				margin-bottom: 10px;
			}
		
		#slider, .slider {
			position: relative;
			overflow: hidden;
			height: 400px;
			background-color: #000;
			background-image: url("/images/loader.gif");
			background-position: center;
			background-repeat: no-repeat;
		}
		#slider #slider_mask, .slider .slider_mask {
			position: absolute;
			width: 1000px;
			height: 400px;
		}
			#slider_mask .slider_item, .slider_mask .slider_item {
				float: left;
				width: 1000px;
				height: 400px;
			}
		#slider #slider_info, .slider .slider_info {
			position: absolute;
			bottom: 0; left: 0;
			width: 100%;
			height: 70px;
			background: #000;
			background: rgba(0, 0, 0, 0.70);
			color: #fff;
			text-shadow: 1px 1px 1px #000;
		}
		.slider .slider_info {
			text-align: right;
		}
			#slider_wrapper, .slider_wrapper {
				position: relative;
				width: 100%;
				height: 100%;
			}
			#slider_link, .slider_link_container {
				position: absolute;
				top: 0; right: 0;
				width: 175px;
				height: 70px;
			}
			#slider_link a, .slider_link_container a {
				display: none;
				float: left;
				width: 175px;
				height: 70px;
				line-height: 70px;
				color: #fff;
				font-size: 24px;
				text-align: center;
				text-decoration: none;
				background: #000;
				background: rgba(0, 0, 0, 0.40);
			}
			.slider_link_container a {
				display: block;
			}
			#slider_link a:hover, .slider_link_container a:hover {
				background: #000;
				background: rgba(0, 0, 0, 0.70);
				color: #fff;
			}
			#slider_dots {
				position: absolute;
				top: -16px; left: 22px;
				height: 16px;
				padding-left: 10px;
				background: #000;
				background: rgba(0, 0, 0, 0.70);
			}
				#slider_dots a {
					float: left;
					margin-top: 6px;
					margin-right: 10px;
				}
				
			#slider_arrows {
				position: absolute;
				top: 18px; left: 10px;
			}
				#slider_arrows a {
					float: left;
					margin-right: 10px;
				}
			
			#slider_title, .slider_title_container {
				position: absolute;
				top: 28px; left: 85px;
				font-size: 17px;
				width: 270px;
				text-align: center;
			}
			.slider_title_container {
				text-align: left;
				left: 30px;
			}
				.slider_title { display: none; }
				
			#slider_content, .slider_content_container {
				position: absolute;
				top: 20px; left: 370px;
				font-size: 12px;
				width: 420px;
				line-height: 16px;
			}
				.slider_content { display: none; }
		
		.half_column {
			float: left;
			width: 489px;
			background: #fff;
		}
		.half_column.left {
			margin-right: 22px;
		}
		.half_column .content {
			margin: 20px;
		}
		
		.twitter { 
			overflow: auto;
		}
			.twitter_header {
				width: 489px;
				height: 50px;
				background: url("/images/twitter.jpg");
			}
			.twitter li {
				float: left;
				margin-bottom: 20px;
				width: 449px;
			}
			.twitter li img {
				float: left;
				margin-right: 10px;
			}
			.twitter li .tweet_container {
				float: left;
				width: 391px;
				margin-top: -3px;
			}
			.twitter li .tweet_name {
				margin-bottom: 5px;
			}
				.twitter li span.screen_name {
					color: #333333;
					font-weight: bold;
					font-size: 14px;
				}
				.twitter li span.normal_name {
					color: #999999;
					font-size: 12px;
				}
				
			.twitter li span.tweet {
				display: block;
				margin-bottom: 6px;
				color: #444444;
				font-size: 15px;
			}
				.twitter li .mention {
					text-decoration: none;
				}
			
			.twitter li span.created_at {
				display: block;
				color: #999999;
				font-size: 11px;
			}

#footer {
	padding: 20px;
	width: 960px;
	background: #02142b;
	background: rgba(2, 20, 43, 0.75);
	color: #fff;
	font-size: 12px;
	text-align: center;
	overflow: auto;
}
#footer span {
	float: left;
}
#footer span.links {
	float: right;
	color: #465b7f;
}
#footer span.links a:hover {
	color: #24395d;
}

/* GENERAL CSS */
h2 { font-size: 22px; }
.black a { color: #ddd; }
.black a:hover { color: #999; }
.project a { color: #2e2e2e; text-decoration: none; }
a { color: #465b7f; }
img { border-style: none; border: none; }
a:hover { color: #000; }
ul.unordered_list {
	margin-left: 30px;
	list-style: disc outside;
	line-height: 26px;
}
ul.unordered_list li { margin-bottom: 4px; padding-left: 10px; }

div.quote {
	font-size: 15px;
	color: #2e2e2e;
	overflow: hidden;
}
.quote span.text {
	float: left;
	line-height: 18px;
	width: 388px;
	margin-left: 10px;
	margin-top: 4px;
}
.quote span.quote {
	float: left;
	width: 30px;
	font-size: 60px;
	height: 40px;
}

h2.margin_bottom, p.margin_bottom {
	margin-bottom: 15px;
}

/* FORM */
input.submit {
	border: solid 1px #000;
	background: #333;
	color: #fff;
	font-size: 16px;
	padding: 10px;
	cursor: pointer;
}
input.submit.margin_top {
	margin-top: 16px;
}
input.string {
	border: solid 1px #999;
	font-size: 16px;
	padding: 5px;
	width: 390px;
	margin-bottom: 12px;
}
.todos input.string, .add_todo input.string {
	width: 510px;
}
input.string.date {
	width: 120px;
	text-align: center;
	cursor: pointer;
}
textarea.text {
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	border: solid 1px #999;
	padding: 5px;
	font-size: 16px;
	width: 390px;
	height: 100px;
	margin-bottom: 12px;
}
textarea.text.big {
	height: 200px;
	width: 600px;
}
select {
	font-size: 16px;
	border: solid 1px #999;
	width: 400px;
}
.cross_select {
	font-size: 16px;
	border: solid 1px #999;
	width: 400px;
	height: 150px;
}

.simple_form div.simple {
	margin: 0px 0px 15px 0px;
	width: 415px;
	color: #222;
}

.simple_form label {
	display: block;
	width: auto;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}
.simple_form label.boolean {
	display: inline;
}

div.file {
	margin-top: 12px;
}

.simple_form .error {
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 12px;
	color: #d00;
	display: block;
}

.simple_form .field_with_errors {
	display: inline;
	color: #f00;
}

.simple_form .errors_box {
	margin: 10px;
	padding: 10px;
	text-align: center;
	font-size: 14px;
	background: #993400;
	color: #fff;
}

/* SPRITES */
a.arrow {
	display: block;
	width: 23px;
	height: 41px;
	background: url("/images/arrows.png") no-repeat;
	text-decoration: none;
	font-size: 10px;
	text-indent: -99999px;
}
a.arrow.right { background-position: 0px 0px; }
a.arrow.right:hover { background-position: -46px 0px; }
a.arrow.left { background-position: -69px 0px; }
a.arrow.left:hover { background-position: -115px 0px; }

a.dot {
	display: block;
	width: 20px;
	height: 20px;
	background: url("/images/dots.png") no-repeat;
	text-decoration: none;
	font-size: 10px;
	text-indent: -99999px;
}
a.dot { background-position: -20px 0px; }
a.dot:hover { background-position: -40px 0px; }
a.dot.active { background-position: 0px 0px; cursor: default; }