/* ------------- TYPOGRAPHY AND COLOR RULES ------------- */
html { margin: 0; padding: 0; }

body {
	margin: 0; border: 0;
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:#999;
	background-color: #111;
	}

body, p, h1, h5, td, th, li { 
	/* This rule has multiple selectors to ensure that the styles are carried down into the necessary
	elements in NN4, which is notoriously flaky in its handling of inheritance. */
	font-family: Verdana, arial, Geneva, Helvetica, sans-serif; }

p 		{ font-size: 10px ; line-height: 12px; margin-bottom: 0.75em; }
h1 		{ font-size: 18px ;  font-weight: bold; }
h5 		{ font-size: 10px ;  font-weight: bold; margin-bottom: 0.5em; }
img		{ border: 1px solid #333; margin: 0; }

.hilite	{ font: 9px Verdana, Geneva, Helvetica, sans-serif; font-weight: bold; color: #789f9f; }
.tiny		{ font: 9px Verdana, Geneva, Helvetica, sans-serif; }
.10px	{ font: 10px Verdana, Geneva, Helvetica, sans-serif; }
.12px	{ font: 12px Verdana, Geneva, Helvetica, sans-serif; }

a		{ text-decoration: none; font: 9px Verdana, arial, Helvetica, sans-serif; font-weight: bold; }
a:link	{ color: #ccc; }
a:active	{ color: #ccc; }
a:visited	{ color: #789f9f; }
a:hover	{ color: #fff; }



/* ------------- HEADER ------------- */
#Header {
	margin: 10px 0px 10px 0px;
	padding: 6px 0px 6px 70px;
	border-style: dotted;
	border-color: #666;
	border-width: 1px 0px;
	background-color: #333;
	font-size: 9px;
	}

#Header .hilite	{
	font: 9px Verdana, arial, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	color: #eee;
	}

#gg img	{
	position: absolute;
	top: 16px;
	left: 10px;
	width: 50px;
	border: 0;
	}



/* ------------- GALLERY ------------- */
#Main {
	position: absolute;
	top: 60px;
	left: 60px;
	width: 452px;
	line-height: 17px;
	font-size: 9px;
	}

#main2 {
	position: absolute;
	top: 140px;
	left: 320px;
	line-height: 20px;
	width: 420;
	}

.picRow {
	position: relative;
	margin: 2em 0 0 0;
	}

#picLeft {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 218px;
	}

#picRight {
	position: absolute;
	top: 0px;
	left: 234px;
	width: 218px;
	}

.pic {
	border: 1px solid #333;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
	}

.picEnlarger {
	float: right;
	margin: 3px 0 0 3px;
	border: 0px;
	}

.picPrev {
	float: right;
	margin: 3px 0 0 3px;
	border: 0px;
	}

.picNext {
	float: right;
	margin: 3px 0 0 3px;
	border: 0px;
	}


/* ------------- NAV + INFO ------------- */
#RightColumn	{
	position: absolute; top: 78px; left: 554px;
	width: 180px; padding: 10px;
	font: 9px Verdana, Helvetica, sans-serif;
	line-height: 15px;
	}

#numberGrid {
	position: relative;
	width: 11em;
	margin-top: 44px;
	margin-bottom: 50px;
	font: 9px Verdana, arial, Helvetica, sans-serif;
	font-weight: bold;
	}

#numberGrid a {
 	 /* create the square cell for links, single-digit links, and non-linked numbers */
	border: 1px dotted #333;
	padding: 0.4em;
	margin: 2px 0 2px 0;
	line-height: 2.6em;
	}

#numberGrid .n01 a, #numberGrid .n02 a, #numberGrid .n03 a, #numberGrid .n04 a, #numberGrid .n05 a, #numberGrid .n06 a, #numberGrid .n07 a, #numberGrid .n08 a, #numberGrid .n09 a {
	 /* boost the size of the single-digit cells; px depends on width of "1" in this font */
	padding: 0.4em 0.75em 0.4em 0.75em;
	}

#numberGrid a:hover {
	color: #fff;
	background-color: #111;
	border: 1px solid #666;
	}

#client {
	clear: left;
	margin: 0 0 0.5em 0;
	}

#url {
	margin: 0 0 0 0;
	}

#role {
	margin: 3em 0 0 0;
	line-height: 14px;
	}

#launch {
	margin: 2em 0 0 0;
	}

/* ------------- OTHER ------------- */
#print	{ position: absolute; top: 90px; left: 260px; }
#contact	{ position: absolute; top: 120px; left: 300px; width: 260px; margin-top: 3em; }

#intro	{ position: absolute; top: 110px; left: 100px; line-height: 20px; width: 320px; }
#introPics	{ position: absolute; top: 85px; left: 518px; }
#introDots	{ position: absolute; top: 118px; left: 489px; }
#introDots img	{ border: 0; }