* {margin: 0; padding: 0;}

html, body { /*styling the html tag allows for 100% height */
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	background: #1b1b1b url(../images/background.jpg) no-repeat scroll center top;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: left;
}

#page-container { width: 996px; margin: 0 auto; overflow:hidden; }

#header {margin:0; height: 200px;}

#name { float: left; display: inline; width: 250px; float: left; margin: 77px 0 0 30px; }

#social {
	font-size: 0.6em;
	float: left;
	display: inline;
	width: 175px;
	float: left;
	margin: 77px 0 0 270px;
}
#social a:link {font-size: 0.6em;}
#social img { padding-right: 10px; border: none; }

#logo { background: url(../images/logo.png) no-repeat left top; width: 260px; height: 60px; margin-top:75px; display:inline; float: left;border-right: 1px solid #fff; margin-bottom: 15px;}

/* Navigation Text*/
/* MAIN NAV PLACEMENT*/
#navcontainer { float: left; clear:left; width: 230px; margin-left: 5px; font-size:10px;}
ul#navlist { margin-left: 0; padding-left: 0; white-space: nowrap; }
#navlist li { display: inline; list-style-type: none; }
#navlist a { padding: 3px 11px; }
#navlist a:link, #navlist a:visited {color: #fff; background-color: #000; text-decoration: none;}
#navlist a:hover { color: #fff; background-color: #515151; text-decoration: none; }
#navlist #active a { background-color: #ff7f01; text-decoration: none; }

/*contents*/

#main-content { width: 990px; margin-top: 32px; height: auto;}

#content {
	padding: 0; margin: 0;
	width: 996px;
	float: left;
	display:inline;
}

#content img { border:1px thin #000; float:left; }
#content a:link img, a:visited img, a:hover img { border:1px thin #000; }
#subtitle { width:150px; background-color:#333; padding: 5px 0 5px 0; float:left; clear: left; font-size:11px; text-indent: 10px; color:#FFF;}
#subtitle a:link {color: #333; }
#subtitle a:visited {color: #333;}
#subtitle a:hover {color: #666;}
#subtitle a:active {color: #333;}

#thumb { display:inline; float:left; margin: 0 5px 5px 5px; width: 150px; }

#content2 {
	display: block;
	float: left;
	width: 900px;
	/*min-height: 415px;*/
	margin-top: 20px;
	padding-bottom: 100px;
	margin-left: 7px;
	text-align: center;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

#marker {
	float: left;
	width: 23px;
	background: url(../images/leftarrow);
	margin-top:40px; 
	height: 45px;
	}
	
#typography {
	float: left;
	width: 950px;
	margin: 5px 0 35px 25px;
}

		
#footer {
	clear: left;
	width: 996px;
	height: 50px;
	text-align:center;
	padding-top: 30px; }
	

#footer h1 { font-size: 0.7em; }

.block {
	display: block;
}

/*Type Properties*/

h1 {
	font-size: 12px;
	color: #fff;
	font-weight: lighter;
}


/*Content heading*/
#typography h1 {
	font-size: 10px;
	letter-spacing: 1px;
	font-weight: lighter;
	font-style: normal;
	border-bottom: 1px dotted #999;
	text-indent: 2pt;
	color: #e7e7e7;
	white-space: nowrap;
	margin-bottom: 12pt;
	margin: 0px;
	line-height: 150%;
	text-transform: uppercase;
}

/*Date*/

#projectnav h2 { color:#09ede7; font-size:10px;}

h2 {
	font-size: 11px;
	padding: 2px 0 2px 0;
	color: #fff;
	text-indent: 4px;
	margin: 0px;
	font-weight:100;
}

h3 {
	font-size: 11px;
	padding: 2px 0 2px 0;
	color: #c1c1c1;
	text-indent: 10px;
	margin: 0px;
	font-weight:100;
}

/*paragraph*/

p {
	font-size: 0.7em;
	color:#ebebeb;
	margin: 0px;
	font-weight: lighter;
	padding-bottom: 6px;
	padding-left: 4px;
}

e {
	font-size: 8px;
	color:#c1c1c1;
	margin: 0px;
	font-weight: lighter;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-top: 8px;
	line-height: 15px;
}


#available {color: #CF0;}

a:link {color: #ff9933; text-decoration: none;}
a:visited {text-decoration: none;color: #ff9933;}
a:hover {text-decoration: underline;color: #FFF;}
a:active {text-decoration: none;}


/****** GAL *****/
ul.gal {list-style: none; display: inline-block; margin-top: 10px;} ul {display: block;}
ul.gal li {float: left; position: relative; border: none; margin: 7px; height: 185px; width: 150px;}
ul.gal li img {display: block;}
ul.gal li div.caption { bottom: 0px; background: #000; padding: 2px 2px 5px 2px; color: #666; font-size:0.7em;}
ul.gal li div.caption h2 { padding-top: 10px;}
ul.gal li:hover {}
ul.gal li:hover div.caption {display: block; background-color:#1b1b1b;}
ul.gal li:hover img {background-color:#CCC;}


/***** DESCRIPTION PAGE *****/
#description h2 { background-color: #515151; text-decoration: none; padding:10px 0 10px 0; border-bottom: 1px dashed #767676; }
#description p {font-size: 0.7em; background-color: #555454; padding-top: 5px;}
#description img { text-align:center; float: left; }


/***** ABOUT PAGE ********/
.col1{
float:left;
margin: 0 5px 0 5px;
width:250px;
background-color:#333;
}

.col2{
float:left;
background-color:#1b1b1b;
margin: 0 5px 0 5px;
width:170px;
}


.col3{
float:left;
background-color:#1b1b1b;
margin: 0 5px 0 5px;
width:170px;
}

.col4{
float:left;
background-color:#1b1b1b;
margin: 0 5px 0 5px;
width:170px;
}

.col5{
margin: 0 5px 0 5px;
float:left;
background-color:#1b1b1b;
width:170px;
}

#about h1 { font-size: 12px;
padding: 7px 7px 7px 15px;
	color: #fff;
	font-weight: lighter;
	background-color:#000;}
#about p { color: #ebebeb; padding: 15px; }

/*********** CONTACT ********/
#contact {float: left;
	width: 430px;
	margin: 0 0 35px 5px; }
	
	
	
/****** LOGO GALLERY *****/
ul.logos {list-style: none; display: inline-block; margin-top: 10px;} ul {display: block;}
ul.logos li {float: left; position: relative; border: none; margin: 7px; height: 230px; width: 315px;}
ul.logos li img {display: block;}
ul.logos li div.caption { bottom: 0px; background: #000; padding: 2px 2px 5px 2px; color: #666; font-size:0.7em;}
ul.logos li div.caption h2 { padding-top: 10px;}
ul.logos li:hover {}
ul.logos li:hover div.caption {display: block; background-color:#1b1b1b;}
ul.logos li:hover img {background-color:#CCC;}