/* body tags-----------------------------------------------------------------*/
* 
			{	
			margin: 0;
			padding: 0;
			}
body
			{
			background: #004E7F;
			color: #DFEDFF; 
			font-family: "century gothic", "trebuchet MS", sans-serif;
			letter-spacing: 5px;	
			font-size: 14px;
			} 

p
			{
			margin: 11px 0 11px 0;
			}

/* General tags & styles-----------------------------------------------------------------*/

a:link, a:visited, ul#styleswitch li
			{
			text-decoration: none;
			color: #5969EF;
			text-shadow: -2px 2px 2px #11009F;
			outline: none;
			}

a:hover, ul#styleswitch li:hover
			{
			color: #080C3F;
			}


.clear
			{
			clear: both;
			}

.hidden, #ourworkbkgnd img, #navigator, #navbar span, h1 span, #foottext p, #fb	
			{
			display: none;
			}

 /*/ Heading / Logo tags-----------------------------------------------------------------*/

h1
			{
			background: url(../images_sea/h1.jpg) no-repeat;
			height: 270px;
			width: 640px;
			}


body#projects h1
			{
			background: url(../images_sea/h2.jpg) no-repeat;
			}

body#welike h1
			{
			background: url(../images_sea/h3.jpg) no-repeat;
			}


body#weewords h1, body#words h1
			{
			background: url(../images_sea/h4.jpg) no-repeat;
			}



h5
			{
			font-size: 15px;
			margin: 10px 0 -10px 0;
			}


h6
			{
			text-align: right;
			font-size: 22px;
			margin: 60px -240px 40px 0;
			padding-right: 20px;
			}

body#weewords h6
			{
			margin: 15px -18px 15px 0;
			}

/* Layout & Background-----------------------------------------------------------------*/


#main
			{
			background: url(../images_sea/background.jpg) no-repeat;
			width: 1280px;
			}



/* Quoteholder styles-----------------------------------------------------------------*/

#quotes
			{
			letter-spacing: 2px;
			font-family:  arial, helvetica, "century gothic" , "trebuchet MS", sans-serif;
			font-size: 13px;
			color: #201A84;
			width: 330px;
			font-weight: bold;
			font-style: italic;	
			cursor: help;
			text-align: right;
			}

#container
			{
			position: absolute;
			width: 450px;
			left: 685px;
			top: 25px;
			text-align: justify;
			}



/* Homepage layout -----------------------------------------------------------------*/

#bodytext, #introtext
			{
			width: 680px;
			text-align: right;
			font-style: italic;
			margin-left: 335px;
			color: #6F99FF;
			margin-top: 70px;
			font-family: "century gothic" , "trebuchet MS", sans-serif;
			background: url(../images_sea/shark.jpg) no-repeat -20px 0px;
			letter-spacing: 3px;
			line-height: 22px;
			font-weight: bold;
			font-size: 13px;
			}


#introtext
			{
			line-height: 17px;
			margin-top: -110px;
			font-size: 14px;
			color: #BFD2FF;
			background: none;
			letter-spacing: 5px;
			}

body#projects #bodytext
			{
			display: none;
			}

/* Our work layout & styles -----------------------------------------------------------------*/

#carbonplan, #sii, #arbc, #changeisgood, #time2letgo, #risk
			{
			margin-left: 400px;
			font-size: 12px;
			width: 615px;
			line-height: 15px;
			margin-bottom: 135px;
			margin-top: -110px;
			text-align: right;
			} 

#screenshots img
			{
			display:  none;
			position: absolute;
			border: 2px outset #6F99FF;
			opacity: .6;
			filter:alpha(opacity=60);
			margin-left: 300px;
			width: 150px;
			margin-top: -400px;
				}
#ourworkbkgnd h5
			{
			font-size: 19px;
			letter-spacing: 8px;
			margin-right: -4px;	
			}


			
#arbc h5 a:hover
			{
			color: #080C3F;
			}
/* Wee like layout & styles -----------------------------------------------------------------*/

.title
			{
			display: block;
			font-weight: bold;
			font-size: 16px;
			text-transform: uppercase;
			letter-spacing: 15px;
			margin-right: -10px;
			font-family: "century gothic" , "trebuchet MS", sans-serif;

			}

#weelike		
			{
			margin: -115px 0 0 210px;
			text-align: right;
			width: 805px;

			}
		

#img_box
			{
			height: 200px;
			position: relative;
			margin-left: 100px;

			}
#text
			{
			font-size: 14px;
			width: 715px;
			margin-left: 300px;
			margin-top: 10px;
			text-align: right;
			min-height: 450px;
			}
			


a#bowie, a#radiohead, a#eddie, a#audacity, a#wine, a#navy, a#newyork, a#amsterdam, a#blur, a#firefox, a#gibson, a#withnail
			{
			height: 70px;
			width: 70px;
			margin: 5px;
			border: 1px solid #293CDF;
			border-right: 1px solid #00064F;
			border-bottom: 1px solid #00064F;
			display: block;
			float: right;
			cursor: help;	
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			}
a#bowie:hover, a#radiohead:hover, a#eddie:hover, a#audacity:hover, a#wine:hover, a#navy:hover, a#newyork:hover, a#amsterdam:hover, a#blur:hover, a#firefox:hover, a#gibson:hover, a#withnail:hover
			{
			border: 2px solid #293CDF;
			border-right: 2px solid #00064F;
			margin: 4px 4px 4px 4px;
			border-bottom: 2px solid #00064F;
			}
#bowie
			{
			background: url("../images/bowie.jpg") no-repeat;
			}
			

a#radiohead 
			{
			background: url("../images/radiohead.jpg") no-repeat;
			}

a#navy
			{
			background: url("../images_corp/navy.jpg") no-repeat;
			height: 100px;
			}

a#firefox
			{
			background: url("../images/firefox.jpg") no-repeat;
			}

a#gibson
			{
			background: url("../images/gibson.jpg") no-repeat;
			height: 100px;
			}

a#eddie 
			{
			background: url("../images/eddie.jpg") no-repeat;
			height: 100px;
			}

a#audacity 
			{
			background: url("../images/audacity.jpg") no-repeat;
			}

a#wine 
			{
			background: url("../images/wine.jpg") no-repeat;
			height: 100px;
			}

a#newyork 
			{
			background: url("../images/new_york.jpg") no-repeat;
			margin-top: -25px;
			}
a#newyork:hover, a#amsterdam:hover, a#withnail:hover, a#blur:hover
			{
			margin-top: -26px;
			}
a#amsterdam
			{
			background: url("../images/amsterdam.jpg") no-repeat;
			margin-top: -25px;
			}


a#blur
			{
			background: url("../images/blur.jpg") no-repeat;
						margin-top: -25px;
			}


a#withnail
			{
			background: url("../images/withnail.jpg") no-repeat;
			margin-top: -25px;
			}


/* Wee words layout & styles -----------------------------------------------------------------*/






#wordstext
			{
			width: 790px;
			margin-top: -50px;
			text-align: right;
			margin-left: 220px;
			}

body#words #wordstext
			{
			margin-top: -110px;
			margin-left: 0px;
			}

.word
			{
			width: 150px;
			height: 20px;
			display: block;
			margin: 35px;
			text-align: left;
			margin-left: 300px;
			color: #00064F;
			letter-spacing: 1px;
			padding-right: 9px;
			padding-left: 3px;
			border: 1px solid #00064F;
			border-top: 1px solid #898CAE;
			border-left: 1px solid #898CAE;
			background: url(../images_sea/form.jpg) no-repeat;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			}

.definition
				
			{
			display: block;
			text-align: right;
			margin-top: -60px;
			width: 515px;
			font-style: italic;
			margin-left: 495px;
			}





#atoz
			{
			font-size: 15px;
			letter-spacing: 3px;
			position: absolute;
			top: 170px;
			width: 940px;
			line-height: 16px;
			left: 70px;
			}


body#words #atoz
			{
			top: 168px;
			}


#atoz a:hover
			{
			background: none;
			text-decoration: none;
			}

body#weewords #atoz a, body#words #atoz a
			{
			color: #fff!important;
			}

body#words a#youarehere:link, body#words a#youarehere:visited, body#weewords a#youarehere:link, body#weewords a#youarehere:visited
			{
			font-size: 21px;
			font-weight: bold;
			color: #00154F!important;
			}
#form
			{
			padding: 40px;
			margin-top: -25px;
			margin-left: 480px;
			}

#submitword, #submitdef, #submitemail, #submitname, #submitlocation
			{
			border: 2px outset #000D9F;
			letter-spacing: 2px;
			font-style: italic;
			font-size: 14px;
			width: 263px;
			background: url(../images_sea/form.jpg) no-repeat 0 0;		
			display: block;
			margin-bottom: 2px;
			position: relative;
			z-index: 5;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			color: #00064F;
			}

#submitdef
			{
			height: 50px;
			}

#submit
			{
			background: url(../images_sea/form_button.jpg) no-repeat;
			color: #00064F;
			font-weight: bold;
			margin-top: 10px;
			font-variant: small-caps;
			margin-bottom: 45px;
			border: 2px outset #000D9F;
			z-index: 5;
			cursor: pointer;
			margin-right: -37px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			}


#ack
			
			{
			padding-top: 10px;
			height: 250px;
			}



/* Footer -----------------------------------------------------------------*/

#foottext
	
			{
			background: url(../images_sea/footer.jpg) no-repeat 0px 0px;
			height: 556px;
			width: 1300px;
			text-align: justify;
			font-size: 13px;
			padding-left: 20px;
			margin: 550px 0 -12px -10px;
			}
	
			
body#welike #foottext
			{
			position: relative;
			}
body#words #foottext
			{
			margin: 750px 0 -12px -10px;
			}
/*Nav bar-----------------------------------------------------------------*/

ul#navbar
			{
			position: absolute;
			top: 215px;
			left: 0px;
			list-style: none;
			width: 240px;
			background: url(../images_sea/nav.jpg) no-repeat;
			height: 655px;
			}

body#projects ul#navbar
			{
			background: url(../images_sea/nav2.jpg) no-repeat;
			}

body#welike ul#navbar
			{
			background: url(../images_sea/nav3.jpg) no-repeat;
			}

body#weewords ul#navbar, body#words ul#navbar
			{
			background: url(../images_sea/nav4.jpg) no-repeat;
			}


			

#navbar li
			{
			height: 100px;
			}

#navbar li#homeli
			{
			height: 200px;
			}


body#home #navbar a#homelink, body#projects #navbar a#projectslink, body#welike #navbar a#wee-like, body#weewords #navbar a#wee-words
			{
			display: none;
			}

#navbar a#projectslink:link, #navbar a#projectslink:visited, body#projects #navbar a#wee-like:link, body#projects #navbar a#wee-like:visited, body#welike #navbar a#wee-words:link, body#welike #navbar a#wee-words:visited, body#weewords #navbar a#homelink:link, body#weewords #navbar a#homelink:visited, body#words #navbar a#homelink:link, body#words #navbar a#homelink:visited
			{
			position: absolute;
			top: 220px;
			left: 17px;
			height: 65px;
			width: 100px;
			}

#navbar a#wee-like:link, #navbar a#wee-like:visited, body#projects #navbar a#wee-words:link, body#projects #navbar a#wee-words:visited, body#welike #navbar a#homelink:link, body#welike #navbar a#homelink:visited, body#weewords #navbar a#projectslink:link, body#weewords #navbar a#projectslink:visited, body#words #navbar a#projectslink:link, body#words #navbar a#projectslink:visited
			{
			position: absolute;
			top: 345px;
			left: 150px;
			height: 50px;
			width: 55px;
			}


#navbar a#wee-words:link, #navbar a#wee-words:visited, body#projects #navbar a#homelink, body#projects #navbar a#homelink:visited, body#welike #navbar a#projectslink:link, body#welike #navbar a#projectslink:visited, body#weewords #navbar a#wee-like:link, body#weewords #navbar a#wee-like:visited, body#words #navbar a#wee-like:link, body#words #navbar a#wee-like:visited
			{
			position: absolute;
			top: 430px;
			left: 30px;
			height: 45px;
			width: 75px;
			}	




#navbar a#world:link, #navbar a#world:visited
			{
			position: absolute;
			top: 490px;
			left: 130px;
			background: url(../images_sea/wssworld.jpg) no-repeat;
			width: 70px;
			height: 62px;
			}
			
#navbar a#world:hover
			{
			background: url(../images_sea/wssworld_b.jpg) no-repeat;
			}

#navbar a:hover
				{
				background: none;
				}




#navbar a#translate, #navbar a#untranslate
				{
				background: url(../images_sea/frenchflag.jpg) no-repeat;
				width: 41px;
				height: 41px;
				position: absolute;
				left: 120px;
				top: 570px;
				}



#navbar a#untranslate
				{
				background: url(../images_sea/ukflag.jpg) no-repeat;
				}









body#words #navbar a#wee-words:link, body#words #navbar a#wee-words:visited
			{
			position: absolute;
			top: 51px;
			left: 35px;
			height: 74px;
			width: 147px;
			}


ul#styleswitch
			{
			position: absolute;
			background: url(../images_sea/starfish.jpg) no-repeat;
			top: 940px;
			left: 90px;
			width: 250px;
			height: 220px;
			list-style: none;
			}
			

ul#styleswitch li#a, ul#styleswitch li#b, ul#styleswitch li#c
			{
			display: block;
			cursor: pointer;
			}


ul#styleswitch li#a
			{
			margin: -13px 0 0 125px;
			width: 85px;
			}
ul#styleswitch li#b
			{
			margin: 15px 0 0 -30px;
			width: 105px;
			}

ul#styleswitch li#c
				{
				margin: 105px 0 0 185px;
				width: 70px;
				color: #fff;
				font-size: 18px;
				letter-spacing: 12px;
				font-weight: bold;
				text-align: center;
				}


ul#styleswitch li#c:hover		
				{
				text-decoration: none;
				color: #C0BFFF;
				}
#rollover, body#home #rollover
				{
				display: none!important;
				}


#rollover h5
				{
				font-size: 12px;
				text-align: center;
				margin: -5px 0 -5px 0;
				}

body#navycadets
			{
			background: #000;
			}

#fader
			{
			width: 100%;
			height: 100%;
			}

#fader img
			{
			width: 100%;
			height: 100%;
			}
#anti_ie
		{
		display: none;
		}


#fish1, #fish2, #fish3, #fish4, #fish5, #fish6, #fish7, #fish8, #fish9
		{
		position: absolute;
		top: 800px;
		left: 600px;
		height: 116px;
		width: 300px;
		background: url('../images_sea/fish1.gif') no-repeat;
		}

#fish2
		{
		top: 803px;
		left: 645px;
		}
#fish3
		{
		top: 809px;
		left: 700px;
		}
#fish4
		{
		top: 798px;
		left: 770px;
		}
#fish5
		{
		top: 850px;
		left: 640px;
		}
#fish6
		{
		top: 855px;
		left: 690px;
		}


#fish7
		{
		top: 842px;
		left: 750px;
		}
#fish8
		{
		top: 877px;
		left: 683px;
		}
#fish9
		{
		top: 814px;
		left: 820px;
		}


	

#fish10
		{
		background: url('../images_sea/fish2.gif') no-repeat;
		position: absolute;
		top: 1550px;
		height: 47px;
		width: 62px;
		left: 800px;
		}


#fish12
		{
		position: absolute;
		background: url('../images_sea/fish4.gif') no-repeat;
		top: 1000px;
		height: 148px;
		width: 117px;
		left: 530px;
		opacity: .8;
		filter:alpha(opacity=80);
		
		}


		

	

#fish14
		{
		position: absolute;
		background: url('../images_sea/fish6.gif') no-repeat;
		top: 350px;
		z-index: 50;
		height: 90px;
		width: 88px;
		left: 140px;
		opacity: .8;
		filter:alpha(opacity=80);		
		}
	


		

#fish15
		{
		position: absolute;
		height: 78px;
		width: 210px;
		top: 855px;
		left: 34px;
		background: url('../images_sea/fish7.gif') no-repeat;
		}



			
body#projects #fish1
		{
		top: 390px;
		left: 250px;
		background: url('../images_sea/fish8.gif') no-repeat;
		opacity: .6;
		filter:alpha(opacity=60);
		}

body#projects #fish4
		{
		top: 100px;
		left: 120px;
		background: url('../images_sea/fish5.gif') no-repeat;
		opacity: .8;
		filter:alpha(opacity=90);
		}



body#projects #fish2
		{
		top: 1150px;
		left: -75px;
		opacity: .8;
		filter:alpha(opacity=80);
		
		background: url('../images_sea/fish12.gif') no-repeat;
		}
body#projects #fish3
		{
		top: 1505px;
		opacity: .8;
		filter:alpha(opacity=80);
		left: 220px;
		background: url('../images_sea/fish11.gif') no-repeat;
		}


body#weewords #fish1
		{
		top: 535px;
		left: 500px;
		background: url('../images_sea/fish3.gif') no-repeat;
		}



body#weewords #fish2
		{
		top: 665px;
		left: 650px;
		width: 200px;
		background: url('../images_sea/fish7.gif') no-repeat;
		}



body#weewords #fish4
		{
		top: 900px;
		left: 560px;
		width: 270px;
		opacity: .8;
		filter:alpha(opacity=80);
		background: url('../images_sea/fish10.gif') no-repeat;
		}


body#weewords #fish3
		{
		top: 650px;
		left: 680px;
		width: 200px;
		background: url('../images_sea/fish7.gif') no-repeat;
		}

body#words #fish1
		{
		top: 1050px;
		left: 380px;
		opacity: .2;
		filter:alpha(opacity=20);
		width: 200px;
		background: url('../images_sea/shark4.gif') no-repeat;
		}

body#words #fish2
		{
		top: 960px;
		left: 540px;
		opacity: .6;
		filter:alpha(opacity=60);
		width: 200px;
		background: url('../images_sea/shark8.gif') no-repeat;
		}

body#welike #fish1
		{
		top: 1075px;
		z-index: 5000000000;
		left: 360px;
		width: 120px;
		opacity: .8;
		filter:alpha(opacity=80);
		height: 70px;
		background: url('../images_sea/fish10.gif') no-repeat;
		}
body#welike #fish2
		{
		top: 330px;
		left: 765px;
		width: 150px;
		background: url('../images_sea/clam.gif') no-repeat;
		}




body#welike #fish3
		{
		opacity: .8;
		filter:alpha(opacity=80);
		top: 410px;
		left: 440px;
		height: 150px;
		width: 150px;
		background: url('../images_sea/fish9.gif') no-repeat;
		}