body {
	font-family: "museo-sans-1","museo-sans-2",sans-serif;
	color:#fff;
	background-color:#003366;
	margin:30px 5px 30px 5px;
	background-repeat:repeat;
	background-image:url(images/bg.png);
}

p, td { font-family: "museo-sans-1","museo-sans-2",sans-serif; }

h1 { font-size:18px; font-weight:100; margin:0; padding:0; letter-spacing: 0.0125em; }

hr { height:1px; border:none; margin:15px 0 15px 0; width:100%; background-image:url(images/hr.png); background-repeat:repeat; }

img {border:none;}

.blue a:link { color: #33ccff; text-decoration:none; }
.blue a:visited { color: #33ccff; text-decoration:none; }
.blue a:active { color: #33ccff; text-decoration:none; }
.blue a:hover { color: #33ccff; text-decoration:none; }

#logotype a:link { color: #fff; text-decoration:none; }
#logotype a:visited { color: #fff; text-decoration:none; }
#logotype a:active { color: #fff; text-decoration:none; }
#logotype a:hover { color: #fff; text-decoration:none; }

a:link { color: #fff; text-decoration:none; }
a:visited { color: #fff; text-decoration:none; }
a:active { color: #fff; text-decoration:none; }
a:hover { color: #33ccff; text-decoration:none; }

#container {
	width:1000px;
	padding:0;
	margin-left:auto;
	margin-right:auto;
}

#top { width:100%; height:30px; clear:both; }
	#logotype { float:left; line-height:30px; }
	#nav { float:right; font-size:13px; font-weight:100;  line-height:33px; }

.services {
	width:170px;
	min-height:207px;
	padding:10px 10px 10px 22px;
	background-image:url(images/vr.png);
	background-repeat:repeat-y;
	font-size:11px;
	line-height:24px;
	font-weight:300;
	float:left;
}

.bio {
	width:348px;
	min-height:207px;
	padding:10px 22px 10px 22px;
	background-image:url(images/bg_black.png);
	font-size:11px;
	line-height:24px;
	font-weight:300;
	float:left;
	-moz-border-radius:5px;
	border-radius:5px;
}

.column {
	width:192px;
	margin:5px 10px 15px 0;
	float:left;
	font-size:11px;
	line-height:24px;
}

.connect div { height:16px; line-height:16px; margin:4px 0 8px 0; }
	.connect div a { padding-left:26px; }
	.connect div#linkedin { background-image:url(contact/images/linkedin.png); background-repeat:no-repeat; }
	.connect div#behance { background-image:url(contact/images/behance.png); background-repeat:no-repeat; }
	.connect div#aiga { background-image:url(contact/images/aiga.png); background-repeat:no-repeat; }
	.connect div#coroflot { background-image:url(contact/images/coroflot.png); background-repeat:no-repeat; }
	.connect div#creativehotlist { background-image:url(contact/images/creativehotlist.png); background-repeat:no-repeat; }

.column_span {
	font-family: "museo-sans-1","museo-sans-2",sans-serif;
	font-size:12px;
	width:798px;
	float:left;
	margin-top:5px;
}

.resume {
	font-family: "museo-sans-1","museo-sans-2",sans-serif;
	font-size:11px;
	line-height:24px;
	width:596px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
}

.work_nav a:hover { color:#fff; text-decoration:none; padding-right:15px; background:url(images/select.png) right no-repeat; }
.work_nav { padding-bottom:15px; }
.work_nav_select { color:#fff; text-decoration:none; padding-right:15px; background:url(images/select.png) right no-repeat; }

.web_bg {
	width:798px;
	height:672px;
	position:absolute;
	margin:0;
	background-image:url(images/bg_web.png);
	background-repeat:no-repeat;
	z-index:1;
}

.books_bg {
	width:758px;
	height:366px;
	padding-left:40px;
	background-image:url(images/bg_books.png);
	background-repeat:no-repeat;
}

.web_work {
	width:724px;
	height:454px;
	float:left;
	margin:33px 0 60px 37px;
	z-index:2;
	position:relative;
	padding:0;
	overflow: hidden;
}
	.web_work img { width:724px; height:454px; top:0; left:0; }
	
.identity_work {
	width:798px;
	height:596px;
	float:left;
	margin:0 0 15px 0;
	z-index:2;
	padding:0;
	position:relative;
	overflow: hidden;
}
	.identity_work img { width:798px; height:596px; top:0; left:0; }
	
.genesis_work {
	width:798px;
	height:435px;
	float:left;
	margin:0 0 15px 0;
	z-index:2;
	padding:0;
	position:relative;
	overflow: hidden;
}
	.genesis_work img { width:798px; height:435px; top:0; left:0; }
	
	.waterbabies_work {
	width:798px;
	height:612px;
	float:left;
	margin:0 0 15px 0;
	z-index:2;
	padding:0;
	position:relative;
	overflow: hidden;
}
	.waterbabies_work img { width:798px; height:612px; top:0; left:0; }
	
	.journey_work {
	width:798px;
	float:left;
	text-align:center;
	margin:0 0 15px 0;
	z-index:2;
	padding:0;
	position:relative;
	overflow: hidden;
}
	.journey_work img { top:0; left:0; }

.work_info {
	width:780px;
	margin:0;
	font-size:9px;
	letter-spacing:0.1em;
	text-align:right;
	text-transform:uppercase;
	position:relative;
	z-index:3;
	float:right;
}
	.work_info a:hover { color:#fff; }

.web_info {
	width:780px;
	margin:0 18px 0 0;
	font-size:9px;
	letter-spacing:0.1em;
	text-align:right;
	text-transform:uppercase;
	position:relative;
	z-index:3;
	float:right;
}
	.web_info a:hover { color:#fff; }
	
.misc_work {
	width:798px;
	float:left;
	margin:0 0 15px 0;
	z-index:2;
	padding:0;
	position:relative;
	overflow: hidden;
}
	.misc_work img { top:0; left:0; }

#info_body {
	display:none;
	top:76px;
	margin:0 0 0 548px;
	padding-bottom:15px;
	width:250px;
	height:auto;
	position:absolute;
	float:left;
	background:url(images/bg_info.png);
	color:#fff;
	font-size:11px;
	line-height:20px;
	font-weight:300;
	text-align:left;
	z-index:4;
}
	#info_body p { padding:10px 22px 0px 22px; margin:0; }
	#info_body p a:hover {color:#fff; text-decoration:underline; }
	#info_body .close {
		float:right;
		margin:5px 5px 0 0;
		width:9px;
		height:9px;
		padding:0;
		border:1px solid #fff;
		-moz-border-radius:2px;
		border-radius:2px;
		background:url(images/close.png) no-repeat;
		cursor:pointer;
		opacity:0.50;
		filter:alpha(opacity=50);
	}
	#info_body .close:hover {
		opacity:0.75;
		filter:alpha(opacity=75);
	}
	
	.thumb {
		margin:0 10px 10px 0;
		float:left;
		display:block;
	}
	.thumb_r {
		margin:0 0 10px 0;
		float:left;
	}
	.thumb img {
		opacity:0.95;
		filter:alpha(opacity=95);
		border:none;
	}
	.thumb img:hover {
		opacity:1;
		filter:alpha(opacity=100);
	}
	.thumb_r img {
		opacity:0.95;
		filter:alpha(opacity=95);;
		border:none;
	}
	.thumb_r img:hover {
		opacity:1;
		filter:alpha(opacity=100);;
	}
	
	.form { 
		padding:5px;
		border:none;
		background-image:url(images/bg_black.png);
		background-color:#000;
		color:#fff;
		font-family: "museo-sans-1","museo-sans-2",sans-serif;
		font-size:11px;
		-moz-border-radius:5px;
		border-radius:5px;
	}
	
	.submit {
		padding:5px 5px 5px 7px;
		border:none;
		background-image:url(images/bg_black.png);
		background-color:#000;
		color:#fff;
		font-family: "museo-sans-1","museo-sans-2",sans-serif;
		font-size:11px;
		float:right;
	}
	
	.submit:hover {
		color:#33ccff;
	}
	
#web_body { display:none; }
#identity_body { display:none; }
#books_body { display:none; }
#misc_body { display:none; }


.big { font-size:38px; line-height:52px; font-weight:100; padding-bottom:16px; }
.med { font-size:23px; line-height:36px; font-weight:100; padding-bottom:50px; }
.blue { color:#33ccff; }
.tracked { letter-spacing: 0.15em; text-transform:uppercase; }
.norm { font-weight:300; }
.museo { font-family: "museo-1","museo-2",sans-serif; }
.small {font-size:9px; line-height:normal; color:#ccc; }