body {
	margin:0;
	padding:0;
	
	font-family:'Gill Sans', Helvetica, Verdana, 'sans serif';
}


/**********************************************
 * H2Q Colors
 * 
 * Gray: #eee
 * Brown: #960
 * Purple: #609
 **********************************************/

div#page {
	position:relative;
	margin:30px auto;
	width:775px;
	padding:0;
	
}

/**********************************************
 * HEADER
 **********************************************/

#masthead, #mainbody, #legal {
	clear:both;
	position:relative;
}

#masthead {
	padding: 40px 0 0;
}

img#logo {
	position:absolute;
	top:0;
	left:0;
}

ul#navigation {
	postition:relative;
	margin:0 0 0 155px;
	padding:15px 0;
}

ul#navigation li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
ul#navigation li a {
	display:block;
	width:155px;
	margin:0;
	padding:2px 0;

	text-align:center;
	text-decoration:none;
	background-color:#eee;
	color:#666;
	font-weight:bold;
	font-size:.8em;
}

ul#navigation li a:hover {
	background-color:#efeefe;
	Xcolor:#fff;
}

#home .home,
#about .about,
#contact .contact,
#projects .projects {
	background-color:#306;
	color:#fff;
}

/**********************************************
 * MAIN CONTENT AREA
 **********************************************/

#mainbody {
	padding: 20px 0 50px 0;
}


#mainbody h1,
#mainbody h2,
#mainbody h3,
#mainbody p {
	margin: 0 0 0 310px;
	padding:0 15px 10px 15px;
}

#mainbody h1 {
	font-size:1.1em;
	font-weight:normal;
	padding-bottom:15px;
	color:#333;
}
#mainbody h2 {
	font-size:1em;
	font-weight:normal;
	color:#333;
}
#mainbody h3 {
	font-size:.9em;
	font-weight:normal;
	color:#333;
}
#mainbody p {
	font-size:.85em;
	color:#333;
}
#mainbody table {
	font-size:1em;
}
#mainbody table th,
#mainbody table td {
	font-size:.85em;
	color:#333;	
}
#mainbody table th {
	padding:0 5px 0 15px;
	font-weight:normal;
	text-align:right;
	color:#999;	
}

#mainbody table td {
	padding:0 5px;
	text-align:left;
	letter-spacing:.05em;
	color:#333;	
}

#mainbody img {
	margin:0;
	padding:0;
	
	float:left;
	clear:both;
	
	width:310px;
/*	border:#306 1px solid; */
}

div.contentElement {
	margin: 0 0 50px 0;
}

/**********************************************
 * FOOTER
 **********************************************/


div#legal {
	margin:0;
	padding:0;

	text-align:left;
	text-decoration:none;
	background-color:#eee;
	color:#666;
	font-size:.7em;	
}
div#legal div.copyright {
	width:310px;
	text-align:center;
	padding:3px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */