﻿body {
	margin: 0px;
	background-color: #2A2A2A;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
}

a {
	color: #C0C0C0;
	text-decoration: underline;
}
a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
	
img {border:0px;}

form {border:0px;}
	
#clear {
	clear:both;
	}

/* TOP PATTERN : which really serves no purpose besides making the entire site look fly //////////////////////////////*/
	
/* NAME BAND : because it's not really a banner //////////////////////////////////////////////////////////////////////*/
	
.gold {
	color: #FFCC00;
}

.banner_container {
	height:107px;
	background-image:url(../images/top_band.jpg);
	}
	
.banner_bucket {
	width: 784px;
	position: relative;
	vertical-align: middle;
}
.banner_column_left {
	float: left;
	width: 400px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #CCCCCC;
}
.banner_column_right {
	float: right;
	width: 200px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #CCCCCC;
	vertical-align: inherit;
	position: relative;
	top: 15px;
}

/* NAVIGATION : the operator of this pocket navigator //////////////////////////////////////////////////////////*/
	
.nav_container {
	background-image: none;
	position: relative;
	height: 15px;
	background-color: #000000;
}
	
.nav_bucket {
	width:784px;
	}
	
.nav_column_left {
	float:left;
	width:120px;
	text-align:left;
	}
	
.nav_column_middle {
	float: left;
	width: 700px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #C0C0C0;
	vertical-align: middle;
}
.nav_column_middle a {
	color: #C0C0C0;
	text-decoration: none;
}
.nav_column_middle a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

	
.nav_about {
	float:left;
	width:93px;
	height:42px;
	}
	
.nav_work {
	float:left;
	width:91px;
	height:42px;
	}
	
.nav_contact {
	float:left;
	width:95px;
	height:42px;
	}
	
.nav_column_right {
	float:left;
	width:120px;
	text-align:left;
	}

/* CONTENT - GLOBAL, ABOUT, WORK ////////////////////////////////////////////////////////////////////////////////////////////*/
	
.content_container {
	min-height: 234px;
	top: 20px;
	position: relative;
}

.content_bucket {
	width: 784px;
	position: relative;
	vertical-align: middle;
}
.content_column_left {
	float: left;
	width: 0px;
	text-align: left;
}
.content_column_middle {
	float: left;
	width: 800px;
	text-align: left;
	position: relative;
}

.content_column_middle h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bolder;
	color: #C0C0C0;
	letter-spacing: .3em;
	font-style: normal;
	font-variant: normal;
}


.content_column_middle_a {
	float:left;
	width:567px;
	text-align:left;
	}
	
.content_about {
	float:left;
	width:349px;
	padding-right:25px;
	padding-top:20px;
	padding-left:4px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	line-height:17px;
	}
	
.content_about a {
	color:#000;
	text-decoration:underline;
	}
	
.content_about a:hover {
	color:#d0750c;
	text-decoration:underline;
	}
	
.content_featured {
	float:left;
	width:166px;
	}
	
#header_featured {
	width:158px;
	height:17px;
	margin-left:4px;
	margin-bottom:5px;
	}	

.content_column_right {
	float:left;
	width:120px;
	text-align:right;
	}

.content_column_right_details {
	float:left;
	width:100px;
	text-align:right;
	}


/* CONTENT - DETAILS /////////////////////////////////////////////////////////////////////////////////////////////////*/

.project_title {
	float:left;
	width:459px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#888;
	letter-spacing:-1px;
	}
	
.footer_container {
	height: 56px;
	padding-top: 15px;
	position: relative;
	top: 30px;
}

.footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#777;
	font-size:9px;
	}
	
.footer a {
	color:#999;
	text-decoration:none;
	}
	
.footer a:hover {
	color:#bbb;
	text-decoration:underline;
	}
	

.photo_collage_container {
	border: 1px groove #999966;
}
.photo_collage_container td {
	border: 1px solid #AD946B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-variant: normal;
	color: #C0C0C0;
	text-align: center;
	text-decoration: none;
}

.photo_collage_container td a {
	text-decoration: none;
	color: #C0C0C0;
}
.photo_collage_container td a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.samplePhotosContainer {
	position: relative;
	clear: both;
	height: 520px;
	top: 20px;
	text-align: center;
}
.samplePhotosBucket {
	width: 220px;
	position: absolute;
	height: 450px;
	float: left;
	vertical-align: middle;
}

.samplePhotosBucket td {
	border: 1px solid #AD946B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-variant: normal;
	color: #C0C0C0;
	text-align: center;
	text-decoration: none;
}
.samplePhotoLargeDisplay {
	position: absolute;
	width: 450px;
	height: 450px;
	left: 250px;
}
.samplePhotoLargeDisplay img {
	border-style: outset;
	border-color: #996633;
	vertical-align: middle;
}
.samplePhotoThumb {
	border-style: outset;
	border-color: #996633;
}
.clear {
	clear: both;
}

