/* CSS Document */

html,body {
	background: url(../images/background.jpg) repeat;
	margin:0px;
	padding:0px;
}

a
{
  hover: underlined;
  text-decoration: none;
  font-weight: bold;
  font-family: 'helveticaneue-light', 'helvetica neue light', 'helvetica', 'verdana', 'arial', 'sans-serif';
  color: #404040;
}

a:hover {text-decoration: underline;}   /* mouse over link */


#site {
    position: relative;
 	float:left;
    width:1110px;
	margin-left: 0px;
	margin-top:  0px;
	margin-right: 0px;
    margin-bottom: 0px;
    display: inline;
}

#container {
    position: relative;
 	float:left;
    width:855px;
	margin-left: 0px;
	margin-top:  0px;
	margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
    display: inline;
}

#container-buttons {
	width:120px;
	float:left;
	margin-left: 55px;
	margin-top:  0px;
	margin-right: 0px;
    margin-bottom: 0px;
	display: inline;
}

#container-left {
    position: relative;
	width:655px;
	float:left;
	margin-left: 0px;
	display: inline;
}

#main {
    position: relative;
    float: left;
				width: 655px;
	   min-height: 200px;
    background-color: #E5E4E4;
    display: inline;
}

#fotter {
    position: relative;
    float: left;
	margin-top:0px;
	width:656px;
	height: 126px;
	margin-left: -1px;
	text-align:center;
	background:url(../images/footer.png) no-repeat;
	display: inline;
}

#container-right {
    position: relative;
	width:227px;
	float: left;
	height:auto;
	margin-left: 15px;
	margin-top: 146px;
	display: inline;
}

#content-right {
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  font-family: 'helveticaneue-light', 'helvetica neue light', 'helvetica', 'verdana', 'arial', 'sans-serif';
  font-size: 11.0pt;
  color: #404040;
}

#main-right {
    position: relative;
    float: right;
	width:227px;
	min-height:200px;
	height:auto;
  	background-color: #CAC8C8;
	margin-left: 0px;
	margin-top: 0px;
	
}

#bottom-right {
    position: relative;
    float: left;
	width: 227px;
	height:23px;
	margin-left: 0px;
	margin-top: 0px;
	background:url(../images/you_decide_footer.png) no-repeat;
}

#header-right {
  	margin-left: 0px;
	margin-top: 0px;
	width: 227px;
	height:17px;
	background:url(../images/you_decide_header.png) no-repeat;
}

/*Images*/
#button {
   float: right;
   cursor: pointer;   
   border: 0;
   margin-right: 0px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
}

#howto {
   margin-left: 20px;
   margin-top: 0px;
}

#button-selected {
   float: right;  
   margin-right: 0px;
   margin-left: 0px;
   margin-top: 0px;
   margin-bottom: 0px; 
}

#youdecide {
   margin-left: 10px;
}


#header {
}

#award
{
    position: relative;
    float: left;
    max-width: 150px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	display: inline;    
}

#awardtext
{
    position: relative;
    float: left;
    max-width: 150px;    
	padding-top:25px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	display: inline;    
}

#content {
    position: relative;
    float: left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	display: inline;
}

#textbox {
    position: relative;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    font-family: 'helveticaneue-light', 'helvetica neue light', 'helvetica', 'verdana', 'arial', 'sans-serif';
    font-size: 10pt; 
    color: #404040;
    display: inline;
}

#header-highscore {
    font-family: 'helveticaneue-light', 'helvetica neue light', 'helvetica', 'verdana', 'arial', 'sans-serif';
    font-size: 12pt; 
    display: inline;
    float: left;
    margin-left: 12px;
    margin-right: 20px;
    width: 570px;
    height: 60px;
  	background:url(../images/comphscore.png) no-repeat; 
}

#textbox-narrow {
    position: relative;
    float: left;
	margin-left: 85px;
    margin-right: 85px;
    font-family: 'helveticaneue-light', 'helvetica neue light', 'helvetica', 'verdana', 'arial', 'sans-serif';
    font-size: 10pt; 
    color: #404040;
    display: inline;
}

#leftcolumn {
    position: relative;
    float: left;
    width: 250px;  
    margin-left: 20px;
    margin-right: 20px;
    font-family: 'helveticaneue-light', 'helvetica neue light', 'helvetica', 'verdana', 'arial', 'sans-serif';
    font-size: 10pt; 
    color: #404040;
    display: inline;
}

#rightcolumn {  
    position: relative;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 320px;       
    font-family: 'helveticaneue-light', 'helvetica neue light', 'helvetica', 'verdana', 'arial', 'sans-serif';
    font-size: 10pt;
    color: #404040;
    display: inline;
}

#bottom {
    position: relative;
    float: left;
	width:817px;
	height:29px;
	background:url(../html_images/bottom.png) no-repeat;
	display: inline;
}

#appdwnld {
	margin-top:30px;
	width:122px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	background:url(../html_images/appdwn.jpg) no-repeat;
    display: inline;
}

#woweffect {
    position: relative;
    float: left;
	margin-top:15px;
	margin-left:530px;
    margin-bottom:50px;
	width:228px;
	height:80px;
    background:url(../images/IL_logo.png) no-repeat;
    display: inline;
    cursor: pointer;   
}

#trailer {
    position: relative;
    float: left;
	margin-top:25px;
	margin-left:85px;
    margin-bottom:10px;
    display: inline;
}

#logo{
    margin-top: 0px;
	margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    border: 0;
    position: relative;
    float: left;
}

#highscore-tab{
    margin-top: 0px;
	margin-left: 31px;
    margin-bottom: 0px;
    margin-right: 0px;
    border: 0;
    position: relative;
    float: left;
}

#hs_table_header{
    margin-top: 0px;
	margin-left: 20px;
    margin-bottom: 0px;
    margin-right: 0px;
    border: 0;
    position: relative;
    float: left;
    width: 560px;
    height: 29px;
    background:url(../images/HS_up.png) no-repeat;
}

#hs_table_footer{
    margin-top: 0px;
	margin-left: 20px;
    margin-bottom: 0px;
    margin-right: 0px;
    border: 0;
    position: relative;
    float: left;
    width: 560px;
    height: 53px;
    background:url(../images/HS_down.png) no-repeat;
}

#row_darkgreen{
    margin-top: 0px;
	margin-left: 20px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding-top: 5px;
    padding-left: 10px;
    border: 0;
    position: relative;
    height: 20px;
    width:550px;
    float: left;
    background-color: #acde26;
    font-family: 'helveticaneue-light', 'helvetica neue light', 'helvetica', 'verdana', 'arial', 'sans-serif';
    font-size: 11.0pt;
    color: #404040;
}

#row_no_one{
    margin-top: 0px;
	margin-left: 20px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    border: 0;
    position: relative;
    height: 81px;
    width:560px;
    float: left;
    background-color: #acde26;
    background:url(../images/no_one_green.png) no-repeat;
    font-family: 'helveticaneue-light', 'helvetica neue light', 'helvetica', 'verdana', 'arial', 'sans-serif';
    font-size: 11.0pt;
    color: #404040;
}


#row_lightgreen{
    margin-top: 0px;
	margin-left: 20px;
    margin-bottom: 0px;
    margin-right: 0px;
    padding-top:  5px;
    padding-left: 10px;
    border: 0;
    position: relative;
    height: 20px;
    width:550px;
    float: left;
    background-color: #c1e65c;
    font-family: 'helveticaneue-light', 'helvetica neue light', 'helvetica', 'verdana', 'arial', 'sans-serif';
    font-size: 11.0pt;
    color: #404040;
}

#hs_position{
    padding-left: 20px;
    border: 0;
    position: relative;
    float: left;
    width: 25px;
}

#hs_score{
    margin-right: 10px;
    border: 0;
    position: relative;
    float: left;
}

#hs_name{
    padding-left: 10px;
    border: 0;
    position: relative;
    float: left;
    width: 324px;
}

#hs_no_one_score{
    margin-right: 0px;
    padding-top: 33px;
    border: 0;
    position: relative;
    font-family: 'helveticaneue-light', 'helvetica neue light', 'helvetica', 'verdana', 'arial', 'sans-serif';
    font-weight: bold;
    font-size: 14.0pt;
    float: left;
}

#hs_no_one_name{
    padding-left: 85px;
    padding-top: 33px;
    border: 0;
    position: relative;
    font-family: 'helveticaneue-light', 'helvetica neue light', 'helvetica', 'verdana', 'arial', 'sans-serif';
    font-weight: bold;
    font-size: 14.0pt;
    float: left;
    width: 300px;
}

#avaliable-appstore {
    position: relative;
    float: left;
	margin-top:10px;
	margin-left:55px;
    margin-bottom:0px;
    background:url(../images/avaliable_appstore.jpg) no-repeat;
    display: inline;
}


/*links*/
a.fotter {
	  font-family: 'helveticaneue-light', 'helvetica neue light', 'helvetica', 'verdana', 'arial', 'sans-serif';
	  font-size: 8pt;
	  color: #404040;
	  font-weight:lighter;
	  text-decoration:none;
}