@charset "UTF-8";
/* CSS Document */

A:link {color : #003f5d; text-decoration: none; outline:none} 
A:visited {color : #000; text-decoration: none; outline:none} 
A:active {color : #000; text-decoration: none; outline:none} 
A:hover {color : #8ca9b7; text-decoration: none; outline:none}


html { font-family : 'Helvetica', Arial, Sans-Serif;
	background : #ffffff repeat-x; 
	}

body { font-family : 'Helvetica', Arial, Sans-Serif; 
	color : #000000; 
	text-align : left;
	padding:0px;
	}
	
p {font-family : 'Helvetica', Arial, Sans-Serif; 
	color : #181818; 
	text-align : left;
	font-size:11px;
	font-weight:light;
	line-height: 15px;
	padding: 0;
	}
	
h1 {font-family : 'Helvetica', Arial, Sans-Serif; 
	color : #181818; 
	text-align : left;
	font-size:15px;
	font-weight: bold;
	line-height: 15px;
	padding: 0; 
	}

#container {background : #ffffff url(images/folder.jpg); 
	position: relative; 
	width:896px; 
	height:1215px; 
	margin-right:auto; 
	margin-left:auto; 
	margin-top:-8px; 
	padding: none; 
	}
			
#animation {background : url(images/animation.gif);
	position: absolute; 
	width:521px; 
	height: 484px; 
	margin-top:254px; 
	margin-left:291px; 
	}
	  
#nav {position: absolute; 
	width: 186px; 
	height: 186px; 
	margin-top: 63px; 
	margin-left: 394px; 
	}
	
ul#nav_main { position : absolute; 
	width : 186px;  
	margin : 0; 
	padding : 0; 
	list-style-type: none;
	text-indent : -9999px;
	}

li#nm_1 { position : absolute; top : 0px; left : 0px; width : 186px; height : 34px; text-decoration : none; background : url(images/about.jpg) no-repeat; }	
li#nm_2 { position : absolute; top : 34px; left : 0px; width : 186px; height : 36px; text-decoration : none; background : url(images/steve.jpg) no-repeat; }
li#nm_3 { position : absolute; top : 70px; left : 0px; width : 186px; height : 41px; text-decoration : none; background : url(images/marty.jpg) no-repeat; }	
li#nm_4 { position : absolute; top : 111px; left : 0px; width : 186px; height : 36px; text-decoration : none; background : url(images/resources.jpg) no-repeat; }
li#nm_5 { position : absolute; top : 147px; left : 0px; width : 186px; height : 38px; text-decoration : none; background : url(images/contact.jpg) no-repeat; }
	
ul#nav_main a {
	position : absolute;
	display : block;
	width : 186px;
	overflow : hidden;
	margin-left: auto;
	margin-right: auto;
	}

li#nm_1 a:hover { background : url(images/about_u.jpg) no-repeat; top : 0px; left : 0px; width : 186px; height : 34px;}
li#nm_2 a:hover { background : url(images/steve_u.jpg) no-repeat; top : 0px; left : 0px; width : 186px; height : 36px;}
li#nm_3 a:hover { background : url(images/marty_u.jpg) no-repeat; top : 0px; left : 0px; width : 186px; height : 41px;}
li#nm_4 a:hover { background : url(images/resources_u.jpg) no-repeat; top : 0px; left : 0px; width : 186px; height : 36px;}
li#nm_5 a:hover { background : url(images/contact_u.jpg) no-repeat; top : 0px; left : 0px; width : 186px; height : 38px;}





/* pages */

#container_pages {background : #ffffff url(images/folder_pages.jpg) no-repeat; 
	position: relative; 
	width:1215px; 
	height:915px; 
	margin-right:auto; 
	margin-left:auto; 
	margin-top:-8px; 
	padding: none; 
	}

#nav_pages {position: absolute; 
	width: 186px; 
	height: 186px; 
	margin-top: 128px; 
	margin-left: 127px; 
	}
		
ul#nav_main_pages { position : absolute; 
	top : 0px;
	left : 0px;
	margin: auto;  
	width : 183pxpx; 
	height : 186px; 
	margin : 0; 
	padding : 0; 
	list-style-type: none;
	text-indent : -9999px;
	}
	
ul#nav_main_pages a {
	display : block;
	width : 186px;
	text-indent : -9999px;
	text-decoration : none;
	overflow : hidden;
	margin-left: auto;
	margin-right: auto;
	}
	
li#nm_1_about { position : absolute; top : 0px; left : 0px; width : 186px; height : 34px; text-decoration : none; background : url(images/about_u.jpg) no-repeat; }	
li#nm_2_steve { position : absolute; top : 34px; left : 0px; width : 186px; height : 36px; text-decoration : none; background : url(images/steve_u.jpg) no-repeat; }
li#nm_3_marty { position : absolute; top : 70px; left : 0px; width : 186px; height : 41px; text-decoration : none; background : url(images/marty_u.jpg) no-repeat; }	
li#nm_4_resources { position : absolute; top : 111px; left : 0px; width : 186px; height : 36px; text-decoration : none; background : url(images/resources_u.jpg) no-repeat; }
li#nm_5_contact { position : absolute; top : 147px; left : 0px; width : 186px; height : 38px; text-decoration : none; background : url(images/contact_u.jpg) no-repeat; }
	


#text {position: absolute; 
	width:400px; 
	height: 200px; 
	margin-top:55px; 
	margin-left:546px;
	padding: 0;
	}
	
.steve {
	float: left;
	width:125px;
	height:176px;
	margin-right: 15px;
	margin-bottom: 15px;
	}
	
.marty {
	float: left;
	width:125px;
	height:184px;
	margin-right: 15px;
	margin-bottom: 10px;
	}

ul#marty { 	margin : auto; 
	padding : 0; 
	list-style-type: none;
	text-indent : 15px;
	font-size:11px;
	line-height: 15px;
	}


#contact-area {
	position: absolute;
	width: 400px;
	margin-top: 225px; 
	margin-left:546px;
	padding: 0;
	}
	

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 313px;
	margin: 0px 0px 25px 0px;
	border: 1px solid #003f5d;
}

#contact-area textarea {
	height: 200px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #8ca9b7;
}

#contact-area input.submit-button {
	background : #ffffff;
	width: 75px;
	float: right;
}

label {
	float: left;
	text-align: left;
	margin-right: 20px;
	width: 55px;
	padding-top: 5px;
	font-size: 11px;
}