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

html {
	height:100%;
}
body {
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
body.alt {
	height:100%;
}

/*

NAV

*/

#nav{
	z-index:3;
	position:fixed;
	top:0;
	left:0;
	width:186px;
	height:284px;
	margin-top:28px;
	margin-left:56px;
	background:url(images/nav-1.gif) no-repeat;
}
#nav h1{
	/* H O U S E H O L D */
	letter-spacing:3.5px;
	font-style:italic;
	font-size:11px;
	color:#3201FB;
	text-align:center;
	margin-top:112px;
}
#nav ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 70px;
	margin-top: 146px;
}
#nav li{
	margin-bottom:2px;
	
}
#nav img{
	position:absolute;
	top:98px;
	left:0;
}
#nav li a{ text-decoration:none; }
#nav li a:hover{ font-style:italic; }
#nav li a:visited{ color:#3201FB; }

/*

PAGE HEADER

*/

#header{
	z-index:2;
	position:fixed;
	top:0;
	width:100%;
}
#header_inner{
	margin:0 auto;
	width:180px;
	height:44px;
	text-align:center;
	color:#3201FB;
	letter-spacing:5px;
	border-bottom:1px solid #3201FB;
}
#header_inner_alt{
	margin:0 auto;
	width:280px;
	height:44px;
	text-align:center;
	color:#3201FB;
	letter-spacing:5px;
}
#header_page_controls{
	margin-top:22px;	
	letter-spacing:2px;
}
#header_page_controls a{ text-decoration:none; }
#header_page_controls a:hover{ font-style:italic; }
#header_page_controls a:visited{ color:#3201FB; }

/*

PAGE

*/

#page{
	z-index:1;
	top:0;
	width:100%;
}

#page_inner{
	/* additional margin-top */
	padding-top:85px;
	margin:0 auto;
	max-width:765px;
	color:#3201FB;
}


/*

EXTERNAL PAGE / SITE FRAME

*/

#big_iframe{
	width:100%;height:100%;
	
}



/*

HOMEPAGE

*/
/*
#homepage{
	text-align:center;
}
#homepage img{
	padding:30px 15px;
}
*/
	ul#homepage,
	ul#homepage li {
		/* Setting a common base */
		margin: 0;
		padding: 0;
	}

	ul#homepage { text-align:center; }

	ul#homepage li {
		display: inline-block;
		padding:30px 15px;
		vertical-align:middle;

		/* For IE 7 */
		zoom: 1;
		*display: inline;
	}



/*

SHARED

*/

#tube{
	margin-top:62px;
	margin-left:298px;
	margin-right:56px;
}
a{ text-decoration:underline; color:#3201FB; }
a:hover{ text-decoration:none; font-style:italic; }

p{
	margin-top:0;
	padding-top:0;
	text-align:left;
	line-height:16px;
}

.narrow{
	/* narrow paragraphs need left/right padding to match width of normal paragraph (700px) */
	position:relative;
	padding-left:225px;
	max-width:315px;
	margin:0 auto;
	margin-right:225px;
	margin-bottom:48px;
}


div.narrow_section_header{
	/* used to align header images to left of text */
	position:absolute;
}
div.narrow_section_header img{
	position:absolute;
	right:0;
	top:5px;
	padding-right:45px;
}

div.narrow_img_right{
	/* used to align images to right of text */
	position:absolute;
	right:0;
}
div.narrow_img_right img{
	position:absolute;
	left:0;
	top:5px;
	padding-left:30px;
}

/*

PROJECTS - 3 different layout styles

*/


#project_images{
	position:absolute;
	top: 400px;
}
#project_images img{
	padding-bottom:55px;
}

/*

NETWORK PAGE

*/

#network_grid{
	padding-bottom:23px;
}

/*
	display:inline;
	min-height:120px;
		margin-bottom:36px;
		vertical-align: top;
		text-align:center;

*/


#network_grid div {
	display:inline-block;
	width:180px;
	margin:0 36px;
	margin-bottom:32px;
	text-align:center;
	vertical-align: top;
		text-align:center;
		/* For IE 7 */
		zoom: 1;
		*display: inline;

}
#network_grid img{
	margin-bottom:12px;
}
#network_grid a{
	text-decoration:none;
}