﻿/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*general styles ---------------------- */
div, aside, article, section, iframe, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
	}

a{	text-align:center;
	text-decoration:none;
	line-height:normal;
	letter-spacing:normal;
	font-family: Helvetica, sans-serif;
	}

span{	text-decoration:none;
		font-size:14px;
		line-height:normal;
		letter-spacing:normal;
		font-family:Helvetica,sans-serif;
		}

.right_box a, .news_box a, .top_box a, .artist_box a, .login a, #location a, .fullplay_box a, .next a, .low_nav a
		{-moz-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		-webkit-transition: all 0.5s ease-out;
		-ms-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;}

#header {width:100%;}
#logo {width:400px; display:inline-block;}
#sub_message {width:320px; margin-top:-35px;}
#top_section {min-height:210px;}
.bot_img {width:97.9%; margin:20px auto;}
.copyright {width:100%; padding-bottom:20px;}

.nam_title 	{font-family:Tahoma, Geneva, sans-serif;
			color:#29AD73;
			font-weight:bold;
			margin-left:20px;
			}

.sec_title 	{font-family:Tahoma, Geneva, sans-serif;
			color:#29AD73;
			font-weight:bold;
			}

.artist_title 	{font-family:Tahoma, Geneva, sans-serif;
				color:#00A6E7;
				font-weight:bold;
				}

.welcome a{color:#00A6E7; font-family:Tahoma, Geneva, sans-serif;padding: 0 5px;}
.welcome  {	display:inline-block;
			margin:20px 20px 20px 0;
			}

.launch	{font-family:Tahoma, Geneva, sans-serif;
		padding: 0 2px;
		font-weight:bold;
		display:inline-block;
		}
			
.low_nav	{width:88.125%; margin: 20px auto;}

.low_nav li a:hover{color:#F3A840;text-decoration: underline;}

.low_nav li a{color:#29AD73; font-family:Tahoma, Geneva, sans-serif;}

.low_nav li {	font-size:14px;
				color:#29AD73;
				font-family:Tahoma, Geneva, sans-serif;
				line-height:normal;
				letter-spacing:normal;
				padding: 0 15.5px;
				display:inline-block;
				border-right:1px solid #29AD73;
				}

.artist_list h1 a 	{font-family:Tahoma, Geneva, sans-serif;
					letter-spacing:1px;
					font-weight: bold;
					padding: 5px 0;
					text-align:center;
					}

.artist_list h1 {text-align:center;}
.artist_list li h1 {margin: 30px 0;}

.spon {width:85.417%; max-width:820px; margin:20px auto;}

.spon li a, .advert li a, .share a{
			opacity: 0.7;
			-webkit-transition: opacity;
			-webkit-transition-timing-function: ease-out;
			-webkit-transition-duration: 0.3s;
			-moz-transition: opacity;
			-moz-transition-timing-function: ease-out;
			-moz-transition-duration: 0.3s;
			-o-transition: opacity;
			-o-transition-timing-function: ease-out;
			-o-transition-duration: 0.3s;
			-ms-transition: opacity;
			-ms-transition-timing-function: ease-out;
			-ms-transition-duration: 0.3s;
			}

.spon li a:hover, .advert li a:hover, .share a:hover{
				opacity: 1;
				-webkit-transition: opacity;
				-webkit-transition-timing-function: ease-out;
				-webkit-transition-duration: 0.5s;
				-moz-transition: opacity;
				-moz-transition-timing-function: ease-out;
				-moz-transition-duration: 0.5s;
				-o-transition: opacity;
				-o-transition-timing-function: ease-out;
				-o-transition-duration: 0.5s;
				-ms-transition: opacity;
				-ms-transition-timing-function: ease-out;
				-ms-transition-duration: 0.5s;
				}

.coca {display:inline-block;}
.mtv, .mds, .heineken, .abso {display:inline-block; margin-left:38px;}
				
#break {border-left:2px solid #00A6E7;padding: 0 10px;}
.to_page {text-decoration: underline;}

.icon_home		{background:url("../img/home.png") 0 0 no-repeat; width:96px;}		
.icon_lineup	{background:url("../img/lineup.png") 0 0 no-repeat;width:138px;}
.icon_tickets	{background:url("../img/tickets.png") 0 0 no-repeat;width:156px;}
.icon_gallery	{background:url("../img/gallery.png") 0 0 no-repeat;width:155px;}
.icon_listen	{background:url("../img/listen.png") 0 0 no-repeat;width:124px;}

.main_nav li	{display:inline-block;}
.main_nav li > a{height:30px;border:0;text-indent:-1200px;overflow:hidden;}

.play_nav li	{display:inline-block;}
.play_icon 		{width:20px;
				height:20px;
				margin:0 5px;
				border:0;
				text-indent:-1200px;
				overflow:hidden;}

.play_link	{width:100%; margin: 0 auto;}

.play_link li a:hover{text-decoration: underline;}

.play_link li 	{font-size:10px;
				line-height:normal;
				letter-spacing:normal;
				padding: 0 4px;
				display:inline-block;
				border-right:1px solid #00A6E7;
				}

li.last {border-right:0px solid #00A6E7;}

#top_nav 	{background:url("../img/menubar.png") 0 0 no-repeat;
			width:97.91667%;
			max-width: 940px;
			min-height:40px;
			margin:0 auto;
			}
			
.icon_home, 
.icon_lineup,
.icon_tickets,
.icon_gallery,
.icon_listen,
.icon_home_select,
.icon_lineup_select,
.icon_tickets_select,
.icon_gallery_select,
.icon_listen_select
{margin:5px 27px;}

.icon_home:hover,
.icon_lineup:hover,
.icon_tickets:hover,
.icon_gallery:hover,
.icon_listen:hover
{background-position:0 -30px;}

.icon_home_select 		{background:url("../img/home.png") 0 0 no-repeat;width:96px;
						background-position:0 -60px;}	
.icon_lineup_select		{background:url("../img/lineup.png") 0 0 no-repeat;width:137px;
						background-position:0 -60px;}
.icon_tickets_select	{background:url("../img/tickets.png") 0 0 no-repeat;width:156px;
						background-position:0 -60px;}
.icon_gallery_select	{background:url("../img/gallery.png") 0 0 no-repeat;width:155px;
						background-position:0 -60px;}
.icon_listen_select		{background:url("../img/listen.png") 0 0 no-repeat;width:124px;
						background-position:0 -60px;}

.login, .link {display:inline-block;}

.login {width: 58.333%; min-width: 320px; max-width:550px; margin: 15px 0;}

.link li,a{display:inline-block;}

.link li > a{width:30px;height:30px;border:0;text-indent:-1200px;overflow:hidden;}

.icon_twitter{	background:url("../img/twitter_icon.png") 0 0 no-repeat;
				margin:20px 0;
				}
.icon_facebook{	background:url("../img/facebook_icon.png") 0 0 no-repeat;
				margin:20px 10px;
				}

.icon_twitter:hover, .icon_facebook:hover {
	background-position:0 -40px;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out; 
	}

.price {font-size:32px;
		color:#C5C5C5;
		font-family:Tahoma, Geneva, sans-serif;
		line-height:normal;
		letter-spacing:1px;
		font-weight: bold;
		margin-top: 40px;
		}

.early_box{		background:url("../img/early_bird.png") 0 0 no-repeat;}
.advance_box{	background:url("../img/advance.png") 0 0 no-repeat;}
.vip_box{		background:url("../img/vip.png") 0 0 no-repeat;}
.fri_box{		background:url("../img/fri.png") 0 0 no-repeat;}
.sat_box{		background:url("../img/sat.png") 0 0 no-repeat;}
.sun_box{		background:url("../img/sun.png") 0 0 no-repeat;}
.stu_early_box{		background:url("../img/early_bird.png") 0 -100px no-repeat;}
.stu_advance_box{	background:url("../img/advance.png") 0 -100px no-repeat;}
.stu_vip_box{		background:url("../img/vip.png") 0 -100px no-repeat;}
.stu_fri_box{		background:url("../img/fri.png") 0 -100px no-repeat;}
.stu_sat_box{		background:url("../img/sat.png") 0 -100px no-repeat;}
.stu_sun_box{		background:url("../img/sun.png") 0 -100px no-repeat;}


.advance_box,
.sat_box,
.stu_advance_box,
.stu_sat_box{	width:140px;
				height:100px;
				overflow:hidden;
				margin:10px 25px 0;
				}

.early_box,
.vip_box,
.fri_box,
.sun_box,
.stu_early_box,
.stu_vip_box,
.stu_fri_box,
.stu_sun_box {	width:140px;
				height:100px;
				overflow:hidden;
				margin:10px 0 0;
				}


.early_box:hover,
.advance_box:hover,
.vip_box:hover,
.fri_box:hover,
.sat_box:hover,
.sun_box:hover,
.stu_early_box:hover,
.stu_advance_box:hover,
.stu_vip_box:hover,
.stu_fri_box:hover,
.stu_sat_box:hover,
.stu_sun_box:hover
{background-position:0 -200px;}


.left_column {	margin-left:70px;
				display:inline-block;}

.right_column {	margin-left:40px;
				display:inline-block;}

.advert	{	width:520px;
			padding-bottom:40px;
  			}

.ad		{display:inline-block;
		width:160px;
		height:120px;
		-moz-box-shadow:    0 0 5px 1px #000;
		-webkit-box-shadow: 0 0 5px 1px #000;
		box-shadow:         0 0 5px 1px #000;
		}

.left_box	{width:480px;
			border-top:1px solid #15573A;
			border-bottom:1px solid #15573A;
			margin-bottom:40px;
			padding:20px;
			}

.right_box	{width:220px;
			border-top:1px solid #15573A;
			border-bottom:1px solid #15573A;
			margin-bottom:40px;
			padding:20px;
			}

.signin_box	{width:220px;
			border-top:1px solid #15573A;
			border-bottom:1px solid #15573A;
			margin:20px;
			padding:20px;
			}

.left_box, .right_box, .signin_box, .artist_box 
			{	-moz-box-shadow:    0 -5px 20px -5px #007DAD;
			    -webkit-box-shadow: 0 -5px 20px -5px #007DAD;
			    box-shadow:         0 -5px 20px -5px #007DAD;
				}

.news_box	{width:440px;
			background: #00202C url("../img/frame.png") 0 0 no-repeat;
			background-position:center bottom;
			margin:20px auto 0;
			padding:20px;
			}

.google_map { max-width:480px; min-width:220px; width:100%; height:300px;}

.follow_textbox	{width:220px;
				padding:10px 0;
				border-bottom:1px solid #C5C5C5;
				}

.follow_box, .ticketek_box	{width:220px;}

.album_box		{width:140px; display: inline-block;}
.sell_box		{width:100px; display: inline-block;}

.youtu {width:480px; height:310px; margin-top: 20px;}

.play_box		{width:300px;
				height:100px;
				background: #00202C url("../img/frame.png") 0 0 no-repeat;
				background-position:right bottom;
				padding:20px;
				display: inline-block;
				}

.fullplay_box	{width:100%;
				margin:20px auto 0;
				}

.next a	{padding: 20px 5px 0}
.next {text-align:right;}
.on {color:#00FFFF; text-decoration: underline;}

.custom	{width:240px;
		display: inline-block;
		margin-right: 50px;
		padding: 20px;
		}

.schedule	{width:240px;
			display: inline-block;
			margin-right: 20px;
			padding: 20px;
			}

.share	{width:140px;
		display: inline-block;
		padding: 20px;
		}

.top_box{max-width:820px;
		min-width:240px;
		width:85.41667%;
		padding:20px 0;
		margin:0 auto;
		}

.artist {width:220px;
		display: inline-block;
		margin-right: 55px;
		}

.last_artist 	{width:220px;
				display: inline-block;
				}

.artist_box	{
			width:780px;
			padding:20px;
			margin:0 auto 40px;
			border-top:1px solid #15573A;
			border-bottom:1px solid #15573A;
			}

.photo_box {width: 98px;
			height: 97px;
			display: inline-block;
			margin:20px 9px 0 10px;
			overflow: hidden;
			border: 1px solid #007DAD;}

.photo_box img:hover {opacity:1.0;}
.photo_box img 	{opacity:0.7;
				-moz-transition: all 0.5s ease-out;
				-o-transition: all 0.5s ease-out;
				-webkit-transition: all 0.5s ease-out;
				-ms-transition: all 0.5s ease-out;
				transition: all 0.5s ease-out;
				}

.follow_textbox a {color:#892787;font-family:Tahoma, Geneva, sans-serif;}

.sign {	border: 1px solid #091722;
    	padding: 5px 10px;
    	width: 198px;
    	font-family:Helvetica,sans-serif;
    	font-size: 12px;
    	margin-top:5px;
    	}

.sign02 {border: 1px solid #091722;
    	padding: 5px 10px;
    	width: 208px;
    	font-family:Helvetica,sans-serif;
    	font-size: 12px;
    	margin-top:5px;
    	}

.send_button {	background-color:#F3A840;
				border-radius:5px;
				display: inline-block;
				}
		
.send_button a{	color:#091722;
				font-family:Tahoma, Geneva, sans-serif;
				font-size: 12px;
				padding: 5px 9px;
				font-weight:bold;
				}

.pop_button 	{color:#091722;
				font-family:Tahoma, Geneva, sans-serif;
				font-size: 12px;
				padding: 5px 9px;
				font-weight:bold;
				background-color:#F3A840;
				border-radius:5px;
				display: inline-block;
				border: 0px solid #F3A840;
				}

.buy_button 	{
				background-color:#892787;
				border-radius:5px;
				display: inline-block;
				border: 0px solid #892787;
				margin: 30px 0 0 20px;
				}

.buy_button a{	color:#FFF;
				font-family:Tahoma, Geneva, sans-serif;
				font-size: 12px;
				padding: 5px 9px;
				font-weight:bold;
				}

.des	{resize:none; 
		width:198px;
		border: 1px solid #091722;
    	padding: 5px 10px;
    	margin-top:5px;
    	font-family:Helvetica,sans-serif;
    	font-size: 12px;
    	}

.send_button a:hover{color:#091722;}
				
.blue_button {	background-color:#00A6E7;
				border-radius:5px;
				display: inline-block;
				}

.blue_button a {display:inline-block; 
				font-size:12px;
				line-height:normal;
				letter-spacing:normal;
				font-family:Tahoma, Geneva, sans-serif;
				font-weight:bold;
				padding: 5px 9px;
				color:#FFF;
				}

.small_blue_button {background-color:#00A6E7;
					border-radius:5px;
					display: inline-block;
					margin-top: -5px;
					margin-left: 30px;
					}

.small_blue_button a {	display:inline-block; 
						font-size:10px;
						line-height:normal;
						letter-spacing:normal;
						font-family:Tahoma, Geneva, sans-serif;
						font-weight:bold;
						padding: 5px 9px;
						color:#FFF;
						}

.schedu {width:100%;}
		
th, td {vertical-align: top;
		border-bottom:1px #892787 solid;
		padding: 10px 0; 
		text-align: center;
		line-height:normal;
		letter-spacing:normal;
		font-family:Tahoma, Geneva, sans-serif;
		}

th {font-size:16px; color:#29AD73;}
td {font-size:14px; color:#00A6E7;}

.iehide #wrapper{display:none;}
.iemessage {width: 640px; margin: 200px auto; color:#FFF;}

.gap10		{padding:10px;}
.top5		{margin-top:5px;}
.top10		{margin-top:10px;}
.top20		{margin-top:20px;}
.top40		{margin-top:40px;}
.left5		{margin-left:5px;}
.left10		{margin-left:10px;}
.left20		{margin-left:20px;}
.left_auto	{margin-left:19px;}
.tahoma		{font-family:Tahoma, Geneva, sans-serif;}
.larger		{margin-left:370px;}

/*text styles --------------------------*/
h1{
font-size:24px;
line-height:normal;
letter-spacing:1px;
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
}
h2{
font-size:18px;
line-height:normal;
letter-spacing:0.5px;
font-family:Helvetica,sans-serif;
}
h3{
font-size:16px;
line-height:normal;
letter-spacing:normal;
font-family:Helvetica,sans-serif;
color:#FFF;
}
h4{
font-size:14px;
line-height:16px;
letter-spacing:normal;
font-family:Helvetica,sans-serif;
color:#FFF;
}
h5{
font-size:12px;
line-height:15px;
letter-spacing:normal;
font-family:Helvetica,sans-serif;
color:#FFF;
}
h6{
font-size:10px;
line-height:normal;
letter-spacing:normal;
font-family:Helvetica,sans-serif;
color:#FFF;
}

p{
font-size:12px;
line-height:normal;
letter-spacing:normal;
font-family:Helvetica,sans-serif;
color:#FFF;
}

.white{color:#FFF;}
.black{color:#000;}
.blue{color:#00A6E7;}
.flatblue{color:#007DAD;}
.darkblue{color:#091722;}
.cyan{color:#00FFFF;}
.orange{color:#F3A840;}
.green{color:#29AD73;}
.purple{color:#892787;}
.gray{color:#EBEBEB;}
.midgray{color:#C5C5C5;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.space2{padding:2px;}
.space5{padding:5px;}
.bold{font-weight:bold;}


/*page styles ------------------------- */
body{background:#1A1A1A;}


/*Display*/
.block{
	display:block;
}

.inline{
	display:inline;
}

.hide{
	display:none;
}
.inline-block{
	display:inline-block;
}


/*Positioning*/
.center{
	margin:0 auto;
}

.float-left{
	float:left;
}

.float-right{
	float:right;
}

.clear-left{
	clear:right;
}

.clear-right{
	clear:left;
}

.clear-both{
	clear:both;
}

.relative{
	position:relative;
}

.absolute{
	position:absolute;
}

.fixed{
	position:fixed;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/* wrapper */
#wrapper{background:#0d0e22 url("../img/background.jpg") 0 0 no-repeat;
		background-position:center top;
		max-width:960px;
		min-width:400px;
		width:960px;
		height:100%;
		-moz-box-shadow:    0 0 10px 1px #000;
  		-webkit-box-shadow: 0 0 10px 1px #000;
  		box-shadow:         0 0 10px 1px #000;
		}

/*img*/
img{display:block;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	}
	
/*drop down*/

.drop ul {	position:absolute; 
			display:none; 
			list-style:none;
			width:200px;
			overflow:hidden;
			z-index:100;
			background: #00202C url("../img/frame02.png") 0 0 no-repeat;
			background-position:center bottom;
			border-left:1px solid #00A6E7;
			border-right:1px solid #00A6E7;
			border-bottom:1px solid #00A6E7;
			padding:20px;
			margin-top: -30px;
			margin-left: -10px;
			}

.drop ul li {display: inline-block;
			background-image:none;
			}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -110px;
		width: 220px;
		background-color:#000023;
		position: absolute;
		z-index: 101;
		padding: 20px;
		border-top:1px solid #15573A;
		border-bottom:1px solid #15573A;
		-moz-box-shadow:    0 -5px 30px -10px #007DAD;
	    -webkit-box-shadow: 0 -5px 30px -10px #007DAD;
	    box-shadow:         0 -5px 30px -10px #007DAD;
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/*
		
	NOTES
	
	Close button entity is &#215;
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/


/* fancybox styles */
#fancybox-buttons {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 8050;
}

#fancybox-buttons.top {
	top: 10px;
}

#fancybox-buttons.bottom {
	bottom: 10px;
}

#fancybox-buttons ul {
	display: block;
	width: 170px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	background: #111;
	-webkit-box-shadow: 0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);
	-moz-box-shadow: 0 1px 3px #000,0 0 0 1px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05);
	background: #111 -webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,.2)),color-stop(.5,rgba(255,255,255,.15)),color-stop(.5,rgba(255,255,255,.1)),to(rgba(255,255,255,.15)));
	background: #111 -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.15) 100%);
	border-radius: 3px;
}

#fancybox-buttons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#fancybox-buttons a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-image: url('../img/fancybox_buttons.png');
	background-repeat: no-repeat;
	outline: none;
}

#fancybox-buttons a.btnPrev {
	width: 32px;
	background-position: 6px 0;
}

#fancybox-buttons a.btnNext {
	background-position: -33px 0;
	border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
	background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
	background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
	background-position: 3px -60px;
	border-left: 1px solid #111;
	border-right: 1px solid #3e3e3e;
	width: 35px
}

#fancybox-buttons a.btnToggleOn {
	background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
	border-left: 1px solid #111;
	width: 38px;
	background-position: -57px 0px;
}

#fancybox-buttons a.btnDisabled {
	opacity : 0.5;
	cursor: default;
}

/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	padding: 0;
	margin: 0;
	background: #00202C;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../img/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8020;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('../img/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 20px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 20px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: #000;
}

#fancybox-overlay.overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8030;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
		}

#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
}

/*
 * FancyBox - jQuery Plugin
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:85.417%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.2
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(../img/loading.gif) no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 10px -1px #007DAD;
    -moz-box-shadow: 0px 1px 10px -1px #007DAD;
    box-shadow: 0px 1px 10px -1px #007DAD;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(../img/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../img/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/

.slider-wrapper { 
	width: 100%; 
	margin: 20px auto;
}

.theme-default #slider {
    margin:40px auto 0 auto;
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:150px;
}


/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00A6E7; }
/*a:visited { color: #c8c8c8; }*/
a:hover { color: #F3A840; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 0 0; padding: 0 0 0 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */



/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* @media */
@media screen and (max-width:480px){
#wrapper {background:none;background-color:#000023;width:100%;}
#top_nav {background:none;}
.youtu{display:none;}
.advert{display:none;}
.news_box {width:180px;}
#top_nav {margin-left:10px; width: 340px;}
.login {margin-left: 40px;}
.left_column,.right_column{margin-left:70px;width:260px;}
.left_box{width:220px;}
.coca {margin-left:50px;}
.coca, .mtv, .mds, .heineken, .abso {margin-top:10px;}
.news_box {background:none;border-top:1px solid #C5C5C5;}
.custom,.schedule,.share {width:240px;margin-left: 30px;}
.larger	{margin-left:115px;}
.sign02 {width: 200px;}
.welcome  {margin:0 20px 0 0;}
.left_auto	{margin-left:0;}
.album_box {width:220px;}
.play_box {width:180px; height:100%;}
.schedule, .share {border-top:1px solid #C5C5C5;}
.photo_box {margin:20px 5px 0;}
.artist_box	{width:220px; margin-left:70px; margin-top:40px;}
th, td {font-size:10px;}
.small_blue_button {margin: 10px 0;}
.early_box,
.advance_box,
.vip_box,
.fri_box,
.sat_box,
.sun_box,
.stu_early_box,
.stu_advance_box,
.stu_vip_box,
.stu_fri_box,
.stu_sat_box,
.stu_sun_box {margin:10px 40px 0;}
.reveal-modal {margin-left: -138px;}
}