/*******************************************************************************
   Page Setup
*******************************************************************************/
* {
	margin: 0;
	padding: 0;
   	}

:focus {
	outline: 0;
	}

a {
   	text-decoration: underline;
   	}

body {
	text-align: center;
	background-color: #000000;
   	}

div#container {
	width: 1024px;
	margin: 0 auto;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	}
	
div#header {
	width: 1024px;
	height: 75px;
	}
	
div#main {
	width: 1024px;
	}
	
div#sidebar {
	float: left;
	width: 145px;
	padding: 65px 0 0 80px;
	}
	
div#footer {
	width: 1024px;
	padding: 40px 0 20px 0;
	text-align: right;
	font-size: 10px;
	color: #9FAEB1;
	}

/*******************************************************************************
	Header
*******************************************************************************/
div#header-nav {
	float: left;
	width: 700px;
	padding: 20px 0 0 16px;
	}

div#header-nav ul {
	list-style-type: none;
	}
	
div#header-nav ul li {
	float: left;
	margin-right: 65px;
	}
	
div#header-nav ul li.last {
	margin-right: 0;
	}

div#header-nav ul li a {
	text-transform: uppercase;
	font-size: 14px;
	color: #9FAEB1;
	text-decoration: none;
	}

body#work div#header-nav ul li#header-nav-work a { color: #0187A6; }
body#bio div#header-nav ul li#header-nav-bio a { color: #0187A6; }
body#links div#header-nav ul li#header-nav-links a { color: #0187A6; }
body#contact div#header-nav ul li#header-nav-contact a { color: #0187A6; }

div#header-nav ul li a:hover,
body#work div#header-nav ul li#header-nav-work a:hover,
body#bio div#header-nav ul li#header-nav-bio a:hover,
body#links div#header-nav ul li#header-nav-links a:hover,
body#contact div#header-nav ul li#header-nav-contact a:hover {
	color: #FFFFFF;
	}

div#header-links {
	float: right;
	width: 100px;
	margin: 13px 62px 0 0;
	}
	
div#header-links a {
	margin-left: 8px;
	}

/*******************************************************************************
	Content
*******************************************************************************/
div#content {
	float: left;
	line-height: 1.46em;
	}

#content,
#content * {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #9FAEB1;
	}

#content h1 {
	color: #0187A6;
	font-size: 1.5em;
	font-weight: normal;
	padding-bottom: 1.2em;
	text-transform: uppercase;
	}

#content h2 {
	color: #9FAEB1;
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom: 0.9em;
	}

#content h3 {
	color: #666666;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 0.5em;
	padding-bottom: 0.6em;
	}

#content h4 {
	color: #666666;
	font-size: 1.0em;
	font-weight: bold;
	}

#content p {
	padding-bottom: 0.8em;
	}

#content p.center {
	text-align: center;
	}
	
#content p.indent {
	margin-left: 1.75em;
	}
	
#content a {
	color: #0187A6;
	}

#content ul {
	margin-left: 1.75em;
	padding-bottom: 0.5em;
	}

#content ul.indent_list {
	list-style: none;
	margin-left: 2.75em;
	}

#content ol {
	margin-left: 2.0em;
	padding-bottom: 0.5em;
	}
	
#content h2 span.highlight {
	font-weight: bold;
	color: #0187A6;
	}
	
#content p span.highlight {
	font-weight: bold;
	color: #0187A6;
	}

/*******************************************************************************
	Cleaner
*******************************************************************************/
div.cleaner {
	clear: both;
	line-height: 0;
	font-size: 1px;
	height: 0;
	}