/*---------------------------------------------------------------------------------
Layout Styles
---------------------------------------------------------------------------------*/

body {
	background: #000000;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: #818181;
}

body p {
	font-size: 11px;
	margin: 0;
	padding: 0;
}

div {
	text-align: left;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}   

h1 {
	color: #FFFFFF;  
	font-size: 18px; 
	margin: 0;
	padding: 0;
	font-weight: normal;
}

h2 {
	color: #3a3a3a;  
	font-size: 12px; 
	margin: 5px 0 0 0;
	padding: 0;
	font-weight: normal;
}

#mainHeaderWrapper {
	width: 956px;  
	padding: 0;
	margin:0 auto;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width: 956px;
}


html>body #mainHeaderWrapper {
	width: 956px;
}



#mainFrame {
	width: 952px;
	padding: 0;
	margin:0 auto;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width: 952px;
}


html>body #mainFrame {
	width: 952px;
}

/*---------------------------------------------------------------------------------
Header Styles
---------------------------------------------------------------------------------*/

#mainHeader { 
	position: fixed;
	top: 0;
	z-index: 50;
	width: 952px;
	padding: 30px 2px 0 2px;
	margin: 0; 
	text-align: left; 
	/*background: #000;*/
	height: 160px;
	border-bottom: 1px solid #1e1e1e;
}


#navigationWrapper {
	height: 7px;
	overflow: hidden;
	padding: 10px 0 0 0;
	margin: 10px 0 10px 0;
	border-top: 1px solid #1e1e1e;
}

#navigation {   
	margin: 0; 
	padding: 0;
	text-align: left; 
	list-style: none;
	height: 7px;
	display: inline;
	overflow: hidden;
}


#navigation li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	
}

#navigation a {
	float: left;
	padding: 7px 0 0 0;
	margin: 0 13px 0 0;
}

#navigation1 {
	width: 29px;
	padding: 0;
	background: url("../default_images/nav_about.gif") no-repeat top left;
}

#navigation2 {
	width: 23px;
	padding: 0;
	background: url("../default_images/nav_work.gif") no-repeat top left;
}

#navigation3 {
	width: 23px;
	padding: 0;
	background: url("../default_images/nav_news.gif") no-repeat top left;
}

#navigation4 {
	width: 41px;
	padding: 0;
	background: url("../default_images/nav_contact.gif") no-repeat top left;
}


#navigation a:hover {
	background-position: 0 -7px;
}

#navigation a:active {
	background-position: 0 -7px;
}
/*---------------------------------------------------------------------------------
Main Content Styles
---------------------------------------------------------------------------------*/

.blank {
	padding: 20px 0;
	margin: 0;
	height: 150px;
	border-bottom: 1px solid #1e1e1e;
}

.about {
	padding: 20px 0;
	margin: 0;
	height: 150px;
	border-bottom: 1px solid #1e1e1e;
}

.thumbnails {
	padding: 20px 0;
	margin: 0;
	height: 256px;
	border-bottom: 1px solid #1e1e1e;
}

.extrarow
{
	margin-top:2px;
}

.news {
	padding: 20px 0;
	margin: 0;
	height: 150px;
	border-bottom: 1px solid #1e1e1e;
}

.contact {
	padding: 20px 0;
	margin: 0;
	height: 150px;
	border-bottom: 1px solid #1e1e1e;
}

.spacer {
	padding: 0;
	margin: 0;
	height: 600px;
}

.column1 {
	float: left;
	width: 241px;
	padding: 0 75px 0 0;
	margin: 0 2px 0 0;
}

.column2 {
	float: left;
	width: 316px;
	padding: 0;
	margin: 0 2px 0 0;
}

.column3 {
	float: left;
	width: 316px;
	padding: 0;
	margin: 0;
}

.column4 {
	float: left;
	width: 634px;
	padding: 0;
	margin: 0;
}

.thumbnails img {
	float: left;
	margin: 0 2px 0 0;
}

.title img {
	float: none;
	margin: 0 0 20px 0;
}

.thumbnails .title img {
	float: none;
	margin: 0 0 20px 0;
}

.thumbnails .lastImage img {
	float: left;
	margin: 0;
}

.news .column2 {
	width: 241px;
	padding: 0 75px 0 0;
}

.news .column3 {
	width: 286px;
	padding: 0 30px 0 0;
}

.date {
	color: #FFFFFF;
	margin-bottom: 3px;
}

.newsTitle {
	color: #FFFFFF;
	margin-bottom: 5px;
	font-size:14px;
}

#prevLink {
	position:absolute;
	margin:30px 0 0 0;
	z-index:9999;
}
			
#nextLink {
	position:absolute;
	margin:30px 0 0 0;
	z-index:9999;
}

#close
{
	font-size:12px;
	line-height:16px;
	float:right;
	display:inline;
	padding:20px;
	position:relative;
	z-index:9999;
	
}
#close a
{
	color:#818181;
	font-varient:small-caps;
}
#close a:hover
{
	color:#ccc;
}

#popup-content
{
	z-index:50;
	position:absolute;
	background:#090909;
}

.imageContents {
	margin: 0;
	padding: 40px;
	width: 365px;
	position:absolute;
	line-height:1em;
	font-size:1em;
	display:none;
}

.display
{
	display:block;
	line-height:16px;
	font-size:11px;
}

#imageDetails #caption
{
	display:none;
}
/*---------------------------------------------------------------------------------
Link Styles
---------------------------------------------------------------------------------*/

a {                   
	margin: 0;
	padding: 0; 
}

/*----GENERAL LINKS----*/
a:link		{ color: #FFFFFF; text-decoration: none;}
a:visited	{ color: #FFFFFF; text-decoration: none;}
a:hover		{ color: #969696; text-decoration: none;}
a:active	{ color: #FFFFFF; text-decoration: none;}

navigation a:link		{ color: #969696; text-decoration: none;}
navigation a:visited	{ color: #969696; text-decoration: none;}
navigation a:hover		{ color: #FFFFFF; text-decoration: none;}
navigation a:active		{ color: #969696; text-decoration: none;}


div#header, div#header2 { overflow: auto; position: absolute; left: 0pt; }
div#header { overflow: hidden; top: 0pt; z-index: 3; width: 100%; height: 190px; }
div#header2 { background: rgb(0, 0, 0) none repeat scroll 0% 0%; overflow: hidden; top: 0; z-index: 1; width: 100%; height: 190px; opacity: 0.95; }

@media screen {
  body > div#header, body > div#header2 { position: fixed; }
  
}