* { margin: 0; padding: 0; border: 0; }

html, body { width: 100%; height: 100%; }

body {

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

	/*-webkit-touch-callout: none;*/
	  -webkit-user-select: text;
	     -moz-user-select: text;
          -ms-user-select: text;
           -o-user-select: text;
              user-select: text;


	-webkit-font-smoothing: antialiased;
	   -moz-font-smoothing: antialiased;
	     -o-font-smoothing: antialiased;
	        font-smoothing: antialiased;

	     -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
              -o-transform: translateZ(0);
            	 transform: translateZ(0);
}

#root { width: 100%; height: 100%; font-family: Arial, sans-serif; background-color: #000; }

	.clear { clear:both; float:none; }

	#cover { display: none; opacity:0; background: rgba(0,0,0,0.8); width: 100%; height: 100%; position: absolute; top:0; left:0; z-index: 50; }
		#cover .hit { width:100%; height:100%; position: absolute; top:0; left:0; }

	#bg { width: 100%; height: 100%; z-index: 0; position: absolute; overflow: hidden; }

		#bg img { position: absolute; opacity: 0; }

	#page { width: 100%; height: 100%; z-index: 1; position: relative; top: 0; left: 0; background: transparent; overflow: hidden; }

		#header { width: 100%; height: 128px; position: absolute; top:0; left:0; z-index: 3; background: url(/assets/images/layout/sprite.png) 0 0 repeat-x; overflow: hidden; }

			#header .hr { width: 1200px; height: 1px; position: absolute; top:61px; left:50%; margin-left: -600px; z-index: 4; background: url(/assets/images/layout/sprite.png) 0 -182px no-repeat; }

			#dropmenu { display: none; background: url(/assets/images/layout/sprite.png) -295px -243px no-repeat; }

			#menu { float:left; width: 100%; position: relative; z-index: 5; margin-left: 24px; }

				#menu ul { clear: left; float: left; list-style: none; position: relative; left: 50%; text-align: center; }

					#menu ul li { list-style: none; float: left; display: block; position: relative; right: 50%; }

						#menu ul li a {
							display: block;
							margin: 0;
							padding: 20px 10px;
							text-transform: lowercase;
							text-decoration: none;
							color: rgba(255,255,255,0.8);
							font-size: 18px;
							line-height: 18px;
							text-shadow: 0 0 6px rgba(0,0,0,0.8);
							border: 0;
						}

						#menu ul li a:hover,
						#menu ul li a:active,
						#menu ul li a.active { text-decoration: none; color: #fff; border-top: 2px #fff solid; padding-top: 18px; }

						#menu ul li.left a { margin-right: 20px; }
						#menu ul li.left.last { margin-right: 40px; }
						#menu ul li.right a { margin-left: 20px;  }
						#menu ul li.right.first { margin-left: 40px; }

						#menu ul li.logo { width: 214px; height: 110px; margin: 18px 0 0 0; position: relative; }
							#menu ul li.logo a { padding: 0; text-indent: -9999px; height: 110px; background: url(/assets/images/layout/sprite.png) 0 -183px no-repeat;
							}
							#menu ul li.logo a:hover { border-top:0; padding:0; opacity: 1;

								-webkit-transform: scaleX(1.02) scaleY(1.02);
								   -moz-transform: scaleX(1.02) scaleY(1.02);
								    -ms-transform: scaleX(1.02) scaleY(1.02);
								     -o-transform: scaleX(1.02) scaleY(1.02);
								        transform: scaleX(1.02) scaleY(1.02);

							}

		#content { width: 960px; height:500px; margin: -250px 0 0 -480px; top:50%; left:50%; color: #fff; position: absolute; z-index: 2;  }

		/* Testing fixed content position */
		/*#content { top: 110px; margin-top: 0; }*/
		/*#content { background: rgba(0,0,0,0.2) } */

		#footer { width: 100%; height: 16px; padding:30px 0 8px 0; background: url(/assets/images/layout/sprite.png) 0 -128px repeat-x; position: absolute; bottom: 0; left: 0; z-index: 4; text-align: center; font-size: 16px; line-height: 16px; color:#fff; text-shadow: 0px 0px 2px #000; font-family: 'Roboto Slab', Georgia, serif; }

			#footer a { color:#fff; text-decoration:none; }
				#footer a:hover { color:#fff; text-decoration:underline; }

/* MAILING LIST ----------------*/

		#mailing-list { font-family: Arial, sans-serif; color:#333; background: rgba(255,255,255,0.9); width: 420px; height: 350px; top:50%; left:50%; position: relative; margin: -205px 0 0 -240px; padding: 30px 10px 30px 30px; overflow: hidden; display: none; opacity: 0;

			-webkit-box-shadow: 10px 10px 30px rgba(0,0,0,0.8);
			   -moz-box-shadow: 10px 10px 30px rgba(0,0,0,0.8);
			   		box-shadow: 10px 10px 30px rgba(0,0,0,0.8);
		}

			#mailing-list .close { position: absolute; top: 10px; right: 10px; display: block; width: 26px; height: 26px; text-indent: -9999px; background: url(/assets/images/layout/sprite.png) -214px -285px no-repeat;}
				#mailing-list .close:hover { opacity: 0.5; }

			#mailing-list .title
			{
				font-family: 'Roboto Slab', Georgia, serif;
				font-size: 32px;
				line-height: 32px;
				margin: 0 0 20px 0;
				font-weight: normal;
			}

			#mailing-list .body
			{
				font-size: 14px;
				color: #333;
				line-height: 1.5em;
				padding: 0 20px 0 0;
			}

				#mailing-list .body a { color: #333; font-weight: bold; }
					#mailing-list .body a:hover { text-decoration:none; color: #333; }
					#mailing-list .body a.normal { font-weight: inherit; }


			#mailing-list .footnote { font-size: 12px; color: #666; }

			#mailing-list form#subscribe
			{
				display:block;
				margin:20px 0;
				padding:0;
			}

				#mailing-list form#subscribe .text
				{
					padding:4px 10px;
					width:260px;
					height:22px;
					font-family: Arial, Helvetica, sans-serif;
					font-size:14px;
					line-height: 14px;
					color:#666;
					margin:0;
					border: 1px solid #999;
				}

				#mailing-list form#subscribe .button
				{
					display: inline-block;
					outline: none;
					cursor: pointer;
					text-align: center;
					text-decoration: none;
					font: 14px/100% Arial, Helvetica, sans-serif;
					padding: .5em 1em .55em;
					text-shadow: 0 1px 1px rgba(0,0,0,.3);

					-webkit-border-radius: .5em;
					   -moz-border-radius: .5em;
					        border-radius: .5em;

					-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
					   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
					        box-shadow: 0 1px 2px rgba(0,0,0,.2);

					color: #e9e9e9;
					border: solid 1px #555;
					background: #6e6e6e;
					background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
					background: -moz-linear-gradient(top,  #888,  #575757);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
				}

				#mailing-list form#subscribe .button:hover
				{
					text-decoration: none;

					background: #616161;
					background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
					background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
				}

				#mailing-list form#subscribe .button:active
				{
					position: relative;
					top: 1px;

					color: #afafaf;
					background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
					background: -moz-linear-gradient(top,  #575757,  #888);
					filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
				}




/* HOME PAGE ----------------*/

		#content.home {  }

		#home-main {  width: 100%; height: 100%; position: relative; }

			#home-main .news-list { display: block; max-width: 400px; position: absolute; right:0; top:0;
				font-family: 'Roboto Slab', Georgia, serif; cursor: default; }

				#home-main .news-list .row { opacity:0; }

				#home-main .news-list .news-item { margin: 0 0 40px 0; }

					#home-main .news-list .news-item .date
					{
						display: inline-block;
						font-size: 16px;
						margin: 0 0 1px 0;
						line-height: 16px;
						padding: 4px 8px 0 8px;
						color: rgba(255,255,255, 0.5);
						background: rgba(0,0,0, 0.5);
					}

					#home-main .news-list .news-item .body p {
						display: inline-block;
						margin: 0 0 1px 0;
						padding: 8px 8px 4px 8px;
						line-height: 24px;
						font-size: 22px;
						letter-spacing: 0;
						background: rgba(0,0,0,0.5);
					}

						#home-main .news-list .news-item a { color: #fff; text-decoration: none; }
							#home-main .news-list .news-item a:hover { color: #fff; text-decoration: underline; }

							#home-main .news-list .news-item a.link { text-decoration: underline; }
								#home-main .news-list .news-item a.link:hover { text-decoration:none; }

				#home-main .news-list .news-item.first {}
				#home-main .news-list .news-item.second .body p { font-size: 20px; line-height: 20px; }
				#home-main .news-list .news-item.third {}

				#home-main .news-list .more { display: inline-block; padding: 4px 8px; background: rgba(0,0,0,0.5); color: #fff; font-family: Arial, sans-serif; font-size: 11px; text-transform: uppercase; text-decoration: none; }
					#home-main .news-list .more:hover { background: rgba(0,0,0,0.8); }



/* NEWS PAGE ----------------*/

		#content.news { /*height: 400px; margin-top: -200px;*/ }

		#news-main { width: 100%; height: 100%; position: relative; }

			#news-main .column { width: 310px; margin: 0 10px 0 0; position: absolute; opacity:0 }

			#news-main .column.first { left:5px; bottom:0 }
			#news-main .column.second { left:325px; bottom:0 }
			#news-main .column.third { left:645px; bottom:0 }

				#news-main .column .news-item { font-size: 14px; background: rgba(0,0,0,0.5); padding: 10px; margin: 10px 0 0 0; border-top: 1px solid #fff; }

					#news-main .column .news-item .date { font-size: 10px; color: #999; margin: 10px 0 5px 10px; }
					#news-main .column .news-item .body { font-size: 14px; color: #fff; line-height: 1.5em; margin: 0 10px 10px 10px; }
						#news-main .column .news-item .body a { text-decoration: underline; color: #fff; }
						#news-main .column .news-item .body a:hover { text-decoration: none; color: #fff; }

					#news-main .column .news-item.large {  }
						#news-main .column .news-item.large a.preview { display:block; position: relative; }
							#news-main .column .news-item.large a.preview img { width: 290px; height: 180px; padding:0; margin: 0; }
							#news-main .column .news-item.large a.preview .overlay { display:block; margin: -43px 0 0 0; position: absolute; background: rgba(0,0,0,0.6); width: 290px; height: 40px; }
							#news-main .column .news-item.large a.preview .overlay .icon { float: left; width: 50px; height: 51px; margin: -6px 0 0 10px; background: url(/assets/images/layout/sprite.png) -214px -183px no-repeat; }
								#news-main .column .news-item.large a.preview:hover .overlay .icon { opacity: 0.5; }
							#news-main .column .news-item.large a.preview.active .overlay .icon { background-position: -214px -234px; }


							#news-main .column .news-item.large a.preview .overlay .type { display:block; margin: 7px 0 0 70px; text-transform: uppercase; font-size: 10px; color: #fff;  }
							#news-main .column .news-item.large a.preview .overlay .label { display: block; margin: 0 0 0 70px; font-size:12px; color: #fff; }


							#news-main .column .news-item a.preview { display:block; position: relative; }
							#news-main .column .news-item a.preview .waveform { width: 290px; height: 40px; padding:0; margin: 0; }
							#news-main .column .news-item a.preview .overlay { display:block; margin: -43px 0 0 0; position: absolute; background: rgba(0,0,0,0.5); width: 290px; height: 40px; }
							#news-main .column .news-item a.preview .overlay .icon { float: left; width: 30px; height: 30px; margin: 5px 0 0 10px; background: url(/assets/images/layout/sprite.png) -264px -183px no-repeat; }
								#news-main .column .news-item a.preview:hover .overlay .icon { opacity:0.5; }
							#news-main .column .news-item a.preview.active .overlay .icon { background-position: -264px -213px; }

							#news-main .column .news-item a.preview .overlay .type { display:block; margin: 14px 0 -2px 50px; text-transform: uppercase; font-size: 10px; color: #fff;  }

						#news-main .column .nav { width: 310px; height: 50px; border-top:1px solid #fff; margin: 10px 40px 0 0; background: rgba(0,0,0,0.5); }

						#news-main .column .nav a { display: block; font-size: 14px; text-transform: uppercase; text-decoration: none; line-height: 50px; color: #fff; }
							#news-main .column .nav a:hover { text-decoration: none; background-color: rgba(0,0,0,0.3) }

						#news-main .column .nav .prev { width: 135px;  text-align: left; padding-left: 20px; float:left; }
						#news-main .column .nav .next { width: 135px;  text-align: right; padding-right:20px; float:left; }

					#news-main .column .news-item.mailing { display:block; padding: 20px 0 20px 20px; position: relative; text-decoration: none; color: #fff; }
						#news-main .column .news-item.mailing .title { font-size: 20px; font-family: 'Roboto Slab', Georgia, serif; font-weight: normal; }
						#news-main .column .news-item.mailing:hover { background:rgba(0,0,0,0.6); }

					#news-detail { display:none; font-family: Arial, sans-serif; color:#333; background: rgba(255,255,255,0.9); width: 920px; height:540px; top:50%; left:50%; position: relative; margin: -300px 0 0 -480px; padding: 30px 10px 30px 30px;

						-webkit-box-shadow: 10px 10px 30px rgba(0,0,0,0.8);
						   -moz-box-shadow: 10px 10px 30px rgba(0,0,0,0.8);
						   		box-shadow: 10px 10px 30px rgba(0,0,0,0.8);
					}

						#news-detail .close { position: absolute; top: 10px; right: 10px; display: block; width: 26px; height: 26px; text-indent: -9999px; background: url(/assets/images/layout/sprite.png) -214px -285px no-repeat;}
							#news-detail .close:hover { opacity: 0.5 }

						#news-detail .scrollable { height: 540px; overflow-x: hidden; overflow-y: inherit;  }

						#news-detail .date { color: #999; font-size: 14px; font-style: italic; }

						#news-detail .title
						{
							font-family: 'Roboto Slab', Georgia, serif;
							font-size: 28px;
							margin: 0 0 20px 0;
							font-weight: normal;
						}

						#news-detail .body
						{
							font-size: 14px;
							color: #333;
							line-height: 1.5em;
							padding: 0 20px 0 0;

							-webkit-column-count: 2;
							   -moz-column-count: 2;
							     -o-column-count: 2;
							     	column-count: 2;
							-webkit-column-gap: 30px;
							   -moz-column-gap: 30px;
							     -o-column-gap: 30px;
							     	column-gap: 30px;
						}

							#news-detail .body a { color: #333; font-weight: bold; }
								#news-detail .body a:hover { text-decoration:none; color: #333; }
								#news-detail .body a.normal { font-weight: inherit; }



/* LIVE PAGE ----------------*/

		#content.live {}

		#live-main { width: 100%; height: 100%; position: relative; }

			#live-main .live-list { width: 652px; position: absolute; right:0;  }

				#live-main .live-list .row { opacity:0; }

				#live-main .live-list .live-item { width: 652px; height: 101px; margin-bottom: 10px; clear: both; position: relative;  }

					#live-main .live-list .live-item .date { width: 100px; height: 100px; border-top: 1px solid #fff; background: rgba(0,0,0,0.4); text-align: center; float: left; margin: 0 2px 0 0;  }
						#live-main .live-list .live-item .date .day { display: block; font-family: 'Roboto Slab', Georgia, serif; font-size: 64px; letter-spacing: -0.04em; line-height: 64px; margin: 18px 0 -18px 0; }
						#live-main .live-list .live-item .date .month { text-transform: uppercase; font-size: 12px; line-height: 12px; }

					#live-main .live-list .live-item .collapsed { width: 520px; padding: 20px 0 20px 30px; border-top: 1px solid #fff; background: rgba(0,0,0,0.4); float: left;  }
						#live-main .live-list .live-item .collapsed .title { display: block; font-size: 32px; line-height: 30px; margin: 0 0 10px 0; font-family: 'Roboto Slab', Georgia, serif; }
						#live-main .live-list .live-item .collapsed .location { font-size: 16px; color: #fff; text-decoration: none; line-height: 20px; padding: 0 0 0 20px; background: url(/assets/images/layout/sprite.png) -214px -441px no-repeat; height: 20px;  }
							#live-main .live-list .live-item .collapsed .location:hover { color: #fff; text-decoration: underline; }
						#live-main .live-list .live-item .collapsed .button { display: block; position: absolute; right: 10px; bottom: 10px; color: #fff; width: 16px; height: 16px; border: 10px solid transparent; background: url(/assets/images/layout/sprite.png) -214px -337px no-repeat; background-clip: content-box; text-indent: -9999px; }
							#live-main .live-list .live-item .collapsed .button:hover { opacity: 0.5; }

					#live-main .live-list .live-item .expanded { display: none; width: 530px; min-height: 120px; background: rgba(0,0,0,0.6); float: left; margin: 2px 0 10px 102px; padding: 10px; }

						#live-main .live-list .live-item .expanded .details { display: block; background: rgba(0,0,0,0.2); height: 36px; line-height: 36px; }
						#live-main .live-list .live-item .expanded .details .time { display: block; float: left; margin: 0 0 0 20px; padding-left: 24px; background: url(/assets/images/layout/sprite.png) -214px -369px no-repeat; }
						#live-main .live-list .live-item .expanded .details .rsvp { float:left; list-style: none; margin: -36px 0 0 230px; padding: 0 0 0 66px; background: url(/assets/images/layout/sprite.png) -214px -405px no-repeat; }
							#live-main .live-list .live-item .expanded .details .rsvp li  { list-style: none; float: left; }
							#live-main .live-list .live-item .expanded .details .rsvp li a { display: block; float: left; margin: 0 15px 0 0; color: #fff; text-decoration: none; }
								#live-main .live-list .live-item .expanded .details .rsvp li a:hover { text-decoration: underline; }
						#live-main .live-list .live-item .expanded .body { clear: both; display: block; margin: 10px 20px 0 20px; }
							#live-main .live-list .live-item .expanded .body a { color:#fff }
								#live-main .live-list .live-item .expanded .body a:hover { text-decoration: none; }


					#live-main .live-list .live-item.active .date { background-color: rgba(0,0,0,0.6); }
					#live-main .live-list .live-item.active .collapsed { background-color: rgba(0,0,0,0.6); }
					#live-main .live-list .live-item.active .collapsed .button { background-position: -214px -353px; }
					#live-main .live-list .live-item.active .expanded { display: block; }


					#live-main .live-list .live-item.tbc {  }
					#live-main .live-list .live-item.tbc .date { opacity: 0.5; }
					#live-main .live-list .live-item.tbc .collapsed { opacity: 0.5; }
					#live-main .live-list .live-item.tbc .expanded { opacity: 0.5; }
					#live-main .live-list .live-item.tbc .date .day { font-size: 52px; line-height: 52px; margin-top: 18px; }



/* ABOUT PAGE ----------------*/

		#content.about { height:490px; }

		#about-main { width: 100%; height: 100%; position: relative; }

			#about-main .box { display:block; width: 290px; background: rgba(0,0,0,0.5); border-top: 1px solid #fff; margin: 0 0 10px 560px; padding: 40px 30px 30px 30px; opacity:0; }

				#about-main .box .body { font-size: 16px; line-height: 1.5em;  }

				#about-main .box .submenu { list-style: none; margin: 20px 0; }

					#about-main .box .submenu li { list-style: none; }

						#about-main .box .submenu li a { display: block; height: 50px; background: rgba(0,0,0,0.3); margin-bottom: 10px; border-top: 1px solid #fff; color: #fff; text-transform: uppercase; text-decoration: none; line-height: 50px; font-size: 14px; padding: 0 20px; text-align: right; }
						#about-main .box .submenu li a:hover { background-color: rgba(0,0,0,0.5) }

			#about-main .nav { width:350px; height:50px; padding:0; }

				#about-main .nav a { display: block; font-size: 16px; height: 50px; text-decoration: none; line-height: 50px; color: #fff; font-family: 'Roboto Slab', Georgia, serif;  width: 135px; text-align: left; float:left; padding:0 10px 0 30px; }
					#about-main .nav a:hover { text-decoration: none; background-color: rgba(0,0,0,0.3) }


				#about-detail { display:none; font-family: Arial, sans-serif; color:#333; background: rgba(255,255,255,0.9); width: 920px; height:540px; top:50%; left:50%; position: relative; margin: -300px 0 0 -480px; padding: 30px 10px 30px 30px; overflow:hidden; display: none; opacity: 0;

					-webkit-box-shadow: 10px 10px 30px rgba(0,0,0,0.8);
					   -moz-box-shadow: 10px 10px 30px rgba(0,0,0,0.8);
					   		box-shadow: 10px 10px 30px rgba(0,0,0,0.8);
				}

					#about-detail.biography {}
					#about-detail.presskit { width: 420px; height: 240px; margin: -150px 0 0 -230px; }

						#about-detail .close { position: absolute; top: 10px; right: 10px; display: block; width: 26px; height: 26px; text-indent: -9999px; background: url(/assets/images/layout/sprite.png) -214px -285px no-repeat;}
							#about-detail .close:hover { opacity:0.5; }

						#about-detail .scrollable { height: 540px; overflow-x: hidden; overflow-y: inherit;  }

						#about-detail .date { color: #999; font-size: 14px; font-style: italic; }

						#about-detail .title
						{
							font-family: 'Roboto Slab', Georgia, serif;
							font-size: 28px;
							margin: 0 0 20px 0;
							font-weight: normal;
						}

						#about-detail.presskit .title { margin-bottom: 10px; }

						#about-detail .body
						{
							font-size: 14px;
							color: #333;
							line-height: 1.5em;
							padding: 0 20px 0 0;
						}

						#about-detail.presskit .body { color:#444; line-height:1.2em; }

						#about-detail.biography .body
						{
							-webkit-column-count: 2;
							   -moz-column-count: 2;
							     -o-column-count: 2;
							     	column-count: 2;
							-webkit-column-gap: 30px;
							   -moz-column-gap: 30px;
							     -o-column-gap: 30px;
							     	column-gap: 30px;
						}

							#about-detail .body a { color: #333; font-weight: bold; }
								#about-detail .body a:hover { text-decoration:none; color: #333; }
								#about-detail .body a.normal { font-weight: inherit; }

							#about-detail.presskit .options { display:block; list-style:none; height:140px; margin:10px 0 0 0; }

								#about-detail.presskit .options li { display: block; float:left; }

									#about-detail.presskit .options li a { display: block; width:200px; height:100px; padding:20px 0; text-align: center; text-decoration: none; color: #444; font-weight: normal; }
										#about-detail.presskit .options li a .icon { display: block; height:90px; background: url(/assets/images/layout/sprite.png) no-repeat; opacity:0.5; margin:0 auto 5px auto; }
											#about-detail.presskit .options li a:hover { color:#333; }
											#about-detail.presskit .options li a:hover .icon { opacity:0.8 }

										#about-detail.presskit .options li a.download .icon { width:90px; background-position:0 -309px; }
										#about-detail.presskit .options li a.browse .icon { width:97px; background-position:-96px -309px; margin-left:35px; }

							#about-detail.presskit .footnote { font-size:12px; color: #999; }

/* CONTACTS PAGE ----------------*/

		#content.contacts { }

		#contacts-main { width: 100%; height: 100%; position: relative; }

			#contacts-main .box { width: 250px; background: rgba(0,0,0,0.5); border-top: 1px solid #fff; padding: 40px 30px 20px 30px; margin: 0 0 10px 600px; opacity:0; }

				#contacts-main .box .body { font-size: 16px; line-height: 1.5em; }

					#contacts-main .box .body a.email { font-family: 'Roboto Slab', Georgia, serif; font-size: 24px; color:#fff; text-decoration: none; font-weight: bold; }
						#contacts-main .box .body a.email:hover { text-decoration: underline; }

				#contacts-main .box.profiles { padding:0 0 10px 0; width: 310px; }

				#contacts-main .box .social { list-style: none; margin:0; }

					#contacts-main .box .social li { list-style: none; float: left; }

						#contacts-main .box .social li a { display: block; width: 120px; height: 50px; text-decoration: none; font-family: 'Roboto Slab', Georgia, serif; line-height: 50px; font-size: 16px; color:#fff; margin:0 0 -10px 0; padding:0 0 0 30px; overflow: hidden;  }
						#contacts-main .box .social li:nth-child(even) a { padding-left:30px; width:140px; margin-left:-10px }
							#contacts-main .box .social li a:hover { background: rgba(0,0,0,0.5) }



/* GALLERY PAGE ----------------*/

		#content.gallery { /*background: rgba(0,0,0,0.2)*/ }

			#gallery-main { width: 100%; height: 100%; position: relative; }

			#gallery-main .row { opacity:0; margin-left: 25px; }
			#gallery-main .row:nth-of-type(1) { margin-top: 25px; }

			#gallery-main .thumb { position:relative; z-index:10; float:left; width:146px; height:146px; background:rgba(0,0,0,0.5); margin:0 4px 4px 0; padding:0; }
				#gallery-main .thumb:hover { z-index:20; cursor: pointer; width:158px; height:158px; margin:-6px -2px -2px -6px; background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
				#gallery-main .thumb img { width:146px; height:146px; opacity:0.9; }
					#gallery-main .thumb:hover img { margin:6px 0 0 6px; opacity:1; }

				#gallery-detail { display:none; font-family: Arial, sans-serif; color:#333; background:#000; width:920px; height:540px; top:50%; left:50%; position: relative; margin: -300px 0 0 -480px; padding: 30px 10px 30px 30px;

					-webkit-box-shadow: 10px 10px 30px rgba(0,0,0,0.8);
					   -moz-box-shadow: 10px 10px 30px rgba(0,0,0,0.8);
					   		box-shadow: 10px 10px 30px rgba(0,0,0,0.8);
				}

				#gallery-detail.youtube { width:853px; height:480px; padding:0; margin:-240px 0 0 -427px; }

				#gallery-detail.photo { width:818px; height:548px; padding:0; margin:-274px 0 0 -409px; background: #ccc }

					#gallery-detail.photo img { width: 810px; height:540px; border: 4px solid #fff }

					#gallery-detail iframe { background:#000; }

					#gallery-detail .close { position: absolute; top:-26px; right:-26px; z-index: -1; display: block; width: 26px; height: 26px; text-indent: -9999px; background: url(/assets/images/layout/sprite.png) -214px -311px no-repeat; opacity:0.3; }

					#gallery-detail .prev,
					#gallery-detail .next { position: absolute;  z-index:0; display: block; width: 50px; height: 50px; text-indent: -9999px; background: url(/assets/images/layout/sprite.png) no-repeat; opacity:0.3; }

					#gallery-detail .prev { top:245px; left:-60px; background-position: -250px -309px; }
					#gallery-detail .next { top:245px; right:-60px; background-position: -302px -309px; }

						#gallery-detail .close:hover,
						#gallery-detail .prev:hover,
						#gallery-detail .next:hover { opacity:1 }

						#gallery-detail .prev:hover { left:-65px; }
						#gallery-detail .next:hover { right:-72px; }

					#gallery-detail.photo .close { top:-26px; right:-36px; z-index: 1 }



/* MUSIC PAGE ----------------*/

		#content.music { /*background: rgba(0,0,0,0.2)*/ }

			#music-main { width: 100%; height: 100%; position: relative; }

			#music-main .row { opacity:0; }

			#music-main .album { float: left; width:465px }

				#music-main .album .cover { float:left; width:136px; height:136px; border: 2px solid #fff; margin:0 5px 0 0; }

				#music-main .album .info { width:280px; padding:20px 20px 10px 20px; margin:0 0 20px 145px; background:rgba(0,0,0,0.5); border-top:1px solid #fff; }

				#music-main .album:nth-of-type(2) { margin-left:30px; }

					#music-main .album .info .title { font-family: 'Roboto Slab', Georgia, serif; font-size: 24px; line-height: 24px; font-weight: normal; margin-bottom:10px; }

					#music-main .album .info .tracks { list-style:none; }

					#music-main .album .info .tracks li { display: block; font-size: 14px; line-height: 24px; border-bottom: 1px dotted #666 }
					#music-main .album .info .tracks li:last-of-type { border-bottom:0; }

						#music-main .album .info .tracks li a { display:block; color:#fff; text-decoration:none; margin:0 -10px; padding:0 10px; }
							#music-main .album .info .tracks li a:hover,
							#music-main .album .info .tracks li a.active { background:rgba(0,0,0,0.3); }
							#music-main .album .info .tracks li a:hover .time,
							#music-main .album .info .tracks li a.active .time,
							#music-main .album .info .tracks li a.disabled:hover .time { display:none; }
							#music-main .album .info .tracks li a:hover .icon,
							#music-main .album .info .tracks li a.active:hover .icon,
							#music-main .album .info .tracks li a.disabled:hover .icon { display:block; opacity:1; }

							#music-main .album .info .tracks li a.active .icon { display:block; background-position:-16px -293px; opacity:0.5 }
							#music-main .album .info .tracks li a.disabled { color:#999; cursor:default; }
							#music-main .album .info .tracks li a.disabled .icon { background-position:-32px -293px; opacity:0.5 }
								#music-main .album .info .tracks li a.disabled:hover { background:rgba(0,0,0,0.1); }

						#music-main .album .info .tracks li .time { float:right; color: #999 }

						#music-main .album .info .tracks li .icon { float:right; display:none; width:16px; height:16px; background: url(/assets/images/layout/sprite.png) 0 -293px no-repeat; margin:4px 5px 0 0; opacity:0.8; }

						#music-main .album .info .tracks li a.active { background:rgba(0,0,0,0.3); }