/*  

Shoehat Design.
Site URI:  http://www.shoehatdesign.com/

All work holds a Creative Commons Attribution-Share 
Alike 3.0 United States License.  Derivative works 
should be attributed to Shoehat Design and shoehatdesign.com.
--------------------------------------------------------*/

body {
	font-family: Trebuchet MS, Arial, Helvetica;
	font-size: 12px;
	margin: 10px;
	padding: 0px;
	background: #FFFFFF;
	color: #000000;
}

p, h1, h2, img, ul, form, div, span {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

h2 {
	font-size: 20px;
	font-weight: bold;
}

ul { list-style-type: none; }
a { color: #000000; text-decoration: underline; }
a:hover { text-decoration: none; }

.hidden { display: none; }
.unhidden { display: block; }
.invisible { visibility: hidden; }
.visible { visibility: visible; }




/*  
WHOLE
------------------------*/
#whole {
	width: 900px;
	margin: 0px auto;
}




/*
HEADER
------------------------*/
#header { width: 900px; }

#homelink {
	width: 420x;
	height: 110px;
	float: left;
	margin: 0px 20px 0px 0px;
}

#contactbox {
	width: 460px;
	height: 110px;
	float: left;
}

#contactpos {
	font-size: 21px;
	color: #C9C9C9;
	line-height: 0.9em;
	text-align: right;
}

#aboutbox {
	width: 905px;
	float: left;
	font-size: 11px;
}




/*
PORTFOLIO
------------------------*/
#portfolio {
	width: 900px;
	margin: 40px 0px 0px 0px;
	float: left;
}

#onesite {
	width: 900px;
	height: 380px;
	margin: 0px 0px 60px 0px;
	float: left;

}

.sitetitle {
	width: 900px;
	text-align: left;
	color: #C9C9C9;
}

#onesite img {
	float: left;
	width: 600px;
	height: 350px;
	margin: 0px 18px 0px 0px;
	border: 1px solid #C9C9C9;
}

#onesite p {
	float: left;
	width: 250px;
	height: 350px;
}




/*
FOOTER
------------------------*/
#footer { 
	margin: 0 auto; 
	text-align: center;
	font-size: 10px;
}