/*
	
	
	Style code for Kelley A Meister
	copyright 2008
	Kelley A Meister
	
	
	*/

	/* ------------  redefined elements ------------- */
	
	body{
			background-color: #ACC5C9;
		}
		
	
		
		
	/* ------------  divs and such ------------- */	
		
	 
	
	#title{
			font-family: Helvetica, Arial, sans-serif;
			width: 990px;
			
	
	}
	
	#titleLeft{
		
			font-size: 24px;
			font-weight: bold;
			width: 750px;
			float: left;
		
			}
	
	#titleRight{
				margin-top:10px;
				text-align: right;
				font-size: 14px;
				font-weight: bold;
				width: 545px;
				float: right;
				margin-right: 3px;
			
				}
	

	
	
	
	#sideNav{
			position: absolute;
			left: 10px;
			top: 100px;
			width: 150px;
			
			padding: 30px 0px 30px 0px;
			
	
			}
	
	div.spacerLine{
		   width: 175px;
		   border-top: 1px solid;
		   margin: 30px 0px 30px 0px;
		   height: 0px;
				}
	
	#centerImage {
			
		
			margin-top: 95px;
		
			position: absolute;
			margin-left: 201px;
			margin-right: 201px;
			margin-bottom: 400px;
	}

	
	#preload{
        	height: 0px;
        	overflow: hidden;
			}
		
		
			
	#pointer{
			
			position: absolute;
			right: 1px;
			top: 83px;
			width: 318px;
		
			}
			
	#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--------------*/
	
	#cage{
			
			width: 990px;
			height: 750px;
			margin: 5px;
			background-image: url(images/cage_background.jpg);
			background-repeat: no-repeat;
			position: relative;
			
		}
	
	#thumbNav{
			position: absolute;
			left: 10px;
			top: 45px;
			width: 175px;
			
			padding: 30px 0px 30px 0px;
			
			}
			
	#cageText{
			position: absolute;
			right: 20px;
			top: 150px;
			width:30%;
			font-weight: bold;
			line-height: 20px;
			
	}
	
	#centerText{
			position: absolute;
			top: 150px;
			right: 200px;
			left: 200px;
			font-weight: bold;
			line-height: 15px;
			text-align: center;
			
	}
	
	#aboutCenter{
			position: absolute;
			top: 150px;
			right: 200px;
			left: 200px;
			font-family: Helvetica, Arial, sans-serif;
			line-height: 15px;
		
			
	}
	
	#charlay{
			width: 990px;
			height: 750px;
			position: relative;
			background-image: url(images/charlay_blur2.jpg);
			background-repeat: no-repeat;
			margin: 5px;
	
	}
	
	#interview{
			width: 990px;
			height: 750px;
			position: relative;
			background-image: url(images/background_charlay2.jpg);
			background-repeat: no-repeat;
			margin: 5px;
	
	}
	
	#revolting{
			width: 990px;
			height: 750px;
			position: relative;
			background-image: url(images/background_revolting.jpg);
			background-repeat: no-repeat;
			margin: 5px;
	
	}
	
	#seduce{
			width: 990px;
			height: 1011px;
			position: relative;
			background-image: url(images/background_seduce.jpg);
			background-repeat: no-repeat;
			margin: 5px;
	
	}
	
	#bpb{
			width: 990px;
			height: 750px;
			position: relative;
			background-image: url(images/bpb/bpb_background5.jpg);
			background-repeat: no-repeat;
			margin: 5px;
	
	}
	
	#centerImageBpb {
			
		
			margin-top: 125px;
		
			position: absolute;
			margin-left: 201px;
			margin-right: 201px;
			margin-bottom: 400px;
	}

	#rightBpb{
			position: absolute;
			margin-top: 185px;
			right: 120px;
			
			width:35%;
			font-weight: bold;
			line-height: 20px;
			
	}
	
	#bottomText{
			position: absolute;
			top: 650px;
			right: 200px;
			left: 200px;
	
			line-height: 15px;
		
			
	}
	
	#bpbLogo{
			position: absolute;
			z-index: 1;
			}
			
	#crush{
			width: 990px;
			height: 750px;
			position: relative;
			background-image: url(images/crushBackground.jpg);
			background-repeat: no-repeat;
			margin: 5px;
	
	}
	
	#come{
			width: 990px;
			height: 750px;
			position: relative;
			background-image: url(images/background_come.jpg);
			background-repeat: no-repeat;
			margin: 5px;
	
	}
	
	#chalk{
			
			width: 990px;
			height: 750px;
			margin: 5px;
			background-image: url(images/background_chalk.jpg);
			background-repeat: no-repeat;
			position: relative;
			
		}
	
	#cops{
			
			width: 990px;
			height: 750px;
			margin: 5px;
			background-image: url(images/background_cops.jpg);
			background-repeat: no-repeat;
			position: relative;
			
		}
	
	
	#cry{
			
			width: 990px;
			height: 750px;
			margin: 5px;
			background-image: url(images/background_cry.jpg);
			background-repeat: no-repeat;
			position: relative;
			
		}
			
	#imaginary{
			
			width: 990px;
			height: 750px;
			margin: 5px;
			background-image: url(images/background_imaginary.jpg);
			background-repeat: no-repeat;
			position: relative;
			
		}
	
	#mfa{
			width: 990px;
			height: 750px;
			position: relative;
			background-image: url(images/mfaBackground.jpg);
			background-repeat: no-repeat;
			margin: 5px;
	
	}	
	
	#tough{
			
			width: 990px;
			height: 750px;
			margin: 5px;
			background-image: url(images/background_tough.jpg);
			background-repeat: no-repeat;
			position: relative;
			
		}
		
	#thumbNavImag{
			position: absolute;
			left: 10px;
			top: 85px;
			width: 175px;
			
			padding: 30px 0px 30px 0px;
			
			}	
	
	#wreck{
			
			width: 990px;
			height: 750px;
			margin: 5px;
			background-image: url(images/background_wreck.jpg);
			background-repeat: no-repeat;
			
			position: relative;
			
		}
	
	#thumbNavWreck{
			position: absolute;
			left: 10px;
			top: 45px;
			width: 175px;
			
			padding: 30px 0px 30px 0px;
			
			}
			
	
	/* ------------  spans and such ------------- */	
			
	
	
	
	a.sideNav{
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			color: #010101;
        	

			
		}
	
	a.sideNav:hover{
			color: #41767F;
	}
		

	
	a.thumbNav{
			text-decoration: none;
			color: #010101;
      	
		}
	a.thumbNav:hover{
			color: #41767F;
	}
	
	a.links{
			font-size: 18px; 
			font-weight: bold;
			text-decoration: none;
			color: #F6CFBC;
			}
			
	a.links:hover{
			color:#41767F;
			}
	
	a.centerText{
		text-decoration: none;
			color: #010101;
        	}
      
    a.centerText:hover{
    		color: #41767F;
	}
	
	
			
	
	
	a.sideNavCharlay{
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			color: #010101;
        	

			
		}
	
	a.sideNavCharlay:hover{
			color: #F6CFBC;
	}
	
	a.sideNavCome{
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			color: #010101;
        	

			
		}
	
	a.sideNavCome:hover{
			color: #9EAC00;
	}
	
	a.sideNavCops{
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			color: #010101;
        	

			
		}
	
	a.sideNavCops:hover{
			color: #D37B45;
	}
	
	
	a.cageText{
			text-decoration: none;
			color: #010101;
			}
	
	a.cageText:hover{
			color: #F6CFBC;
	}
	
	a.sideNavBpb{
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			color: #DFEDF1;
        	

			
		}
	
	a.sideNavBpb:hover{
			color: #850600;
	}
	
	a.sideNavCrush{
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			color: #010101;
        	

			
		}
	
	a.sideNavCrush:hover{
			color: #B7E8F5;
	}
	
	a.sideNavMfa{
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			color: #010101;
        	

			
		}
	
	a.sideNavMfa:hover{
			color: #6E3521;
	}
	
	a.sideNavTough{
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			color: #D10100;
        	

			
		}
	
	a.sideNavTough:hover{
			color: #850600;
	}
	
	
	a.sideNavImag{
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			color: #4B1D28;
        	

			
		}
	
	a.sideNavImag:hover{
			color: #B3DB9D;
	}
	
	a.sideNavImag2{
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			color: #010101;
        	

			
		}
	
	a.sideNavImag2:hover{
			color: #B3DB9D;
	}
	
	a.thumbNavImag{
			text-decoration: none;
			color: #4B1D28;
      	
		}
		
		
	a.thumbNavImag:hover{
			color: #B3DB9D;
	}
	
	a.thumbNavWreck{
			text-decoration: none;
			color: #FFFFFF;
      	
		}
	a.thumbNavWreck:hover{
			color: #F7D504;
	}
	
	
	a.sideNavWreck{
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			color: #FFFFFF;
        	

			
		}
	
	a.sideNavWreck:hover{
			color: #F7D504;
	}