/* body tags-----------------------------------------------------------------*/
* 
			{	
			margin: 0;
			padding: 0;
			}
p
			{
			margin: 11px;
			}
img			
			{
			border: none;
			}
body
			{
			text-align: justify;
			font-family: "century gothic";
			font-size: 12px;
			text-transform: uppercase;
			line-height: 21px;
			letter-spacing: 1px;
			color: #00001F;
			font-weight: bold;
			background: url(../images_corp/background.jpg) no-repeat;
			} 

body#home a#homelink
			{
			background: url(../images_corp/home_nav_b.jpg) no-repeat;
			}
	
body#projects a#projectslink
			{
			background: url(../images_corp/ourwork_nav_b.jpg) no-repeat;
			}

body#weewords a#wee-words, body#words a#wee-words
			{
			background: url(../images_corp/weewords_nav_b.jpg) no-repeat;
			}

body#welike a#wee-like
			{
			background: url(../images_corp/weelike_nav_b.jpg) no-repeat;
			}
#sidebar
			{
			position: absolute;
			top: 78px;
			background: url(../images_corp/sidebar.jpg) no-repeat 0px 0;
			left: 623px;
			width: 359px;
			height: 248px;
			border-bottom: 1px solid #7F7F7F;
			}

/* General tags & styles-----------------------------------------------------------------*/
a:link, a:visited

			{
			text-decoration: none;
			letter-spacing: 2px;
			color: #22139F;
			text-shadow: -1px 1px 1px #B9B3EF;
			outline: none;
			}

a:hover
			{
			text-decoration: none;
			color: #5447BF;
			}

.clear
			{
			clear: both;
			}

.hidden	
			{
			display: none;
			}


/* Heading / Logo tags-----------------------------------------------------------------*/
h1
			{
			background: url(../images_corp/wsslogo.jpg) no-repeat 0px 34px;
			width: 550px;
			height: 312px;
			}

 h1 span
			{	
			display: none;
			}


body#projects h1
			{
			background: url(../images_corp/ourwork.jpg) no-repeat 0px 34px;
			}

body#welike h1
			{
			background: url(../images_corp/weelike.jpg) no-repeat 0px 34px;
			}


body#weewords h1, body#words h1
			{
			background: url(../images_corp/weewords.jpg) no-repeat 0px 34px;
			}


h5
			{
			font-size: 16px;
			text-transform: capitalize;
			text-shadow: -2px 2px 2px #C3C2EF;
			margin: 28px 0 -2px 10px;
			}



body#weewords h6
			{
			font-size: 19px;
			text-transform: capitalize;
			margin-top: 35px;
			text-shadow: -2px 2px 2px #C3C2EF;
			margin-left: 10px;
			}

body#words h6
			{
			font-size: 27px;
			text-shadow: -2px 2px 2px #C3C2EF;
			letter-spacing: 10px;
			text-transform: uppercase;
			margin: -15px 0 10px 5px;
			}

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


#main
			{
			width: 970px;
			position: relative;
			}




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

#quotes
			{
			width: 330px;
			line-height: 20px;
			font-size: 12px;
			border-top: 1px solid #7F7F7F;
			border-bottom: 1px solid #7F7F7F;
			text-transform: none;
			font-style: italic;
			cursor: help;
			}
#container
			{
			position: absolute;
			top: 510px;
			left: 636px;
			z-index: 3;
			}



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

#bodytext
			{
			width: 615px;
			margin: 24px 0 0 0;
			}

#introtext
			{
			position: absolute;
			top: 85px;
			left: 612px;
			padding: 5px;
			width: 370px;
			}


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



#ourworkbkgnd img
			{
			margin: 68px 5px 0 5px;
			width: 70px;		
			float: left;
			border: 1px solid;
			border-top: 1px solid #efefef;
			border-left: 1px solid #efefef;
			-moz-box-shadow: -6px 6px 7px #27232F;
			-webkit-box-shadow: -6px 6px 7px #27232F;
			}


 #ourworkbkgnd img#show
			{
			width: 195px;
			margin: 17px 3px 0 5px;
			}
.project
			{
			padding-top: 5px;
			display: none;
			clear: both;
			font-size: 12px;
			width: 620px;
			font-family: "verdana";
			text-transform: none;
			line-height: 16px;
			font-weight: normal;
			min-height: 260px;
			_height: 260px;
			}

#risk
			{
			display: block;
			}

/* Wee like layout & styles -----------------------------------------------------------------*/

.title
			{
			font-size: 15px;
			display: block;
			text-shadow: -2px 2px 2px #C3C2EF;
			font-weight: bold;
			margin: 0 0 -6px 10px;
			}


#weelike		
			{
			width: 610px;
			margin: 25px 0 0 0;
			height: 145px;
			border-bottom: 1px solid #7f7f7f;
			}

.wrap, .wrapb
		{
		height: 80px;
		width: 87px;
		float: left;
		position: relative;
		}
.wrapb	
		{
		height: 110px;
		}



#img_box
			{
			position: absolute;
			top: 105px;
			left: 635px;
			width: 350px;
			height: 270px;
			}
#text
			{
			width: 610px;
			padding-top: 10px;
			font-size: 13px;
			line-height: 16px;
			font-family: verdana;
			text-transform: none;
			font-weight: normal;
			min-height: 330px;
			_height: 350px;
			}


a#bowie, a#radiohead, a#eddie, a#audacity, a#wine, a#navy, a#newyork, a#amsterdam, a#blur, a#firefox, a#gibson, a#withnail
			{
			position: absolute;
			height: 70px;
			width: 70px;
			cursor: help;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			-moz-box-shadow: 6px 6px 4px #40444F;
			-webkit-box-shadow: 6px 6px 4px #40444F;

			}

a#bowie
			{
			background: url("../images/bowie.jpg") no-repeat;
			}
			
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
			{
			margin: 1px 0 0 1px;
			-moz-box-shadow: 5px 5px 4px #13003F;
			-webkit-box-shadow: 5px 5px 4px #220F4F;
			}

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;
			}

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


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


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

.shadow, .shadowb
		{
		background: #000;
		height: 70px;
		width: 70px;
		opacity: .4;
		filter:alpha(opacity=50);
		position: absolute; 
		top: 5px;
		left: 5px;
		z-index: -1;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		}

.shadowb
		{
		height: 100px;
		}




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


#wordstext
			{
			width: 610px;
			margin: 24px 0 0 0;
			min-height: 400px;
			}

.word
			{
			width: 150px;
			height: 20px;
			cursor: help;
			display: block;
			margin: 24px 0 -35px 10px;
			color: #000;
			padding-left: 9px;
			border: 1px solid;
			border-top: 1px solid #efefef;
			border-left: 1px solid #efefef;
			position: relative;
			background: url(../images_corp/word.jpg) no-repeat;
			z-index: 100;
			-moz-border-radius-topleft: 15px;
			-moz-border-radius-bottomright: 15px;
			-moz-box-shadow: 4px 4px 8px #000;
			-webkit-border-top-left-radius: 15px;
			-webkit-border-bottom-right-radius: 15px;
			-webkit-box-shadow: 4px 4px 8px #000;
			}

.definition
				
			{
			display: block;
			text-align: left;
			margin-top: 7px;
			color: #120C1F;
			text-transform: none;
			font-style: italic;
			margin-left: 180px;
			}



#youarehere
			{
			font-size: 1.5em;
			font-weight: bold;
			line-height: 20px;
			background: none;

			}


#atoz
			{
			font-size: 13px;
			width: 345px;
			line-height: 29px;
			position: absolute;
			text-align: justify;
			top: 140px;
			left: 630px;

			}

#form
			{
			padding: 40px;
			margin: -25px 0 -50px -30px;
			}

#submitword, #submitdef, #submitemail, #submitname, #submitlocation, #submit
			{
			border: 1px solid;
			border-top: 1px solid #efefef;
			border-left: 1px solid #efefef;
			font-size: 15px;
			width: 260px;
			background: url(../images_corp/form.jpg) no-repeat 0 0;		
			display: block;
			font-family: candara, "Microsoft sans serif", "trebuchet MS";
			margin-bottom: 2px;
			}

#submitdef
			{
			height: 70px;
		
			}

#submit
			{
			margin-top: 10px;
			padding: 0 2px 0 2px;
			text-transform: uppercase;
			cursor: pointer;
			width: 70px;
			}


#navigator
			{
			position: absolute;
			left: 625px;
			top: 200px;
			text-align: center;
			height: 30px;
			width: 120px;
			margin-left: -3px;
			}
a#next-word
			{
			position: absolute;
			left: 70px;
			}

a#prev-word
			{
			position: absolute;
			left: 40px;
			}


a#end-word
			{
			position: absolute;
			left: 90px;
			letter-spacing: -1px;
			}

a#first-word
			{
			position: absolute;
			left: 10px;
			letter-spacing: -1px;
			}


#word-ack
			{
			font-size: 17px;
			margin: 200px 0 0 30px;
			width: 600px;
			}

#ack
			
			{
			padding: 10px 10px 50px 10px;
			height: 160px;
			}

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

#footer
	
			{
			background: #fff;
			width: 1030px;
			opacity: .3;
			filter:alpha(opacity=30);
			height: 200px;
			margin: 100px 0 -5px 0px;
			border-right: 1px outset;
			}



#foottext
				{
				text-align: left;
				font-size: 14px;
				letter-spacing: 3px;
				width: 980px;
				margin-top: -60px;
				margin-left: 40px;
				position: relative;
				z-index: 9999;
				}



#footer a:link, #footer a:visited
			{
			color: #08076F;
			text-decoration: none;
			}

#footer a:hover
			{
			color: #4F51FF;
			}
/*Nav bar-----------------------------------------------------------------*/

ul#navbar
			{
			position: absolute;
			top: 0px;
			left: 0px;
			list-style: none;
			background: url(../images_corp/topbanner.jpg) repeat-x 0px 0px;
			width: 982px;
			height: 97px;
		}

#navbar li
			{
			float: left;
			margin-left: 5px;
			margin-top: 30px;
			width: 170px;
			}




#navbar a:link, #navbar a:visited
			{
			display: block;
			height: 25px;
		
			}


#navbar a#homelink
			{

			background: url(../images_corp/home_nav.jpg) no-repeat;
			width: 55px;
			}


#navbar a#homelink:hover
			{
			background: url(../images_corp/home_nav_b.jpg) no-repeat;
			}



#navbar a#projectslink
			{
			background: url(../images_corp/ourwork_nav.jpg) no-repeat;
			padding: 1px;
			width: 110px;
			}


#navbar a#projectslink:hover
			{
			background: url(../images_corp/ourwork_nav_b.jpg) no-repeat;
			}


#navbar a#wee-like
			{
			background: url(../images_corp/weelike_nav.jpg) no-repeat;
			padding: 1px;
			width: 110px;
			}


#navbar a#wee-like:hover
			{
			background: url(../images_corp/weelike_nav_b.jpg) no-repeat;
			}


#navbar a#wee-words
			{
			background: url(../images_corp/weewords_nav.jpg) no-repeat;
			padding: 1px;
			width: 124px;
			}




#navbar a#wee-words:hover
			{
			background: url(../images_corp/weewords_nav_b.jpg) no-repeat;
			}




#navbar a#world
			{

			background: url(../images_corp/wssworld.jpg) no-repeat;
			width: 70px;
			margin-top: -15px;
			height: 62px;
			margin-left: 197px;
			}

#navbar a#world:hover
			{
			background: url(../images_corp/wssworld_b.jpg) no-repeat;
			}

#navbar span
			{
			display: none;
			}



#navbar a:hover
				{
				background: none;
				}

#navbar a#translate, #navbar a#untranslate
				{
				border: 1px outset #81A8CF;
				background: url(../images/frenchflag.jpg) no-repeat;
				width: 20px;
				height: 12px;
				position: absolute;
				left: 853px;
				top: 40px;
				}



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


#navbar a#translate:hover
				{
				background: url(../images/flag.jpg) no-repeat;
				}


#navbar a#untranslate:hover
				{
				background: url(../images/flag.jpg) no-repeat;
				}


ul#styleswitch
				{
				position: absolute;
				top: 402px;
				left: 637px;
				border-top: 1px solid #7F7F7F;
				border-bottom: 1px solid #7F7F7F;
				list-style: none;
				height: 81px;
				width: 330px;
				}

ul#styleswitch li
				{
				margin: 0;
				padding: 0;
				}

ul#styleswitch li#a, ul#styleswitch li#b, ul#styleswitch li#c
				{
				height: 80px;
				background: url('../images_corp/default.jpg') no-repeat 0 0px;
				width: 95px;
				cursor: pointer;
				margin-left: 11px;
				display: block;
				float: left;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;
				}

#a span, #b span, #c span
				{
				display: none;
				}


ul#styleswitch li#b
				{
				background: url('../images_corp/lightning.jpg') no-repeat;
				}
ul#styleswitch li#b:hover
				{
				background: url('../images_corp/lightning_b.jpg') no-repeat;
				}

ul#styleswitch li#c
				{
				cursor: pointer;
				background: url('../images_corp/deepsea.jpg') no-repeat;
				}
ul#styleswitch li#c:hover
				{
				background: url('../images_corp/deepsea_b.jpg') no-repeat;
				}

#rollover
			{
			background: url('../images_corp/rollover.jpg') no-repeat;
			width: 340px;
			font-size: 13px;
			text-transform: none;
			font-weight: bold;
			color: #120A1F;
			line-height: 13px;
			font-size: 10px;
			border: 1px solid #4400AF;
			border-top: 1px solid #A99BBF;
			border-left: 1px solid #A99BBF;
			text-align: justify;
			position: absolute;
			z-index: 9;
			display: none;
			opacity: 0.8;
			overflow: hidden; 
			visibility: hidden;
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
			-moz-box-shadow: -3px 3px 8px #36077F;
			-webkit-box-shadow: -3px 3px 8px #36077F;

			}



#rollover h5
				{
				font-size: 13px;
				color: #000;
				letter-spacing: 3px;
				text-align: center;
				margin: 2px 0 -5px 0;
				}

body#navycadets
				{
				background: #000;
				}

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

#fader img
				{
				width: 100%;
				height: 100%;
				}
#anti_ie
				
			{
			position: absolute;
			display: block;
			top: 66px;
			left: -1px;
			background: url(../images_corp/achtung.jpg) no-repeat 2px 2px;
			color: #DF5353;
			text-transform: none;
			z-index: 999999;
			font-style: italic;
			padding-left: 24px;
			width: 570px;
			line-height: 11px;
			padding-top: -1px;
			font-size: 10px;
			display: none;
			}

#anti_ie a:link, #anti_ie a:visited
			{
			color: #EF0E0E;
		
			}

#anti_ie a:hover
			{
			color: #FFAFB2;
			text-decoration: underline;
			}


body#home #anti_ie
				{
				display: block\9
				}
#fishtank
				{
				display: none;
				}

ul#test
				{
				margin: 50px 0 0 25px;
				list-style: square;
				display: none;
				}

ul#test li
			{
			margin:	3px 0 10px 0;
			}


ul#test a
			{
			margin:	3px 0 10px 0;
			texat-shadow: none;
			color: #00001F;
			textd-decoration: underline;
			}

table
			{
			font-size: 12px;
			margin: 10px 0 0 10px;
			width: 500px;
			}
td a:link, td a:visited
			{

			color: #00001F;
			text-shadow: none;
			display: block;
			}
tr:hover
			{
			background: #5E6F7F;
			}
td
			{
			border-bottom: 1px solid #40484F;
			text-transform: none;
			}
tr#titrow td
			{
			text-transform: uppercase;
			border-bottom: 1px solid #00001f;
			}

tr#titrow:hover
			{
			background: none;
			}

#fb		
			{
			position: absolute;
			top: 38px;
			left: 880px;
			}