/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 748px; }
	
	.navbar-fixed-top .navbar-inner { padding-left: 0px; padding-right: 0px; }
	.navbar .brand { padding-left: 0px; margin-left: 0px; }
	.menu ul li a.ms_top { padding: 0px 13px; }
	#now_gallery .row { margin-left: 0px; }
	#now_gallery .span12 { margin-left: 0px; width: 100%; }
	.carousel-nav-block { padding: 36px 20px; width: 209px; height: 249px; }
	
	.carousel-block { width: 538px; }
	.jcarousel-skin-tango .jcarousel-item { width: 269px; height: 248px; }
	#now_gallery .item { width: 269px; } 
	#now_gallery .item img { max-width: 100%; height: auto; } 
	.content_page .span4.gap14 { margin: 0 5px; width: 239px; } 
	#carousel-block1 .jcarousel-skin-tango .jcarousel-next-horizontal, #carousel-block3 .jcarousel-skin-tango .jcarousel-next-horizontal { top: 70%; left: -110px; }	
	#carousel-block1 .jcarousel-skin-tango .jcarousel-prev-horizontal, #carousel-block3 .jcarousel-skin-tango .jcarousel-prev-horizontal { top: 70%; left: -142px; }
	#carousel-block2 .jcarousel-skin-tango .jcarousel-prev-horizontal { left: 610px; top: 70%; }
	#carousel-block2 .jcarousel-skin-tango .jcarousel-next-horizontal { left: 641px; top: 70%; } 
	.content_page .span3.gap15 { width: 187px; }
	.services .span3 { width: 172px; }
	h3.serv { font-size: 14px; }
	#tS2.jThumbnailScroller .jTscroller a { width: 150px; } 
	
	.prefooter .span3 { width: 165px; }
	#footer .span4 { width: 249px; }
	#footer .input-append .subscribe-input { width: 145px; }
	#now_gallery .row.container { width: 100%; }
	
	.span8 { margin-left: 0px; width: 520px; } 
	.content_page .span4 { margin-left: 20px; width: 200px; }
	.content_page .span4.gap10 { width: 250px; }
	.maps_view { height: 250px; }
 	.span4.nogap { margin-left: 0px; }
	
	.content_full_size .span6 { margin: 0 10px 0 10px; width: 354px; } 
	
	.content_page .span4.gap11 { width: 229px; }
	
	
	.content_page .span3 { width: 172px; }
	.content_page .span3  h3 { font-size: 10px; }
	.content_page .span4.gap11 h3 { font-size: 13px; }
	
	h1 { font-size: 16px; }
	h2 { font-size: 14px; }
	h3, h4, h5 { font-size: 12px; }
	.navbar-inner { padding-left: 0px; padding-right: 0px; }
	.navbar .nav { margin-right: 0px; }
	.nav-collapse input.span2, textarea.span2, .uneditable-input.span2 { width: 100px; }
	.navbar .nav > li > a { padding: 11px 10px; }
	.offset1 { margin-left: 0px; width: 100%; }
	.label, .badge { margin-bottom: 5px; }
	.span12 { width: 720px; }
	.sliderwrap { margin: 0 auto; width: 748px; } 
	#slider-wrapper object { height: 312px; }
	
	.vimba { width: 232px; height: 254px; background-position: bottom right; } 
	#header h1 { width: 485px; font-size: 30px; }
	#header h2 { margin-top: 20px; width: 485px; } 
	#header h2 br { display: none; }
	#myCarousel .carousel-caption { margin-left: -250px; left: 50%; width: 500px; } 
	.now_page .container .up { width: 100%; background-position: bottom right; } 
	.now_page h4 { padding: 20px 20px 0 20px; font-size: 18px; }
	.center_menu { padding-bottom: 30px; width: 748px; }
	#menu_item h1 { font-size: 14px; } 
	.center_menu #menu_item { width: 167px; margin: 0 10px; } 
	.center_images { width: 748px; }
	#test-carousel, #test-carousel .carousel-inner { margin-left: 0px; }
	#test-carousel .quote { margin-right: 10px; width: 177px; }	
	.quote a { float: none; }
	#test-carousel img { width: 177px; } 
	.quote a:hover .hover_body { width: 100%; }
	.quote a:hover .hover_body h2 { padding: 0px; margin: 0px 0 0 10px; text-align: center; line-height: 30px; }
	.hover_body h1 { margin: 0px; }
	.quote h2 { padding: 0px; margin: 0px 0 0 10px; line-height: 30px; }
	.quote h1 { margin: 0px; }
	
	.body_content_left { margin-left: 0px; width: 400px; }
	.body_content_right { width: 315px; }
	.marks .container { width: 748px; } 
	.marks .quote { margin-left: 60px; }
	input, textarea, .uneditable-input { width: 130px; }
	#footer .row { width: 100%; }
	.menu ul li a.ms_top span { font-weight: normal; }
	
	#myCarousel .carousel-caption { top: 65px; } 
	#myCarousel { height: 350px; }
	#myCarousel img { height: 349px; }
	.span4.gapright { margin: 0 20px 0 0; }
	
	}
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		#header .navbar-fixed-top .navbar-inner { padding: 0px; }
		#header { padding-bottom: 20px; height: auto; }
		.navbar-fixed-top, .navbar-fixed-bottom { position: static; }
		.navbar .brand { margin: 0px 0 30px; padding-left: 0px; text-align: center; float: none; }
		.menu .tinynav { margin-bottom: 20px; padding: 5px 0; width: 100%; display: block; }
		ul.l_tinynav1 { display: none; }
		.menu { float: none; height: auto; }
		.now_carousel { margin-top: 0px; }
		.now_page { padding: 0px 0 0; }
		#main-carousel .carousel-caption { margin: -45px 0 0 -100px; width: 200px; height: 90px; }
		#main-carousel .carousel-caption h4.carousel_h4 { padding: 10px; font-size: 16px; line-height: 20px; }
		#main-carousel .carousel-caption p.carousel_p { padding: 10px; font-size: 12px; line-height: 15px; }
		.caption { padding: 10px 0; }
		
		.services .span3 { width: 180px; min-height: 254px; }
		#tS2.jThumbnailScroller .jTscroller a { width: 200px; }
		h3.serv { font-size: 15px; }
		.prefooter .row { margin: 0px; }
		.row { margin: 0px; }
		
		.span8 { margin-left: 0px; width: 100%; float: none; overflow: hidden; } 
		.content_page .span4 { margin: 0px; width: 100%; float: none; overflow: hidden; }
		.content_page .span8 .span4 { margin: 0 10px; width: 180px; float: left; }
		h3, h4, h5 { font-size: 12px; }
		
		.blogpost .post_detail { font-size: 10px; } 
		
		.media, .media-body { overflow: visible; }
		.comments { margin-left: 10px; float: left; }
		.form-horizontal .control-label { width: 110px; }
		.form-horizontal .controls { margin-left: 100px; }
		h1 { font-size: 16px; }
		h2 { font-size: 14px; }
		h3, h4, h5 { font-size: 12px; }
		.navbar-inner { padding-left: 0px; padding-right: 0px; }
		.navbar .nav { margin-right: 0px; }
		.nav-collapse input.span2, textarea.span2, .uneditable-input.span2 { width: 100px; }
		.navbar .nav > li > a { padding: 11px 10px; }
		.offset1 { margin-left: 0px; width: 100%; }
		.label, .badge { margin-bottom: 5px; }
		.span12 { width: 300px; }
		.input-medium { width: 120px; }
		.btn { width: 130px; } 
		.form-horizontal.well { padding: 20px 10px; }
		.form-horizontal.well .control-label { width: 75px; }
		.input-xlarge { width: 120px; } 
		button.btn[type="reset"] { margin-top: 10px; }
		#miscellaneous .span4 { overflow: visible; }
		#miscellaneous .span12 { margin-left: 0px; width: 400px; }
		
		.head_head { padding-bottom: 20px; height: auto; }
		.head_head h1 { float: none; overflow: hidden; text-align: center; }
		.head_head .cols { float:  none; overflow: hidden; text-align: center; }
		.cols .social a { float: none; display: inline-block; }
		.vimba { width: 100%; float: none; overflow: hidden; background-position: bottom right; background-size: cover; } 
		#header h1 { margin: 15px 0; width: auto; font-size: 25px; line-height: 30px; float: none; }
		#header h1 br { display: none; }
		#header h2 { margin: 0px; width: auto; float: none; overflow: hidden; }
		#header h2 br { display: none; }
		.content_full_size .pull-right { margin: 0px; float: none; }
		.content_full_size .pic.pull-left { margin: 0px; float: none; }
		.content_page .span3.gap15 { width: 50%; margin: 0px; min-height: 300px; }
			
	}	     
 
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { margin: 0 auto; width: 400px; }
	
	.ribbon-front { margin-left: -200px; width: 400px; }
	.ribbon-shadow { margin-left: -200px; width: 400px; }
	.ribbon-edge-topleft, .ribbon-edge-bottomleft { margin-left: -200px; }
	.ribbon-edge-topright, .ribbon-edge-bottomright { margin-left: 180px; }
	.ribbon-back-left { margin-left: 180px; }
	.ribbon-back-right { margin-right: 180px; }
	
	#now_gallery .row { margin-left: 0px; }
	#now_gallery .span12 { margin-left: 0px; width: 100%; }
	.carousel-nav-block { padding: 36px 20px; width: 400px; height: 185px; }
	
	.carousel-block { width: 400px; }
	.jcarousel-skin-tango .jcarousel-item { width: 200px; height: 185px; }
	.jcarousel-skin-tango .mask { top: 25%; }
	#now_gallery .item { width: 100%; height: 185px; } 
	#now_gallery .item img { max-width: 100%; height: auto; } 
	
	#carousel-block1 .jcarousel-skin-tango .jcarousel-next-horizontal, #carousel-block3 .jcarousel-skin-tango .jcarousel-next-horizontal { top: -27%; left: 197px; }	
	#carousel-block1 .jcarousel-skin-tango .jcarousel-prev-horizontal, #carousel-block3 .jcarousel-skin-tango .jcarousel-prev-horizontal { top: -27%; left: 165px; }
	#carousel-block2 .jcarousel-skin-tango .jcarousel-prev-horizontal { left: 165px; top: auto; bottom: -85%; }
	#carousel-block2 .jcarousel-skin-tango .jcarousel-next-horizontal { left: 197px; top: auto; bottom: -85%; } 
	#now_gallery .row.container { width: 100%; }
	
	.prefooter .span3 { margin-left: 0px; width: 50px; }
	.prefooter .span7 { width: 321px; } 
	.prefooter { height: auto; }
	
	#footer .row { margin: 0px; }
	#footer { height: auto; }
	.cols { height: auto; }
	#footer .span4 { margin: 0px; width: 100%; float: none; overflow: hidden; }
	#footer .input-append .subscribe-input { width: 200px; }
	#footer .cols h4 { margin: 30px 0 20px; }
	#footer .cols .post { padding-right: 0px; }
	#footer .cols .lastcol { margin: 0 0 25px 0px; }
	
	.pic.pull-left { margin: 0 auto 15px; float: none; }
	.pic.pull-right { margin: 0 auto 15px; float: none; }
	.media .pic.pull-left { float: left; margin-right: 20px; } 
	.maps_view { height: 200px; }
	.content_full_size .span6 { margin-left: 10px; width: 190px; }
	
	.content_page .span3 { margin: 0 5px; width: 190px; min-height: 270px; }
	.sliderwrap { margin: 0 auto; width: 400px; } 
	.btn-large.center { width: 334px; }
	#slider-wrapper object { height: 235px; } 
	.pricing_six .pricing_column, .pricing_six .pricing_column_first { width: 15.2% !important; }
	#myCarousel .carousel-caption { margin-left: -175px; top: 40px; left: 50%; width: 350px; } 
	.carousel-caption h1 span { font-size: 24px; }
	#myCarousel { height: 300px; }
	#myCarousel img { height: 299px; }
	
	
	.now_page .container .up { width: 100%; height: auto; background-position: bottom right; background-size: cover; } 
	.now_page h4 { padding: 20px 50px 15px 15px; font-size: 18px; }
	.center_menu { padding-bottom: 30px; width: 400px; height: auto; overflow: hidden; }
	#menu_item h1 { font-size: 14px; } 
	.center_menu #menu_item { width: 190px; margin: 0 5px 30px; } 
	.center_images { width: 400px; height: auto; }
	#test-carousel, #test-carousel .carousel-inner { margin-left: 0px; }
	#test-carousel .quote { margin: 0 5px 5px; width: 190px; }	
	.quote a { float: none; }
	#test-carousel img { width: 190px; } 
	.bricks { padding-bottom: 30px; } 
	.quote a:hover .hover_body { width: 100%; }
	.quote a:hover .hover_body h2 { padding: 0px; margin: 0px 0 0 10px; text-align: center; line-height: 30px; }
	.hover_body h1 { margin: 0px; }
	.quote h2 { padding: 0px; margin: 0px 0 0 10px; line-height: 30px; }
	.quote h1 { margin: 0px; }
	
	.body_content_left { margin-left: 0px; width: 100%; float: none; overflow: hidden; }
	.body_content_right { padding-bottom: 20px; width: 100%; float: none; overflow: hidden; }
	.marks .container { width: 400px; } 
	.marks .quote { margin-left: 17px; width: 72px; }
	input, textarea, .uneditable-input { width: 130px; }
	#footer .row { padding-bottom: 0px; width: 100%; }
	.copyright { padding: 30px 0; }
	
	.carousel-control.right { width: 30px; height: 50px; background: url(../images/right-1.png) top left no-repeat; }
	#diff a.carousel-control.right:hover { width: 30px; height: 50px; background: url(../images/right_hover-1.png) top left no-repeat; }
	.carousel-control.left { width: 30px; height: 50px; background: url(../images/left2-left.png) top left no-repeat; }
	#diff a.carousel-control.left:hover { width: 30px; height: 50px; background: url(../images/left_hover-1.png) top left no-repeat; } 
	.carousel-control { top: 47%; }
	.content_page .pic { text-align: center; }
	.zoom a { padding: 0px 0; width: 34px; height: 34px; left: 50%; top: 50%; margin: -17px 0 0 -17px; }
	 
	} 
	
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
	.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { margin: 0 auto; width: 300px; }
	
	
	.ribbon-front { margin-left: -150px; width: 300px; }
	.ribbon-shadow { margin-left: -150px; width: 300px; }
	.ribbon-edge-topleft, .ribbon-edge-bottomleft { margin-left: -150px; }
	.ribbon-edge-topright, .ribbon-edge-bottomright { margin-left: 130px; }
	.ribbon-back-left { margin-left: 130px; }
	.ribbon-back-right { margin-right: 130px; }
	
	#now_gallery .row { margin-left: 0px; }
	#now_gallery .span12 { margin-left: 0px; width: 100%; }
	.carousel-nav-block { padding: 0px 20px; width: 300px; height: 139px; }
	
	.carousel-block { width: 300px; }
	.jcarousel-skin-tango .jcarousel-item { width: 150px; height: 139px; }
	.mask .pic_caption { padding: 0px; }
	.mask h4 { font-size: 10px; line-height: 13px; }
	.mask p {  font-size: 9px; line-height: 12px;}
	.jcarousel-skin-tango .mask { top: 40%; }
	#now_gallery .item { width: 100%; height: 185px; } 
	#now_gallery .item img { max-width: 100%; height: auto; } 
	
	#carousel-block1 .jcarousel-skin-tango .jcarousel-next-horizontal, #carousel-block3 .jcarousel-skin-tango .jcarousel-next-horizontal { top: -27%; left: 150px; }	
	#carousel-block1 .jcarousel-skin-tango .jcarousel-prev-horizontal, #carousel-block3 .jcarousel-skin-tango .jcarousel-prev-horizontal { top: -27%; left: 118px; }
	#carousel-block2 .jcarousel-skin-tango .jcarousel-prev-horizontal { left: 118px; top: auto; bottom: -93%; }
	#carousel-block2 .jcarousel-skin-tango .jcarousel-next-horizontal { left: 150px; top: auto; bottom: -93%; } 
	#now_gallery .row.container { width: 100%; }
	
	.prefooter .span3 { margin-left: 0px; width: 50px; }
	.prefooter .span7 { width: 229px; } 
	.prefooter { height: auto; }
	
	#footer .row { margin: 0px; }
	#footer { height: auto; }
	.cols { height: auto; }
	#footer .span4 { margin: 0px; width: 100%; float: none; overflow: hidden; }
	#footer .input-append .subscribe-input { width: 200px; }
	#footer .cols h4 { margin: 30px 0 20px; }
	#footer .cols .post { padding-right: 0px; }
	#footer .cols .lastcol { margin: 0 0 25px 0px; }
	
	#main-carousel .carousel-caption { margin: -45px 0 0 -76px; width: 150px; height: 90px; }
	#main-carousel .carousel-caption h4.carousel_h4 { padding: 10px; font-size: 13px; line-height: 17px; }
	#main-carousel .carousel-caption p.carousel_p { padding: 10px; font-size: 11px; line-height: 14px; }
	
	.btn-large { width: 280px; }
	.btn-large.center { margin-left: -158px; }
	a.mask-zoom { margin-left: -17px; width: 30px; height: 30px; }
	
	.services .span3 { margin: 0px; float: none; overflow: hidden; width: 100%; min-height: 100px; }
	#tS2.jThumbnailScroller .jTscroller a { width: 150px; }
	
	.content_page .span8 .span4 { margin: 0px; width: 100%; float: none; overflow: hidden; }
	
	.form-horizontal .control-label { width: 65px; }
	.form-horizontal .controls { margin-left: 70px; }
	.pic.pull-left { margin-right: 10px; }
	.maps_view { height: 180px; }
	.content_full_size .span6 { margin: 0px; width: 100%; float: none; overflow: hidden; }
	.content_page .span3 { margin: 0 0px; float: none; width: 100%; min-height: 150px; }
	#miscellaneous .span12 { margin-left: 0px; width: 280px; }
	
	.input-medium { width: 93px; } 
	.form-horizontal.well .control-label { width: 200px; text-align: left; float: left; } 
	.form-horizontal.well .controls { margin-left: 0px; width: 250px; float: left; } 
	.form-horizontal .form-actions { padding: 20px 0px; }
	button.btn[type="reset"] { margin-top: 0px; }
	.sliderwrap { margin: 0 auto; width: 300px; } 
	.carousel-control { top: 46%; }
	#slider-wrapper object { height: 165px; }	
	
	#webstore .right { float: left !important; }
	#myCarousel .carousel-caption { margin-left: -125px; left: 50%; top: 30px; width: 250px; } 
	.carousel-control.right { width: 30px; height: 50px; background: url(../images/right-1.png) top left no-repeat; }
	#diff a.carousel-control.right:hover { width: 30px; height: 50px; background: url(../images/right_hover-1.png) top left no-repeat; }
	.carousel-control.left { width: 30px; height: 50px; background: url(../images/left2-left.png) top left no-repeat; }
	#diff a.carousel-control.left:hover { width: 30px; height: 50px; background: url(../images/left_hover-1.png) top left no-repeat; } 
	
	.carousel-caption h1 { margin: 0px; }
	.carousel-caption h1 span { margin: 0px; font-size: 15px; line-height: 35px; }
	#myCarousel { height: 200px; }
	#myCarousel img { height: 199px; }
	
	
	.now_page .container .up { width: 100%; height: auto; background-position: bottom right; background-size: cover; } 
	.now_page h4 { padding: 20px 46px 15px 15px; font-size: 18px; }
	.center_menu { padding-bottom: 30px; width: 300px; height: auto; overflow: hidden; }
	#menu_item h1 { font-size: 14px; } 
	.center_menu #menu_item { width: 300px; margin: 0 0px 30px; } 
	#menu_item a { padding-left: 0px; margin: auto; text-align: center; }
	#menu_item a img { margin: auto; }
	#menu_item a:hover img.responsive_hover, #menu_item a:hover img.powerful_hover, #menu_item a:hover img.multiple_hover, #menu_item a:hover img.retina_hover { margin-left: -72px; left: 50%; }
	#menu_item .read_more a { padding-left: 26px; }  
	.center_images { width: 300px; height: auto; }
	.head_center_images h2 { margin: 0px; }
	.head_center_images a.left, .head_center_images a.right { margin-top: -110px; }
	#test-carousel, #test-carousel .carousel-inner { margin-left: 0px; }
	#test-carousel .quote { margin: 0 10px 10px; width: 280px; }	
	.quote a { float: none; }
	#test-carousel img { width: 280px; } 
	.bricks { padding-bottom: 30px; } 
	.quote a:hover .hover_body { width: 100%; }
	.quote a:hover .hover_body h2 { padding: 0px; margin: 0px 0 0 10px; text-align: center; line-height: 30px; }
	.hover_body h1 { margin: 0px; }
	.quote h2 { padding: 0px; margin: 0px 0 0 0px; float: none; text-align: center; line-height: 30px; }
	.quote h1 { margin: 0px; }
	
	.body_content_left { margin-left: 0px; width: 100%; float: none; overflow: hidden; }
	.body_content_right { padding-bottom: 20px; width: 100%; float: none; overflow: hidden; }
	.marks .container { width: 300px; } 
	.marks .quote { margin-left: 15px; width: 50px; }
	input, textarea, .uneditable-input { width: 130px; }
	#footer .row { padding-bottom: 0px; width: 100%; }
	.copyright { padding: 30px 0; }
	#header h1 { font-size: 23px; } 
	.content_page .span3.gap15 { width: 50%; margin: 0px; min-height: 280px; float: left; }	
	.content_page .span3.gap15 h3 { font-size: 10px; }
	}