@charset "UTF-8";
/* CSS Document */
* {margin:0; padding:0;}
html, body {height:100%;}
body {
	background:#161616;
	color:#333;
	font-family:"Lucida Sans", "Lucida Grande", sans-serif;
	font-size:14px;
	line-height:19px;
	}
h1, h2, h3, h4 {font-weight:400;}
h2 {font-size:18px; line-height:30px;}
h3 {font-size:16px; color:#9DB8C1;}
a:link, a:visited, a:hover, a:active {color:#333;}
#outer {display:table; #position:relative; width:100%; height:100%; min-height:100%;}
#middle {#position:absolute; #top:50%; width:100%; display:table-cell; vertical-align:middle;}
#inner {#position:relative; #top:-50%;}
#wrapper {height:600px; overflow:visible;}
.content {
	width:832px;
	margin:0 auto;
	padding:0 34px;
	}
#header {
	background:#BD7342 url(images/xTile1.gif);
	height:150px;
	text-align:right;
	line-height:normal;
	}
#updates {
	background:#676253;
	height:30px;
	overflow:hidden;
	}
#about {
	background:#6E8277;
	height:30px;
	overflow:hidden;
	}
#portfolio {
	background:#FFF6C5;
	height:30px;
	overflow:hidden;
	}
.left, .right {
	float:left;
	margin:0 34px;
	width:348px;
	display:inline;
	}
.right {float:right;}
#header a:hover, #header a:active, li a:hover, li a:active {background:#9DB8C1;}
#header a:link, #header a:visited, #header a:hover, #header a:active, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {text-decoration:none;}
#header .content {background:#BD7342 url(images/header1.gif) no-repeat scroll; width:840px; height:116px; padding:17px 26px 17px 34px;}
#header ul {list-style:none;}
#header li {display:inline; padding:0 8px;}
#contact {margin:57px 0 0;}
#contact li {padding:5px 8px 0 0; display:list-item;}
#updates ul {margin:3px 0 0;}
#updates li, #portfolio li {list-style:none inside; margin:2px 0; padding:0 0 0 14px; background:url(images/x1.gif) no-repeat scroll center left;}
#portfolio li {background:url(images/x2.gif) no-repeat scroll center left;}
li div {width:150px;}
#flash, #email {width:auto;}