/* basic classes */
body {
	background-color:white;
	padding:10px 0 0 10px;
	margin:0;
}

div, img, table, td, ul, li, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	border:0;
}

a, a.hover, a:link, a:active {
	color:#C00;
}

.hide {
	display:none;
}

.floatL {
	float:left;
}

.floatR {
	float:right;
}

.clearL {
	clear:left;
}

.clearR {
	clear:right;
}

.clearB {
	clear:both;
}

h1 {
	width:235px;
	height:102px;
	padding:40px 0 0 0;
	margin:0;
	text-align:left;
	vertical-align:bottom;
	background-image:url(images/h1-bg.jpg);
	background-position:right center;
	background-repeat:no-repeat;
	background-color:#34363B;
}

h2 {
	display:none;
}

h3 {
	font:20px verdana,arial,sans-serif;
	color:#666666;
	margin:15px 20px 0 0;
}

h4 {
	font:bold 12px verdana,arial,sans-serif;
}

#navBox {
	height:140px;
	width:515px;
	background-image:url(images/navbox-bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#mainNav {
	list-style-type:none;
	margin:115px 0 0 0;
	background-color:black;
	height:27px;
}

a.topNav {
	display:block;
	float:left;
	color:white;
	background-color:black;
}

#mainNav a, #mainNav a:hover {
	display:block;
	float:left;
	text-decoration:none;
	font:bold 11px verdana,arial,sans-serif;
	margin:3px 2px 0 0;
	height:15px;
	padding:2px 6px;
} 

#mainNav a:hover, #mainNav a#active, #mainNav a#active:hover {
	background-color:white;
	color:#C00;
}

#mainContent {
	width:750px;
	font:11px verdana,arial,sans-serif;
	vertical-align:top;
	text-align:left;
}

#leftCol {
	text-align:right;
	width:209px;
}

#rightCol {
	width:535px;
	padding:20px 0 0 5px;
}

#jobList td {
	width:50%;
	padding:0 15px 0 0;
	vertical-align:top;
}

#jobList ul {
	margin:5px 0 20px 25px;
}

#portfolio img {
	border:1px solid #000;
}

img.portfolioR {
	float:right;
	margin:0 0 15px 15px;
}

img.portfolioL {
	float:left;
	margin:0 15px 15px 0;
}

#portfolio {
	margin:20px 0 0 0;
}

#portfolio td.top {
	padding:0 0 15px 0;
	border-bottom:1px dotted black;
}

#portfolio td {
	padding:15px 0 15px 0;
	border-bottom:1px dotted black;
}

#portfolio td.bottom {
	padding:15px 0 0 0;
	border:0;
}

#leftInfoBox, #rightInfoBox {
	width:182px;
	height:110px;
	float:left;
	padding:10px 5px 0 80px;
	margin:15px 0 0 0;
}

#leftInfoBox {
	background-image:url(images/leftInfoBoxImg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#FFF2B1;
}

#rightInfoBox {
	background-image:url(images/rightInfoBoxImg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#FCE783;
}

#leftInfoBox p, #rightInfoBox p {
	padding:0;
	margin:0 0 8px 0;
}

span#leftInfoBoxTitle, span#rightInfoBoxTitle {
	font:bold 12px verdana,arial,sans-serif;
	display:block;
	padding:0;
	margin:0 0 4px 0;
}

.learnMoreL {
	margin:-1px 0 0 82px;
}

.learnMoreR {
	margin:24px 0 0 82px;
}

#footer {
	width:750px;
	padding:20px 0 20px 213px;
	font:10px verdana,arial,sans-serif;
}

span.hawksys {
	color:#666666;
}

span.hawksys a, span.hawksys a:hover {
	color:#666666;
}