/* @center grid
********************************************************************************************
********************************************************************************************/

.centerrow {
margin: 0;
width:110%;
overflow: hidden;
}

.centerthreecol,.centerfourcol,.centersixcol,
.centerfourcol-s,.centersixcol-s {
margin:0 0 0 0;
float: left;
min-height: 1px;
margin-bottom:23px !important;
}

.centerrow .centerthreecol {
width: 20.91%;
margin:1px 2.2% 1px 1px;
height:310px !important;
overflow:hidden; min-width:230px;
}

.centerrow .centerfourcol {
width: 28.6%;
margin:1px 2.2% 1px 1px;
height:330px !important;
overflow:hidden; min-width:316px;
}

.centerrow .centerfourcol img{
max-width:316px;
}

.centerrow .centerfourcol-s {
width: 25.6%;
margin:0 7% 0 0;
height:290px !important;
overflow:hidden; 
min-width:178px;
}

.centerrow .centersixcol {
width: 44.2%;
margin:1px 2.2% 1px 1px;
height:435px !important;
overflow:hidden; min-width:486px;
}

.centerrow .centersixcol-s {
width: 42%;
margin:0 7% 0 0;
height:310px !important;
overflow:hidden; min-width:292px;
}


/* @the 1140px grid
********************************************************************************************
********************************************************************************************/

.container,.container-alt {
width: 100%;
max-width: 1000px;
margin:0 auto 0 auto;
padding:0;
overflow:hidden;
position:relative;
}

.container-alt { padding:65px 100px 80px 100px; border-bottom:none; border-top:1px solid #ddd;}


.onecol, .twocol, .threecol, .fourcol, .fivecol,.fifthcol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
margin-left:0;
float: left;
min-height: 1px;
overflow:hidden;
}

.twocol {
width: 10.75%;
margin-left:5%;
float:left;
}

.threecol {
width: 21.2%;
margin-left:5%;
float:left;
}

.fourcol {
width: 26.4%;
padding:30px 3% 15px 3%;
margin:1px !important;
float:left;
position:relative;
}

.fifthcol {
width: 16%;
padding:0;
margin:0 0 0 4%;
float:left;
margin-bottom:40px;
}

.eightcol {
width: 65.1%;
padding-right:0;
padding-left:0;
margin:0 2.2% 2px 1px !important;
float:left;
}

.sixcol {
width:47.5%;
margin-left:5%;
}

.twelvecol {
width: 90%;
float: left;
}

.first {
margin-left: 0px;
}

object, embed {
max-width: 100%;
}



img {
	height: auto;
}


/* Smaller screens */

@media only screen and (max-width: 1048px) {

body {
font-size: 0.8em;
line-height: 1.9em;
}

.container,.container-alt {
padding-left:4%;
padding-right:4%;
width:92%;
float:none;
margin:0 auto;
}
	
.fr,
.fl,
#header,
#header h1,
#header h1 img{
	float:none !important; padding:0 0 20px 0; margin: 0 auto; text-align:center; overflow:hidden;
}

.searchformhead{ float:none; margin: 0 auto; }

#header {padding-bottom:0;}

#header h1{margin: 20px auto 0 auto; padding:0;}

#navigation{ width:100%; max-width:100%; padding:0;}

#main-nav,#portfolio-filter{margin:0 auto 20px auto; width:100%;}

#main-nav>li{ width:20%; margin:0 5% 0 0; height:30px;}

.nav .sf-sub-indicator{ right:25%;}

.nav li ul li a{text-align:left;}

#portfolio-filter{
	float:none !important; margin: 0 auto 30px auto; text-align:center; overflow:hidden;
}

li.block4{ width:24.6%;}

}


@media screen and (max-width: 830px) {

#navigation {
height:auto;}

ul#social-menu{ margin:0 0 30px 0}


li.block3{ width:33.0%;}

li.block4{ width:24.6%;}

#clients li{ width:16.5%;}

}


/* Mobile */



@media handheld, only screen and (max-width: 767px) {

body {
font-size: 16px;
-webkit-text-size-adjust: none;
}

.centerrow, body,.container-out {
width: 100%;
min-width: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 0;
padding-right: 0;
margin-top:0;
}


#foliosidebar, #sidebar h2, #hometab, .searchform input.s, #main-nav, #main-nav > li, .fullbox, .pagination, input, textarea, input checkbox, input radio, select, file {
    border-color: #D1D1D1 !important;
}


#header,
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol,
.centerrow .centerthreecol,.centerrow .centerfourcol,.centerrow .centerfourcol-s,.centerrow .centersixcol,.centerrow .centersixcol-s,
.services
 {
width: auto;
float: none !important;
padding-left: 20px;
padding-right: 20px;
margin-left: 0;
margin-right: 0;
}


.centerrow .centerthreecol,.centerrow .centerfourcol,.centerrow .centerfourcol-s,.centerrow .centersixcol,.centerrow .centersixcol-s
{
padding-left: 0;
padding-right: 0;
}

.fr,.fl{ float:none !important; padding:0 20px;}
iframe{ width:100% !important;}


/* header and slider */

#navigation li{ width:50%;margin:0 0 0 0;} 
#navigation li ul li{ width:100%}

#portfolio-filter{ float:left;}




/* HP folio */ 
.titletext{ margin-bottom:30px;}
.centerrow .centerfourcol{ height:auto !important;
padding-left: 0px;
padding-right: 0px;}
.centerrow .centerthreecol{height:auto !important; text-align:center;}
.centerrow .centerthreecol img{ width:65%;}
#portfolio-filter li{ margin-top:20px;}
.imgback{ float:none; background-color: transparent;}
.imgback img{ float:none; margin:0 auto; display:block}
.item_full{ max-width:60% !important;height:auto !important;}
.item_blog p{ margin-bottom:15px}
ul.infolio li.item_blog{ width:100%}

.flexslider .slides img{ width:100%;}

/* blog template */
ul.medpost,.twinsbox,.entry_item{ width:100%; margin-top:0;}
.archivecontent{ margin:30px 0 0 0; min-height:auto;}
.entry{min-height:auto;}

ul.ad125{ width:100% !important;}

img.ad300{ width:auto}

.searchformhead{ float:none; position:relative; top:auto; right:auto; margin:10px auto;}

.nav li ul{ width:41% !important;}

ul#serinfo {
position: relative;
z-index: 5;
float: left;
}

ul.medpost li img {
display:block;
margin:10px auto 20px auto;
clear:both;
float:none;}


.item_full,.item_full_narrow,.item_full3,.item_blog{
float:none;
margin:0 auto 0 auto;
}


h4.leading,h4.homepage{ text-align:center;}

#copyright{ padding:0 5%; width:90%;}

#footer .twinsbox{ margin-bottom:30px;}

.imgwrap{ float:none; margin:0 auto 30px auto;}

#sidebar{ margin-top:40px;}



}


@media only screen and (max-width: 639px) {

h4.tagline{ display:none; visibility:hidden;}

.scrollTo_top{ visibility:hidden; display:none}

.slpost{ padding:0 0 120px 0} 

#thumbs li { width:80%; padding:5px 10%; height:20px; text-align:center; border-width:2px; opacity:1;}

#thumbs li h2 { padding:0; margin:0;}

#thumbs li p{display:none;}

#thumbs li span { display:none;}

#services{ width:100%}

.flexslider .slides iframe{max-height:200px;}

.centerrow .centerthreecol img{ width:auto;}

.tmnf-sc-quote.left,
.tmnf-sc-quote.right{ width:100%; float:none; margin-left:0; margin-right:0}


.contact-form .forms textarea,
.contact-form .forms input.txt{ width:100%; float:none; margin-left:0; margin-right:0; padding-left:0; padding-right:0}

.contact-form .forms label{ margin-bottom:10px}

.contact-form .forms .buttons .submit,
.contact-form .forms input#sendCopy{ margin-left:0;}

a.trigger{ display:none;}

.post .meta, .page .meta{width:100%; text-align:left;}


ul.medpost li h2{margin: -5px 0 15px 0;}

ul.medpost li p{margin: 0 0 15px 0;}




li.block3,
li.block4{ width:33.1%; height:180px}

} 



@media only screen and (max-width: 450px) {

.flexslider{
width:100%;
}

.flexslider .stuff{ width:80%}


.item_full{width:100% !important;}
.nav li ul{ width:150% !important}

li.block3,
li.block4{ width:49.6%; height:180px}

#clients li{ width:32.5%;}

}



/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
		
	}
	

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}