body { 
    margin:0; font:11px/20px tahoma, Geneva, 'Trebuchet MS', Arial, Helvetica, sans-serif;
/*    text-align:center; /* for IE7 */
	background: #383c33;
}

h2 {color:#17C5AE}
p, h2 { /*text-align:left;*/ margin:0 0 20px}


/* BASIC PAGE LAYOUT WITH BACKGROUND IMAGES*/
    
    /* could stick this background on body but breaks in IE7 zoom in/out so need another wrap div */
    #contentWrap1 {
        background:url(images/tt2-gradient.jpg) center top repeat-x #17C5AE;
        min-width:960px;
    }

    #contentWrap2 {
        background:url(images/tt2-town.gif) center top repeat-x;
    }

    #contentWrap3 {
        width:960px;
        margin:0 auto;
    }

    #content {
        min-height:550px;
        margin:0 0 0 -60px; padding:0 0 0 60px;  /* shifts the ship image to the left then resets content to middle - should be no scroll bars when window is 960px wide */          
        background:url(images/tt2-ship.png) 0px top no-repeat;
        position:relative;
    }      
    
	#test { margin:0 auto; position:relative; top:-600px; height:600px; width:960px; border:1px dotted #fff; opacity:0.2;}


/* IMAGES*/

    #logo { position:absolute; top:55px; right:60px;}
    #logoSmall { position:absolute; top:210px; left:60px;}
    #avatar { position:absolute; bottom:0px; left:115px;}


	#video_frame { 
		position:absolute; top:55px; left:115px;
		width:480px;
		height:270px;
		background:url(images/tt2-video-frame.png) left top no-repeat;
		padding:37px 39px;
	}

	#video { 
		position:absolute; top:92px; left:154px;
		width: 480px;
		height: 270px;
		overflow:hidden;
	}




/* GAME BLURB */

    #text { position:absolute; top:420px; left:250px; }
    #text p { 
        color:#fff;
        float:left; 
        width:200px; 
        margin:0 20px 0 0;
    }


/* TRY BUTTON */

    #try { text-align: center; position:absolute; top:180px; right:50px; }

    #try a {
		background:url(images/tt2-try-button.png) left top no-repeat;
		color:#284900;
		display:block; height:105px; width:280px;
        padding:45px 0 0;
        font-size:32px; line-height:40px; font-weight:bold; text-decoration:none;
    }

	#try a.try2 { background-image:url(images/tt2-try-button-2.png); }

	#try a small {
        font-size:12px; line-height:20px; font-style:normal; font-style:italic; font-weight:normal;
    }

    #try a:hover { color:#547c02; background-position:left bottom; }


	#error {
		color: white;
	}

    /* LOGIN FORM */

    #login-box {
        width:255px;
        border:1px solid #0e7265; border-width:1px 0 0;
        position:absolute; bottom:25px; right:60px;
        color:#fff;
/*        text-align:left;*/
        margin:0;
    }

    #login-box h2 {
        width:100%; 
        border:1px solid #51a9a4; border-width:1px 0 0;
        margin:0px 0 15px; padding:10px 0 0;
        font-size:12px; font-weight:normal;
        color:#fff;        
    }

    input { font-size:11px; }

    input.field {
        border:1px solid #1b7770;
        background:#1f807a; 
        float:right;  
        width:110px;
        color:#fff;
        padding:5px;
    }

    input.email {float:left;}

    label {
		clear: left;
/*        float:left;*/
        margin:8px 0 0;
/*        display:block;*/
    }

    input#remember {margin:-2px 5px 0 0;vertical-align:middle;}

    #login-box .lostlink {
    /*    float:left;*/
        color:#fff;
        margin:8px 0 0 10px;
    }

    #login-box br {clear:both;}

    input.button {
        float:right;
        background:url(images/tt2-form-button.png) left top no-repeat;
        margin:15px 0 0 0;
        width:117px; height:41px;
        border:0px;
        color:#00eacb;
        font-weight:bold; line-height:12px;
    }

	input.button.login {margin-right:10px;}
    
	input.button:hover {
        background-position:left bottom;
        cursor:pointer;
		color:#fff;
    }


/* SUPPORT PAGE */

    #support {
        min-height:550px; width:725px; 
        background:#fff; 
        margin:0 0 0 175px; padding:20px 30px 10px; 
    }

    #support p { color:#333; }


/* FOOTER */

    #footerWrap {
        background:url(images/tt2-footer.gif) center top repeat-x;
		position:relative;
    }

    #footer {
		min-height:25px;
		width:920px;
        margin:0 auto; padding:15px 20px 10px;
        color:#529784;
    }

    #footer ul { float:left; margin:0; padding:0;}
    #footer li { display:inline; list-style:none; margin:0; padding:0; }
    #footer li a { color:#529784; text-decoration:none; padding:0 5px;}
    #footer li a:hover { color:#00ffd2; }

    #oddlabs { float:right; background:#529784; margin:-5px 0 0}
    #oddlabs:hover {background:#00ffd2; }
    #oddlabs img { border:0px; }
    
    

	/* SIDE NAV */
	 
	#nav {
		position:absolute; top:320px; left:25px; 
		width:180px;
		text-align:right;
	}

	#nav h1 { font-size:20px; margin:0 0 25px; color:#fff; }
	#nav ul { padding:0; }
	#nav li { list-style:none; font-size:13px; font-weight:bold; padding:0;}
	#nav li.navOn, #nav a { padding:2px 0 3px; display:block;}
	#nav li.navOn, #nav h1 { cursor:default; }

	#nav a { color:#9FFFF0; text-decoration:none; }
	#nav a:hover, #nav li.navOn { color:#fff; }