@charset "UTF-8";
body {
	font-family:Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #bae7ea;
/*	ccffff*/
}

a, a:link, a:visited{color:#dffbf8; /*color:#dffbf8*/; text-decoration:none}
a:hover{color:#fecb98}

h1, h2{font-weight:bold; font-size:1.2em}
h1{margin:0 0 0.6em}
h2{padding:1.0em 0 0.6em}

#container {
	width: 920px;  
	margin:20px 0 0 20px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;  /* this overrides the text-align: center on the body element. */
}
#header {
padding:6px 0 0 3px; margin:0;
}

#nav{padding:1px 0 0 0; margin:0; height:26px; position:relative; z-index:10}
#nav ul{height:25px; width:100%; margin:0 0; padding:0; display:block}
#nav ul li{
	list-style:none; 
	float:left;
	font-size:1.0em;
	line-height:1.5em;
	display:block;
	height:25px;  
	border:none;
	background-repeat:no-repeat
	}
	#nav ul li.a{width:71px;background-image:url(img/nav/home.png)}
	#nav ul li.b{width:137px;background-image:url(img/nav/projects.png)}
	#nav ul li.c{width:158px;background-image:url(img/nav/sand.png)}
	#nav ul li.d{width:144px;background-image:url(img/nav/fantasy.png)}
	#nav ul li.e{width:214px;background-image:url(img/nav/landmark.png)}
	#nav ul li.f{width:145px;background-image:url(img/nav/about.png); background-repeat:no-repeat}
	
#nav ul li span{visibility:hidden; padding:0;}
.home #nav ul li img{margin:4px 0 0 0}		
#nav ul li a{}	
#nav ul li:hover{background-position: 0 -25px;}	

#nav ul li.b:hover{}

#nav ul li ul{ /* Special Projects drop down menu */
	display:none;
	width:162px;
	height:172px; 
	margin:0 ;  
	background-image:url(img/nav-child-bg.png);
	background-position:bottom;
	padding:10px 0 10px 0 ;
	font-size:0.87em;
	font-weight:400;
	font-family: Helvetica, "Arial Narrow", sans-serif;
	border-top:4px solid #000;
	webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	webkit-border-bottom-left: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	position:absolute;
}
	
#nav ul ul li{list-style:none; float:none; padding:1px 0 5px 20px; font-size:0.87em}
#nav ul li:hover ul{display:block}
#nav ul ul li:hover{
	background-image:url(img/nav-child-hover-bg.png); 
	background-repeat:no-repeat;
	background-position:top left}
	
#nav div.spacer{height:10px; width:90px}

#mainContent {margin:35px 10px; padding:0 8px; font-size:0.87em;}

div.side-about{ 
	float:left; 
	width:200px; 
	margin:0 20px 0 2px; 
	text-align:center; 
	line-height:1.5em;
	background:url(img/bg-side-about.jpg); 
	background-repeat:no-repeat
	}

#footer {} 
#footer p {font-size:0.78em; font-style:italic
}