html,body {
	background: #fff;
	scrollbar-3dlight-color: #eee;
	scrollbar-arrow-color: #aaa;
	scrollbar-darkshadow-color: #f1f1f1;
	scrollbar-face-color: #f1f1f1;
	scrollbar-highlight-color: #aaa;
	scrollbar-shadow-color: #aaa;
	scrollbar-track-color: #f7f7f7;
	}

body *{
	color: #888;
	}

/* TYPOGRAPHY */
body * {
	font: normal 11px verdana,arial,sans-serif;
	}
h1 {
	background: url(../i/header.png) no-repeat 0 145px;
	font: 0px "Tw Cen MT",verdana,sans-serif;
	margin: 15px 0 10px 0px; /*0 0 0 145px for offset */
	text-align: center;
	height: 25px;
	}
.articles h1 {
	background-position: center -25px;
	}
.services h1 {
	background-position: center -50px;
	}
.portfolio h1 {
	background-position: center -75px;
	}
.resume h1 {
	background-position: center -100px;
	}
.about h1 {
	background-position: center -125px;
	}
.contact h1 {
	background-position: center -150px;
	}
.screen h1 {
	background-position: center -200px;
	}
.error h1 {
	background-position: center -175px;
	}
.thanks h1 {
	background-position: center -225px;
	}
h2 {
	background: #fff url(../i/h2.png) repeat-x top;
	display: block;
	float: right;
	font: 9px/10px verdana,arial,sans-serif;
	margin: 0;
	text-align: center;
	height: 12px;
	width: 80px;
	}
h3 {
	background: none;
	font: normal 11px "Trebuchet MS",verdana,arial,sans-serif;
	margin: 7px 4px 0 7px;
	padding: 0;
	text-transform: uppercase;
	}
h3 span {
	font: 11px verdana,sans-serif;
	}
h3 span a {
	color: #0099FF !important;
	}
h4 {
	background: url(../i/atlantis.png) 0 -95px repeat-x;
	display: block;
	margin: 7px 0 0 0;
	padding: 5px 0 0 0;
	text-align: center;
	height: 20px;
	width: auto;
	}
h3 span.date {
	color: #888;
	font: normal 11px "Trebuchet MS",verdana,arial,sans-serif;
	}
p {
	font: normal 11px/17px verdana,"Trebuchet MS",arial,sans-serif;
	margin: 2px 7px 4px 7px;
	padding: 0;
	}
span {
	color: #0099FF;
	}
#dragon ul,#unicorn ul {
	padding: 0;
	margin: 15px 0 15px 25px;
	}
#dragon ul li,#unicorn ul li {
	background: #fff url(../i/bullet.gif) no-repeat center left;
	list-style: none;
	margin: 5px;
	padding: 0 0 0 15px;
	}
#dragon img,#unicorn img { /* H2 Patch */
	float: right;
	}
.sphinx a {
	color: #0099FF;
	font: 10px verdana,sans-serif;
	}
.sphinx a:hover {
	color: #888;
	}
.sphinx a:active {
	color: #000;
	}
a { 
	color: #444;
	text-decoration: none;
	}
a:hover {
	color: #0099FF;
	text-decoration: underline;
	}
a:visited:hover {
	text-decoration: none;
	}
a:active {
	color: #000;
	}
/* ALIGNMENT */

#vertical {
	position: absolute;
	top: 50%;
	left: 0;
	margin: -210px 0 0 0;
	padding: 0;
	height: auto;
	width: 100%;
	}
#horizontal {
	margin: 0 auto;
	height: auto;
	width: 95%;
	min-width: 625px;
	max-width: 850px;
	}

/* SHADOWS */

.north { background: url(../i/s10/north.png) repeat-x top; height: 100%;}
.east {	background: url(../i/s10/east.png) repeat-y right;}
.south { background: url(../i/s10/south.png) repeat-x bottom; }
.west { background: url(../i/s10/west.png) repeat-y left; }
.ne { background: url(../i/s10/ne.png) no-repeat top right; }
.se { background: url(../i/s10/se.png) no-repeat bottom right; }
.sw { background: url(../i/s10/sw.png) no-repeat bottom left; }
.nw { background: url(../i/s10/nw.png) no-repeat top left; padding: 8px; }

/* CONTENT */

#unicorn .north,#dragon .north { background: url(../i/s7/north.png) repeat-x top;}
#unicorn .east, #dragon .east { background: url(../i/s7/east.png) repeat-y right;}
#unicorn .south, #dragon .south { background: url(../i/s7/south.png) repeat-x bottom; }
#unicorn .west, #dragon .west { background: url(../i/s7/west.png) repeat-y left; }
#unicorn .ne, #dragon .ne { background: url(../i/s7/ne.png) no-repeat top right; }
#unicorn .se, #dragon .se { background: url(../i/s7/se.png) no-repeat bottom right; }
#unicorn .sw, #dragon .sw { background: url(../i/s7/sw.png) no-repeat bottom left; }
#unicorn .nw,#dragon .nw { background: url(../i/s7/nw.png) no-repeat top left; padding: 5px; height: 270px;}

/* BARS */
.sphinx {
	background: #f1f1f1 url(../i/atlantis.png) repeat-x 0 -97px;
	clear: both;
	display: block;
	height: 26px;
	widht: 100%;
	}
.sphinx_2 {
	background-position: 0 -90px;
	height: 35px;
	}
.sphinx_3 {
	background-position: 0 -91px;
	font-size: 10px;
	padding: 10px 0 0 0;
	text-align: center;
	height: 16px;
	}
/* MENU */

ul#hydra {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 4px 0;
	height: auto;
	width: 145px;
	}
ul#hydra li {
	background: #fff url(../i/atlantis.png) 0 0;
	display: block;
	padding: 4px 5px 0 10px;
	height: 25px;
	width: auto;
	}
ul#hydra a {
	background: #f1f1f1 url(../i/atlantis.png) -11px 28px;
	border: 1px solid #acacac;
	color: #999;
	display: block;
	font: normal 10px/19px verdana,arial,sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	height: 20px;
	width: 128px
	}
ul#hydra a:hover {
	background: #f1f1f1 url(../i/atlantis.png) -11px 75px;
	background: #f1f1f1 url(../i/hover.gif) no-repeat top left;
	border: 1px solid #0099FF;
	border: 0 none;
	padding: 1px;
	color: #333;
	}
ul#hydra a.down:hover {
	background: #f1f1f1 url(../i/atlantis.png) -11px 55px;
	border: 1px solid #f26c4f;
	padding: 0;
	}
ul#hydra li.clear {
	background: transparent;
	padding: 0;
	margin: 0;
	height: 15px;
	}
/* CURRENT */

.home .home,.articles .articles,.services .services,.portfolio .portfolio,.resume .resume,.about .about,.contact .contact {
	color: #0099FF !important;
	}
/* CONTENT */

#dragon {
	margin: 0 5px 0 145px;
	}
.content {
	background: transparent;
	float: left;
	margin: 9px 0 0 0;
	overflow: auto;
	padding: 0;
	text-align: justify;
	height: 249px;
	width: 100%;
	}