body {
	margin:0;
	padding:0;
	background:url(../images/bg_highcontrast.gif) repeat-y #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

/* DEFINED TAGS 
---------------*/
p { font-size:80%; color: #fff;}
ul {margin:0 0 0 30px; padding:0;}
li {margin:0; padding: 0 0 0 6px; font-size:80%; color: #fff;}
li.submenu {margin:0; padding: 0 0 0 6px; font-size:100%; color: #fff; list-style:disc;}
h1 { font-size:110%; margin:0 0 8px 0; padding:0; color:#fff;}
h2 { font-size:90%; margin:17px 0 2px 0; padding:0; color:#cccccc; font-weight:bold;}
h3 { font-size:110%; margin:36px 0 18px 0; padding:0; color:#fff; font-weight:bold; text-align:right;}
h4 { font-size:75%; margin:0; padding:0 0 0 2px; color:#fff; font-weight:bold; border-bottom:1px dotted #cccccc;}

/* EXTRA STYLES
---------------*/
.pale {color:#cccccc;}
.light {font-weight:normal;}
.letters {font-size:60%; font-weight:normal;}

/* BG - RIGHT IMAGE
-------------------*/
#largebg {
}

/* CONTENT WRAPPER - LEFT IMAGE
-------------------------------*/
div#contentWrapper {
	background:url(../images/lefttitle_highcontrast.gif) top left no-repeat;
	height:500px;
	margin:0;
	padding:22px 0 0 180px;
}

/* PROJECTS STRIP
-----------------*/
div#projects {
	position:absolute;
	top:22px;
	left:182px;
	width:194px;
	margin:0 42px 0 0;
	padding:0;
}
div.portfolioLink {text-align:right;}
div.portfolioLink p {text-align:right; color:#ffff00; font-size:70%;}
div.portfolioLink a:link, div.portfolioLink a:visited {color:#ffffff; text-decoration:underline;}
div.portfolioLink a:hover {color:#ffff00; text-decoration:underline;}
.date {color:#cccccc;}

/* TOP NAV
----------*/
div#nav {
	text-align:right;
	margin:2px 0 0 0;
	padding:0;
	font-size:70%;
	color:#000000;	
}
div#nav a:link, div#nav a:visited {text-decoration:underline; color:#ffff00;}
div#nav a:hover {text-decoration:underline; color:#fff;}
div#nav a:active {text-decoration:underline; color:#ffff00;}

/* CONTENT
----------*/
div#content {
	display:block;
	width:500px;
	padding:52px 20px 20px 236px;
	margin:0;
}
div#content a:link, div#content a:visited {text-decoration:underline; color:#ffff00;}
div#content a:hover {text-decoration:underline; color:#ffffff;}
div#content a:active {text-decoration:underline; color:#ffff00;}
.screenshots { padding:12px 0 0 20px;}
.quoteTxt {color:#999999;}

/* FOOTER
---------*/
div#footer {
	font-size:68%; 
	color:#fff;
	width:520px;
	margin:0 0 0 236px;
	border-top:1px dotted #fff;
}
div#footer p {margin:0; padding:6px 0 0 0;}
div#footer a:link, div#footer a:visited {text-decoration:underline; color:#ffff00;}
div#footer a:hover {text-decoration:underline; color:#ffffff;}
div#footer a:active {text-decoration:underline; color:#ffff00;}

/* HOME PATCHES
---------------*/
.patches {float:left; margin:0; padding:0;}
.patches img {border:none;}
.clear {clear:left;}

div#newspatch {margin:0; padding:96px 30px 0 18px; float:left; background:url(../images/newsgraphics/27-06-07.gif) top left no-repeat;
	width:152px; height:48px;}
div#newspatch a:link, div#newspatch a:visited {color:#993333; text-decoration:none;}
div#newspatch a:hover {color:#993333; text-decoration:none;}
.newsType {background:#FFFFFF; color:#333333; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:60%; display:inline;}

/*ABOUT SECTION TABBED CONTENT
------------------------------*/

div#tablayout {margin:18px 0 0 0; padding:0; width:472px;}

div#tabcontent {margin:0; padding:2px 20px 12px 20px; background:#2C2C2C;}
div#tabcontent a:link, div#tabcontent a:visited {color:#ffffff; text-decoration:underline;}
div#tabcontent a:hover {color:#ffffff; text-decoration:underline;}
div#tabcontent p, div#tabcontent ul, div#tabcontent li {color:#ffffff;}

div#tabnav a:link, div#tabnav a:visited {color:#FFFF00; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:85%;}
div#tabnav a:hover {color:#FFFF00; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:85%;}

div#tabnav {margin:0; padding:0; height:25px; }
div#tabnav ul {margin:0; padding:0; color:#FFFF00;}
div#tabnav li {list-style:none; margin:0; padding:0 1px 0 0; float:left; height:25px; width:106px; background:url(../images/tablayout/off_hc.gif) no-repeat top left;
	 color:#FFFF00;}
div#tabnav li.on {list-style:none; margin:0; padding:0 1px 0 0; float:left; height:25px; width:106px; background:url(../images/tablayout/on_hc.gif) no-repeat top left;
	 color:#FFFF00;}	 
div#tabnav li:hover {list-style:none; margin:0; padding:0 1px 0 0; float:left; height:25px; width:106px; background:url(../images/tablayout/over_hc.gif) top left no-repeat;}
div#tabnav li a {display:block; padding:0.25em 0 0.25em 0.8em; text-decoration:none; width:7em; color:#993333;}

div#tabfooter {margin:0; padding:0; background:url(../images/tablayout/bottom_hc.gif) top center no-repeat; height:21px;}
div#spacer {margin:0; padding:0; height:22px; background:url(../images/tablayout/top_hc.gif) top center no-repeat;}