/*-----------------------------------------
Basic Defaults
-----------------------------------------*/

/* Zero all defaults */
* { margin: 0; padding: 0; }

/* Page body style */
body {
	background:#f7f7f7;
	margin: 0;
	padding: 0;
	color: #333;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 62.5%;
	}

/* Clear floats with line break */
div.clear, br { clear: both; font-size: 2px; }


/*-----------------------------------------
Standard text links
-----------------------------------------*/

a { font-weight: normal; }

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #651a00;
	border-bottom: none;
	}

a:hover, a:visited:hover, a:active {
	color: #994707; 
	text-decoration: none; 
	border-bottom: 1px dotted #666;
	}



#namespace {
	position: absolute;
	width: 349px;
	left: 80px;
	top: 40px;
	}

#nextspace {
	position: absolute;
	width: 50px;
	left: 694px;
	top: 40px;
	}

/*-----------------------------------------
Side Nav
-----------------------------------------*/

#navspace {
	position: absolute;
	width: 222px;
	left: 80px;
	top: 110px;
	text-align: left;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #999;
	font-weight: normal;
	padding: 0 30px 0 0px;
	}
	
#navspace ul {
	padding: 0 10px 10px 0;
	list-style: none;
	}

#navspace li {
	padding-left: 24px;
	line-height: 18px;
	}

#navspace li.selected { background: url(media/icon_arrow.png) 0% 50% no-repeat; }
#navspace li.phone { background: url(media/icon_phone.png) 0% 50% no-repeat; color: #333;}
#navspace li.email { background: url(media/icon_email.png) 0% 50% no-repeat; }	
#navspace li.resume { background: url(media/icon_print.png) 0% 50% no-repeat; }	

#navspace li.selected a    { color: #333; font-weight: bold; text-decoration: none; }



/*-----------------------------------------
Graphical Flourish
-----------------------------------------*/

#thespacer {
	position: absolute;
	width: 2px;
	height: 700px;
	left: 323px;
	top: 100px;
	border-left: 1px solid #666;
	border-right: 1px solid #ccc;
	}

#content {
	position: absolute;
	width: 405px;
	left: 359px;
	top: 110px;
	text-align: left;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #555;
	margin: 0;
	font-size: 11px;
	line-height: 16px;
	height: 998px;
	}

#content #footer {
	padding: 30px 0 0 0;
	text-align: left;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #999;
	margin: 0;
	font-size: 9px;
	}

div.shadowImage {
	background: url(media/shadow.gif) no-repeat bottom right;
	margin: 10px 5px;
	padding: 0;
	position: relative;
}

div.shadowImage img {
	background-color: #ccc;
	border: 1px solid #a9a9a9;
	margin: -5px 5px 5px -5px;
	position: relative;
	vertical-align: bottom;
}


#content h1 {
	padding: 10px 0 0 0;
	color: #994707;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 12px;
}

#content h2 {
	color: #994707;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
#content p {
	padding: 10px 0 0 0; 
}

#content ul {
	padding: 10px 10px 10px 0;
	list-style: none;
	}

#content li {
	padding-left: 24px;
	line-height: 22px;
	font-size: 10px;
	color: #333;
	font-weight: bold;
	
	}



#content li.video { background: url(media/icon_video.png) 0% 50% no-repeat; }
#content li.screenshot { background: url(media/icon_screenshot.png) 0% 50% no-repeat; }
#content li.wireframe { background: url(media/icon_wireframe.png) 0% 50% no-repeat; }
#content li.interactive { background: url(media/icon_interactive.png) 0% 50% no-repeat; }




#thumbContent {
	position: absolute;
	width: 405px;
	left: 359px;
	top: 110px;
	text-align: left;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #555;
	margin: 0;
	font-size: 11px;
	line-height: 16px;
	height: 998px;
	}

#thumbContent #footer {
	padding: 30px 0 0 0;
	text-align: left;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #999;
	margin: 0;
	font-size: 9px;
	}

#thumbContent h2 {
	color: #994707;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
	
#thumbContent a, #thumbContent a:visited:hover, #thumbContent a:active  {
	border-bottom: none;
	}