

/* #Media Queries

================================================== */

/* Smaller than standard 960 (devices and browsers) */

@media only screen and (min-width: 959px) {

	#topnav{display:block !important;}

}



/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	#bodychild{width:100%;}

	

	/* Main Menu */

	

	#topnav{display:block !important;}

	

	
	

	/* Slider */

	.flex-caption h1{font-size:50px; line-height:50px}

	

	/* 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:471px;}

	.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;}



	

}



/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {
	.wpcf7 input[type="text"], .wpcf7 textarea{width:288px;}
	
	.testimonials_footer{margin-left:0;}
	.testimonial_bubble {
background-image: url(../images/testimonial_bubble-300.png);
background-repeat: no-repeat;
height: 285px;
width: 298px;}
	.text_services_content{padding-left:0 !important;}
	.image_holder{float:none; width: 185px;
margin: 0 auto 20px;}
	.imgframecontainer, .imgframecontainer.large{float:none;}

	#bodychild{width:100%;}
	#outermain.inner {
padding: 0px 0 60px 0;
}
#top{margin-bottom:0;}
#content.positionright, #content.positionleft{border-bottom:1px solid #ddd;}
.flexslider .slides img{border-bottom:none;}


	

	/* Header */

	#logo{text-align:left; margin-bottom:0;}

	#headerright{padding:0; text-align:center}

	#headerright #searchform{float:none; margin:0 auto}

	#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:auto;

		height: 30px;

		background: url(../images/menu-icon.png) no-repeat 10px center;

		padding:25px 10px 0 42px;

		cursor: pointer;

		display: block; /* show menu icon */

		
		margin-bottom:5px;

	}

	#menu-icon:hover {}

	#menu-icon.active {}

	

	/* Main Nav */

	#topnav {

		clear: both;

		position:relative;

		float:right;

		width:160px;

		z-index: 10000;

		padding:0px 12px;

		background:#39414f ;

		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;

		

	}

	#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 6px; width:135px !important;

	}

	

	#topnav li li a:hover{background:transparent}

	

	/* Slider */

	#slidercontainer{padding-bottom:0px;}

	.flexslider .slides img{position:static; right:0;}

	.flex-caption{width:55%;top:1%;}

	.flex-caption h1{font-size:28px; line-height:28px}

	.flex-caption .slidetext1{font-size:13px; margin-bottom:6px}

	.flex-caption .slidetext2{font-size:10px;}

	

	/* 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;}

	

		

	/* 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) {
	.wpcf7 input[type="text"], .wpcf7 textarea{width:408px;}
	.testimonial_bubble {
background-image: url(../images/testimonial_bubble-420.png);
background-repeat: no-repeat;
height: 185px;
width: 418px;
}
.testimonials_footer{height:200px;}

	#bodychild{width:100%;}

	

	/* Content */

	img[class*="wp-image-"], img[class*="attachment-"]{ max-width:408px;}

	

	

	/* Slider */

	.flex-control-nav {bottom:28px;}

	

	

	/* 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%

	}

	

}



/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {

	#bodychild{width:100%;}

	

	/* Slider */

	.flex-control-nav { display:none;}

	

	/* Blog */

	.commentlist ol{padding-left:20px;}

	.avatar{display:none;}

	.comment-body{margin:0;}



}

@font-face
{
font-family: Calibri;
src: url('CALIBRI_0.woff'),
     url('CALIBRI_0.woff'); /* IE9 */
}