/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 959px) {
	#topnav{display:block !important;}
	.flex-caption{ background-color: rgba(255, 255, 255, 0.2); }
	li.search .search-form { display: none; }
	.main-search-form .search-form { display: block;margin-top: 44px; margin-right: 0; }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.phone {display:none;}
	#bodychild{width:100%;}
	
	/* Main Menu */
	#navigation{background:url(images/bg-navigation2.png) no-repeat;}
	#topnav{display:block !important;}
	.sf-menu a {padding:25px 15px !important; height: auto !important;}
	.sf-menu, .sf-menu * {font-size:14px;}
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul {
		top:4.8em; /* match top ul list item height */
	}
	.sf-menu > li, .sf-menu > li:last-child {
		width:auto; height:65px; 
	}
	.sf-menu li a {padding:25px 13px !important;}
	
	/* Slider */
	.flexslider {margin-top: 30px;}
	.flex-caption h1{font-size:70px; line-height:70px}
	.flex-direction-nav {margin-top:20px;}
	/* Content */
	.main{padding-right:12.8%;}
	#content.positionright .main{padding-left:12.8%; padding-right:0}
	.button.large{font-size:14px; line-height:14px; padding:9px 20px 10px 20px;}
	img[class*="wp-image-"], img[class*="attachment-"]{ max-width:220px;}
	.imgframecontainer, .imgframecontainer.large{background:url(images/shadow-medium.gif) no-repeat center bottom; padding-bottom:5px;}
	.imgframecontainer.small{background:url(images/shadow-small2.gif) no-repeat center bottom; padding-bottom:6px;}

	/* Portfolio */
	.ts-display-pf-col-4 li{width:162px; }
	.ts-display-pf-col-4 .ts-display-pf-img{width:142px; height:100%}
	.ts-display-pf-col-4 .ts-display-pf-img a.image{width:142px; height:100%}
	.ts-display-pf-col-4  .ts-display-pf-img a .rollover{width:142px; height:100%}
	.ts-display-pf-col-4 .shadowpfimg{
		background:url(images/shadow-small2.gif) no-repeat center bottom;
	}
	.sn{margin-left:30px;}
	#footcol2 .desktop .touch{display:inline-block;}
	
	/* Menu Icon */
	#menu-icon { display: none; /* hide menu icon initially */ }
	/*li.search .search-form { display: none; }*/
	.main-search-form .search-form { display: block; margin-top: 44px; margin-right: 0; }
}
	
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.mobile .desktop, .mobile .untouch{display:none;}
	.mobile, .phone, .touch{display:block;}
	.desktop .phone, .desktop .touch { display: none;}
	#footcol2 a.touch {text-decoration:underline;}
	#bodychild{width:100%;}
	
	/* Header */
	#logo{text-align:left}
	#logo #logoimg img { width: 60% }	
	#headerright{padding:0; text-align:center}
	#navigation{background:transparent; position:absolute; top:10px; right:0; width:auto; height:auto; z-index:10000; padding:0;}
	#nav-wrap { position: relative; }
	
	/* Menu Icon */
	#menu-icon {
		color: #2a313c;
		text-transform:uppercase;
		float:right;
		width:21px;
		height: 30px;
		background: #f4f4f4 url(images/menu-icon.png) no-repeat 10px center;
		padding: 8px 10px 0 10px;
		cursor: pointer;
		display: block; /* show menu icon */
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		-khtml-border-radius:4px;
		border-radius:4px;
		border-right:solid 1px #dbdbdb;
		border-bottom:solid 2px #dbdbdb;
		margin: 13px 0 5px;
		position: absolute; 
		right: 0;
	}

	.main-search-form .search-form { display: none; }
	li.search .search-form { display: block; }
	li.search .search-form .search-submit img {
		height: 16px;
		position: relative;
		top: -3px;
		width: 16px;
	}
	.tablet .touch {display:none;}

	/* Main Nav */
	#topnav {
		clear: both;
		position:relative;
		float:right;
		width:180px;
		z-index: 10000;
		padding:0 12px 10px;
		background:#f4f4f4 ;
		display: none; /* visibility will be toggled with jquery */
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		-khtml-border-radius:4px;
		border-radius:4px;
		border:solid 1px #dbdbdb;
		margin-top: 60px;
	}
	#topnav li {
		clear: both;
		float: none;
		margin: 10px 0;
		font-size:11px;
		padding:0;
		width:auto;
		border:0 !important;
		text-align:left;
	}
	#topnav li:before{border:0;}
	#topnav a, 
	#topnav ul a {
		font-size:11px;
		text-transform:uppercase;
		background:transparent !important;
		display: inline;
		padding: 0 !important;
		margin:0 !important;
		border: none;
	}
	#topnav a:hover, 
	#topnav ul a:hover {
		background:transparent !important;
	}
	
	/* Dropdown */
	#topnav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		
	}
	#topnav ul li {
		margin: 3px 0 3px 15px;
	}
	
	#topnav li li a:hover{background:transparent}
	
	/* Slider */
	#slidercontainer{padding-bottom:20px;}
	.flexslider .slides img{position:static; right:0;}
	.flex-caption h1, .flexslider .slides li:nth-child(4) .flex-caption h1 a {font-size:26px; line-height:24px; margin-top: 10px;}
	.flex-caption .slidetext1, .flexslider .slides li:nth-child(4) .flex-caption .slidetext1{font-size:13px; margin-bottom:6px}
	.flex-caption .slidetext2{font-size:10px;}
	.flex-control-nav {display: none;}
	.flex-direction-nav li a {bottom: 34px; }
	.title-with-image h1 { font-size: 4rem; line-height: 3.4; }

	/* Content */
	#content.positionright, #content.positionleft{background:transparent;}
	.main{padding-right:0;}
	#content.positionright .main{padding-left:0; padding-right:0}
	img.alignright, .alignright{float:none; margin:0 0 0 0 !important;}
	.imgframecontainer{margin-bottom:20px;}
	img[class*="wp-image-"], img[class*="attachment-"]{ max-width:286px;}
	.entry-content img { max-width: 420px;}
		
	/* Blog */
	.post{padding-bottom:30px; margin-bottom:30px;}
	.posttitle{margin-bottom:5px;}
	.imgframecontainer, .imgframecontainer.large{background:url(images/shadow-medium.gif) no-repeat center bottom; padding-bottom:5px;}
	.wp-pagenavi{margin-bottom:30px;}
	.addthis_toolbox{float:none; display:block; clear:both; padding:20px 0 0 0}
	
	/* Sidebar */
	#sidebar .widget-container{margin-bottom:20px; padding:20px 0 0 0;}
	
	/* Portfolio*/
	#filter{background:transparent !important; border:0 !important; text-align:center;}
	#filter li{border:0 !important; padding:0 15px 0 0}
	.ts-display-pf-col-4 li{width:286px; margin-bottom:20px}
	.ts-display-pf-col-4 .ts-display-pf-img{
		width:286px;
		height:100%
	}
	
	.ts-display-pf-col-4 .ts-display-pf-img a.image{
		width:286px;
		height:100%
	}
	
	.ts-display-pf-col-4  .ts-display-pf-img a .rollover{
		width:286px;
		height:100%
	}
	
	/* Footer */
	.sn{float:none; margin-bottom:20px; text-align:center}
	
	#toTop {
		display:none !important;
	}	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#bodychild{width:100%;}
	#outerslider { margin-top: 30px; }
	#navigation { margin-top: 15px; }
	/* Content */
	img[class*="wp-image-"], img[class*="attachment-"]{ max-width:220px;}
		
	/* Portfolio*/
	.ts-display-pf-col-4 li{width:406px; margin-bottom:20px}
	.ts-display-pf-col-4 .ts-display-pf-img{
		width:406px;
		height:100%
	}
	
	.ts-display-pf-col-4 .ts-display-pf-img a.image{
		width:406px;
		height:100%
	}
	
	.ts-display-pf-col-4  .ts-display-pf-img a .rollover{
		width:406px;
		height:100%
	}
	.page-ergonome .content-img {text-align: center; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#bodychild{width:100%;}
	body.home #outermain.inner{padding-top:30px;}
	/* Slider */
	.flex-control-nav { display:none;}
	.flex-caption { width:96%; left: 2%; right: 2%; top: 54%; }
	.flexslider, .slides { height: 220px; }
	.flexslider .slides li { height: 200px; background-color: #f4f4f4; }
	.flexslider .slides li:nth-child(4) { background-color: #274f81; }
	.flexslider .slides li:nth-child(4) .flex-caption { top: 56%; }

	/* Blog */
	.commentlist ol{padding-left:20px;}
	.avatar{display:none;}
	.comment-body{margin:0;}

	img.alignright, img.aligncenter {width:100%;}
}