/* Reset Styles */
h1,h2,h3,h4,h5,h6,h7,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: #ffffff;
    text-align:center; /* for IE */
    color: white;
}

.offScreen {
display: none;
}

#frame {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		text-align:left;
		background-color: white;
		border: 1px solid #ccc;
		padding: 0;

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


}

h3 {
	font-size: 0.7em;
	margin: 0 0 3px 0;

}

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

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

h8 {
    color: #003C7A;
	font-size: 1.2em;
    font-weight: bold;
	margin: 0 0 3px 0;
}

h7 {
   font-size: 1.3em;
   font-weight: bold;
	margin: 0 0 3px 0;
}

h9 {
   font-size: 1.2em;
	margin: 0 0 3px 0;
}


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

a {

	color: #c72337;
	font-size: 1.2em;
	text-decoration: none;
	cursor: hand !important;
}

a span {
	text-decoration: underline;
}

a:hover {
		color: #5478A8;

}

.floatRight {
	float: right;
}

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

#header

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

}


#h1Header

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

/* ---------------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: #000000;

}



#navHome

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

}

#navCredits

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

}

#navEquipment

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

}

#navEquipment

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

}

#navPhoto

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

#navContact

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

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


#footer

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


}

#footer span

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


}


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

}

#footer a:hover
{
	color: #000000;
	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(homePic3.jpg);
	width: 543px;
	height: 580px;
	border: 1px solid #ccc;
	margin: 20px 0 0 20px;
	color: black;
	padding: 0;

}

#aboutContent
{

	background-image: url(service.jpg);
	width: 543px;
	height: 580px;
	border: 1px solid #ccc;
	margin: 20px 0 0 20px;
	color: black;
	padding: 0;

}

#serviceContent
{

	background-image: url(service.jpg);
	width: 543px;
	height: 580px;
	border: 1px solid #ccc;
	margin: 20px 0 0 20px;
	color: black;
	padding: 0;
	
	}

#testContent
{

	background-image: url(service.jpg);
	width: 543px;
	height: 580px;
	border: 1px solid #ccc;
	margin: 20px 0 0 20px;
	color: black;
	padding: 0;

}

#contactContent
{

	background-image: url(service2.jpg);
	width: 543px;
	height: 580px;
	border: 1px solid #ccc;
	margin: 20px 0 0 20px;
	color: black;
	padding: 0;

}

#greyBar
{

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

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

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

#aboutContent p
{
	padding: 0 0 0 10px;
	width: 47em !important;
}

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

#serviceContent p
{
	padding: 0 0 0 10px;
	width: 30em !important;
}

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

#testContent p
{
	padding: 0 0 0 10px;
	width: 47em !important;
}

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

#contactContent p
{
	padding: 0 0 0 10px;
	width: 47em !important;
}

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

#story1, #story2, #story3, #story4, #story5, #story6, #story7, #story8, #story9
{
	float: left;
	width: 181px;
	padding: 0;
	height: 170px;
	margin: 0;
	

}

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

}

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

#story2
{

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

}

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

}

#story5
{
	border: 1px solid #ccc;
	width: 179px;
	background-image: url(story5Bg.jpg);

}

#story6
{
	border: 1px solid #ccc;
	width: 179px;
	background-image: url(story6Bg.jpg);

}

#story7
{
	border: 1px solid #ccc;
	width: 179px;
	background-image: url(story7Bg.jpg);

}

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

#story8
{
	border: 1px solid #ccc;
	width: 179px;
	background-image: url(story8Bg.jpg);

}

#story9
{
	border: 1px solid #ccc;
	width: 179px;
	background-image: url(story9Bg.jpg);

}


#story4
{
	border: 1px solid #ccc;
	background-image: url(story4Bg.jpg);
	margin: 0 0 20px 10px;


}

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


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


}

.storyText
{
	color: black;
	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: black;
	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 #ccc;
	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 #ccc;
	margin: 20px 0 20px 20px;
	color: #fff;
	padding: 10px;


}

#creditsContent h4
{
	color: #CCC;
	border-bottom: 1px solid #ccc;
	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 #ccc;
	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(naturePLLink.jpg);
margin: 10px 0 0 0;

}

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

#naturePLLinkText a
{
color: #000000;
}

#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("galleryBackButton.gif") no-repeat 0 0;
		}
		
#back a:hover,
	 {
	background: url("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: black;
    font-size: .8em;
}

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

}