/* GLOBAL STYLES */
	* {
		margin:0 auto; 
		padding:0 
		}

		body {
			color:#000;
			background-color:#4c4343; 
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			line-height:16px;
			}
			
			a {
				color:#4c4343;
				text-decoration:underline;
				background-color:inherit;
				}
				
			
			a img {
				border:0
				}
		/*
		div, p 				{border:dashed #234534 1px; }
		*/
		
			#container {
	color:inherit;
	position:relative;
	left:50%;
	margin-left:-395px;
	width:790px;
	background-color:#fff;
	background-image:url(assets/rewheader.jpg);
	background-repeat:no-repeat;
	background-position:top;
	border-left:solid #2a2121 1px;
	border-right:solid #2a2121 1px;
				}
	
	/* NAVIGATION STYLES */
	
	#navigation {
		width:200px; 
		float:left; 
		font-size:12px; 
		line-height:14px; 
		padding:50px 0 20px 20px 
		}
		
		#navigation div {
			border-top:solid #eee 1px;
			padding:7px 0 7px 0;
			color:#999;
			background-color:inherit; 
			}
			
		#navigation .activated {
			font-weight:bold;
			color:#d88410;
			background-color:inherit;
			}
		#navigation .subcat {
			padding:0px 0px 0px 20px;
			}
		#navigation a {
			background-color:inherit;
			color:#666;
			text-decoration:none;
			}
		
		#navigation a:hover {
			text-decoration:underline;
			}
			
		#navigation .navThumbnail {
			margin:3px 3px 3px 0 
			}
			
		#navigation #logo {
			margin:0 0 50px 0 
			}
	
	/* GALLERY STYLES 
	   These are used to layout the individual portfolio
	   images. It provides for a big image and a set of thumbnails
	 */
	#gallery {
		width:550px; 
		float:right; 
		padding:50px 0 0px 0 
		}
		
		#gallery #mainImage {
			border:solid #aaa 1px; 
			}
			
		#gallery .thumbnailOff {
			float:left; 
			margin:10px 10px 10px 0;
			border:solid #fff 1px;
			 }
			 
		#gallery .thumbnailOn {
			float:left; 
			margin:10px 10px 10px 0;
			border:solid #d88410 1px; 
			}
	
	/* EXTENDED TEXT STYLES 
	   These provide basic formatting for the text-heavy pages
	   Note: Use these in place of GALLERY STYLES since they share
	         the same location and structure
	*/
	#extendedText {
		width:475px;
		float:right;
		padding:50px 0 0 0;
		margin:0 20px 0 20px; 
		}
	
	#extendedText p {
		font-weight:normal;
		margin:0 0 20px 0;
		padding:0px 0px 0px 20px;
		}
	
	#extendedText #headerImgContainer {
		height:85px;
		}
	
	#extendedText #headerImgContainer img {
		float:left;
		margin-right:2px;
	}
	
	#extendedText #headerImgContainer br {
		clear:both;
	}
	
	#extendedText .gutterImg {
		float:right;
		margin:2px 8px 0px 0px;
	}
	
	#extendedText .subhead {
		font-size:18px;
		line-height:21px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		margin:20px 0px 10px 0px;
		padding-bottom:10px;
		padding-top:10px;
		padding-left:20px;
		color:#d88410;
		background-color:inherit;
		border-bottom:solid #ccc 1px;
		border-top:solid #aaa 3px;
		}
	
	#extendedText #columnWrapper {
		width:300px;
		float:left;
		}
	#extendedText #columnWrapper_2{
		padding:0px 10px 0px 0px;
		}
	
	#extendedText #columnWrapper_2 embed,
	#extendedText #columnWrapper_2 object {
		margin-left:20px;
		margin-bottom:20px;
		}
	
	#extendedText .insetText {
		width:300px;
		}
		
	#extendedText .pullquote {
		font-size:14px;
		line-height:18px;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		background-color:inherit;
		color:#d88410;
		margin:5px;
		text-align:center;
		border-top:solid #aaa 1px;
		border-bottom:solid #aaa 1px;
		padding:10px;
		width:250px;
		float:right;
		}
	
	#extendedText .subtext {
		color:#666; 
		background-color:inherit;
		}
		
	#extendedText .inlineImgBox {
		padding:5px; 
		border:solid #aaa 1px; 
		float:right; 
		margin:0 0 20px 15px;
		}
		
	#extendedText .straddleColumnImgBox {
		padding:5px; 
		border:solid #aaa 1px; 
		margin:0px -165px 20px 15px;
		float:right;
		position:relative;
		}
		
	#extendedText .inlineImgBoxCaption {
		margin:5px 0px 5px 0px;
		}
	
	#extendedText .inlineBannerBox {
		border:solid #aaa 1px;
		clear:both;
		margin:10px 0px 50px 0px;
		}
		
	#extendedText .inlineCalloutBox {
		background-color:#f5efdd; 
		color:inherit;
		padding:10px;
		}	
	
	#extendedText #linkBox {
		margin:20px 0 20px 0;
		}
	
	#extendedText .linkList {
		margin:0px;
		list-style-type:none;
		}
		
		#extendedText .linkList li {
			border-bottom:solid #ccc 1px; 
			padding:5px 0 5px 20px;
			}
		
	/* FORM STYLES */
	input {
		clear:right; 
		}
	
	label {
		width:80px; 
		}
		
	/* INFO STYLES */
	#info {
	color:#F5F5DC;
	background-color:#C10000;
	width:790px; /* this should be = width of container to prevent wrap / collapse of layout */
	clear:both;
	padding:30px 0 0 0;
	background-image:url(../images/brownHeader.gif);
	background-repeat:no-repeat;
	background-position:top;
	margin:10px 0 0 0
		}
		
		#info a {color:#f5f5dc;}
		
		#info #contact {
			width:200px; 
			float:left; 
			padding:0px 0px 20px 20px;/* make bottom margin same for metadata, description, otherText and contact */
			} 
			
		#info #metadata {
			width:200px; 
			float:left; 
			padding:0px 0px 20px 25px;/* make bottom margin same for metadata, description, contact, and otherText */
			}	
			
			#info #metadata strong {
				font-size:12px;
				font-weight:bold 
				}
			
		#info #description {
			width:250px; 
			float:left; 
			padding:0px 0px 20px 0px;/* make bottom margin same for metadata, description, contact, and otherText */
			}	
		
		#info #otherText { /* this is used in place of metadata + description */
			width:450px;
			float:left;
			padding:0px 0px 20px 25px; /* make bottom margin same for metadata, description, contact, and otherText */
			font-size:11px;
			}	
			
		#info #footer {
	background-color:#B65800;
	padding:10px;
	text-align:center;
	clear:both;
	color:#8f8475;
			}
		
		#info #footer a {
			background-color:inherit;
			color:inherit; 
			}

/* Form Styles */

.formRow {
	clear:both;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	}

.formLabel {
	float:left;
	width:50px;
	text-align:left;
	}

.formEntry {
	float:right;
	width:400px;
	text-align:left;
	}

input, textarea {
	border:solid #aaa 1px;
	margin:0 10px 0 0;
	}

/* Gallery Table */

#wrap {
	text-align:left;
	padding:0px;
	height:auto;
	width:351px;
	margin:0px auto;
	float:left
}
#limg {
	height:1%;
	width:350px;
	padding:0px;
	text-align:center;
	margin:0px;
}
#limg img {
	padding:5px;
	margin:0px auto;
	border:1px solid #aaa;
	background-color:#fff;
}
#cont {
	margin:0px -3px 0px 0px;
	padding:0px;
	height:1%;
	width:354px;
}
#ulthumb {
	list-style:none;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#ulthumb li {
	float:left;
	margin:3px 3px 0px 0px;
	width:56px;
	height:56px;
	display:block;
}
#ulthumb img {
	cursor:pointer;
	padding:2px;
	border:solid 1px #aaa;
	background-color:#fff;
}