@charset "utf-8";
/* CSS Document */

body{
	background-color:#141414;
	}

p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:0.7em;
	color: #E1E1E1;
	padding:0px 20px;
	text-align:justify;
	}
.p1 {
	font-size:12px;
	padding:0px 15px;
	}	
.p2 {
	font-size:0.7em;
	padding:0px 15px;
	}
.p3 {
	font-size:0.9em;
	padding:0px 15px;
	}
.p4 {
	font-size:0.9em;
	padding:0px 15px;
	text-align: center;
	color:#56A7FC;
	}
li {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#E1E1E1;
	}
.liPadding{
	padding-right:15px;
	}
h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #56a7fc;
	font-size:1em;
	padding-top:20px;
	padding-left:20px;
	}

h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	color: #56a7fc;
	padding:5px 0px 0px 15px;
	text-transform:uppercase;
	}
	
h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#999;
	font-size:130%;
	text-align:center;
	background-color:#CCCCCC;
	}

h6 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:.6em;
	color: #999;
	float:right;
	text-align:right;
	}
a:link {
	color: #56A7FC;
	outline:none;
	}
a:visited {
	color: #888;
	}
a:hover {
	color:#FFF;
	text-decoration: underline;
	outline:none;
	}
a:active {
	color: #FFF;
	}
#surroundBox {
	position:relative;
	width:910px;
	height:680px;
	margin: 0 auto;
	background-color:#141414;
	}

#logo{
	height:50px;
	width:911px;
	top:0px;
	background-image: url(assetsWC/wcLogoMain.gif);
	background-position:top left;
	background-repeat:no-repeat;
	position: absolute;
	}
#logoHome{
	height:80px;
	width:100px;
	top:467px;
	background-image: url(assetsWC/wcLogoHome.gif);
	background-position:top left;
	background-repeat:no-repeat;
	position: absolute;
	left: 195px;
	}
#projectText{
	width:355px;
	height:360px;
	left:191px;
	top:80px;
	position:absolute;
	background-color:#333;
	padding:0px;
	overflow:auto;
	}
#aboutText{
	width:355px;
	height:448px;
	left:191px;
	top:80px;
	position:absolute;
	background-color:#333;
	padding:0px;
	overflow:auto;
	}
#aboutImage{
	width:356px;
	height:448px;
	right:0px;
	top:80px;
	position:absolute;
	background-position:center;
	background-repeat:no-repeat;
	background:#333;
	}
#homeGrid{
	width:450px;
	height:540px;
	left:300px;
	top:10px;
	position:absolute;
	}
#contentRight{
	width:356px;
	height:360px;
	right:0px;
	top:80px;
	background:#333;
	position:absolute;
	}
#bottomBox{
	left: 5px;
	height:70px;
	width:906px;
	top:535px;
	background-color:#222;
	background-image: url(assetsWC/wcLogoBottom.gif);
	background-position:center;
	background-repeat: no-repeat;
	position: absolute;
	}
#bottomBoxMap{
	left: 5px;
	height:70px;
	width:906px;
	top:1035px;
	background-color:#222;
	background-image: url(assetsWC/wcLogoBottom.gif);
	background-position:center;
	background-repeat: no-repeat;
	position: absolute;
	}
#bottomBoxHome{
	left: 300px;
	height:70px;
	width:451px;
	top:535px;
	position: absolute;
	}
#mainMenuSurround{
	width:1600px;
	height:25px;
	top:50px;
	left:-500px;
	position: absolute;
	background-color:#3399FF;
	background-image:url(assetsWC/menuBackground.jpg);
	background-position:top left;
	background-repeat: repeat-x;
	}
#mainMenu{
	width:600px;
	height: inherit;
	position: relative;
	letter-spacing: 1px;
	margin:0 auto;
	left:318px;
	}
#mainMenu ul{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;	
	font-size:1em;
	color: #FFF;
	margin:0;
	padding:0;
	list-style: none;
	}
#mainMenu li{
	display: inline;
	text-transform:uppercase;
	}
#mainMenu a{
	float: right;
	display: block;
	margin: 0px 3px; /*Margin between menu items*/
	padding:5px 2px 0px 30px;
	text-decoration: none;
	text-align:center;
	color:#222;
	}
#mainMenu #menuCurrent a{
	color:#FFF;
	}
#mainMenu a:hover{
	color: #66CCFF;
	}
	
#homeMenuSurround{
	width:185px;
	height:244px;
	left:110px;
	top:20px;
	position:absolute;
	background-color:#141414;
	}
#homeMenu {
	left:-35px;
	top:-28px;
	width:126px;
	height:200px;
	position:absolute;
	}
#homeMenu ul {
	width:126px;
	}
#homeMenu li {
	list-style:none;
	font-size:0.9em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	text-transform: none;
	margin: 1px 0px; /*Margin between menu items*/
	}
#homeMenu a {
	width:156px;
	display:block;
	color:#FFF;
	text-decoration:none;
	text-transform: uppercase;
	font-weight:bold;
	padding:4px 11px 4px 11px;
	}
#homeMenu li a:hover {
	color: #56a7fc;
	}
#homeMenu #homeCurrent a{
	color:#56a7fc;
	}

#eRocketLink {
	width:290px;
	height:30px;
	border:0;
	left:635px;
	top:75px;
	position:relative;
	}
#eRocketLinkHome {
	width:290px;
	height:30px;
	border:0;
	left:204px;
	top:100px;
	position:relative;
	}
#eRocketLink a {
	float:right;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	letter-spacing:0em;
	text-decoration:none;
	}
#eRocketLink a:link {
	color:#888;
	text-decoration: none;
	}	
#eRocketLink a:visited {
	color:#555;
	text-decoration: none;
	}
#eRocketLink a:hover {
	color: #6699FF;
	text-decoration: underline;
	}
#mapBox {
	height: 946px;
	width: 900px;
	top: 80px;
	left: 6px;
	border: solid 1px #777;
	position: absolute;
	}
.imgPadding{
	padding-top:5px;
	}