@CHARSET "UTF-8";
/* 
Name: Snake XT strikes back!
Author: Chinmay Chiranjeeb @ Sourcebits Technologies
Author URL: http://www.sourcebits.com
Date: 12 February. 2009
Last Updated: 16 February, 2009
*/

body{
background:#090a0a;
font-family:'Myriad Pro', tahoma, "Lucida Console", "Lucida Sans", "Lucida Sans Unicode", Helvetica;
font-size:13px;
color:#ffffff;
}

.outer-wrap{
background:url(../media/snakebackground.png) no-repeat center top;
min-width:1000px;
max-width:1680px;
margin:0px auto;
}

a{
outline:none;
}
.safari body{
font-size:12px;
}

.wrap{
width:1000px;
height:100%;
margin:0px auto;
height:540px;
position:relative;
}

h1{
background:url(../media/header.png) no-repeat scroll 0px 0;
height:60px;
width:500px;
text-indent:-99999px;
}

.movie{
background:transparent;
float:right;
height:250px;
position:relative;
right:101px;
top:151px;
width:370px;
overflow:hidden;
}

embed{
position:relative;
top:0px;
}

.ie6 h1{
background:url(../media/header-ie6.png) no-repeat scroll 0px 0px;
height:60px;
width:500px;
text-indent:-99999px;
}

.header{
background: url(../media/header.png) no-repeat scroll 0px 52px;
height:335px;
width:406px;
padding:52px 0 0;
float:left;
}

.ie6 .header{
background: url(../media/header-ie6.png) no-repeat scroll 0px 52px;
height:335px;
width:406px;
padding:52px 0 0;
}

.buyit{
background:transparent url(../media/buy-button.png) no-repeat scroll 0px 1px;
height:37px;
width:216px;
position:relative;
left:15px;
}

.buyit a span:hover{
background:transparent url(../media/buy-button-press.png) no-repeat scroll 0px 1px;
height:37px;
width:216px;
}

.buyit span{
display:block;
height:37px;
width:216px;
cursor:pointer;
}

.ie6 .buyit{
background:transparent url(../media/icons-ie6.png) no-repeat scroll -15px -150px;
height:37px;
width:216px;
position:relative;
left:15px;
top:0px;
}

.ie6 .buyit a:hover{
background:transparent url(../media/icons-ie6.png) no-repeat scroll -15px -208px;
height:37px;
width:216px;
}

.content{
width:1000px;
height:100%;
margin:0px auto;
}

.level1{
width:450px;
float:left;
}

.level2{
width:450px;
float:right;
}

.arcade{
background:transparent url(../media/icons.png) no-repeat scroll -10px 26px;
height:135px;
width:70px;
float:left;
}

.ie6 .arcade{
background:transparent url(../media/icons-ie6.png) no-repeat scroll -35px 0px;
height:135px;
width:70px;
float:left;
position:relative;
left:-10px;
}

.challenge{
background:transparent url(../media/icons.png) no-repeat scroll -90px 26px;
height:135px;
width:90px;
float:left;
}

.ie6 .challenge{
background:transparent url(../media/icons-ie6.png) no-repeat scroll -140px 0px;
height:135px;
width:90px;
float:left;
position:relative;
left:-10px;
}

.clear{
clear:both;
}

.desc{
float:left;
position:relative;
top:-61px;
line-height:18px;
text-shadow:0 -1px 0 #000;
}

.ie6 .desc{
float:left;
position:relative;
top:60px;
line-height:18px;
margin-left:-80px;
text-shadow:0 -1px 0 #000;
}

.ie6 .level2 .desc{
margin-left:-110px;
}

.para{
padding:0 0 20px 72px !important;
}

.outer-content{
background:#090a0a url(../media/content-bg.png) repeat-x left top;
position:relative;
height:100%;
min-height:200px;
max-height:1000px;
}

.ie6 .outer-content{
background:#090a0a url(../media/content-bg.png) repeat-x left top;
position:relative;
height:300px;
}

.outer-footer{
color:#808080;
height:24px;
background: url(../media/footer-bg.png) no-repeat center -5px;
position:fixed;
bottom:0px;
max-width:1680px;
width:100%;
}

.ie6 .outer-footer{
color:#808080;
height:24px;
background: url(../media/footer-bg.png) no-repeat center -5px;
position:fixed;
bottom:0px;
max-width:1680px;
min-width:1000px;
overflow-x:hidden;
width:100%;
}

.footer{
height:100%;
margin:0 auto;
width:1000px;
font-size:11px;
}

.mac .copy, .mac .sourcebits{
padding-top:11px;
}

.safari .copy, .safari .sourcebits,  .safari .nav{
font-size:10px;
}

.footer a{
color:#808080;
text-decoration:none;
}

.copy{
float:left;
padding:9px 0 0 175px;
}

.sourcebits{
float:right;
padding:9px 155px 0 0;
}

.nav{
position:absolute;
right:13px;
text-align:center;
top:24px;
width:265px;
color:#ffffff;
font-size:11px;
}

.nav a{
color:#ffffff;
text-decoration:none;
margin:0px 8px;
}

.ie6 .footer{
color:#808080;
}

.outer-wrap-hs .nav{
	left:236px;
	top:72px;
	width:130px;
	color:#97b0b0;
}

.outer-wrap-hs .nav a{
	color:#97b0b0;
}

a.current{
	color:#fff !important;
}


/* HighScore */

.outer-wrap-hs{
background:url(../media/highscore20background.png) no-repeat center top;
min-width:1000px;
max-width:1680px;
margin:0px auto;
height:755px;
}

.back-button{
background:url(../media/back-button.png) no-repeat left top;
display:block;
height:24px;
position:absolute;
right:255px;
text-indent:-9999px;
top:66px;
width:57px;
}

.hignscores{
background:url(../media/highscores.png) no-repeat left top;
height:50px;
left:386px;
position:absolute;
top:37px;
width:192px;
}

.ie6 h1.hignscores{
background:url(../media/highscores.png) no-repeat scroll 0px 0px;
height:50px;
width:192px;
text-indent:-99999px;
}

.scoreboard{
left:225px;
overflow:hidden;
padding:5px;
position:relative;
top:100px;
width:500px;
}

.ie6 .scoreboard{
top:105px;
}

.row{
background:none;
width:499px;
height:25px;
font-size:12px;
color:#b6e1e4;
margin:5px 0;
}

.row div{
	height:14px;
	overflow:hidden;
}

.slno{
width:26px;
padding:2px;
float:left;
text-align:center;
margin:3px 0px 0 0;
}

.name{
width:150px;
padding:2px 2px 2px 5px;
float:left;
text-align:left;
margin:3px 0 0 15px;
}

.country{
width:146px;
padding:2px;
float:left;
text-align:right;
margin:3px 15px 0 0;
}

.score{
width:122px;
padding:2px;
float:left;
text-align:right;
margin:3px 0px 0 0;
}