<style type="text/css">
html {
	font-family:  Helvetica,'trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	letter-spacing:0.02em;
	}
body {
	background:#00111D;	
	margin:0;
	padding:0;
	}
a:link, a:visited {
	color: #104C64;
	text-decoration: none;
	}
a:hover {
	color: #018DC8;
	}


#outer {
	width:100%;
	}
#bottom {
	width:100%;
	min-width:500px;
	min-height:600px;
	background:url(splash_bkg_repeatx_bot.jpg)#00111D repeat-x;
	position:absolute;
	top:50%;
	}
#bottomStripe {
	position:relative;
	right:250px;
	width:600px;
	overflow:visible;
	margin:0 auto 0 auto;
	}
#mainBkgImg {
	background:url(bg_img2.jpg) transparent no-repeat;
	width:1070px;
	height:761px;
	position:absolute;
	top:-323px;
	left:-14px;
	overflow:visible;
	}
#bottomContentContainer {
	position:absolute;
	top:31px;
	left:316px;
	width:660px;
	text-align:left;
	}
/*.textbox { float:left; background:url(splash_bkg_textbox.gif) #b69adf no-repeat; width:240px; height:188px; margin:0 5px 0 0; }
.textbox .content { padding:15px; }
.textbox .header { font-size:140%; color:#ffe800; margin:0 0 5px 0; }
.textbox .text { color:#FFF; line-height:22px; }
.textbox .button { width:235px; background:#8f77b1; text-align:center; padding: 9px 0 9px 0; margin: 0 0 1px 2px; color:#b69adf; }*/

.textbox { float:left; 
/*	width:280px; */
	height:188px; margin:0 5px 0 233px; }
.textbox .content { padding: 0 15px 15px; }
.textbox .header { font-size:140%; color:#bfe2f5; margin:0 0 5px 0; font-family:'trebuchet MS', Verdana, Arial, Helvetica, sans-serif;letter-spacing:0.02em;}
.textbox .header.index { font-size:140%; color:#bfe2f5; margin:0 0 5px 0; font-family:'trebuchet MS', Verdana, Arial, Helvetica, sans-serif;letter-spacing:0.02em; text-shadow: #00111D 0 2px 1px;}
.textbox .text { color:#CFD0D0; line-height:22px; font-family:Helvetica,'trebuchet MS', Verdana, Arial, Helvetica, sans-serif;; }
.textbox .text ul {list-style-type:none; padding:0; font-size:14px; margin-bottom:24px;}
.textbox .text ul li{ margin-bottom:10px;}
.textbox .button { width:235px; padding: 9px 0 9px 0; margin: 0 0 1px 2px; color:#b69adf; }

#flashcontent {
	width:440px;
	margin:0 auto;
	}

.projects {
	width:520px;
	position:relative;
	z-index:2;
	margin:0;
	padding:0;
	text-align:left;
	margin:0 auto;
	vertical-align:middle;
	}

.projects .title {
	color:#FFF;
	margin:20px 0 0 0;
	}
	
ul.list {
	list-style-type: none;
	margin:0;
	padding:0;
	text-align:center;
	}
	
#beta-sign-up .text {
	color:#666666;
}
#beta-sign-up .text a:link, #beta-sign-up .text a:visited { color: #CC00FF; text-decoration: none; }
#beta-sign-up .text a:hover { color: #000; text-decoration: none; }

/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
	left:50%;
    width: 200px;
    margin: -4px 0 0 180px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
	}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;
	}
	
.notify {
	background:url(notifyme_bg.png) left top no-repeat;
	width:385px;
	height:82px;
	padding:20px 24px;
}

a.back
{font-family:'trebuchet MS',Verdana,Arial,Helvetica,sans-serif;font-size:24px;text-shadow: #00111D 0 1px 0;
float:right;
margin-right:-80px;}
