@import url(../reset.css);
@import url(../default/style.css);

body{
background:#dcf1fc;
font-family:Arial, Helvetica, sans-serif;
}

div.wrap{
margin:0;
background:none;
position:relative;
clear:none;
overflow:hidden;
background:url(sunny.png) 90% 10% no-repeat;
}

/*----------------------------------------------------------------
							CORNERS
-----------------------------------------------------------------*/
div.wrap div.corners div{
display:none;
z-index:10;
background-position:0px 0px!important;
}
div.wrap div.bottomleft{
display:block!important;
z-index:40!important;
width:100%!important;
height:64px!important;
background:url(grass.png) bottom left repeat-x!important;
}
div.wrap div.topleft {
background:transparent url(cloud1.png) no-repeat scroll left bottom !important;
height:165px !important;
width:276px !important;
}
div.wrap div.topright {
background:transparent url(cloud2.png) no-repeat scroll left bottom !important;
height:158px !important;
width:257px !important;
}
div.wrap div.bottomright {
background:transparent url(cloud3.png) no-repeat scroll left bottom !important;
height:225px !important;
width:308px !important;
}

/*----------------------------------------------------------------
							TOP NAV
-----------------------------------------------------------------*/
div.topnav{
height:30px;
margin:15px 0 0 30px;
position:absolute;
z-index:110;
}
div.topnav ul li{
float:left;
margin-bottom:0;
}
div.topnav ul li a{
display:block;
float:left;
color:#5ab1de;
font-size:14px;
padding-bottom:14px;
margin:0 20px 0 0;
}
div.topnav ul li a:hover{
color:#39b54a;
}
div.topnav ul li a.active{
color:#39b54a;
background:url(navArrow.png) bottom center no-repeat;
}

/*----------------------------------------------------------------
							LOGO
-----------------------------------------------------------------*/
div.wrap h1.logo{
position:absolute;
z-index:5;
bottom:70px;
left:30px;
text-indent:-500em;
}

/*----------------------------------------------------------------
							TILE NAV
-----------------------------------------------------------------*/
div.nav{
background:url(tilenav_bg.png) 0px 14px no-repeat;
}
div.nav.universe{
background:url(tilenav_bg_universe.png) 0px 14px no-repeat;
}
div.nav a.scroller.up{
background:url(tilenav_up.png) no-repeat 50% 50%;
}
div.nav a.scroller.down{
background:url(tilenav_down.png) no-repeat 50% 50%;
}
div.nav ul{
margin:3px 0 1px 0;
height:237px;
}
div.nav ul li a{
color:#444;
}
div.nav ul li a.active, div.nav ul li a:hover{
color:#39B54A;
}

/*----------------------------------------------------------------
							FUNNAV
-----------------------------------------------------------------*/
div.funnav{
right:30px;
}
div.funnav ul li a{
background:url(funnavArrow.png) right no-repeat;
color:#5ab1de;
}
div.funnav ul li a:hover{
color:#39b54a;
}

/*----------------------------------------------------------------
							TILES
-----------------------------------------------------------------*/
div.tiles{
z-index:30;
}
div.tiles div.tile{
position:absolute;
width:402px;
height:302px;
padding:14px;
color:#b6e2f9;
background:url(tile_bg_inactive.png) center no-repeat;
cursor:pointer;
border:none;
}
div.tiles div.tile.active{
background:url(tile_bg.png) center no-repeat;
color:#555;
}
div.tiles div.tile h2.title a{
color:#b6e2f9;
}
div.tiles div.tile.active h2.title a{
color:#555;
}
div.tiles div.tile p{

}

/*----------------------------------------------------------------
					TILES - UNIVERSE VIEW
-----------------------------------------------------------------*/
div.tile.universe.active h2.title a{
color:#39B54A !important;
}

/*----------------------------------------------------------------
							FOOTER
-----------------------------------------------------------------*/
div.footer{
position:absolute;
z-index:110;
bottom:5px;
right:20px;
text-align:right;
}
div.footer p{
color:#fff;
font-size:12px;
padding-bottom:2px;
}
div.footer a{
color:#fff;
border-bottom:1px dotted #fff;
}
div.footer a:hover{
border-bottom-style:solid;
}