@import url(reset.css);
@import url(lightbox.css);

body, html {
	background-color: #28372e;
}

div#wrapper {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 1024px;
	height: 896px;
	text-align: center;
	background-image: url(/images/strongsneck.jpg); 
	background-repeat: no-repeat;
}


em {
	font-style: italic;
	}

h1 {
	padding: 20px 0 0 0;
	text-align: center;
	}
	
h2.news {
	background-color: #9ea8a3;
	padding: 3px 0 3px 3px;
	width: 40px;
	margin: 0 0 2px 0;
	}
	
h2.featuredWork {
	background-color: #9ea8a3;
	padding: 3px 0 3px 3px;
	width: 100px;
	margin: 0 0 2px 0;
	}
	
h3 {
	margin: 0;
	background-color: #647866;
	float: left;
	text-align: left;
	padding: 0;
	font: 16px/22px helvetica;
	color: #fff;
	}

p {
	color: #000;
	font: 12px/16px helvetica;
	text-align: left;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #fff;
	clear: left;
	}
	
p a:link, p a:visited {
	color: #000;
	text-decoration: underline;
	}
	
p a:hover, p a:active {
	text-decoration: none;
	}
	
p.featuredWorkText {
	color: #000;
	border: none;
	font: 14px/20px helvetica;
	}
	
p.footerText {
	border: 0;
	text-align: left;
	color: #fff;
	}

p.footerText a:link, p.footerText a:visited {
	color: #fff;
	}
	
img.floatimgleft {
	float: left;
	margin: 0 5px 5px 0;
	}
	
div.navigationContainer {
	margin: 0 0 0 0;
	background-color: #3d5253;
	width: 1024px;
	height: 20px;
	}
	
ul#navigation {
	list-style: none;
	text-align: center;
	margin: 20px auto 0 auto;
	}
	
ul#navigation li {
	list-style-type: none;
	font: 18px/24px helvetica;
	color: #9ea8a3;
	display: inline;
	text-align: center;
	}
	
ul#navigation li a:link, ul#navigation li a:visited, ul#navigation li a:hover, ul#navigation li a:active {
	color: #fff;
	font: 18px/24px helvetica;
	text-decoration: none;
	}
	
ul#images {
	list-style: none;
	text-align: left;
	}

ul#images li {
	list-style-type: none;
	display: inline;
	margin: 0 3px 0 0;
	}
	
div#twoColumnContainer {
	margin: 20px auto 0 auto;
	width: 800px;
	text-align: center;
	}
	
div#column1 {
	float: left;
	margin: 0 1px 0 0;
	width: 499px;
	}
	
div#column2 {
	margin: 1px 0 0 0;
	float: left;
	width: 300px;
	}
	
div.externalWorksContainer {
	float: left;
	margin: 3px 8px 0 0;
	width: 258px;
	min-height: 200px;
	background-color: #e5ddd6;
	}
	
div.clear {
	clear: both;
	}
	
div.column1Body {
	background-color: #e5ddd6;
	width: 479px;
	clear: left;
	padding: 10px;
	}

div#footer{
	margin: 20px auto 0 auto;
	clear: both;
	width: 800px;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;
	padding: 10px;
	text-align: center;
	}