
/* ####################################################

  v5 CSS - Coded by BlueMandible
  
##################################################### */


#demobody {  
  padding : 0;
  margin : 0;
  background-color : #000000;
  font : 100.1% helvetica, arial, sans-serif;
}

/*
  Global Styling
*/
a {
  color : #ffffff;
  font-family : arial, helvetica, sans-serif;
  text-decoration : none;
  font-weight : 450;
  font-size : 10px;
  line-height: 150%; 
  letter-spacing : 1px;
}

a:hover, a:focus, a:active {
  color : #ffffff;
  text-decoration : underline;
}

a:focus, a:active {
  color : #ffffff;
  text-decoration : none;
}

#body {
		color : #ffffff;
		font-family : arial, helvetica, sans-serif;
		text-decoration : none;
		font-weight : 400;
		font-size : 10px;
		line-height: 130%; 
		margin-bottom : 0px;
		margin-top: 0px;
		margin-left: 0px;
		background-image:url('images/back_waves.jpg');
		background-attachment: fixed;
		background-repeat:no-repeat;
	}
	
#vline{
width: 2px;
height:100px;
border-right:1xp #444;
}
	
#container {
   width: 100%;
}

#containerbig {
   width: 700px;
   height: 300px;
   -moz-box-shadow: 0px 0px 8px #999;
	-webkit-box-shadow: 0px 0px 8px #999;
	box-shadow: 0px 0px 8px #999;
}

#container2 {
   width: 700px;
}

#containerline {
   width: 2px;
   height: 200px;
   float:center;
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 100px;
   margin-bottom: 40px;
   background: #000000;
}

#container3 {
   width: 290px;
   height: 150px;
   float:left;
   margin-left: 0px;
   margin-top: 110px;
   margin-bottom: 40px;
   vertical-align: middle;
   text-align: center;
}
#container4 {
   width: 290px;
   height: 150px;
   float:right;
   margin-right: 100px;
   margin-top: 110px;
   margin-bottom: 40px;
   vertical-align: middle;
   text-align: center;
}

img.floatleft { 
    float: left; 
    margin: 5px; 
}

/*
	Out Site Styling
*/

	#outsite h1 {
  		color : #FFFFFF;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		line-height: 130%; 
  		font-size : 11px;
		font-weight : 450;
		letter-spacing : 1px;
		margin-bottom : 0px;
		margin-top: 0px;
	}

	#outsite h2 {
  		color : #666666;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		font-size : 10px;
		line-height: 100%; 
		text-align: right;
		letter-spacing : 1px;
		margin-bottom : 0px;
		margin-top: 10px;
	}

	#outsite h3 {
		color : #666666;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		font-size : 10px;
		line-height: 130%; 
		letter-spacing : 1px;
		margin-bottom : 0px;
		margin-top: 0px;
	}
	
	#outsite h3 a {
		color : #666666;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		font-size : 10px;
		line-height: 130%; 
		letter-spacing : 1px;
		margin-bottom : 0px;
		margin-top: 0px;
	}
	
			#outsite h3 a:hover, #outsite h3 a:focus, #outsite h3 a:active {
  			color : #999999;
			text-decoration : underline;
  			background : transparent;
		}

		#outsite h3 a:focus, #outsite h3 a:active {
  			text-decoration : none;
		}



/*
	In Site Styling
*/

	#main h1 {
  		color : #E4E5E6;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		line-height: 100%; 
  		font-size : 26px;
		letter-spacing : 1px;
		margin-bottom : 0px;
		margin-top: 0px;
	}

	#main h2 {
  		color : #E4E5E6;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		font-size : 16px;
		line-height: 130%; 
		letter-spacing : 1px;
		margin-bottom : 0px;
		margin-top: 0px;
	}

	#main h3 {
		color : #00242D;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		font-size : 15px;
		line-height: 100%; 
		letter-spacing : 1px;
		margin-bottom : 0px;
		margin-top: 0px;
	}
	
	#main h3 a {
		color : #00242D;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		font-size : 15px;
		line-height: 100%; 
		letter-spacing : 1px;
		margin-bottom : 0px;
		margin-top: 0px;
	}
	
			#main h3 a:hover, #main h3 a:focus, #main h3 a:active {
  			color : #00242D;
			text-decoration : underline;
  			background : transparent;
		}

		#main h3 a:focus, #main h3 a:active {
  			text-decoration : none;
		}
		
		#main h4 {
  		color : #00242D;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		font-size : 11px;
		line-height: 100%; 
		letter-spacing : 1px;
		margin-bottom : 0px;
		margin-top: 0px;
	}
	
#greenline {
  height : 5px;
  background-color : #95ac9a;
}

#mainnav h1 {
  		color : #666666;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
		text-align: center;
  		line-height: 100%; 
  		font-size : 10px;
		letter-spacing : 0px;
		margin-bottom : 10px;
		margin-top: 10px;
	}
	#mainnav h1 a {
		color : #00242D;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
		text-align: center;
  		font-size : 10px;
		line-height: 100%; 
		letter-spacing : 0px;
		margin-bottom : 10px;
		margin-top: 10px;
	}
	#mainnav h2 {
  		color : #E4E5E6;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		font-size : 16px;
		line-height: 130%; 
		letter-spacing : 1px;
		margin-bottom : 0px;
		margin-top: 0px;
	}
	#mainnav h3 {
		color : #00242D;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		font-size : 15px;
		line-height: 100%; 
		letter-spacing : 1px;
		margin-bottom : 0px;
		margin-top: 0px;
	}
	
	#mainnav h3 a {
		color : #00242D;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		font-size : 15px;
		line-height: 100%; 
		letter-spacing : 1px;
		margin-bottom : 0px;
		margin-top: 0px;
	}

	
	/*
	BigText Styling
*/

	#bigtext h1 {
  		color : #444;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		line-height: 80%; 
  		font-size : 26px;
		font-weight : 800;
		text-shadow: 0px 2px 3px #666;
		filter: dropshadow(color=#666,offX=0,offY=2);
		letter-spacing : 8px;
		margin-bottom : 0px;
		margin-top: 0px;
		margin-left: 108px;
		vertical-align: middle;
		text-align: center;
	}
	
	#bigtext h1 a {
		color : #444;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		line-height: 80%; 
  		font-size : 26px;
		font-weight : 800;
		text-shadow: 0px 2px 3px #666;
		filter: dropshadow(color=#666,offX=0,offY=2);
		letter-spacing : 8px;
		margin-bottom : 0px;
		margin-top: 0px;
		margin-left: 50px;
		vertical-align: middle;
		text-align: center;
	}
	
	#bigtext h1 a:hover, #bigtext h1 a:focus, #bigtext h1 a:active {
  		color : #444;
		text-decoration : none;
  		background : transparent;
	}

	#bigtext h1 a:focus, #bigtext h1 a:active {
  		text-decoration : none;
	}

	#bigtext h2 {
  		color : #444;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		font-size : 60px;
		font-weight : 800;
		text-shadow: 0px 2px 3px #666;
		filter: dropshadow(color=#666,offX=0,offY=2);
		line-height: 80%; 
		letter-spacing : 2px;
		margin-bottom : 0px;
		margin-top: 0px;
		margin-left: 50px;
		vertical-align: middle;
		text-align: center;
	}
	
	#bigtext h2 a {
		color : #444;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		font-size : 60px;
		font-weight : 800;
		text-shadow: 0px 2px 3px #666;
		filter: dropshadow(color=#666,offX=0,offY=2);
		line-height: 80%; 
		letter-spacing : 2px;
		margin-bottom : 0px;
		margin-top: 0px;
		margin-left: 50px;
		vertical-align: middle;
		text-align: center;
	}
	
	#bigtext h2 a:hover, #bigtext h2 a:focus, #bigtext h2 a:active {
  		color : #999;
		text-shadow: 0px 2px 3px #777;
		text-decoration : none;
  		background : transparent;
	}

	#bigtext h2 a:focus, #bigtext h2 a:active {
  		text-decoration : none;
	}

	#bigtext h3 {
  		color : #444;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		line-height: 120%; 
  		font-size : 12px;
		text-shadow: 0px 1px 1px #666;
		margin-bottom : 150px;
		margin-top: 150px;
	}
	
	#bigtext h3 a {
		color : #444;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		font-size : 12px;
		line-height: 120%; 
		text-shadow: 0px 1px 1px #666;
		margin-bottom : 150px;
		margin-top: 150px;
	}
	
	#bigtext h3 a:hover, #bigtext h3 a:focus, #bigtext h3 a:active {
  		color : #888;
		text-shadow: 0px 1px 1px #666;
		text-decoration : none;
  		background : transparent;
	}

	#bigtext h3 a:focus, #bigtext h3 a:active {
  		text-decoration : none;
	}
	
	#bigtext h4 {
  		color : #444;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		line-height: 80%; 
  		font-size : 26px;
		font-weight : 800;
		text-shadow: 0px 2px 3px #666;
		filter: dropshadow(color=#666,offX=0,offY=2);
		letter-spacing : 8px;
		margin-bottom : 0px;
		margin-top: 0px;
		margin-left: 115px;
		vertical-align: middle;
		text-align: center;
	}
	
	#bigtext h4 a {
		color : #444;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		line-height: 80%; 
  		font-size : 26px;
		font-weight : 800;
		text-shadow: 0px 2px 3px #666;
		filter: dropshadow(color=#666,offX=0,offY=2);
		letter-spacing : 8px;
		margin-bottom : 0px;
		margin-top: 0px;
		margin-left: 50px;
		vertical-align: middle;
		text-align: center;
	}
	
	#bigtext h4 a:hover, #bigtext h4 a:focus, #bigtext h4 a:active {
  		color : #444;
		text-decoration : none;
  		background : transparent;
	}

	#bigtext h4 a:focus, #bigtext h4 a:active {
  		text-decoration : none;
	}

	#bigtext h5 {
  		color : #444;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		font-size : 60px;
		font-weight : 800;
		text-shadow: 0px 2px 3px #666;
		filter: dropshadow(color=#666,offX=0,offY=2);
		line-height: 80%; 
		letter-spacing : -5px;
		margin-bottom : 0px;
		margin-top: 2px;
		margin-left: 50px;
		vertical-align: middle;
		text-align: center;
	}
	
	#bigtext h5 a {
		color : #444;
  		font-family : arial, helvetica, sans-serif;
  		text-decoration : none;
  		font-size : 60px;
		font-weight : 800;
		text-shadow: 0px 2px 3px #666;
		filter: dropshadow(color=#666,offX=0,offY=2);
		line-height: 80%; 
		letter-spacing : -5px;
		margin-bottom : 0px;
		margin-top: 2px;
		margin-left: 50px;
		vertical-align: middle;
		text-align: center;
	}
	
	#bigtext h5 a:hover, #bigtext h5 a:focus, #bigtext h5 a:active {
  		color : #999;
		text-shadow: 0px 2px 3px #777;
		text-decoration : none;
  		background : transparent;
	}

	#bigtext h5 a:focus, #bigtext h5 a:active {
  		text-decoration : none;
	}
