/*
* 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
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.logo { padding: 37px 20px 60px; }
		.menu { left: 0px !important; }
		.container1 { padding: 0 33px; }
		#slider1 .overview li { width: 152px !important; margin-right: 6px !important; }  
		#slider-wrapper object { height: 317px; }
		.gap20 { padding: 0 33px; }
		.fbg.gap { padding-left: 33px; padding-right: 33px; }
		.col3 { margin-right: 11px; }
		.post h3 { margin: 0px; padding: 0px; font-size:10px !important; line-height: 16px; }
		.post { padding: 20px 0; }
		#contactform label { width: 15%; }
		#contactform li.buttons input { margin-left: 15%; }
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.header .menu {  float: none; left: 0px; top: 0px; }
		.header .menu select { display:block !important; }
		.header .menu ul.menusm { display: none;}
		#panel_setting_side { position: absolute !important; top: 30% !important; z-index: 9999999 !important; }
		.logo { padding: 37px 0 35px; text-align: center; }
		.line { margin: 30px 0;}
		.camera_caption {  font-size: 10px !important; line-height: 14px;}
		.text > p { width: auto; }
		.text { float: none; margin-right: 0px; }
		#slider1 { clear: both; height: 260px !important; }
		.clients > li { margin-left: 31px; }
		#slider1 .overview li { margin-right: 5px !important; width: 165px !important; }
		a.pic:hover img.h { display: none; }
		.columns1.gap { padding: 0 10px; }
		.fbg { padding-bottom: 0px; }
		.gap20 { padding: 0 10px; }
		.col2 p { margin-right: 20px; }
		.col2_2 p { margin-right: 20px; }
		.norm.gap { float: none; }
		.fbg.gap { padding-right: 10px; padding-left: 10px; }
		.norm.gap p { margin-right: 20px; }
		.fbg.gap .block_pict { margin-right: 40px; }
		.col3 { width: 45.6%;}
		.col3.last { float: left; }
		.post { padding: 0px; }
		.col41 { margin: 0 20px 20px 0; }
		.col41 img { width: auto; }
		.container1.gap a.pic img { height: auto; }
		a.pic.gap img { height: auto; }
		.text2 { margin-right: 20px; }
		#contactform label { width: 16%; }
		#contactform li.buttons input { margin-left: 16%; }
		hr { margin: 0; width: 96%; }
		.maps_view { width: 96%; height: 250px; }
		.cols.gap p { margin-right: 20px; }
		.ten.columns.gap { float: left; }
		.four.columns.gap40 { display: block; }
		.four.columns.gap41 { display: none; }
		.img_hover_box.pic a img.r_plus {  display: none;}
		.pricing_six .pricing_column, .pricing_six .pricing_column_first { width: 16.3% !important; }
		#webstore-navigation a { padding: 0.5em 0.3em !important; }
		#webstore { font-size: 10px !important; }
		#catalogue .thumb + div { margin: 0px !important; }
		.dc_pullquote, .dc_pullquote2, .dc_pullquote3 { font-size: 11px !important; line-height: 15px !important; }
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#ticker { margin-right: 80px; }
		.fbg .block_pict { margin-right: 80px; }
		.fbg .norm_box.last { margin-right: 80px; }
		#slider-wrapper object { height: 238px; }
		
		} 
		
		/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
		@media only screen and (max-width: 479px) {
		.header_text h1 { font-size: 16px !important; line-height: 20px;  }
		.header_text > h1 > span { font-size: 10px; line-height: 16px; }
		.camera_caption { font-size: 9px !important; line-height: 12px !important; }
		.container1 { padding: 0 10px; }
		.columns1 { padding: 0 10px; }
		.phone { margin-right: 20px; }
		.phone.last { margin-right: 20px; }
		#slider1 .overview li { width: 138px !important; }
		#slider1 .viewport { width: 281px !important; }
		.clients > li { margin-left: 15px; }
		#ticker { margin-right: 20px; }
		.fbg .block_pict { margin-right: 20px; }
		.fbg .norm_box.last { margin-right: 20px; }
		.footer p { font-size: 9px; }
		.footer p a { font-size: 9px; }
		.footer p a:hover { font-size: 9px; text-decoration: underline; }
		#slider-wrapper object { height: 155px; }
		.col2 h1 { padding: 0px; font-size: 18px !important; line-height: 24px; }
		.col2_2 { margin-right: 20px; }
		.col2_2 p { margin-right: 0px; }
		.col3 { width: 91%; }
		#contactform label { width: 23%; }
		#contactform li.buttons input { margin-left: 23%; }
		.maps_view { width: 94%; height: 200px; }
		.pricing_six .pricing_column, .pricing_six .pricing_column_first { width: 100% !important; }
		#catalogue .product > div { padding: 2px !important; }
		#webstore button span { font-size: 7px !important; }
		}
		
	


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/