html {
	width: 100%;
	height: 100%; 
	/*background-color: #0f1314;*/ 
	/*background: #6db2c9 url(../img/bg-3.gif) no-repeat bottom left;*/
}

body { 
	padding: 0; 
	margin: 0; 
	/*background: url(../img/trans-white.png) repeat;*/ 
	height: 100%; 
	font: 12px/20px Georgia, "Times New Roman", Times, serif;
}

body.welcome { 
	/*background: url(../img/trans-white-85.png) repeat;*/
}

body.grey { 
	background: url(../img/trans-333-97.png) repeat;
	color: #fff;
}

body.grey a { 
	color: #fff; 
}

body.blue { 
	background-color: #bddcfe; 
	background-image: none; 
}

/*#logo
 { 
	position: absolute; 
	left: 50%; 
	top: 50%; 
	width: 447px; 
	height: 109px; 
	margin-top: -54px;
	margin-left: -223px;
}*/

#logo
 { 
	position: absolute; 
	left: 30px; 
	bottom: 30px; 
}

div.welcome a { 
	font: normal normal 60px/140px Monaco, Georgia, "Times New Roman", Times, serif; 
	color: #3c98fd; 
	white-space: nowrap; 
}

div.welcome a.two { 
	font: normal normal 60px/140px "Times New Roman", Monaco, Georgia, Times, serif; 
	color: #3c98fd; 
	white-space: nowrap; 
}

div.welcome a.three { 
	font: normal normal 60px/140px Courier, "Courier New", mono; 
	color: #3c98fd; 
	white-space: nowrap; 
}

span.welcome:hover { 
	border-top: 2px solid #8c8032; 
	border-left: 2px solid #8c8032; 
	border-bottom: none;
	border-right: none;
	background-color: #edd854;
}

span.welcome { 
	margin: 0; 
	padding: 20px; 
	background-color: #fce659; 
	color: #8c8032; 
	font: normal normal 60px/140px Georgia, Monaco, "Times New Roman", Times, serif; 
	border-bottom: 1px solid #8c8032; 
	border-right: 1px solid #8c8032; 
	text-decoration: none; 
}

a { 
	text-decoration: none; 
	outline: none;
	color: #414143;
}

p { 
	margin-top: 0; 
	margin-bottom: 20px; 
}

a:hover, a.selected { 
	text-decoration: none; 
	font-weight: bold; 
}

#screen
 { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background-color: #6db2c9; 
	display: none; 
}

#menu { 
	padding: 20px; 
	font: bold 12px/20px Helvetica, Arial, Geneva, sans-serif; 
	overflow: hidden; 
}

.menu-column { 
	width: 145px; 
	float: left; 
}

.menu-column2 { 
	font: bold 12px/20px Helvetica, Arial, Geneva, sans-serif; 
	width: 195px; 
	float: left; 
}

#content { 
	position: absolute; 
	top: 30px; 
	right: 30px; 
	background-color: #fff; 
	padding: 15px; 
	width: 500px; 
}

.container { 
	padding: 60px 20px 20px; 
}

img.sites { 
	float: left; 
	margin-right: 30px; 
	margin-bottom: 30px; 
}

.column { 
	width: 290px; 
	float: left; 
	margin-right: 30px; 
}

.column-wide { 
	width: 610px; 
	float: left; 
	margin-right: 30px; 
}

.work { 
	margin-bottom: 15px; 
	padding-bottom: 15px; 
}

.work p { 
	margin-bottom: 0; 
	font-weight: bold; 
}

.work img { 
	margin-left: -22px; 
}

/* ******************* */

body.previous { 
	background-color: #fff; 
	background-image: none; 
	font: 14px/20px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif; 
	color: #368abf; 
}

/* ******************* */

.project-image {
	margin-bottom: 20px;
}

.back {
	margin-bottom: 30px; 
	padding-left: 100px;
}

body.code { 
	background-color: #ECFFF3; 
	background-image: none; 
	font: 14px/20px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif; 
	color: #FF4B4E; 
}

body.code .nav2 a { 
	color: #FF4B4E; 
}

body.code .column-narrow { 
	border-top: 1px solid #FF4B4E; 
}

body.code .column-wide { 
	border-top: 1px solid #FF4B4E; 
}

/* ******************* */

body.grey1 { 
	background-color: #ccc; 
	background-image: none; 
	font: 75%/20px Courier, "Courier New", mono; 
	color: #414143; 
}

body.grey2 { 
	background-color: #d7cfbd; 
	background-image: none; 
	font: 75%/20px Courier, "Courier New", mono; 
	color: #414143; 
}

body.pages { 
	background-color: #d7cfbd; 
	background-image: none; 
	font: 75%/20px Courier, "Courier New", mono; 
	color: #414143; 
}

/* ******************* */

body.about { 
	background-color: #dfdfdf; 
	background-image: none; 
	font: 14px/20px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif; 
	color: #FF4B4E; 
}

body.about .nav2 a { 
	color: #FF4B4E; 
}

body.about .column-narrow { 
	border-top: 1px solid #FF4B4E; 
}

body.about .column-wide { 
	border-top: 1px solid #FF4B4E; 
}

/* ******************* */

.contact { 
	color: #ff0097; 
}

.contact a { 
	color: #ff0097; 
}

.contact a:hover { 
	font-weight: normal;
	text-decoration: underline;
}

ul.nav { 
	list-style-type: none; 
	margin: 0 0 30px; 
	padding: 0; 
}

/*.nav li { 
	float: left; 
}*/

/*.project-info { 
	padding: 10px; 
	background-color: #cbfe9a; 
	margin-bottom: 15px; 
}*/

.nav a { 
	color: #414143; 
}

.nav a.selected, .nav a:hover { 
	text-decoration: none; 
	font-weight: bold; 
	border-bottom: 1px dotted #fff; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
}

strong { 
	text-transform: uppercase; 
	letter-spacing: 1px; 
}

.welcome { 
	font-weight: bold; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
}

h1.four { 
	color: #366598; 
	font: normal bold 70px Arial, Helvetica, Geneva, sans-serif; 
	letter-spacing: -2px; 
}

#container { 
	height: 100%; 
	margin-top: 30px; 
	margin-left: 30px;  
}

.thumbs {
	width: 700px;
	/*float: left;*/
	overflow: hidden;
	margin-bottom: 20px;
	/*border: 1px dotted #7a7b7e;*/
	border-top: 1px solid #7a7b7e;
	margin-right: 12px; 
	/*background-color: #ffc;*/ 
	/*height: 250px;*/ 
}

.thumbs img {
	width: 450px;
	float: left;
}

.thumbs p {
	width:235px;
	margin-left: 15px;
	float: left;
	white-space: normal; 
	margin-top: 10px; 
}

a.seemore { 
	color: #ff0097; 
}

a.seemore:hover { 
	color: #ff0097; 
	font-weight: normal;
	text-decoration: underline;
}

#container-work { 
	height: 100%; 
	margin-left: auto; 
	margin-right: auto; 
	width: 980px; 
	margin-top: 30px; 
}

#navigation { 
	background-color: #ffff99; 
	width: 250px; 
	float: left; 
	padding: 10px; 
	margin-right: 15px; 
	font: 11px/20px Verdana, sans-serif; 
	border-right: 2px solid #aaa; 
	border-bottom: 2px solid #aaa; 
	height: 150px; 
}

#navigation a { 
	color: #000; 
	text-transform: uppercase; 
}

#navigation a.selected { 
	color: #000;
	text-decoration: underline; 
}

div.logo { 
	margin-bottom: 30px; 
	padding-bottom: 30px; 
	width: 600px; 
}

a.logo { 
	width: 520px; 
	height: 126px; 
	background: url(../img/logo-new3.png) no-repeat 0 0; 
	display: block; 
}

/*a.logo:hover { 
	background-position: 0 -126px; 
}*/

.text { 
	width: 500px; 
	padding: 15px; 
	background-color: #fff; 
	margin-left: 30px; 
	float: left; 
}

.text p { 
	margin-top: 0; 
	margin-bottom: 1em; 
}

#twitter { 
	background-color: #000; 
	position: absolute; 
	top: 180px; 
	left: 800px; 
	width: 150px; 
}

#twitter p { 
	color: #fff; 
	margin: 0; 
	padding-top: 15px; 
	padding-bottom: 15px; 
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff; 
	text-align: center; 
	font: bold 2em/1.5em Georgia, "Times New Roman", Times, serif; 
}

body.work { 
	font: 80%/20px Arial, Helvetica, "Helvetica Neue", Geneva, sans-serif; 
	color: #222; 
	background: transparent url(../img/mullett.jpg) no-repeat; 
}

.navigation { 
	width: 200px; 
	float: left; 
	margin-left: 0; 
}

.navigation a { 
	background-color: #d7fbff; 
	width: 170px; 
	float: left; 
	padding: 10px; 
	margin-right: 15px;
	margin-bottom: 15px; 
	font: 11px/20px Verdana, sans-serif; 
	border-right: 2px solid #aaa; 
	border-bottom: 2px solid #aaa; 
	height: 75px; 
}

.navigation a:hover { 
	background-color: #99ccff;
	color: #000;
}

.navigation a.selected { 
	background-color: #99ccff;
	color: #000;
}

.column-caption { 
	width: 300px;
	float: left; 
	border-top: 1px solid #7a7b7e; 
	padding-top: 15px; 
	margin: 0 20px 0 0; 
}

.column-nav { 
	width: 200px;
	float: left; 
	border-top: 1px solid #7a7b7e; 
	padding-top: 15px; 
	margin: 0 20px 0 0; 
}

.column-narrow { 
	width: 200px;
	float: left; 
	border-top: 1px solid #7a7b7e; 
	padding-top: 15px; 
	margin: 0 20px 0 0; 
}

.column-work { 
	width: 680px;
	float: left;
	border-top: 1px solid #7a7b7e; 
	padding-top: 15px; 
}

.column-wide { 
	width: 600px;
	float: left;
	border-top: 1px solid #7a7b7e; 
	padding-top: 15px; 
	margin: 0 20px 0 0;
}

.bubble { 
	border-bottom: 1px dotted #7a7b7e; 
	margin-bottom: 15px; 
	padding-bottom: 15px; 
	float: left; 
	margin-right: 30px; 
	width: 300px; 
	height: 250px; 
	overflow: hidden; 
}

.bubble p { 
	padding-top: 10px; 
	margin-top: 10px; 
}

.clean {
	border-top: none; 
	padding-top: 0;
}

.blog_link {
	margin-top:10px;
}