/* CSS Document */
/*
 *  Latitude Festival / Live Nation Digital UK
 *  http://www.livenation.co.uk/
 *  Mariana Godoy G. / Simon Wilder
 */
 
/***** NAVIGATION *****/

#navlist { height: auto;}
	
#navigation { 
    margin: 112px auto 0 150px; 
    position: relative; 
    height:75px; 
    text-align:center; 
    width:757px; 
}

/* NAVIGATION */
#navigation ul { width: 747px; }
#navigation li { position:relative; float:left; }
#navigation li a { position:relative; display:block; height:22px; margin:0 0 0 0px; text-indent:-9999px; }
#navigation li a span { position:relative; display: block; width:747; height:100%; top:0; left:0; background: transparent url('/_Resources/img/btns-navigation.png') no-repeat; }

#navigation li a#nav1 { width:80px; }
#navigation li a#nav2 { width:80px; }
#navigation li a#nav3 { width:108px; }
#navigation li a#nav4 { width:157px; }
#navigation li a#nav5 { width:84px; }
#navigation li a#nav6 { width:110px; }
#navigation li a#nav7 { width:127px; }

#navigation li a#nav1 span { background-position: 0px 1px; }
#navigation li a#nav2 span { background-position: -80px 1px; }
#navigation li a#nav3 span { background-position: -161px 1px; }
#navigation li a#nav4 span { background-position: -269px 1px; }
#navigation li a#nav5 span { background-position: -426px 1px; }
#navigation li a#nav6 span { background-position: -510px 1px; }
#navigation li a#nav7 span { background-position: -620px 1px; }

    #navigation li a#nav1:hover span, #navigation li a#nav1.active span { background-position: 0px -20px; height: 20px;}
    #navigation li a#nav2:hover span, #navigation li a#nav2.active span { background-position: -80px -20px; height: 20px;}
    #navigation li a#nav3:hover span, #navigation li a#nav3.active span { background-position: -161px -20px; height: 20px;}
    #navigation li a#nav4:hover span, #navigation li a#nav4.active span { background-position: -269px -20px; height: 20px; }
    #navigation li a#nav5:hover span, #navigation li a#nav5.active span { background-position: -426px -20px; height: 20px; }
    #navigation li a#nav6:hover span, #navigation li a#nav6.active span { background-position: -510px -20px; height: 20px; }
    #navigation li a#nav7:hover span, #navigation li a#nav7.active span { background-position: -620px -20px; height: 20px; }
    
#navigation li div { position:absolute; z-index:200; padding-left:25px; display:none; visibility:hidden; background: transparent url('/_Resources/img/scroll_left.png') no-repeat left bottom; }
#navigation li ul { text-align:left; width:100%; margin:0; padding:0 0 35px 10px; background: transparent url('/_Resources/img/scroll_right.png') no-repeat right bottom; }
#navigation li ul li { float:none; padding-top:3px; }
#navigation li:hover div { display:block; visibility:visible; }
#navigation li ul li a { white-space:nowrap; text-indent:0; text-align:left; margin:0; padding: 0 20px 4px 0; height:auto; }
#navigation li ul li a { color:#1A1A1A; font: normal normal bold 18px Georgia; text-decoration:none; }
#navigation li:hover ul li a:hover { color:#A26743; }
/* tab register */
ul#register { text-indent: -999px; cursor: pointer; position: fixed; top: 200px; right: -15px; background:transparent url(/_Resources/img/tab_register.png) no-repeat -40px 0;  width: 52px; height: 135px; }
#register:hover  { text-indent: -999px; background-position: 0px 0px; position: fixed; top: 200px; right: -13px; }
a#nav8 { text-indent: -999px; float: right; width: 80px; height: 135px;  }

/* box social left tab */
#social li a { position:relative; display:block; height:22px; margin:0 0 0 0px; text-indent:-9999px; }

ul#social   { position: fixed; top: 340px; right: -100px; background:transparent url(/_Resources/img/tab_followus.png) no-repeat 0px 0;  width: 134px; height: 135px; }
ul#social:hover { position: fixed;  top: 340px; right: 0px; background:transparent url(/_Resources/img/tab_followus.png) no-repeat 0px 0;  width: 81px; height: 135px; }
        
ul#social li a#social1 { width:48px; height: 48px; padding-left: 30px; }
ul#social li a#social2 { width:48px; height: 42px; padding-left: 30px; }
ul#social li a#social3 { width:48px; height: 45px; padding-left: 30px; }

ul#social li a#social1 span { background-position: 0px 33px; }
ul#social li a#social2 span { background-position: -33px 48px; }
ul#social li a#social3 span { background-position: -33px 90px; }

/* box social join/share */
#sociallNet li a { position:relative; display:block; height:22px; margin:0 0 0 0px; text-indent:-9999px; }

ul#socialNet   { text-indent: -99999px; background:transparent url(/_Resources/img/icons-social.png) no-repeat 0px 0;  width: 133px; height: 37px; margin: 0 auto; margin-top: 30px; }
ul#sociallNet:hover { background:transparent url(/_Resources/img/icons-social.png) no-repeat 0px 0;  width: 133px; height: 37px; }
       
ul#socialNet li a#socialNet1 { width:41px; height: 47px; float: left; }
ul#socialNet li a#socialNet2 { width:45px; height: 47px; float: left; }
ul#socialNet li a#socialNet3 { width:47px; height: 47px; float: left; }

ul#socialNet li a#socialNet1 span { background-position: 0px 0px; }
ul#socialNet li a#socialNet2 span { background-position: -41px 0px; }
ul#socialNet li a#socialNet3 span { background-position: -86px 0px; }
         
 /* footer */
#footerWrapper #sponsors { display: block; margin: 0 auto;  text-align: center; overflow: hidden; clear: both; width: 970px; }
    #footerWrapper #sponsors ul li.first { display: block; float: left; padding: 8px 22px 0 14px; } 
    #footerWrapper #sponsors ul li { display: block; float: left; padding: 8px 5px 0 5px; }
    #footerWrapper #sponsors ul li.gaymers { padding-top: 0; }
    #footerWrapper #sponsors ul li.festivalsSuffolk { padding: 8px 5px 0 25px; }
    #footerWrapper #sponsors img.sundayTimes { padding-top: 10px; }
    #footerWrapper #sponsors img.world { padding-top: 5px; }
    
#footerWrapper { margin: -80px 0 -5px; height: auto; width: 1040px; padding-top: 510px; background: url(/_Resources/img/bg-footer.png) no-repeat; background-position:center top; }

#footer p { color: #676767; clear: both;  left: 0; bottom:0; text-align: center; width: 800px; padding: 10px ;  }
#footer .block2 { width: 220px;float: left; text-align: left; }
#footer .block1 { width: 245px; margin-left: 55px; float: left;text-align: left; }
	#footer .block2 a, #footer .block1 a { color: #00667d; display: block; padding: 2px 0; margin-left: 20px; font-size: 13px; font-weight: bold; }
		#footer .block2 a:hover, #footer .block1 a:hover { padding: 2px 0; display: block; }

#footer  .title { width: 200px; color: #008f45; font-size: 14px; font-weight:bold; margin-left: 20px; }
                              
      #footerWrapper #footer { margin: 0 auto; margin-top: 20px; text-align: center; clear: both; width: 990px;  height: auto; font-size: 12px; }

/***** NAVIGATION INFO *****/
.nav { margin: -28px auto 10px 108px; width: 821px; height: 81px;}
.nav  ul { width: 821px;}
.nav  li { position:relative; float:left; height: 40px; }
.nav  li a { position:relative; display:block; height: 81px; margin:0 0 0 0px; text-indent:-9999px; }
.nav li a span { position:relative; display: block; width:821; height:100%; top:0; left:0; background: transparent url(/_Resources/img/icons-info.png) no-repeat; }

.nav  li a#info1 { width:84px; }
.nav  li a#info2 { width:91px; }
.nav  li a#info3 { width:97px; }
.nav  li a#info4 { width:90px; }
.nav  li a#info5 { width:94px; }
.nav  li a#info6 { width:94px; }
.nav  li a#info7 { width:93px; }
.nav  li a#info8 { width:93px; }
.nav  li a#info9 { width:85px; }
.nav  li a#info10 { width: 43px; }             

.nav  li a#info1 span { background-position: 0px 0px; }
.nav  li a#info2 span { background-position: -84px 0px; }
.nav  li a#info3 span { background-position: -175px 0px; }
.nav  li a#info4 span { background-position: -272px 0px; }
.nav  li a#info5 span { background-position: -362px 0px; }
.nav  li a#info6 span { background-position: -456px 0px; }
.nav  li a#info7 span { background-position: -550px 0px; }
.nav  li a#info8 span { background-position: -643px 0px; }
.nav  li a#info9 span { background-position: -736px 0px; }
.nav  li a#info10 span { background-position: -829px 0px; }

    .nav  li a#info1:hover span, .nav  li a#info1.active span { background-position: 0px -81px; }
    .nav  li a#info2:hover span, .nav  li a#info2.active span { background-position: -84px -81px; }
    .nav  li a#info3:hover span, .nav  li a#info3.active span { background-position: -175px -81px; }
    .nav  li a#info4:hover span, .nav  li a#info4.active span { background-position: -272px -81px; }
    .nav  li a#info5:hover span, .nav  li a#info5.active span { background-position: -362px -81px; }
    .nav  li a#info6:hover span, .nav  li a#info6.active span { background-position: -456px -81px; }
    .nav  li a#info7:hover span, .nav  li a#info7.active span { background-position: -550px -81px; }
    .nav  li a#info8:hover span, .nav  li a#info8.active span { background-position: -643px -81px; }
    .nav  li a#info9:hover span, .nav  li a#info9.active span { background-position: -736px -81px; }
    #navigation li a#info10 span, #navigation li a#info10.active span { background-position: 0px -20px; height: 20px;}

.nav li div { position:absolute; z-index:200; padding-left:25px; display:none; visibility:hidden; background: transparent url('/_Resources/img/scroll_left.png') no-repeat left bottom; }
.nav li ul { text-align:left; width:100%; margin:0; padding:0 0 35px 10px; background: transparent url('/_Resources/img/scroll_right.png') no-repeat right bottom; }
.nav li ul li { float:none; padding-top:3px; }
.nav li:hover div { display:block; visibility:visible; }
.nav li ul li a { white-space:nowrap; text-indent:0; text-align:left; margin:0; padding: 0 20px 4px 0; height:auto; }
.nav li ul li a { color:#1A1A1A; font: normal normal bold 18px Georgia; text-decoration:none; }
.nav li:hover ul li a:hover { color:#A26743; }

.nav li a#nav8 span { position: fixed; margin: 200px 0 0 97%; background:transparent url(/_Resources/img/tab_register.png) repeat -40px 0;  width: 90px; height: 135px; }
.nav li a#nav8:hover span, #navigation li a#nav8.active span { background-position: 0px 0px; }

ul#forum   { cursor: pointer; text-indent: -99999px; background:transparent url(/_Resources/img/tab_forum.png) repeat -40px 0;  width: 90px; height: 110px;  position: fixed; top: 480px; right: -54px;  }
ul#forum:hover { background:transparent url(/_Resources/img/tab_forum.png) no-repeat 0px 0;  width: 90px; height: 110px; position: fixed; top: 480px; right: -52px;  }

a#navForum span { cursor: pointer;  width: 90px; height: 110px; float: right; width: 80px; height: 135px; }
a#navForum:hover span, ul#forum a#navForum.active span { background-position: 0px 0px; }