/*css document */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #111111;
		font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
}

a:link{color: #ffffff;  text-decoration:none; }
a:visited {color: #ffffff; text-decoration:none; }
a:hover {color: #C9D300; text-decoration:none; }
a:focus {color: #C9D300;  text-decoration:none; }
a:active {color: #efefef;  text-decoration:none;  }

div.clearing {clear: both;}
#bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	min-width: 1000px;
}




img {border: 0;}
/*home page*/
#home {margin: 40px auto 0 auto; text-align: left; width: 72%; z-index: 2; border: 0 solid #ff9900;position: relative;}


/*outer table*/
#outer{width: 100%; height: 100%; border: 0 solid #ff9900; position: absolute;
	top: 0;
	left: 0;
	z-index: 2;}
#outer td{height: 100%;}

/*inner table*/
#inner { width: 960px; margin-left: auto; margin-right: auto; border: 0 solid #ff9900; z-index: 3;}
#inner #inner-td{  font-size: 0.8em; text-align:center; vertical-align: top; padding: 0;}
#inner #inner-td-home{height: 435px; font-size: 0.8em; text-align:center; vertical-align: top; padding: 0;}

#logo {text-align: left; margin: 20px 0 20px 40px;}
#projects, #profile, #contact {border-top: 1px dotted #ffffff; color: white; width: 260px; text-align:left; padding: 10px 0;}
#projects {float: left; margin-left: 40px;}
#profile{ float: left; margin-left: 50px;}
#contact {float: right; margin-right: 40px;}
/*hidden div contained in #projects */
#projects-menu {margin: 5px 0 0;}
/*navigation contained in #projects */
#projects-menu-l{width: 120px; border: 0 solid #ff9900; margin: 0 18px 0 0; padding:  0 0 0 15px; }
#projects-menu-r{float: right; width: 90px; border: 0 solid #ff9900; padding: 0 0 0 15px; margin: 0;}


/*project details*/
/*project-wrapper determines size of grey box. 960px - 20px margin eiterh side */
#project-wrapper { background-color: #202020; clear:both; height: 460px; margin: 0 22px;}
/*profile-wrapper same as project-wrapper but used on profile - no background*/
#profile-wrapper {clear:both; height: 460px; margin: 0 22px;}

#photo-menu ul  {list-style-type: none; float:right; margin: 20px 20px 5px 0;  }
#photo-menu ul  li {display:inline; padding: 5px 3px 0 3px; font-size: 0.9em;}
#project-content {clear: both; margin:0 20px ; text-align:left; color: white;}
#loadarea {float: right; margin: 0 0 10px 45px; text-align:right;}
#project-text {float: left; width: 205px}
#profile-text  {float: left; width: 610px}

/*contact*/
#map {height: 400px;}