@charset "utf-8";
/* CSS Document */

/*----- Frame -----*/
body { margin: 0; font-size: 100%; font-family: Arial, Helvetica, sans-serif; color: #D9D65C; background-color: #000;
	background-image: url(../images/background-WP-2.png);
	background-attachment: fixed !important;
	background-size: cover !important;
	background-position:center 0px;
	background-repeat: no-repeat; }
img { border: 0; max-width: 100%; height: auto; }

/*----- Background -----*/
#wrapper { max-width:960px; height: auto; margin: 0 auto; }

/*------ Fonts ------*/
h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; color:#D9D65C; }
h1 { font-size: 1.6em; margin: 0 0 15px 0; font-weight: bold; padding: 10px; text-align: center; }
h2 { font-size: 1.4em; margin: 15px 0 15px 0; padding: 10px; font-weight: bold; text-align: left; }
h3 { font-size: 1.2em; padding: 5px 15px 5px 15px; }
h4 { font-size: 1em; padding: 0px 15px 0px 15px; }
h5 { font-size: 1em; margin-left: 5px; }
h6 { font-size: 1em; }
p { font-size: 0.8em; line-height: 1.2em; margin: 10px 15px 10px 60px; }
a { color: #D9D65C; }
ul { font-size: 1em; margin: 10px; }
.dev-text { color: #F00; }

.link { color: #D9D65C; }
.link A:link { color: #0CA9EB; text-decoration: none; }
.link A:visited { color: #0CA9EB; text-decoration: none; }
.link A:active { color: #90C; font-size: 1em; text-decoration: underline; }
.link A:hover { color: #90C; font-size: 1em; text-decoration: underline; }

/*----- Header -----*/
#header { max-width: 960px; height: auto; margin: 0 auto; padding: 0 0 0 0; }
#header .top { max-width: 960px; height: 40px; padding: 10px 10px 0 10px; color: #FFF; }
#header .top a { float: left; width: 40%; font-weight: bold; color: #FFF; }
#header .search { float: right; width: 40%; text-align: right; }
.logo { width: 75%; margin: 0 auto; padding: 0 0 0 0; }
#container #content-1col .logo { width: 75%; height: auto; margin: 0 auto; padding: 0 0 0 0; }
#header #nav-holder { max-width: 100%;  min-width: 624px; height: 71px; margin: 0 auto 0 auto; }
#header #nav { width: 624px; height: 71px; margin: 0 auto 0 auto; }

/*----- Menu -----*/
.menu { margin: 0; padding: 0; list-style: none; }
.menu li { float: left; padding: 0; margin: 0; height: 71px; margin-right: 0em; list-style: none; background-repeat: no-repeat; }
.menu li a, .menu li a:visited { display: block; text-decoration: none; text-indent: -9999px; height: 71px; background-repeat: no-repeat; }
.about {background-image: url(../images/btn-about-hov.png); width: 161px;}
.about a {background-image: url(../images/btn-about.png);}
.gallery {background-image: url(../images/btn-gallery-hov.png); width: 116px;}
.gallery a {background-image: url(../images/btn-gallery.png);}
.home {background-image: url(../images/btn-home-hov.png); width: 70px;}
.home a {background-image: url(../images/btn-home.png);}
.shop {background-image: url(../images/btn-shop-hov.png); width: 116px;}
.shop a {background-image: url(../images/btn-shop.png);}
.contact {background-image: url(../images/btn-contact-hov.png); width: 161px;}
.contact a {background-image: url(../images/btn-contact.png);}
ul.menu li a:hover {background: none;}

/*----- Main Content -----*/
#container { max-width: 940px; height: auto; padding: 0px 10px 10px 10px; margin: 0 auto; }
#content-1col { width: 96%; float: left; padding: 0 2% 2% 2%; margin: 0 0 20px 0; height: auto; }
#content-2col { width: 55%; float: left; padding: 0 2% 2% 2%; margin: 0 0 20px 0; }
#sidebar { width: 35%; float: right; padding: 0 2% 2% 2%; margin-bottom: 20px; }

/*----- Sidebar Block -----*/
.block { color: #DCDCDC; margin-top: 0; margin-right: 0; margin-bottom: 15px; margin-left: 0; text-align: center; }
.block .block-title { padding: 5px 9px; text-align: center; }
.block .block-title strong { display: block; font: bold 1.0em/1.3em Arial, Helvetica, sans-serif; min-height: 16px; text-transform: uppercase; padding: 5px 10px 5px 10px; text-align: center; }
.block-navigation { }
.block .block-title strong span {}
.block .block-title a { text-decoration:none !important; }
.block .block-subtitle { margin:0; padding:5px 9px; font-size:1em; font-weight:bold; color:#0a263c; }
.block .block-content { padding: 10px; text-align: center; color: #ffffff; font-size: 0.8em; }
.block .block-content .product-name { color:#185777; font-size: 1.2em; font-weight: bold; text-decoration: none; }

.gig-guide { float: left; width: 50%; height: auto; }
.gig-guide .block { float: left; width: 100%; background:#000; }

/*----- Footer -----*/
#footer { clear: both; width:96%; min-height: 60px; padding: 2%;  border-top: 2px solid #22272a; }
#footer .left { float: left; width: 28%; padding: 1%; text-align: center; }
#footer .center { float: left; width: 38%; padding: 1%; text-align: center; }
#footer .right { float: left; width: 28%; padding: 1%; text-align: center; }
#footer .link { color: #D9D65C; }
#footer .link A:link { color: #D9D65C; text-decoration: underline; }
#footer .link A:visited { color: #D9D65C; text-decoration: underline; }
#footer .link A:active { color: #FFF; font-size: 1em; text-decoration: underline; }
#footer .link A:hover { color: #FFF; font-size: 1em; text-decoration: underline; }
#footer ul { list-style: none; padding: 0; font-size: 0.8em; line-height: 1.5em; margin-top: 0; margin-right: 0; margin-bottom: 10px; margin-left: 0; }
#footer ul li a { float: left; margin-right: 0px; color: #D9D65C; padding: 0; width: 100%; text-align: center; display: block; text-decoration: none; }
#footer ul li a:hover { color: #FFF; text-decoration: underline; }

/*----- Footer Tag -----*/
#footer-tag { clear: both; min-height: 40px; text-align: left; font-size: 0.6em; margin: 5px 0 0 0; width: 98%; padding: 1%; }
#footer-tag .logo { height: auto; float: left; margin-right: 0; width: 75px; }
#footer-tag .tagtext { float: left; width: 65%; height: auto; color: #D9D65C; padding: 1%; }
#footer-tag .tagtext A:link { color: #D9D65C; text-decoration: none; }
#footer-tag .tagtext A:visited { color: #D9D65C; text-decoration: none; }
#footer-tag .tagtext A:active { color: #FFF; text-decoration: underline; }
#footer-tag .tagtext A:hover { color: #FFF; text-decoration: underline; }
#footer-tag .w3c { height: 30px; width: 80px; float: right; margin-left: 10px; }



		.highlight { background: #FFFF40; }
		.searchheading { font-size: 130%; font-weight: bold; }
		.summary { font-size: 80%; font-style: italic; }
		.suggestion { font-size: 100%; }
		.results { font-size: 100%; }
		.category { color: #999999; }
		.sorting { text-align: right; }

		.result_title { font-size: 100%; }		
		.description { font-size: 100%; color: #008000; }
		.context { font-size: 100%; }
		.infoline { font-size: 80%; font-style: normal; color: #808080;}

		.zoom_searchform { font-size: 100%; }
		.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
		.zoom_match { font-size: 80%; margin-left: 10px;}				
		.zoom_categories { font-size: 80%; }
		.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
		.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
		
		.cat_summary ul { margin: 0px; padding: 0px; display: inline; }
		.cat_summary li { display: inline; margin-left: 15px; list-style-type: none; }		
		
		input.zoom_button {  }
		input.zoom_searchbox {  }		
		
		.result_image { float: left; display: block; }
		.result_image img { margin: 10px; width: 80px; border: 0px; }

		.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
		.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
		
		.result_pages { font-size: 100%; }
		.result_pagescount { font-size: 100%; }
		
		.searchtime { font-size: 80%; }
		
		.recommended 
		{ 
			background: #DFFFBF; 
			border-top: 1px dotted #808080; 
			border-bottom: 1px dotted #808080; 
			margin-top: 15px; 
			margin-bottom: 15px; 
		}
		.recommended_heading { float: right; font-weight: bold; }
		.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
		.recommend_title { font-size: 100%; }
		.recommend_description { font-size: 100%; color: #008000; }
		.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
		.recommend_image { float: left; display: block; }
		.recommend_image img { margin: 10px; width: 80px; border: 0px; }