/* ########## Layout ########## */
html,body {
	margin:0;
	padding:0;
	width: 100%;
	height:100%;
	min-height: 100%;
	font-family:arial,helvetica,sans-serif;
	font-size: 11px;
	text-align: center;
}
html {
	background-color: #333333;
}
body {
	background-color: transparent;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
div#pagewidth {
	background-image: url(/images/site/background_tile.gif);
	margin-top: 31px;
	width: 800px;
	min-height: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
div#wrapper {
	background-image: url(/images/site/background.jpg);
  	background-position: 0% 100%;
	background-repeat: no-repeat;
	position: relative;
	width: 798px;
	min-height: 598px;
	border: 1px solid #666666;
}
h1,h2,h3,h4,p,ul,li { margin:0; padding:0; }
img { border: none; }


/* ########## Master Divs ########## */
div#header {
	width: 88px;
	height: 88px;
	position: absolute;
}
#home div#header { background-color: #8e989d; width: 100%; height: 20px; }
#home div#header a { display: none; }
div#nav {
	position: absolute;
	left: 220px;
	top: 0px;
}
#home div#nav { display: none; }
div#footer {
	position: absolute; bottom: 0px;
	margin-bottom: -3px;
}
div#tracking {
	position: absolute;
	bottom: 0;
	left: 0;
}

/* ########## Main Nav ########## */
div#nav {

}
div#nav a { margin-right: 3px; }

div#nav ul { margin: 0; padding: 0; list-style-type: none; display: inline; float: right; }
div#nav ul li { margin: 0; padding: 0; list-style: none; display: inline; float: left; }

/* ########## Footer ########## */
#footer {

}
#footer a {

}
#footer a:hover {

}

/* ########## Header ########## */
div#header #logo {

}
#header div#topnav {

}
#header div#topnav a {

}
#header div#topnav a:hover {

}


/* ########## Content ########## */
#content {
	position: relative;
	float: left;
	margin:0; padding:0;
	margin-left: 134px;
	margin-top: 108px;
	margin-right: 55px;
	color: #333333;
}

div#content p { margin-bottom: 10px; }
div#content .right { float: right; }
div#content img.padding-left { margin-left: 12px; margin-bottom: 5px; }
.left { float: left; }
div#content img.padding-right { margin-right: 12px; margin-bottom: 5px; }
div#content .gray_text{ color: #666666; }
div#content a { color: #007dc3; }
div#content a:hover { color: #ff9933; }
img.icon { vertical-align: middle; margin-right: 5px; }
div#content .violator { position: absolute; }
div#content .large { font-size: 13px; }
div#content { font-size: 12px; }
div#content .medium { font-size: 12px; }
div#content .small { font-size: 11px; }
div#content .xsmall { font-size: 11px; }
div#content .xxsmall { font-size: 10px; }
div#content .leading-medium { line-height: 17px; }
div#content .caps { text-transform: uppercase; }
div#content .tiny { font-size: 9px; }
div#content .blue { color: #007dc3; }
div#content .green { color: #758b5c; }
div#content .orange { color: #cc6633; }
div#content .center { text-align: center; margin-left: auto; margin-right: auto;}
div#content .darkgray { color: #333333; }
div#content .darkgray a { color: #333333; }
div#content .darkgray a:hover { color: #007dc3; }
div#content .title_line { position: relative; left: 28px; margin-bottom: 40px; }

div#content h1 {
	color: #0066cc;
	font-size: 18px;
	font-family:arial,sans-serif;
	font-weight: normal;
	padding-bottom: 20px;
}
div#content h2 {
	color: #0066cc;
	font-size: 14px;
	font-weight: bold;
}
div#content h3 {
	color: #5e5e5e;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
}

div#content ul {
	margin: 0; padding: 0;
	list-style: none;
	list-style-image: url(images/site/icons/bullet.gif);
	margin-left: 16px;
	margin-bottom: 10px;
}
div#content ul li { margin-bottom: 2px; }
br.clear { clear: both; }
div.clear { clear: both; }


/* ########## Sub Nav ########## */
div#subnav {
	position: relative; left: 28px; margin-bottom: 40px; top: -10px;
	width: 598px;
	background-image: url(/images/site/subnav_background.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	height: 46px;
	margin-bottom: 11px;
}

div#subnav a {
	margin-right: 18px;
	position: relative;
	left: 213px;
}
div#subnav div#info {
	position: absolute;
	text-align: center;
	width: 180px;
	top: 28px;
	font-size: 11px;
	line-height: 12px;
	padding-left: 8px;
	padding-right: 8px;
}
div#subnav div#pages a {
	color: #999999;
	text-decoration: none;
	margin-right: 4px;
	top: 10px;
	font-size: 11px;
}
div#subnav div#pages a:hover, div#subnav div#pages a.selected {
	color: #333333;
}

/* ########## Portfolio ########## */
div#display_image {
	width: 350px;
	height: 350px;
	position: absolute;
	left: 242px;
}
div#projects {
	text-transform: uppercase;
	position: relative;
	top: 15px;
	left: 45px;
	font-size: 10px;
}
div#projects a {
	text-decoration: none;
	display: block;
	margin-bottom: 11px;
	color: #999999;
	outline: none;
}
div#projects a:hover, div#projects a.selected {
	color: #333333;
}
div#projects div#subcategories { margin-bottom: 18px; }
div#projects div#subcategories a { display: inline; color: #666666; }
div#projects div#subcategories a:hover, div#projects div#subcategories a.selected { color: #999966; }