/*
	
	
	Style code for Kelley A Meister, 2009
	Kelley A Meister : Design Work
	
	
	*/

	/* ------------  redefined elements ------------- */
	
	body{
			background-color: #000000;
		}
		
	
		
		
	/* ------------  divs and such ------------- */	
		
	 
	
	#title{
			
			
			color: #FFFFFF;
			
	
	}
	
	#titleRight{
				
				text-align: right;
				font-size: 14px;
				font-weight: bold;
				width: 350px;
				float: right;
				margin-right: 3px;
				color: #FFFFFF;
				font-family: Helvetica, Verdana, Arial, sans-serif;
				}
	
	#titleLeft{
		
			font-size: 32px;
			font-family: Helvetica, Verdana, Arial, sans-serif;
			width: 640px;
		
		
			}
			
	#subTitle{
			color: #FFFFFF;
			text-align: left;
			font-size: 14px;
			
			width: 350px;
			float: left;
			margin-right: 3px;
			
			font-family: Helvetica, Verdana, Arial, sans-serif;
				}
			
	#pointer{
			
			position: absolute;
			right: 5px;
			top: 100px;
			width: 351px;
		
			}
	
	ul {
			font-family: gill sans, sans-serif;
			
			padding: 0;
			list-style: none;
			width: 640px;
			
	}
	
	
	ul li {
			float: left;
			position: relative;
			
	}
	
	li ul {
			
			
			width: 149px;
			top: 32px;
			display: none;
	}

	ul li a {
			display: block;
			text-decoration: none;
			color: #777;
			background: #fff;
			padding: 5px;
			border: 1px solid #ccc;
			border-bottom: 0;
	}
	
	
	li {
			  float: left;
			  position: relative;
			  width: 10em;
			  }
	
	
	/* Fix IE. Hide from IE Mac \*/
	* html ul li { float: left; }
	* html ul li a { height: 1%; }
	/* End */
	
	li:hover ul { display: block; }
	
			startList = function() {
			if (document.all&&document.getElementById) {
			navRoot = document.getElementById("nav");
			for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
			node.onmouseover=function() {
			this.className+=" over";
			}
			node.onmouseout=function() {
			this.className=this.className.replace»
			(" over", "");
			}
			}
			}
			}
			}
			window.onload=startList;
			
	
	
	
	
	
	
	

	
	
	
	
	
	div.spacerLine{
		   width: 175px;
		   border-top: 1px solid;
		   margin: 30px 0px 30px 0px;
		   height: 0px;
		   color: #FFFFFF;
		  
				}
	
	
	
	#preload{
        	height: 0px;
        	overflow: hidden;
			}
		
		
			
	
			
	#shipwreck{
			position: absolute;
			right: 200px;
			left: 200px;
			width: 474px;
			margin-top: 500px;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			
			}
			
	#shipwreckAbout{
			position: absolute;
			top: 0px;
			right: 200px;
			left: 200px;
			width: 474px;
			margin-top: 400px;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			
			}
			
	#links{
			font-size: 18px; 
			font-weight: bold;
			
			}
	
	
	/*-----------interior pages--------------*/
	
	#sideNav{
			position: absolute;
			left: 10px;
			top: 200px;
			width: 355px;
			color: #FFFFFF;
			padding: 30px 0px 30px 0px;
			font-family: Helvetica, Verdana, Arial, sans-serif;
	
			}
			
	#sideNavMCAD{
			
			}
			
	#sideNavPR{
		position: absolute;
			left: 10px;
			top: 200px;
			width: 365px;
			color: #FFFFFF;
			padding: 30px 0px 30px 0px;
			font-family: Helvetica, Verdana, Arial, sans-serif;
	
	}
			
	#sideNavBPB{
			position: absolute;
			left: 10px;
			top: 200px;
			width: 250px;
			color: #FFFFFF;
			padding: 30px 0px 30px 0px;
			font-family: Helvetica, Verdana, Arial, sans-serif;
	
			}
			
	#sideNavADM{
			position: absolute;
			left: 10px;
			top: 200px;
			width: 250px;
			color: #FFFFFF;
			padding: 30px 0px 30px 0px;
			font-family: Helvetica, Verdana, Arial, sans-serif;
	
			}
			
	#centerImage {
			
		
			margin-top: 300px;
		
			position: absolute;
			margin-left: 201px;
			margin-right: 201px;
			margin-bottom: 400px;
	}

	#centerImage2 {
			
		
			margin-top: 250px;
		
			position: absolute;
			margin-left: 401px;
			margin-right: 201px;
			margin-bottom: 400px;
	}

	
	
	/* ------------  spans and such ------------- */	
			
	
	
	
	a.sideNav{
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			color: #000000;	
			background-color: #FFFFFF;
		}
	
	
	
	
	a.sideNav:hover{
			color: #41767F;
	}
		
	a.sideNavMCAD{
			text-decoration: none;
			color: #FFFFFF;
			
			}
			
	a.sideNavMCAD:hover{
			text-decoration: none;
			color: #000000;	
			background-color: #FFFFFF;
			}
	
	a.sideNavPR{
			text-decoration: none;
			color: #FFFFFF;
			
			}
			
	a.sideNavPR:hover{
			text-decoration: none;
			color: #000000;	
			background-color: #FFFFFF;
			}