/*
* 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; }
	.span12 { width: 748px;  }	
	.blockblog .span12 { width: 728px; } 
	#main-carousel .carousel-caption h4 { padding: 45px 0; }
	#main-carousel .carousel-caption { margin-left: -374px; width: 748px; } 
	.content_box h1 { padding: 20px 40px; }
	.content_box p { padding: 0 40px; }
	.services .span3 { width: 171px; }
	.services a.serv_ico { width: 171px; } 
	.services .span4 { width: 236px; }
	.serv { padding-left: 76px; } 
	.jcarousel-skin-tango .jcarousel-prev-horizontal { right: 50px; margin: 0px; left: auto; }
	.jcarousel-skin-tango .jcarousel-next-horizontal { right: 10px; left: auto; margin: 0px; }
	.blockblog .thumbnail-post { width: 248px; }
	
	#footer .span3 { width: 172px; } 
	.input-append .subscribe-input { width: 200px; }
	.cols .thumbnails > li { margin: 3px; width: 50px; height: 50px; }
	.now_page .content_box:after { margin-left: 730px; } 	
	#main-carousel img { width: 100%; }  
	.now_page .content_box { margin: 0 auto; width: 730px; }
	.span8 { width: 520px; } 
	.content_page .span4 { width: 200px; } 
	.span4.gap11 { width: 250px; }
	
	.span6 { width: 362px; }  
	.span4.gap12 { width: 236px; }
	.span3.gap15 { width: 171px; }
	.span3.gap15 h3 { font-size: 12px; }
	.offset1 { margin-left: 20px; width: 748px; } 
	.label, .badge { margin-bottom: 5px; }
	
	.sliderwrap { margin: 0 auto; width: 748px; } 
	
	#slider-wrapper object { height: 312px; }
	
	.header_container, .header_call { width: 748px; }
	#myCarousel { width: 748px; height: 400px; }
	#myCarousel img { height: 400px; }
	.purchase_content { width: 748px; } 
	.logo { width: 100%; }
	.menu ul li a.ms_top { padding: 5px 8px; } 
	.search_block { width: 160px; } 
	.search_block input.search_input { width: 113px; }  
	.carousel-control { left: 1%; }
	.carousel-control.right { left: auto; right: 1%; }
	.purchase_content_left { padding: 0px; width: 500px;  }
	.middle_block .span6 { padding-right: 0px; }
	.news_body { width: 260px; } 
	.jcarousel-skin-tango .jcarousel-item { width: 173px; } 
	#gallery .item, #gallery .item .item-caption { width: 173px; } 
	#gallery .item .item-caption { padding: 15px 0; }
	#gallery .item .pic img { width: auto; max-width: 100%; height: auto; }
	#footer .span4 { width: 236px; }
	.carousel-control { margin-top: -20px; } 
	.slider { height: 400px; }
	#navbar .navbar-inner { padding: 0px; }
	.navbar .brand2 { padding: 10px 6px 11px; }
	.navbar .nav > li > a { padding: 10px 13px; }
	.search_block .jqTransformInputInner { width: 120px; }
	}
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		#header_top { height: auto; }
		#header_top .pull-left { float: none; width: 100%; overflow: hidden; }
		#header_top p { text-align: center; }  
		#header_top .pull-right { float: none; overflow: hidden; text-align: center; }
		#header_top  .social a.soc { display: inline; text-align: center; float: none; } 
		#header_menu { top: auto; }
		.logo { padding: 10px 0 20px; text-align: center; float: none; overflow: hidden; width: 100%; }
		#header { height: auto; overflow: hidden; }
		
		.menu .tinynav { margin-bottom: 20px; padding: 5px 0; width: 100%; display: block; }
		.menu { float: none; overflow: hidden; }
		.navbar .nav { margin: 20px 15px 0; float: none; overflow: hidden; }
		.navbar .nav.pull-right { overflow: visible; }
		.input-medium { width: 107px; }
		button.btn, input.btn[type="submit"] { width: 146px; }
		.form-horizontal.well label { width: 85px;  }
		.form-horizontal.well .controls { margin-left: 100px; }
		.input-xlarge { width: 150px; }
		.form-horizontal .form-actions { padding-left: 0px; }
		.badge { margin-bottom: 5px; }
		.l_tinynav1 { display: none; }
		.navbar-inner .navbar-search { margin: 0 0 20px 0; float: none; text-align: center; }
		.navbar-inner .input-append, .input-prepend { margin: 0 auto; }
		.label, .badge { margin-bottom: 5px; }
		.row { margin: 0px; }
		[class*="span"] { margin: 0px; }
		.thumbnails { margin: 0px; }
		#footer .span3 { width: 100%; float: none; overflow: hidden; } 
		#footer { height: auto; overflow: hidden; }
		#footer h4 { margin: 20px 0; }
		.cols { height: auto; }
		.copyright { padding-bottom: 20px; }
		
		.span8 { width: 100%; float: none; overflow: hidden; } 
		.content_page .span4 { width: 100%; float: none; overflow: hidden; } 
		.span4.gap11 { margin: 0 5px; width: 190px; float: left; }
		
		.header_bg { min-height: 240px; overflow: hidden; }
		.blogpost .post_detail { font-size: 10px; }
		h3, h4, h5 { font-size: 12px; }
		
		.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; }
		.media, .media-body { overflow: visible; }
		.media, .media-body { overflow: visible; }
		.comments { margin-left: 10px; float: left; }
		.form-horizontal .control-label { width: 110px; }
		.form-horizontal .controls { margin-left: 125px; }
		
		.span3.gap15 { margin: 0 1%; width: 48%; float: left; min-height: 290px; }
		.row.container { margin: 0 auto; }
		
		.span4 { width: 100%; float: none; overflow: hidden; }
		.prefooter { padding: 20px 0; background-position: bottom center; } 
		.prefooter .span6 { margin: 0px; width: 100%; float: none; overflow: hidden; } 
		.input-append .subscribe-input { width: 230px; } 
		
		#footer .span4 { width: 100%; float: none; overflow: hidden; }
		.header_call { text-align: center; }
		#gallery h2, .services h2 { margin: 0 0 15px 0; } 
		.dropdown-menu { left: -81px; }
		.navbar .nav > li > .dropdown-menu:before { left: auto; right: 10px; }
		.navbar .nav > li > .dropdown-menu:after { left: auto; right: 11px; }
		.search_block .jqTransformInputInner { width: 120px; }
			 
	}	     
 
	/* 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; }
	
	.span12 { width: 400px;  }	
	.blockblog .span12 { width: 400px; } 
	#main-carousel .carousel-caption h4 { padding: 45px 0; }
	#main-carousel .carousel-caption { margin-left: -200px; width: 400px; } 
	#main-carousel .carousel-caption h4 { font-size: 30px; line-height: 36px; }
	#main-carousel .carousel-caption h4 br { display: none; }
	
	#main-carousel { height: 600px; }
	#main-carousel img { height: 600px; }
	.content_box h1 { padding: 20px 10px; }
	.content_box p { padding: 0 20px; }
	.services .span3 { margin: 0 5px; width: 190px; min-height: 355px; }
	.services a.serv_ico { width: 171px; } 
	.jcarousel-skin-tango .jcarousel-prev-horizontal { right: 50px; margin: 0px; left: auto; }
	.jcarousel-skin-tango .jcarousel-next-horizontal { right: 10px; left: auto; margin: 0px; }
	.blockblog .thumbnail-post { width: 400px; height: auto; }
	.blockblog .thumbnails li { margin: 0px 0 15px 0; float: none; overflow: hidden;}
	
	
	.cols .thumbnails > li { margin: 3px; width: 50px; height: 50px; }
	.now_page .content_box:after { margin-left: 380px; } 	
	#main-carousel img { width: 100%; }  
	.now_page .content_box { margin: 0 auto; width: 380px; }
	
	.span6 { margin: 0 1%; width: 48%; }  
	
	.offset1 { margin-left: 0px; width: 400px; } 
	 #miscellaneous .span4 { overflow: visible; }
	 .pricing_six .pricing_column, .pricing_six .pricing_column_first { width: 15% !important; }
	 .sliderwrap { margin: 0 auto; width: 400px; } 
	 #slider-wrapper object { height: 279px; } 
	 
	 .header_container, .header_call { width: 400px; height: auto; }
	#myCarousel { width: 400px; height: 230px; }
	#myCarousel img { height: 230px; }
	.purchase_content { padding-bottom: 30px; width: 400px; overflow: hidden; } 
	.menu ul li a.ms_top { padding: 5px 8px; } 
	.search_block { margin: 0 auto; width: 160px; float: none; } 
	#header form { float: left; }
	.search_block input.search_input { width: 113px; }  
	.carousel-control { left: 1%; }
	.carousel-control.right { left: auto; right: 1%; }
	.purchase_content_left { padding: 0px; width: 100%; float: none; overflow: hidden;  }
	.purchase { height: auto; background-position: bottom center; }
	.purchase_content_right { padding-right: 0px; } 
	.middle_block .span6 { margin: 0px; padding-right: 0px; width: 100%; float: none; }
	.news_body { width: 75%; } 
	.jcarousel-skin-tango .jcarousel-item { width: 190px; } 
	#gallery .item, #gallery .item .item-caption { width: 190px; } 
	#gallery .item .item-caption { padding: 15px 0; }
	#gallery .item .pic img { width: auto; max-width: 100%; height: auto; }
	
	.carousel-control { margin-top: -20px; } 
	.slider { height: 230px; }
	#myCarousel .carousel-caption span { padding: 10px 0; font-size: 15px; line-height: 18px; }
	#myCarousel .carousel-caption .caption-block span { padding: 10px; }
	#myCarousel .carousel-caption { top: 83px; }  
	#myCarousel .carousel-caption { padding: 0 60px; } 
	.jcarousel-skin-tango .jcarousel-prev-horizontal { top: -60px; }	 
	.jcarousel-skin-tango .jcarousel-next-horizontal { top: -60px; }
	.navbar .brand2 { padding: 10px 6px 11px; }
	.navbar .nav > li > a { padding: 10px 9px; }
	#navbar .navbar-inner { padding: 0px; } 
	.navbar .nav-collapse .nav { margin: 0px; overflow: visible }	
	.navbar .nav-collapse .navbar-search { margin: 10px 0; float: left; }
	.navbar .brand2 { font-size: 13px; }
	} 
	
	/* 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; }
	
	.span12 { width: 300px;  }	
	.blockblog .span12 { width: 300px; } 
	#main-carousel .carousel-caption h4 { padding: 45px 0; }
	#main-carousel .carousel-caption { margin-left: -150px; width: 300px; } 
	#main-carousel .carousel-caption h4 { font-size: 18px; line-height: 24px; }
	.now_page .content_box h1 { font-size: 20px; }
	#main-carousel .carousel-caption h4 br { display: none; }
	
	#main-carousel { height: 570px; }
	#main-carousel .carousel-caption { margin-top: -50px; }
	#main-carousel img { height: 570px; }
	.content_box h1 { padding: 20px 10px; }
	.content_box p { padding: 0 10px; }
	.services .span3 { margin: 0 0px; width: 300px; min-height: 330px; }
	.services a.serv_ico { margin: 0 auto; width: 171px; } 
	.jcarousel-skin-tango .jcarousel-prev-horizontal { right: 50px; margin: 0px; left: auto; }
	.jcarousel-skin-tango .jcarousel-next-horizontal { right: 10px; left: auto; margin: 0px; }
	.blockblog .thumbnail-post { width: 400px; height: auto; }
	.blockblog .thumbnails li { margin: 0px 0 15px 0; float: none; overflow: hidden;}
	
	
	.cols .thumbnails > li { margin: 3px; width: 50px; height: 50px; }
	.now_page .content_box:after { margin-left: 280px; } 	
	#main-carousel img { width: 100%; }  
	.now_page .content_box { margin: 0 auto; width: 280px; }
	#gallery .light { font-size: 20px; line-height: 26px; }
	.span4.gap11 { margin: 0 0; width: 100%; }
	
		.form-horizontal .control-label { width: 65px; }
	.form-horizontal .controls { margin-left: 70px; }
	.media .pic.pull-left { margin-right: 10px; }
	.span6 { margin: 0; width: 100%; float: none; overflow: hidden; }  
	.span3.gap15 { min-height: 260px; } 	
	.span3.gap15 h3 { font-size: 10px; }
	.offset1 { margin-left: 0px; width: 400px; } 
	.offset1 { width: 300px; }
	.form-horizontal.well label { width: 150px; text-align: left; float: none; }
	.input-xlarge { width: 150px; } 
	.form-horizontal.well .controls { margin-left: 0px; }
	#miscellaneous .span4 { overflow: visible; }
	legend { font-size: 15px; } 
	.sliderwrap { margin: 0 auto; width: 300px; } 
	#slider-wrapper object { height: 165px; }
	
	.header_container, .header_call { width: 300px; height: auto; }
	#myCarousel { width: 300px; height: 150px; }
	#myCarousel img { height: 150px; }
	.purchase_content { padding-bottom: 30px; width: 300px; overflow: hidden; } 
	.menu ul li a.ms_top { padding: 5px 8px; } 
	.search_block { margin: 0 auto; width: 160px; float: none; } 
	#header form { float: left; }
	.search_block input.search_input { width: 113px; }  
	.carousel-control { left: 1%; }
	.carousel-control.right { left: auto; right: 1%; }
	.purchase_content_left { padding: 0px; width: 100%; float: none; overflow: hidden;  }
	.purchase { height: auto; background-position: bottom center; }
	.purchase_content_right { padding-right: 0px; } 
	.middle_block .span6 { margin: 0px; padding-right: 0px; width: 100%; float: none; }
	.news_body { margin-left: 0px; width: 70%; } 
	.jcarousel-skin-tango .jcarousel-item { margin-right: 10px; width: 145px; } 
	#gallery .item, #gallery .item .item-caption { width: 140px; } 
	#gallery .item .item-caption { padding: 15px 0; }
	#gallery .item .pic img { width: auto; max-width: 100%; height: auto; }
	
	.carousel-control { margin-top: -20px; } 
	.slider { height: 150px; }
	#myCarousel .carousel-caption span { padding: 10px 10px; font-size: 11px; line-height: 18px; }
	#myCarousel .carousel-caption .caption-block span { padding: 10px; }
	#myCarousel .carousel-caption { top: 83px; }  
	#myCarousel .carousel-caption { padding: 0 50px 0 20px; top: 33px; } 
	.jcarousel-skin-tango .jcarousel-prev-horizontal { top: -60px; }	 
	.jcarousel-skin-tango .jcarousel-next-horizontal { top: -60px; }
	
	#myCarousel .carousel-caption .caption-block span { font-size: 11px; } 
	
	.prefooter .input-append .subscribe-input { width: 130px; } 
	
	.navbar .brand2 { padding: 10px 6px 11px; }
	.navbar .nav > li > a { padding: 8px 5px; }
	.navbar .brand2 { font-size: 11px; } 
	#navbar .navbar-inner { padding: 0px; } 
	.navbar .nav-collapse .nav { margin: 0px; overflow: visible }	
	.navbar .nav-collapse .navbar-search { float: left; } 
	.navbar .nav-collapse .navbar-search { margin: 10px 0; float: left; }
	.well.form-search  button.btn, input.btn[type="submit"] , .form-actions button.btn, input.btn[type="submit"]  { margin-top: 10px; } 
	#webstore .right { float: left !important; }	
	}