/*
Theme Name:  Vision2Watch - Minisites
Theme URI: http://www.gluedigital.com.au/
Author: Glue Digital
Author URI: http://www.gluedigital.com.au/
Description: Wordpress Theme for Vision2Watch
Version: 1.0
*/


/*---------------------------------------------------------------*/
/* Basic Elements & Classes
/*---------------------------------------------------------------*/

@font-face {
    font-family: 'Calibri Regular';
    src: url('/fonts/calibri-webfont.eot');
    src: local('Calibri'), 
         url('fonts/calibri-webfont.ttf') format('truetype'),
         url('fonts/calibri-webfont.svg#font') format('svg'); 
}

@font-face {
    font-family: 'Calibri Bold';
    src: url('fonts/calibri_bold-webfont.eot');
    src: local('Calibri'), 
         url('fonts/calibri_bold-webfont.ttf') format('truetype'),
         url('fonts/calibri_bold-webfont.svg#font') format('svg'); 
}

html { -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
body { background: #3c3c3c url('images/top_gradient_bg.gif') left top no-repeat; color: #ddd; font: 14px/21px 'Calibri Regular', Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; }

ol, ul { margin: 0; }

a, a * { 	
	color: #59c4c5;
	text-decoration: none;
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	     -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	        transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; }

a:hover, a > *:hover { text-decoration: underline; }	

::selection, ::-moz-selection { background: #F8780A; color: #FFF; text-shadow: none; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.5em; margin: 0 0 10px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 25px; }
h2 { font-size: 23px; }
h3 { font-size: 21px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }

dl,hr,h1,h2,h3,h4,h5,h6, pre,table,address,fieldset,blockquote,article,p { margin-bottom: 15px; }
strong { font-family: 'Calibri Bold'; font-weight: bold; }
hr { border:0 #F8780A solid; border-top-width:1px; clear:both; height:0; }
blockquote { background: #848484; font-style: italic; padding: 1em;  }
	blockquote p { margin: 0; }

label { display: block; margin: 0 0 5px; }
input, select, textarea { border: 1px solid #333; font-family: inherit; padding: 5px; border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none; }

input[type="text"], input[type="email"], select { width: 95%; }
textarea { resize: both; width: 96%; }

input[type="submit"], input[type="reset"], button { background: #F8780A; border-radius: 3px; color: #FFF; cursor: pointer; overflow: visible; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	-webkit-transition: background-color .2s ease; 
	-moz-transition: background-color .2s ease; 
	-ms-transition: background-color .2s ease; 
	-o-transition: background-color .2s ease; 
	transition: background-color .2s ease; }

input[type="submit"]:hover, input[type="reset"]:hover, button:hover { background: #1a1a1a; }

button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {  border: 0 !important; padding: 0 !important; }

input[type="checkbox"], input[type="radio"], .wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] { width: 20px; }
input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input:-moz-placeholder, textarea:-moz-placeholder, input.placeholder, textarea.placeholder, .wpcf7 .watermark  { color: #333; }

/*---------------------------------------------------------------*/
/* Shared Elements & Classes
/*---------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 , .header_text, .slogan, .footer-menu a , .heading_style1, .heading_style2, .orange { color: #F8780A; }
.heading-style1 { border-bottom: 1px solid #F8780A; padding: 0 0 10px 10px; }
.heading-style2 { border-top: 1px solid #F8780A; border-bottom: 1px solid #F8780A; clear: both; padding: 6px 0 6px 0; }
	h2.heading-style1 { font-size: 17px; }
	h2.heading-style2 { font-size: 15px; }
	

/*---------------------------------------------------------------*/
/* Main Styling 
/*---------------------------------------------------------------*/

#page-wrap { position: relative; }
.container { margin: 0 auto; max-width: 920px; }

#header { border-bottom: 1px solid #F8780A; min-height: 115px; padding: 15px 0px 0px; }
#header .row-fluid:first-child { min-height: 70px; }
	.header-container > div:first-child { min-height: 70px; overflow: hidden; }
		img.logo { width: auto; }
		.slogan { font-size: 37px; font-weight: bold; line-height: 0.8em; margin: 0; padding: 9px 20px 0 0; text-align: right; }
			.slogan span { color: #FFF; }

		.header-text { display: block; padding: 7px 0 0 5px; }
		ul.nav { display: block; float:right; height:25px; margin-top: 0; position: relative; padding-right: 10px; z-index: 500;
			-moz-border-radius:5px;
				-webkit-border-radius:5px;
				border-radius:5px;
			-moz-box-shadow: 0px 0px 5px rgba(0,0,0, 0.2), 0px 0px 2px rgba(0,0,0, 0.4); }

		ul.nav > li { background: url('images/menu_item.png') left center no-repeat; float:left; position: relative; }
		ul.nav > li:first-child { background: none; }
		ul.nav > li > a { color:#fff; float:left; height: 25px; padding: 5px 10px 0; text-transform: capitalize;  }
		ul.nav > li > a.drop { background: transparent url('images/drop-tri.png') 78px 11px no-repeat; padding-right: 20px; }
		ul.nav > li > a.drop:hover { background: #555 url('images/drop-tri.png') 78px 11px no-repeat; }
		ul.nav > li:hover > a , .nav li.current_page_item > a { background: none; color: #F8780A; text-decoration: none; }
		
			ul.nav > li:hover > ul , ul.nav > li > ul > li:hover > ul { display:block; }
			ul.nav ul { background: #555; border:1px solid #333; border-top:0px; display: none; position: absolute; top:30px; width:200px; z-index:100;
				-moz-box-shadow: 0px 2px 2px rgba(0,0,0, 0.2);
				-webkit-box-shadow: 0px 0px 5px rgba(0,0,0, 0.2);
					box-shadow: 0px 0px 5px rgba(0,0,0, 0.2); }

			ul.nav > li > ul > li { position: relative; }
			ul.nav ul a { border-bottom:1px solid #333; border-top:1px solid #666; color:#F7780B; display:block; padding:6px 10px; text-transform: capitalize; }
			ul.nav ul a:hover { color:#fff; text-decoration: none; }
			ul.nav > li > ul > li:first-child a { border-top: 0px; }
			ul.nav > li > ul > li:last-child a { border-bottom: 0px; }
				ul.nav > li > ul > li > ul { left: 200px; top:0px; z-index: 600; }
				ul.nav > li > ul > li a.drop { background: transparent url('images/drop-tri-right.png') 180px 10px no-repeat; }

#slider { height: 455px; margin-bottom: 35px; position: relative; }
	ul.slideshow { background:#2c2c2c; border: 1px solid #F8780A; display:block; height: 443px; padding: 0; position: relative; margin-bottom: 10px; width: 918px;
		-moz-border-radius:3px;
			-webkit-border-radius:3px;
				border-radius:3px; }

	ul.slideshow img { display:block; height: 423px; padding: 10px; width: 898px; }

	.slide-nav { background: #F8780A; left: 45%; padding: 5px; position: absolute; bottom: -20px; z-index: 10;
		border-bottom-left-radius: 3px; 
		border-bottom-right-radius: 3px; }
	.slide-nav a { background: transparent url('images/orange-dot.png') left top no-repeat; color: #000; display:block; font-size: 11px; float: left; height:20px; margin-left: 5px; width:13px; padding: 0 0 0 7px;  }
	.slide-nav a:first-child { margin-left: 0!important; }
	.slide-nav a.activeSlide, .slide-nav a:hover { background: transparent url('images/orange-dot.png') left bottom no-repeat; }

	a.slide-buttons { display:block; height:50px; position: absolute; top: 45%; width:49px; z-index:98; }
	a.slide-prev { background: transparent url('images/slideshow-prev-bg.png') left top no-repeat; left:0; }
	a.slide-next { background: transparent url('images/slideshow-next-bg.png') left top no-repeat; right:0; }

	ul.slideshow li > div:first-child { margin: 10px; overflow: hidden; position: relative; }

	.product-slide { float: left; position: relative; width: 224.5px; }
	.product-slide img { margin: 0!important; width: 224.5px!important; }
	.product-slide a:hover { text-decoration: none!important; }
	.product-details { background: url('images/caption.png'); bottom: 0; color: #333; font-size: 12px; padding: 10px; position: absolute; width: inherit; z-index: 9999; }
	.product-details > div:first-child { background: url('images/dot.png') left center no-repeat; padding-left: 38px; }
	.product-details h2 { color: #333; font-size: 15px; margin: 0; }
	
#content { margin: 20px auto; padding: 0; position: relative;  }
	.topbar { background: #3C3C3C; border:1px solid #000; border-radius:3px; min-height:40px; margin-bottom:20px; width:auto; -moz-border-radius:3px; -webkit-border-radius:3px; }
	.topbar > div:first-child { border-right:1px solid #000; float: left; height:38px; }
	.topbar > div:first-child img { margin: 10px 20px 0 20px; width:164px; }
	.topbar > a  { border-left:1px solid #666; color: #CCC; display:block; float:left; font-size:16px; height:30px; padding:10px 20px 0; text-decoration: none; text-transform: capitalize; }
	.topbar .follow-us { color:#F7780B; float:right; font-weight:bold; line-height: 29px; margin:4px 10px 0 0; }
	.topbar .follow-us span { position: relative; top: 2px; }
	.topbar .follow-us img { position: relative; }

	.content-area { overflow: hidden; padding: 0 10px; }
	.content-area .container { }
	.content-area img, #footer img { vertical-align: baseline; }
	
	.content-area ul { list-style-type: disc; margin: 10px 0 10px 20px; }
	.content-area ol { list-style-type: decimal; list-style-position: inside; margin: 10px 0 10px 2px; }
	.content-area ul li ul, .content-area ul li ol { margin: 2px 0 2px 20px; }
	.content-area ol li ul, .content-area ol li ol  { margin: 2px 0 2px 35px; }
	.content-area section { margin-bottom: 20px; }
		.left-content { float: left; width: 380px; }
		.right-content { float: right; width: 500px; }
		
		.content-custom .left-content { width: 580px; }
		.content-custom .right-content { width: 280px; }
	
		.content-category { padding: 0; }
		.content-category > div:first-child { overflow: hidden; }
		
	.gallery-slider { background: #FFF; border: 1px solid #F8780A; overflow: hidden; padding: 5px; }
	.gallery-slider  ul { list-style: none!important; list-style-type: none!important; margin: 0; padding: 0; }
	.gallery-slider  > .flexslider { background: none; border: 0; margin: 0; }
		#gallery-slider { height: 350px; margin-bottom: 5px; }
		#gallery-slider li { height: 350px; width: 889px; }
		
		#gallery-carousel { }
		#gallery-carousel li { margin-right: 5px; }
			#gallery-carousel img { cursor: pointer; display: block; height: 107px; opacity: .5; width: 107px; }
			#gallery-carousel img:hover {opacity: 1;}
			#gallery-carousel .flex-active-slide img { cursor: default; opacity: 1; }

	.item { float: left; margin-right: 20px; padding: 0 10px 10px; width: 430px; }
	.item h2 { font-size: 16px; }
	.item img { border: 1px solid #F8780A; display: block; float: left; height: 90px; margin: 7px 15px 10px 0; width: 70px; }

        .entry span { font-weight: bold; }
		
	.thumb { background: #000; border: 1px solid #F8780A; margin-bottom: 5px; }
		.video-box { border: 1px solid #F8780A; height: 211px; position: relative; width: 282px; }
		.video-box img { height: 211px; width: 282px; }
			.v-overlay { background: transparent url('images/play.png') left top no-repeat; left: 0; height: 211px; position: absolute; top: 0; width: 282px; z-index: 99; }

	
	/* videos */
	ul.videos { list-style: none;  margin: 0 0 10px 0; position: relative; z-index: 1; }
	ul.videos li { display:block; margin: 0; overflow:hidden; position: relative; z-index: 1; }
	ul.videos li iframe { position: relative !important; z-index: 1 !important; }
	.vid-thumbs { height: 52px; margin-bottom: 30px; }
	.vid-thumbs a { display:block; float:left; margin: 0 0px 10px 10px; overflow:hidden; position: relative; }
	.vid-thumbs a:first-child { margin-left: 0!important; }
	.vid-thumbs a img { height: 52px; width: 92px; }
	
	.banner { clear: both; display: block; margin: 20px 0 80px 0; }

	.content-widget-area { overflow: hidden; }
	.content-widget-area ul { list-style: none; list-style-type: none; margin: 0; padding: 0; }
		.widget { margin-bottom: 30px; }
			h6.widgettitle { margin: 0; }

#footer { background: url('images/footer-bg.png') left top repeat; border-top:1px solid #F8780A; bottom:0px; left:0px; padding: 14px 0 5px; position: fixed; width:100%; z-index: 99; box-shadow: 0px -5px 5px rgba(0,0,0, 0.4); -moz-box-shadow:0px -5px 5px rgba(0,0,0, 0.4); -webkit-box-shadow: 0px -5px 5px rgba(0,0,0, 0.4); }
#footer .container { max-width:900px; overflow: hidden; padding: 0 10px; }
		.copyright { margin: 0; }
		.footer-menu { float: right; }
		.footer-menu li { background: url('images/footer_menu_item.png') left no-repeat; float: left; margin-left: 5px; padding-left: 5px; position: relative; }
		.footer-menu li:first-child { background: none; margin: 0; padding: 0; }

/*---------------------------------------------------------------*/
/* Default Wordpress Styling 
/*---------------------------------------------------------------*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #848484; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }

.one-half { width:48%; }
.one-third { width:30.66%; }
.two-third { width:65.33%; }
.one-fourth { width:22%; }
.three-fourth { width:74%; }
.one-half, .one-third, .two-third, .three-fourth, .one-fourth { float:left; margin-right:4%; position:relative; }
.last { clear: right; margin-right: 0!important; }

.pagination { float: right; font-size: 12px; margin: 10px 0; }
.pagination span, .pagination a { background: #F8780A; color: #fff; display: inline; padding: 5px 10px; margin-right: 2px; }
.pagination a:hover, .pagination .current { background: #555; text-decoration: none; }

#comments { font-size: 12px; margin-top: 30px; }

#commentform {  }
#comments-title, #reply-title {  border-bottom: 1px solid #F8780A; margin: 0!important; padding: 10px 0; font-size: 18px; }
.commentlist, .commentlist .children { list-style-type: none!important; padding: 10px 20px; }
.commentlist li.comment, .commentlist .pingback  { border-bottom: 1px solid #373737; margin: 0 auto; padding: 15px 0px 15px 60px; position: relative; width: auto;	}
.comment-gravatar  { position: absolute; height: 50px; width: 50px; top: 15px; left: 0; }
.comment-meta { margin-bottom: 10px; }
.comment-meta, .comment-meta a { }
.commentlist .reply { position: absolute; right: 0; top: 15px; }
.comment-reply-link, .edit-link a { background: #F8780A; color: #fff; margin-left: 2px; padding: 5px; }
.comment-reply-link:hover, .edit-link a:hover { background: #555; color: #fff; text-decoration:none; }
.nopassword, .nocomments, .form-allowed-tags { display: none; }

.commentlist .children li.comment { border-bottom: 0; }
.pingback p { margin: 0; }
.pingback .url { font-style: italic; }

#commentform label { display: inline-block; padding-top: 5px; vertical-align: top;  }
#commentform input[type=text] { display: block; width: 98%; }
#commentform  textarea { display: block; width: 98%; }

.error, .success, .info, .notice, .wpcf7-response-output { display: block; padding: 10px 20px 10px 44px!important;}
.error, .wpcf7-validation-errors, .wpcf7-mail-sent-ng, .wpcf7-spam-blocked { background: #f9e5e6 url('images/icons/icon-box-error.png') no-repeat 10px 9px; border: 1px solid #f7c7c9!important; border-left-width: 4px; color: #b3696c; }
.success, .wpcf7-mail-sent-ok { background: #e3ebc6 url('images/icons/icon-box-success.png') no-repeat 12px 8px; border: 1px solid #c2d288!important; border-left-width: 4px; color: #8fa442;}
.wpcf7-form textarea { height: 150px;}
.wpcf7-not-valid-tip { 	color: #f02932; display: block; margin: 5px 0 0; }

.wpcf7-form-control-wrap span.wpcf7-list-item { margin: 0!important; }

.clear{clear:both; display:block; height:0; overflow:hidden; visibility:hidden; width:0; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

.hide { display: none; }

.purchase-rental .wpcf7-list-item-label { margin-right: 80px; }

.flex-direction-nav a {width: 60px; height: 60px; margin: -20px 0 0; display: block; background: url('images/bg_direction_nav.png') no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -66px; }
.flex-direction-nav .flex-prev {left: -66px; }

#gallery-carousel .flex-direction-nav a { background: url('images/bg_thumb_nav.png') no-repeat 0 0; height: 50px; width: 50px; margin: -20px 0 0; display: block; }

#gallery-carousel .flex-next { background-position: 100% 0!important; }

.gallery { list-style: none!important; margin: 0!important; overflow: hidden; }
.gallery li { float: left; margin: 0px 10px 8px 0px; }
.gallery a { display: block; }
.gallery img {
	border: 1px solid #F8780A;
}

/*---------------------------------------------------------------*/
/* Media Queries
/*---------------------------------------------------------------*/

@media only screen and (min-width:320px) {
	body {
		padding: 0!important;
	}
	#slider { height: 172px!important; }
	.slideshow, .slideshow img {
		height: 160px!important;
		width: 100%!important;
	}
	a.slide-buttons {
		top: 35%!important;
	}
	
	.topbar > div:first-child { border-right: 0; }
	.topbar > div:first-child img { display: none; margin: 10px 10px 0px; width: 0; }
	.topbar > a { border-left: 0; font-size: 10px; padding: 10px 10px 0!important; }
	.topbar .follow-us { font-size: 10px; font-weight: normal; }
	.home .content-area .span7 section { padding-left: 0; }
	
	ul.videos { height: 200px!important; }
	ul.videos li, .videos .youtube-player {
		height: 200px!important;
		width: 100%!important;
	}
	.vid-thumbs a img { height: 26px!important; width: 48.5px!important; }
	
	#gallery-slider, #gallery-slider img {  height: 114px!important; }
	#gallery-carousel .slides li, #gallery-carousel img  { height: 60px!important; width: 60px!important; }
}
@media only screen and (min-width:384px) {
	.vid-thumbs a img { 
		height: 36px!important;
		width: 61.5px!important;
	}
}

@media only screen and (min-width:480px) {
	body {
		padding: 0!important;
	}
	#slider { height: 248px!important; }
	.slideshow, .slideshow img {
		height: 236px!important;
		width: 100%!important;
	}
	
	a.slide-buttons {
		top: 40%!important;
	}
	
	.topbar > div:first-child { border-right: 0; }
	.topbar > div:first-child img { display: none; margin: 10px 10px 0px; width: 0; }
	.topbar > a { border-left: 0; font-size: 14px; padding: 10px 10px 0!important; }
	.topbar .follow-us { font-size: 14px; font-weight: bold; }
	.home .content-area .span7 section { padding-left: 0; }
	
	ul.videos { height: 377px!important; }
	ul.videos li, .videos .youtube-player {
	
		height: 377px!important;
		width: 100%!important;
	}
	.vid-thumbs a img { height: 46px!important; width: 81px!important; }
	
	#gallery-slider, #gallery-slider img {  height: 177px!important; }
	#gallery-carousel .slides li, #gallery-carousel img  { height: 80px!important; width: 80px!important; }
}
@media only screen and (min-width:568px) {
	.vid-thumbs a img { 
		height: 60px!important;
		width: 98.5px!important;
	}
}

@media only screen and (min-width:600px) {
	body {
		padding: 0!important;
	}
	#slider { height: 304px!important; }
	.slideshow, .slideshow img {
		height: 292px!important;
		width: 100%!important;
	}
	a.slide-buttons {
		top: 40%!important;
	}
	
	.slide-nav { left: 43%!important; }
	
	.topbar > div:first-child { border-right: 1px solid #000; } 
	.topbar > a { border-left:1px solid #666; font-size: 16px; }
	.topbar .follow-us { font-size: 14px; font-weight: bold; }
	.topbar > div:first-child img {
		display: block;
		margin: 10px 10px 0px;
		width: 134px!important;
	}
	
	ul.videos { height: 377px!important; }
	ul.videos li, .videos .youtube-player {
	
		height: 377px!important;
		width: 100%!important;
	}
	.vid-thumbs a img { height: 50px!important; width: 105px!important; }
	
	#gallery-slider, #gallery-slider img{  height: 224px!important; }
	#gallery-carousel .slides li, #gallery-carousel img  { height: 80px!important; width: 80px!important; }
	.video-box, .video-box img, .v-overlay {
		width: 281px;
	}
}
@media only screen and (min-width:768px) {
	body {
		padding: 0!important;
	}
	#slider { height: 383px!important; }
	.slideshow {
		height: 371px!important;
		width: 720px!important;
	}
	.slideshow img {
		height: 351px!important;
		width: 700px!important;
	}
	.slide-nav { left: 43%; }
	.topbar > div:first-child { border-right: 1px solid #000; } 
	.topbar > a { border-left:1px solid #666; font-size: 16px; }
	.topbar .follow-us { font-size: 14px; font-weight: bold; }
	.topbar > div:first-child img {
		display: block;
	}
	.home .content-area .span7 section { padding-left: 0; }
	
	ul.videos { height: 377px!important; }
	ul.videos li, .videos .youtube-player {
		height: 377px!important;
		width: 400px!important;
	}
	#gallery-slider, #gallery-slider img {  height: 272px!important; }
	#gallery-carousel .slides li, #gallery-carousel img  { height: 90px!important; width: 90px!important; }
	.video-box, .video-box img, .v-overlay {
		width: 220px!important;
	}
}

@media only screen and (min-width:1024px) {
	#slider { height: 455px!important; }
	.slideshow {
		height: 443px!important;
		width: 918px!important;
	}
	.slideshow img {
		height: 423px!important; 
		width: 898px!important;
	}
	.topbar > div:first-child { border-right: 1px solid #000; } 
	.topbar > a { border-left:1px solid #666; font-size: 16px; padding:10px 20px 0; }

	.topbar .follow-us { font-size: 14px; font-weight: bold; }
	.topbar > div:first-child img {
		display: block;
		 margin: 10px 20px 0 20px; width:164px; 
	}	
	.home .content-area .span7 section { padding-left: 15px; }
	
	ul.videos { height: 377px!important; }
	ul.videos li, .videos .youtube-player {
		height: 377px!important;
		width: 500px!important;
	}
	.vid-thumbs a img { height: 52px!important; width: 92px!important; }
	
	#gallery-slider, #gallery-slider img{  height: 350px!important; }
	#gallery-carousel .slides li, #gallery-carousel img { height: 107px!important; width: 107px!important; }
	.video-box, .video-box img, .v-overlay {
		width: 282px!important;
	}
}

/* Large desktop */
@media (min-width: 1200px) { ... }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	body {
		padding: 0!important;
	}
	.slogan { font-size: 28px!important; padding-top: 17px;  } 
	
	ul.videos { height: 377px; overflow: hidden;
	}
	ul.videos li, .videos .youtube-player {
		height: 377px!important;
		width: 400px!important;
	}
	.vid-thumbs a img { height: 42px!important; width: 72px!important; }
}

 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	body {
		padding: 0!important;
	}
	#header, .slogan, ul.nav, .footer-menu, #footer { text-align: center; }
	ul.nav, .footer-menu { display: inline-block!important; float: none!important; margin: 0 auto!important; }
	.slogan { font-size: 26px!important; padding-right: 0; }
	
	ul.slideshow, .slideshow img {
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;  	
	}

	.responsiveMenuSelect {
		margin-top: 10px!important;
	}	
	
	.slide-nav { left: 35%; }
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
	body {
		padding: 0!important;
	}
	.slogan { font-size: 26px!important; padding-right: 0; } 

}

#fancybox-buttons.top {
	display: none!important;
}