/*
Theme Name: Trucksigns
Theme URI: https://trucksigns.co.nz
Description: website design by <a href="http://goodwebsites.co.nz/">Good Websites</a>
Version: v1 (WP3+)
Author: Good Websites
Author URI: https://goodwebsites.nz
Tags: Good Websites, Trucksigns
*/

/* reset */
html{overflow-y:scroll}html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,ul,dd,dt,li,table,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,a,abbr,acronym,big,cite,code,dfn,em,img,q,small,span,strong,sub,sup,legend,fieldset,label,input,textarea,select{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}img,fieldset{border:0}ol,ul,li{list-style:none}a{outline:none}

body, select, input, textarea { font: 76%/1.6 Arial, 'Helvetica Neue', Helvetica, sans-serif; }
body { background:#000 url(img/bg.gif) 0 0 repeat; color:#9dadba; text-align:center; min-width:960px; }
select, input, textarea, .wrap { font-size:1em;  }
.pagewrap { background:url(img/bgpage.jpg) 0 0 repeat-x; }
.band { background:url(img/bgband.jpg) center 408px no-repeat;  }
.wrap { width:960px; margin:0 auto; text-align:left; word-spacing:0.05em; } 
.header { height:170px; position:relative; }
.container { background:url(img/bgcontainer.png) top center repeat-y; }
.post, .article { width:620px; float:left; }
.single .post p, .page-template-page-gallery-php .article p { width:620px; }
.track { background:url(img/bgtrack.png) center 420px no-repeat; }
.moko { background:url(img/bgmoko.png) center bottom no-repeat; }

body.page-template-page-splash-php { background:#070707 url(img/bgsplash.jpg) repeat top center; }
.splashwrap { background:url(img/splash_truck.jpg) center 112px no-repeat; width:989px; min-height:719px; margin:0 auto; }

.page-template-page-splash-php h1 { background:none; padding:0; float:left; margin:112px auto 0; disfplay:block; text-indent:-9000px; }
.page-template-page-splash-php a { height:198px; width:989px; display:block; background:url(img/splashhover.png) 0 0 no-repeat; padding-bottom:200px; }.page-template-page-splash-php a:hover { background-position:0 -400px; }

/* 2 col right */
.content { background:url(img/bgcontent.png) top center no-repeat;width:880px; padding:80px 40px 60px; overflow:hidden; position:relative;}
.sidebar { float:right; width:250px; padding:20px 0; }
.page-template-page-contact-php .sidebar { text-align:right; padding-top:40px; }

/* full width */
.page-template-page-inner-fw-php .content, .page-template-page-gallery-php .content, .page-template-page-gallery-php .article, .blog .post, .single .post, .archive .post, .page-template-page-gallery-php .post { width:880px;}

.subfoot { background:url(img/bgsubfoot.png) bottom center no-repeat; width:880px; padding:0 40px 120px; position:relative; }
a.signart { background:url(img/signart.jpg) 0 0 no-repeat; height:80px; width:308px; display:block; text-indent:-9000px; position:absolute; bottom:20px; left:20px; opacity:.9; -moz-opacity:.9; filter:alpha(opacity=90); } a.signart:hover { background-position:0 -80px; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);  }

.footer { background:url(img/bgfooter.jpg) top center no-repeat; font-size:0.9em; text-transform:uppercase; padding:20px 10px 0; overflow:hidden; margin-bottom:20px; }

.main, .submain { height:470px; padding:20px; margin-bottom:20px; position:relative; }
.main { background:url(img/bgmainload.png) 20px 20px no-repeat; }
.submain { background:url(img/submain.png) 20px 20px no-repeat; width:920px; height:150px; } /* inners */
.blog .submain, .archive .submain { background-position:20px -130px; } /* blog */
.page-template-page-contact-php .submain { background-position:20px -280px; } /* contact */
.single .submain { background:none #0c0c0e; }
.main span, .submain span { background:url(img/bgmain.png) 0 0 no-repeat; position:absolute; top:0; left:0; z-index:30; height:510px; width:960px; display:block; } .submain span { background-position:0 bottom; height:190px; }

p, .post ul, .post ol, .article ul, .article ol { margin:0 0 1em; } ul ul { margin:0; }
.post ul li, .article ul li { background:url(img/bullet.png) 0 5px no-repeat; padding:0 0 2px 17px; margin-left:2px; }
.post ol li, .article ol li { list-style:decimal outside; padding-left:3px; margin-left:20px; }

.logo a { background:url(img/logo-trucksigns.png) 0 0 no-repeat; width:480px; height:167px; text-indent:-9000px; display:block; float:left; margin-top:3px; } .home .logo a { height:146px; }

a, a:visited { color:#4e8ebf; text-decoration:none; } a:hover, .current_page_item a { color:#ff7800; }

/* img alignments  WP */
img.centered{display:block;margin:10px auto;}
img.alignleft{margin:0 15px 10px 0;float:left;}
img.alignright{margin:0 0 10px 15px;float:right;}
a img.aligncenter{display:block;margin:10px auto;}
a img.alignright{float:right;margin:0 0 10px 15px;}
a img.alignleft{float:left;margin:0 15px 10px 0;}

/* misc */
.end { margin-bottom:1em; }
.fl { float:left; display:block; } .fr { float:right; display:block; }
.em { font-style:italic; } .strong { font-weight:bold; }
small { font-size:.9em; } big { font-size:2em; }

blockquote { border-left:1px solid #9dadba; color:#626874; padding:0 10px; margin-left:2px; margin-bottom:20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.2em; }

/* sprite */

h1, h2.posttitle, .subnav span, .hdfeatured, .hdgallery, .contactus h4, .ngg-navigation a, .ngg-navigation span, .wp-pagenavi a, .wp-pagenavi span,  .post ul.meta li.category, .post ul.meta li.tags, .previous_post a, .next_post a, input#gform_submit_button_1, .credit, h1 span, .catnav h2, .galleries h2, a.next-quote-link, #subnav li, #subnav li .hover, .callout a { background:url(img/sprite.png) 0 0 no-repeat; }

.subnav span, .hdfeatured, .hdgallery, .contactus h4, .previous_post a, .next_post a, input#gform_submit_button_1, h1 span, .catnav h2, .galleries h2, a.next-quote-link, .callout a { text-indent:-9000px; display:block; }

.callout { background:url(img/callout.jpg) 0 0 no-repeat; height:80px; width:612px; position:absolute; bottom:20px; right:20px; }
.callout a { background-position:-270px -190px; width:160px; height:24px; float:right; margin:45px 130px 0 0; } .callout a:hover { background-position:-270px -214px; }

/* nav */
.nav { position:absolute; bottom:8px; right:0; padding:0 10px; }
#navMenu, #navMenu li, #navMenu li .hover, #navMenu li.selected { background:url(img/bgnav.png) 0 0 no-repeat; }
#navMenu li, #navMenu li .hover, #navMenu li.selected { float:left;	background:url(img/bgnav.png) 0 0 no-repeat; padding:10px 0; width:90px; height:40px; position:relative;	}
#navMenu li a { z-index:20;	display:block; position:relative; float:left; width:90px; height:40px; text-indent:-9000px; }
#navMenu li .hover { position:absolute; width:90px; height:60px; left:0; top:0; z-index:0; display:none; }	
#navMenu li.selected { background-position:0 -140px; }

#navMenu li.page-item-81 { background-position:-10px 0; } /* home */
#navMenu li.page-item-79 { background-position:-100px 0; } /* about */
#navMenu li.page-item-77 { background-position:-190px 0; } /* featured */
#navMenu li.page-item-75 { background-position:-280px 0; } /* gallery */
#navMenu li.page-item-71 { background-position:-370px 0; } /* contact */

.page-id-81 #navMenu li.current_page_item  { background-position:-10px -120px; }
.page-id-79 #navMenu li.current_page_item { background-position:-100px -120px; }
.blog #navMenu li.current_page_item, .single #navMenu li.current_page_parent, .archive #navMenu li.current_page_parent { background-position:-190px -120px; }
.page-template-page-gallery-php #navMenu li.current_page_item, .page-template-page-gallery-php #navMenu li.current_page_parent { background-position:-280px -120px; }
.page-id-71 #navMenu li.current_page_item, .page-template-page-contact-php #navMenu li.current_page_parent { background-position:-370px -120px; }

#navMenu li.page-item-81 .hover { background-position:-10px -60px; }
#navMenu li.page-item-79 .hover { background-position:-100px -60px; }
#navMenu li.page-item-77 .hover { background-position:-190px -60px; }
#navMenu li.page-item-75 .hover { background-position:-280px -60px; }
#navMenu li.page-item-71 .hover { background-position:-370px -60px; }

/* subnav */
.subnav .page-item-77 span { background-position:60px -190px;}
.subnav .page-item-79 span { background-position:60px -210px;}
.subnav .page-item-75 span { background-position:60px -230px;}

#subnav li, #subnav li .hover, #subnav li.selected { background-position:0 -110px; width:210px; height:22px; padding-top:12px; float:right; margin:15px -22px 15px 0; position:relative; }
#subnav li a { z-index:20; display:block; position:relative; width:210px; height:22px; float:right; }
#subnav li .hover {  background-position:0 -150px; position:absolute; width:210px; height:22px; padding-top:12px; left:0; top:-15px; z-index:0; display:none; }	
#subnav li.selected { background-position:0 -140px; }

/* catnav */
.current-cat a, .current-cat a:visited { color:#ebf1f5; } .current-cat a:hover { color:#ff7800; }

/* galleries nav */
.galleries li, .galleries h2, .catnav li, .catnav h2 { float:left; display:block; margin-right:10px; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ebf1f5; }

/* headings */
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; line-height:normal; margin-bottom:0.5em; color:#ebf1f5; }
h1 { font-size:1.8em; } h2 { font-size:1.6em; } h3 { font-size:1.4em; } h4 { font-size:1.2em; } h5 { font-size:1em; } h6 { font-size:0.9em; text-transform:uppercase; }

h1, h2.posttitle { background-position:0 bottom; padding:0 0 15px 19px; margin-left:-19px; text-transform:uppercase; }
div.logo { margin:0; }

h1 span { background-position:0 -320px; height:30px; width:140px; }
.page-id-79 h1 span { background-position:0 -350px; width:220px }
.catnav h2 { background-position:0 -382px; width:105px; height:20px; margin-right:0; }
.galleries h2 { background-position:0 -402px; width:132px; height:20px; }
.hdfeatured, .hdgallery { height:34px; margin-left:-20px; }
.hdfeatured { background-position:0 0; }
.hdgallery { background-position:0 -34px; }
.contactus h4 { background-position:right -68px; margin:0 -20px 10px 0; height:34px; }
.archive-title { clear:both; text-transform:uppercase; }

/* subfoot */
.contactus { width:360px; float:right; }
.contactus p { text-align:right; font-size:0.9em; padding-left:80px; }

/* footer */
.footer a, footer a:visited { color:#9dadba; } .footer a:hover { color:#fff; }
.footnav li { display:inline; background:url(img/bullet_sm.png) 0 4px no-repeat; padding:0 0 .3em 1em; margin-left:2px; }
.footnav li.page-item-81 { background:none; margin-left:0; padding-left:0; }
.footnav { float:left; }
.copyright { float:right; text-align:right; color:#9dadba; }
.credit { background-position:right -420px; text-transform:none; margin-top:5px; padding-top:8px;  }
.credit a { font-size:0.9em;  } .credit img { margin-right:5px; }

.footnav li.privacy-link { background: none; border-left: 1px solid #626874; padding-left: 10px; margin-left: 10px; }

/* index */
.post-thumbnail { float:left; margin-right:20px; }
#post-75 .post-thumbnail { clear:both; }
#post-75 .excerpt p { width:500px; }
.ngg-gallery-thumbnail a, .post-thumbnail a, .map a { border:1px solid #3d4148; display:block; padding:4px; position:relative; }
.map a { float:right; margin-top:20px; }
.ngg-gallery-thumbnail a:hover, .post-thumbnail a:hover, .map a:hover { border-color:#ff7800 }
.gallery-index { margin-top:20px; }
.excerpt { float:left; width:540px; }
.excerpt h2 { margin:3px 0 5px; font-size:1.3em; text-transform:uppercase; }
.excerpt p { margin-bottom:10px; }
.excerpt h2 a { background:url(img/arrow.png) right 1px no-repeat; padding-right:35px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#d0d9e0; }
.excerpt h2 a:hover { color:#ff7800; }
.ft_excerpt { width:880px; padding:0 40px; clear:both; overflow:hidden; margin-bottom:40px; }

/* posts */
.meta { background:url(img/bgmeta.jpg) 0 0 no-repeat; color:#096; padding-top:10px; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; }
.single .meta { background:none; margin-top:10px; }
.post ul.meta li { list-style:none; margin:0 10px 0 0; padding:0 0 0 20px; display:inline; }
.post ul.meta li.category { background-position:0 -249px; text-transform:uppercase; } .post ul.meta li.category:hover { background-position:0 -269px; }
.post ul.meta li.tags { background-position:0 -288px; } .post ul.meta li.tags:hover { background-position:0 -308px; }
.post { margin:10px 0; }

.previous_post a, .next_post a { height:20px; width:20px; display:inline-block; margin-top:3px;}
.previous_post a { background-position:-240px -110px; margin:0 10px 0 40px; }
.previous_post a:hover { background-position:-280px -110px; }
.next_post a { background-position:-260px -110px; }
.next_post a:hover { background-position:-300px -110px; }

/* contact form */
#gform_1 { clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; }
#gform_1 input, #gform_1 textarea { background-color:#141414; border:1px solid #1a1b1e; border-right:1px solid #303237; border-bottom:1px solid #303237; padding:8px 5px 8px 8px; color:#ebf1f5; }
#gform_1 input:focus, #gform_1 textarea:focus { background-color:#000; border:1px solid #904503; border-right:1px solid #d56f0a; border-bottom:1px solid #d56f0a;  }

 .article #gform_1 ul li { background:none; margin:0; padding:0; }

input#gform_submit_button_1 { background-position:-220px -130px; height:30px; width:180px; cursor:pointer; border:none; text-indent:-9000px; display:block; margin:0; }
input#gform_submit_button_1:hover { background-position:-220px -160px; } input.submitbttn:foucs { border:none; }
input, textarea { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

/* qoutes */
a.next-quote-link { background-position:-220px -190px; height:20px; width:50px; }
a.next-quote-link:hover { background-position:-220px -210px; }
p.next-quote-link { height:20px; font-size:0.8em; text-transform:uppercase; padding-left:30px; }
.quotescollection-quote-wrapper { width:520px; float:left; }
.quotescollection-quote-wrapper { background:url(img/bgquote.png) 0 5px no-repeat; padding-left:30px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:1.2em; display:block; color:#d0d9e0; }
.quotescollection-quote-wrapper cite { text-align:left!important; margin:10px 0 0 30px; }

/* sliding boxes */
.boxgrid { width:272px; height:122px; overflow:hidden; position:relative; border:1px solid #3d4148; display:block; padding:4px; float:left; margin:5px; }
.boxgrid:hover { border-color:#ff7800; }
.boxgrid img { position:absolute; top:4px; left:4px; }
.boxcaption { float:left; position:absolute; background:#000; height:100px; width:100%; opacity:.8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.captionfull .boxcaption { top:130px; left:0; padding:10px; width:262px; }
.caption .boxcaption { top:130px; left:0; }
.boxcaption a { color:#d0d9e0; text-transform:uppercase; display:block; height:100px; } .boxcaption a:hover { color:#ff7800; }

/*

fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license

*/

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

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

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	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 {
	position: relative;
}

.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: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

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

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox/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: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox/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;
	text-decoration: none;
	background: transparent url('fancybox/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;*/ /* Always on */
}

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

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

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

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox/fancybox_overlay.png');
}

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

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* 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: 8050;
	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 {
	padding-top: 10px;
}

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

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/*
Buttons  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#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: 166px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 1px solid #111;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	   -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	background: rgb(50,50,50);
	background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
	background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

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

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

#fancybox-buttons a:hover {
	opacity: 1;
}

#fancybox-buttons a.btnPrev {
	background-position: 5px 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: 35px;
	background-position: -56px 0px;
}

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

/* thumbnails  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#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;
	max-width: none;
}
/*! http://responsiveslides.com v1.55 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }