@charset "utf-8";
/* CSS Document */

body
{
	font-family:"Andale Mono", Verdana, monospace;
	background-image:url(../../img/dots.png);
	font-size:15px;
}
#container
{
	height:100%;
	text-align:left;
	display:block;
	margin:10px 0 0 10px;
}
h1.title
{
 font-weight:bold;	
 text-transform:uppercase;
 width:150px;
 float:left;
 clear:none;
 display:inline;
 font-family:Arial, Helvetica, sans-serif;
 
}
.titleSubscript
{
	font-size:0.6em;	
}

/* 
 Top-nav items
*/

#nav-menu
{
	width: 600px;
	height:36px;
	
	background-repeat:no-repeat;
	z-index:10000;
}
#nav-info
{
	display:block;
	height:30px;
	width:290px;
	position:fixed;
	top:20px;
	left:25px;
	z-index:10000;
	background-repeat:no-repeat;
	background-image:url(../../img/LEFT_BAR_DOWN2.png);
}
#nav-info-open
{
	display:block;
	height:30px;
	width:290px;
	position:fixed;
	top:20px;
	left:25px;
	z-index:10000;
	background-repeat:no-repeat;
background-image:url(../../img/LEFT_BAR_UP_2.png);
}
#nav-info .drop-down-open
{
	
}
#nav-work
{
	display:block;
	height:30px;
	width:290px;
	background-repeat:no-repeat;
	background-image:url(../../img/RIGHT_BAR_DOWN_2.png);
	
	position:fixed;
	top:20px;
	left:305px;
	z-index:10000;
}

#nav-work-open
{
	display:block;
	height:30px;
	width:290px;
	background-repeat:no-repeat;
	position:fixed;
	top:20px;
	left:305px;
	z-index:10000;
	background-image:url(../../img/RIGHT_BAR_UP_2.png);
}
#nav-work a.nav-drop-down, #nav-work-open a.nav-drop-down {color:#fff;}
#nav-info a.nav-drop-down, #nav-info-open a.nav-drop-down {color:#000;}
.drop-down-list a {color:#7d7d7d;}
a.nav-drop-down
{
	width:290px;
	height:30px;
	display:inline;
	float:left;
	padding-left:8px;
	padding-top:8px;
	font-size:0.7em;

	
}
.list-off
{
	display:none;
}
.drop-down-list ul
{
	padding:0;
	margin:0;
	padding:1px 0 1px 0;
}
.drop-down-list li > a
{
	display:block;
	width:268px;
	color: #7d7d7d;
	padding-left:8px;
	font-size:0.7em;
	letter-spacing:0.1em;
	height:15px;
	padding-top:2px;
}
a.page-link:hover, a.project-link-home:hover
{
	background-color:#cccccc;
	color:#000;
}
a.project-link:hover
{
	background-color:yellow;
	color:#000;
}
.title
{
	width:266px;
	border-bottom:1px dotted #7d7d7d;
	padding-left:8px;
	padding-bottom:3px;
	font-size:0.7em;
	margin-bottom:3px;
	letter-spacing:0.1em;
	color:#000;
}
.spacer
{
	height:20px;
}
#drop-down-work
{
	position:absolute;
	top:27px;
	width:240px;
}
#drop-down-info
{
	position: absolute;
	left:0px;
	top:27px;
}


.drop-down-top
{
	background-image:url(../../img/Drop_top.png);
	display:block;
	width:290px;
	height:12px;
	margin:0;
}
.drop-down-body
{
	background-image:url(../../img/Drop_middle.png);
	background-repeat:repeat-y;
	display:block;
	width:290px;
	margin:0;
	padding:0;
}
.drop-down-bottom
{
	background-image:url(../../img/Drop_bottom.png);
	display:block;
	width:290px;
	height:12px;
	margin:0;
}

/*
left side styles
*/
.info
{
	display:block;
	width:197px;
	font-size:0.62em;
	color:#7d7d7d;
	padding: 3px;
}
.info-text
{
	padding:0px 16px 0px 10px;
	line-height:1.6em;
	
	
}
.rail-top
{
	display:block;
	width:290px;
	height:12px;
}
.rail-middle
{
	background-repeat:repeat-y;
	display:block;
	width:290px;
}
.rail-middle h2
{
	text-transform:uppercase;
}
.rail-bottom
{
	display:block;
	width:290px;
	height:12px;
}

.hr
{
	border-bottom:1px #7d7d7d dotted;
	display:block;
	width:95%;
	margin:3px 0 3px 0;
}

.info h2
{
	font-size: 1.0em;
	font-weight:normal;
	font-style:uppercase;
	letter-spacing:0.1em;
	margin:0;
	padding:0 0 0 10px;
	width:90%;
	color:#000;
	
	
}
h2.selected
{
	height:19px;
	width:285px;
	padding-top:4px;
	margin-top:6px;
	background-image:url(../../img/arrow.png);
	background-repeat:no-repeat;
}
.select-tip
{
	background-image:url(../../img/railtip-pointer.png);
	background-repeat:no-repeat;
	display:block;
	height:19px;
	width:10px;
	float:right;
}


/*
center styles
*/
.center-column
{
	display:block;
	width:700px;
	margin-top:45px;
}

/*
	workspace styles
*/
#workspace
{
	margin-left:295px;
	display:block;
	margin-right:200px;
	
}
p.space
{
display:block;
height:50px;
}

/*
	landing page 
*/
h2.huge
{
	font-size:13em;
	color:#E0E0E0;
}