body {
	background:url(../images/bkg_main.png) repeat-x #fff;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#333;
	line-height:1.5em;
	padding:8px 0 0 0;
	margin:0;
}

#header {
	background:url(../images/bkg_header.png) no-repeat bottom;
	width:810px;
	height:92px;
	margin:0 auto 0 auto;
	padding:0;
}

#navbar {
	width:500px;
	height:20px;
	margin:0 auto 0 auto;
	border:0px solid #f90;
	float:right;
	position:relative;
	top:65px;
}

#nav {
	margin:0;
	padding:0 10px 0 0;
	list-style:none;
	float:right;
}

#nav li {
	float:left;
	position:relative;
	width:10em;
}

#nav li ul {
	display:none;
	position:absolute;
	top:1em;
	left:0;
	margin:0;
	padding:0;
	list-style:none;
}

#nav li > ul {
	background:#fff;
	top:auto;
	left:auto;
}

#nav li:hover ul, #nav li.over ul {
	display:block;
	border:1px solid #fff;
	padding-bottom:.5em
}

#nav ul li a {
	background: #fff; /* IE6 Bug */
}

/* Fix IE. Hide from IE Mac \*/
#nav ul li { float: left; height: 1%; }
#nav ul li a { height: 1%; }
/* End */

#nav a {
	display:block;
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#330;
	text-transform:uppercase;
	padding:.5em .5em .5em 1.5em;
	text-decoration:none;
}

#nav a:hover {
}

#subnav a:hover {
	color:#d15600;
}

#nav li ul a {
	color:#666;
}

#content {
	width:770px;
	background:url(../images/bkg_body.png) no-repeat;
	min-height:500px;
	margin:0px auto 0 auto;
	border:0px solid #fff;
	padding:10px 20px 20px 20px;
}

#content a {
	color:#d15600;
}

#content a:hover {
	color:#fff;
	background:#d15600;
}

#col-1 {
	width:450px;
	float:left;
}

#col-1 img {
	padding:10px;
}
	

#col-2 {
	width:250px;
	float:left;
}

#footer {
	width:770px;
	margin:0px auto 0 auto;
	border-top:1px dashed #ccc;
	padding:10px 20px 20px 20px;
	font:normal 9px Arial, Helvetica, sans-serif;
	color:#999999;
}

/* Headline Styles */
h1 {
	font:normal 1.2em Arial, Helvetica, sans-serif;
	color:#ccc;
	margin:0;
	padding:0;
}

h2 {
	font:normal 2em Arial, Helvetica, sans-serif;
	color:#336699;
	padding:0 0 10px; 0;
	margin:0;
}

h3 { 
	padding:20px 0 0 0; 
	margin:0; 
	font:normal 14px Arial, Helvetica, sans-serif; 
	color:#333;
}

h3 strong {
	color:#d15600; 
	text-transform:uppercase
}

hr { border:0; border-bottom:1px dashed #ccc;}
.clear {clear:both}
.link {color:#003366}
.projects {
	padding:0 10px 10px 12px;
	margin:0 10px 10px 13px;
}

.mainnav {cursor:pointer;}

.testimonial {
	background:url(../images/quote.png) no-repeat;
	border-bottom:1px dashed #ccc;
	margin:0 auto 0 auto;
	padding:20px 20px 0 75px;
}

.last {border-bottom:0px;}


/* Web Cam Page */
#webcam {width:250px; float:left;}
#webcam img {padding:5px; border:1px solid #ccc;}
#webcam p {padding:10px 0 5px 0; margin:0; text-transform:uppercase; font:bold 10px Arial, Helvetica, sans-serif; color:#999}

/* Resume */
.resume h3 { 
	clear:left;
	padding:20px 0 0 0; 
	margin:0; 
	font:normal 14px Arial, Helvetica, sans-serif; 
	color:#d15600;
	border-bottom:0px dashed #efefef;
	width:200px;
	text-align:right;
	float:left;
}

.section {
	padding:10px 0 0 0;
	border:1px solid #ccc;
}

.resumecontent {
	float:left;
	width:500px;
	padding:20px 0 0 15px;
}

.resume ul {
	color:#999;
	padding:0;
	margin:0 0 0 20px;
}

.resumecontent a {
	color:#333;
}