html {height:100%;}
h1 {
	color: #fff;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left:10px;
	padding-top: 30px;
	line-height:normal;
	margin: 0px;
	font-weight:bold;
	}
h2 {
	color: #fff;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left:10px;
	line-height:normal;
	margin: 0px;
	font-weight:normal;
	}
h3 {
	color:#FF0000;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left:10px;
	line-height:normal;
	margin: 0px;
	font-weight:normal;
	}
h4 {
	color:#FFFF00;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left:10px;
	line-height:normal;
	margin: 0px;
	font-weight:normal;
	}
body {
	height:100%;
	background: #111;
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;	
	}
#containerWrap /*Holds everything - including the container*/
	{
	margin: 0px auto;
	text-align: left;
	padding:4px;
	padding-top:4px;
	border-top:6px solid #111;
	padding-bottom:4px;
	border-bottom:6px solid #111;
	background: #4D4C48;
	width:902px;
	overflow:auto;	
	}
#container {
	margin: 0px auto;
	text-align: left;
	background: #000;
	width:900px;
	overflow:auto;	
	}
#sidebarRight /*Holds everything right - including the footer*/
	{
	float:right;	
	width:416px;	
	margin:0px;
	overflow:auto;
	}
#sidebarLeft {		
	width:484px;	
	height:auto;
	margin:0px;
	overflow:auto;
	}
#header /*Holds your logo*/
	{	
	height:150px;
	width:288px;
	padding:8px;
	padding-left:120px;
	background:url(images/headerBG.jpg) top left no-repeat;	
	border-bottom: 4px solid #4D4C48;
	
	}
#rightBox { /*half-tone box on right, below navigation within sidebarRight*/
	height:386px;
	border-bottom: 4px solid #4D4C48;	
	background:url(images/rightBoxBG.jpg) top left no-repeat;
	overflow:auto;
	}
#rightBoxContent { /*holds the text on right of rightBox above*/
	float:right;
	width:210px;
	font-size:18px;
	padding: 10px;
	padding-top:35px;	
	color:#999;
	line-height: 170%;
	overflow:auto;
	}
#contentMain { /*holds nearly everything within container*/
	background: #000;	
	/*border-bottom: 4px solid #4D4C48;*/
	/*border-top: 6px solid #4D4C48;*/
	overflow: auto;	
	width:900px;
	padding:0px;
	overflow:auto;
	}
#projectBox /*Current projects area - this is within sidebar left*/
	{
	height:394px;
	padding:10px;
	
	line-height:250%;
	border-top: 4px solid	#4D4C48;
	border-right: 4px solid	#4D4C48;
	background:#333333 url(images/projectBG.jpg) top left no-repeat;
	}
#content {
	padding: 4px;
	border-left: 4px solid	#3A3633;
	border-right: 4px solid	#3A3633;
	border-bottom: 2px solid	#555;
	color: #999999;
	/*height: 93px;	*/
	}
#paddedBox { /* a box of no particular size to give padding to any un-padded container*/
	padding: 10px;
	color:#999999;
	overflow:auto;
	}
#paddedBox2{ /* a box of no particular size to give padding to any un-padded container*/
	padding: 10px;
	color:#fff;
	overflow:auto;
	}
#galleryContainer /*Holds the triGalleryBoxes*/
	{ 
	width:480px;
	height:720px;
	border-left: 0px solid #3A3633;
	border-right: 4px solid #4D4C48;
	overflow:auto;	
	}
#contactContainer { 
	width:480px;
	height:720px;
	background:url(images/contactBoxBG.jpg) top left no-repeat;
	border-left: 0px solid #3A3633;
	border-right: 4px solid #4D4C48;
	overflow:auto;	
	}
#imageBoxRight {
	float:right;
	padding:5px;
	overflow:auto;
}
#triGalleryBoxes { /*this box holds the three gallery links*/
	height:130px;
	border: 2px solid #4D4C48;
	margin:10px;
	text-align:right;
	padding:8px;
	padding-left: 189px;
	background:url(images/triBG.jpg) top right no-repeat;	
	}
#bottomLeftSpacer /*Spacer under gallery boxes - this is within sidebar left*/
	{
	height:217px;
	padding:10px;
	border-top: 4px solid	#4D4C48;
	border-right: 4px solid	#4D4C48;
	background:#333333 url(images/projectBG.jpg) top left no-repeat;
	overflow:auto;
	}
#bottomLeftSpacer a,#bottomLeftSpacer a:link,#bottomLeftSpacer a:active {
	color:#fff;
	text-decoration:underline;
}
#bottomLeftSpacer a:hover {
	color:#00FF00;
}
.movie_container /*Holds the flash on home page and top left box on other pages*/
	{ 
	width:480px;
	height:560px;
	border-left: 0px solid #3A3633;
	border-right: 4px solid #4D4C48;	
	}
.movie {
	width: 960px;
	height: 400px;
	text-align: center;
	}
#main {
	width: 653px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-top: 40px;
	border-left: 1px solid #075a7c;	
	}
#thumbHolder {
	width: 448px;
	height:105px;
	margin-top:12px;
	padding:5px;
	padding-top:10px;
	border: 1px solid #444;	
}
#thumbRight {
	float:right;
	margin-left:5px;
	height:100px;
	width:108px;	
}
#thumbRightWide {
	float:right;
	height:100px;
	width:148px;	
}
#thumbLeft {
	height:100px;
	width:108px;	
}
#thumbLeftWide {
	height:100px;
	width:148px;
}
#footer {
	padding: 15px;
	text-align: left;
	
	background:url(images/blueSteel.jpg) top left no-repeat;
	overflow:auto;		
	}
.headertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 5px;
	color: #777;
	font-weight:bold;
	text-align:right;	
	}
.secondaryheader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;		
	font-size: 24px;
	margin: 10px;
	color: #ccc;	
	}
.secondaryheader a,.secondaryheader a:link,.secondaryheader a:active {
	color: #ccc;
	}
.secondaryheader a:hover {	
	color:#0099CC; 
	}
	
.tertiaryheader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal ;		
	font-size: 18px;
	margin: 0px;
	color: #555;		
	}
.sf { /*All of the "sf" tags are "secondary footer" text*/
	color:#6699CC;
	text-align : right;		
	float: right;	
	font-family: Arial, Helvetica, sans-serif;
	margin: 1px;
	font-size: 12px;
	font-weight: normal;
	}
.sf a {
	color:#6699CC;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	}
.sf a:active {
	color:#6699CC;
	font-size: 12px;
	font-weight: normal;
	}	
.sf a:link {
	color:#6699CC;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	}	
.sf a:hover {
	color: #fff; 
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
	}
.subtitle2 { /*I stole this tag from some of your other work!*/
	color: #777;
	text-align : left;
	float: left;	
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 12px;	
	}
a {
	font-weight: normal; 
	color: #777;
	text-decoration: none;	
	}
a:hover {
	color:#0099CC; 
	text-decoration: none;
	}
.floatright {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
	clear: right;
}
.floatleft {
	float: left;
	clear: left;
	margin-right:8px;
	}

/*Everything below is the navigation*/
/*Each button has its own rules due to the differing colored image backgrounds*/

#navBox /*Big box just below header box - holds the smaller mn below*/
	{	
	height:306px;
	width:416px;		
	border-bottom: 4px solid #4D4C48;
	background:url(images/navBG2.jpg) top left no-repeat;
	padding-top:29px;
	
	}
#mn /*mn = "Main Navigation" box - closest container to the buttons*/
	{	
	height:275px;
	width:190px;
	margin-left:45px;		
	}
ul.navlistBio,ul.navlistBio li { /*Bio button rules*/
	list-style-type: none;
	padding: 0;
	margin: 0px;
	display: inline;
	}
ul.navlistBio li a { /*Bio button rules*/
	display: block;
	width: 165px;
	color: #fff;
	background:url(images/bioBG.jpg) top left repeat-x;
	text-align: center;
	text-decoration: none;
	font-weight:bold;	
	margin-bottom: 37px;
	padding-top: 0px;
	padding-bottom: 5px;
	}
ul.navlistBio li a:hover { /*Bio button rules*/
	background:url(images/bioBGHover.jpg) top left repeat-x;
	}

ul.navlistBlog,ul.navlistBlog li { /*Blog button rules*/
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: inline;
	}
ul.navlistBlog li a { /*Blog button rules*/
	display: block;
	width: 165px;
	color: #fff;
	background:url(images/blogBG.jpg) top left repeat-x;
	text-align: center;
	text-decoration: none;
	font-weight:bold;	
	margin-bottom: 37px;
	padding-top: 0px;
	padding-bottom: 5px;
	}
ul.navlistBlog li a:hover { /*Blog button rules*/
	background:url(images/blogBGHover.jpg) top left repeat-x;
	}
ul.navlistContact,ul.navlistContact li { /*Contact button rules*/
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: inline;
	}
ul.navlistContact li a { /*Contact button rules*/
	display: block;
	width: 165px;
	color: #fff;
	background:url(images/contactBG.jpg) top left repeat-x;
	text-align: center;
	text-decoration: none;
	font-weight:bold;	
	margin-bottom: 37px;
	padding-top: 0px;
	padding-bottom: 5px;
	}
ul.navlistContact li a:hover { /*Contact button rules*/
	background:url(images/contactBGHover.jpg) top left repeat-x;
	}
ul.navlist,ul.navlist li { /*Home button rules*/
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: inline;
	}
ul.navlist li a { /*Home button rules*/
	display: block;
	width: 165px;
	color: #fff;
	background:url(images/mnHome.jpg) top left repeat-x;
	text-align: center;
	text-decoration: none;
	font-weight:bold;	
	margin-bottom: 37px;
	padding-top: 0px;
	padding-bottom: 5px;
	}
ul.navlist li a:hover { /*Home button rules*/
	background:url(images/mnHomeHover.jpg) top left repeat-x;
	}

ul.navlistG,ul.navlistG li { /*Galleries button rules*/
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: inline;
	}
ul.navlistG li a { /*Galleries button rules*/
	display: block;
	width: 165px;
	color: #fff;
	background:url(images/galleryBG.jpg) top left repeat-x;
	text-align: center;
	text-decoration: none;
	font-weight:bold;	
	margin-bottom: 37px;
	padding-top: 0px;
	padding-bottom: 5px;
	}
ul.navlistG li a:hover { /*Galleries button rules*/
	background:url(images/galleryBGHover.jpg) top left repeat-x;
	}

