/* Reset Styles */
h1,h2,h3,h4,h5,h6,p,a,ul,li,ol,em,body,html,img,dl,dd,dt,strong,blockquote,legend,fieldset,form,embed,object,div
{
	margin:0;
	padding:0;
	font-size: 1em;
	list-style-type: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

/* ---------------general---------------------- */




body, html
{
    height: 100%;
    background: #000;
    text-align:center; /* for IE */
    color: white;
}

.offScreen {
display: none;
}

#frame {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		text-align:left;
		background-color: black;
		/*border: 1px solid #E5EDE8;*/
		padding: 0;

		}
		
		
	#mainContent
		{
		
		padding: 0;
		margin: 0;
		}
		
		
h2 {
	font-size: 1.5em;
	margin: 0 0 10px 0;


}

h1 {
	font-size: 1.7em;
	margin: 200px 0 0 0;

}

h4 {
	font-size: 0.7em;
	margin: 0;
}

h5 {
	font-size: 0.7em;
	margin: 0;
}

p {
	font-size: 0.7em;
	margin: 0 0 10px 0;
}

p a {
	font-size: 1em;
}

a {

	color: #70878B;
	font-size: 0.7em;
	text-decoration: none;
	cursor: hand !important;
}

a span {
	text-decoration: underline;
}

a:hover {
		color: #5478A8;

}

.floatRight {
	float: right;

}


.floatLeft {
	float: left;

}

.title {
	color: #ccc;
	font-style: italic;
	margin: 0;
	padding: 0;
	font-size: .7em;

}

/* ---------------header---------------------- */

#header

{
width: 775px;
padding: 30px 5px 10px 20px;
border-bottom: 1px solid #E5EDE8;

}


#h1Header

{
	width: 386px;
	height: 62px;
	background-image: url(/images/header.gif);
}

#headerNew

{
width: 800px;
border-bottom: 1px solid #E5EDE8;

}

h1#HeaderFull

{
	width: 800px;
	height: 102px;
	background-image: url(/images/fullHeader.jpg);
}

/* ---------------menu/ nav---------------------- */

#nav

{
	width: 203px;
	height: 37px;
	margin: 10px 10px 0 0;
	font-size: 100%;
	float: right;
	clear: both;
	padding: 0;
}

#nav li

{
	width: 203px;
	height: 63px;
	margin: 8px 0 0 0;

}

#nav li a

{
	color: white;
	font-size: 0.9em;
	padding: 0 0 0 10px;
	line-height: 1.8em;
	

}

#nav li a:hover

{
	color: #E5EDE8;

}



#navHome

{
	background-image: url(/images/navHome.jpg);

}

#navCredits

{
	background-image: url(/images/navCredits.jpg);

}

#navEquipment

{
	background-image: url(/images/navEquipment.jpg);

}

#navEquipment

{
	background-image: url(/images/navEquipment.jpg);

}

#navPhoto

{
	background-image: url(/images/navPhoto.jpg);
}

#navContact

{
	background-image: url(/images/navContact.jpg);
}

#navCareers

{
	background-image: url(/images/navCareers.jpg);
}



/* ---------------footer---------------------- */


#footer

{
	height: 50px;
	width: 800px;
	clear: both;
	border-top: 1px solid #E5EDE8;
	color: white;
    font-size: .9em;


}

#footer span

{
	color: #ccc;
    font-size: .9em;


}


#footer a
{
	color: white;
	text-decoration: none;
	font-size: 1.1em; 

}

#footer a:hover
{
	color: #E5EDE8;
	text-decoration: none;

}

#mailLink
{
    width: 200px;
    float: left;
    padding: 8px 0 0 20px;
    margin: 0;
    font-size: .7em;

    
}

#disclaimer
{
    width: 560px;
    float: left;
    text-align: right;
    margin: 8px 0 0 0;
    font-size: .7em;

}



/* ---------------home page-------------------------- */


#homeContent
{

	background-image: url(/images/homePic.jpg);
	width: 543px;
	height: 13.2em;
	border: 1px solid #E5EDE8;
	margin: 20px 0 0 20px;
	color: black;
	padding: 0;


}

#greyBar
{

	background: #505351;
	width: 545px;
	height: 20px;
	margin: 0 0 0 20px;
}

#homeContent p
{
	padding: 0 0 0 10px;
	width: 22em !important;
}

#homeContent h2
{
	padding: 10px 0 0 10px;
	font-size: 3em;
}

#story1, #story2, #story3
{
	float: left;
	width: 181px;
	padding: 0;
	height: 170px;
	margin: 0;
	

}

#story1
{
	border: 1px solid #E5EDE8;
	background-image: url(/images/story1Bg.jpg);
	margin: 0 0 20px 10px;

}

  head:first-child+body #story1 {
	margin: 0 0 20px 20px;
}

#story2
{

	border-top: 1px solid #E5EDE8;
	border-bottom: 1px solid #E5EDE8;
	background-image: url(/images/story2Bg.jpg);

}

#story3
{
	border: 1px solid #E5EDE8;
	width: 179px;
	background-image: url(/images/story3Bg.jpg);


}


#grey
{
	opacity:0.5;
	-moz-opacity:0.5;
	background: black;
	height: 4em;
	margin: 43% 0 0 0;
	padding: 0;


}

.storyText
{
	color: white;
	padding: 95px 0 0 5px;

}
.storyText p
{
	font-size: 0.6em;
	line-height: 1.1em;
	
	}
	
.storyText a
{
	font-size: 1em;
	line-height: 1.1em;
	color: white;
	text-decoration: underline;
	}
	
	
	.storyText a:hover
{
	font-size: 1em;
	line-height: 1.1em;
	color: white;
	text-decoration: none;
	}
	
	
.more
{
font-size: 1em;
}
	
	
/* ---------------equipment -------------------------- */

#equipmentContent
{

	width: 520px;
	border: 1px solid #E5EDE8;
	margin: 20px 0 20px 20px;
	color: #fff;
	padding: 10px;


}

#equipmentContent ul

{
font-size: .7em;
color: #ccc;
Margin: 0 0 10px 0;
}

#equipmentContent li
{
list-style-type: square;
margin: 3px 0 0 15px;
}

#equipmentContent h3
{
padding: 10px 0 5px 0;
font-size: .8em;

}


/* --------------- credits -------------------------- */

#creditsContent
{

	width: 520px;
	border: 1px solid #E5EDE8;
	margin: 20px 0 20px 20px;
	color: #fff;
	padding: 10px;


}

#creditsContent h4
{
	color: #CCC;
	border-bottom: 1px solid #E5EDE8;
	margin: 0 245px 5px 0;	
}

#creditsContent p
{
	margin: 0 5px 0 0;	
}

#creditsContent p span
{
	color: #CCC;
}

#creditsContent .row
{
	padding: 10px 0; 
}

/* --------------- picture gallery -------------------------- */

#pictureContent
{

	width: 520px;
	border: 1px solid #E5EDE8;
	margin: 20px 0 20px 20px;
	color: #fff;
	padding: 10px;
}

#pictureContent a 
{
font-size: 1em;
border: 0;
}

#pictureContent img
{
border: 0;
}

.imagePic
{
padding: 5px;
}

#thumbs
{
height: 93px;
width: 2560px;
overflow: hidden;
padding: 0;
margin: 0;
}

#scrollContainer
{
width: 520px;
overflow: auto;
padding: 0;
margin: 0;

}

#naturePLLink
{
width: 312px;
height: 84px;
background-image: url(/images/naturePLLink.jpg);
margin: 10px 0 0 0;

}

#naturePLLinkText
{
padding: 3px 0 0 5px;
}

#naturePLLinkText a
{
color: #fff;
}

#naturePLLinkText a:hover
{
	color: #E5EDE8;
}



#buttonImageLinks
{
float: left;
width: 200px;
border: 1px solid red;
}

#back
{
width: 62px;
float: left;
height: 25px;
padding: 10px 0 0 0;
}



#next
{
float: right;
width: 73px;
text-align: right;
height: 21px;
padding: 10px 0 0 0;

}

#back
#back a {

	width: 91px;
	height: 25px;
	background: url("/images/galleryBackButton.gif") no-repeat 0 0;
		}
		
#back a:hover,
	 {
	background: url("/images/galleryBackButton.gif") no-repeat 0 -25px;
		}


#buttonFloat {

float: left;
}

.galleryTitle {
font-weight: bold;
font-size: 0.8em;
}
.galleryTitle span {
font-weight: bold;
font-size: 0.9em;
}

.galleryIntroPic {

float: left;
height: 100px;
width: 100px;
padding: 0 10px 10px 0;

}


		
		


/* ---------------contact form---------------------- */



#contactForm {
	padding: 0;
	margin: 0;
	font-size: .7em;

}

#contactForm input
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	width: 200px;
	font-size: 1em;
	color: #666;
	height: 1.5em;
	padding: 0;
	margin: 0;
	border: 1px solid #666;
	
}

	#contactForm fieldset {
		border: 0;
		padding-left: 0;
		margin-left:0;
		clear: both;
		width: 550px;
	}
	
		#contactForm fieldset p {
			width: 550px;
		}
		
		#contactForm fieldset h3 {
			margin: 0 5px;
		}

	#contactForm .row {
		clear: both;
		margin: 0 0 5px 0;
		padding: 0 0;
	}
	
	#contactForm .label {
		text-align: right;
		float: left;
		width: 150px;
		padding: 4px 10px 4px 0;
	}
	
	#contactForm .input {
		float: left;
		position: relative; /* This makes the dropdown menu's usable in NS6, fixes floating issue */
	}
	
	#contactForm .rowNoLabel .input {
		width: 25px;
	}
	
	#contactForm .rowNoLabel .label {
		width: 500px; 
		text-align: left;
	}
#contactForm #submit {
	width: 100px;
	margin: 5px 0 10px 160px;
	background: #000;
	color: white;
	border: 1px solid #fff;
	height: 2em;
	line-height: 1.5em;
	cursor: hand;

}


.clear
{
clear: both;
}

.smalltext {
    color: white;
    font-size: .8em;
}

#naturepl {
margin: 15px 0 5px 0;

}