/* @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:26px !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: 28.08%;
margin:1px 3% 1px 1px;
height:290px !important;
overflow:hidden; 
min-width:201px;
}

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

.centerrow .centersixcol-s {
width: 43.7%;
margin:1px 3% 1px 1px;
height:310px !important;
overflow:hidden; min-width:313px;
}


/* @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: 23.3%;
margin-left:2.2%;
float:left;
}

#footer .threecol {
width: 22%;
margin-left:4%;
margin-bottom:0px;
}

.fourcol {
width: 27.4%;
padding:25px 2.5% 2px 2.5%;
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%;
padding-right:0;
padding-left:0;
margin:0 2.4% 2px 1px !important;
float:left;
}

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

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

.first {
margin-left: 0px !important;
}

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;
}
	


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

#header {padding-bottom:0; height:auto; float:left}

#header .container{padding-bottom:0; height:auto; float:left}

#header h1{margin: 40px auto; padding:0; float:left; width:100%; text-align:center;}

#header h1 img{margin:0 auto; float:none !important; display:block;}

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

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

#main-nav>li{ width:20%;}

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

.nav 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,
.services,#process .services,#footer .threecol
 {
width: auto;
float: none !important;
padding-left: 20px;
padding-right: 20px;
margin-left: 0;
margin-right: 0;
}


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

.fourcol{
	margin-bottom:20px !important;
}

.eightcol{
	margin:0 0 2px 0 !important;
}

.fr,.fl{ float:none !important;}

iframe{ width:100% !important;}

#header{ float:left !important; width:100%;}

/* header and slider */

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

#portfolio-filter{ float:left;}




/* HP folio */ 
.centerrow .centerfourcol{ height:auto !important;
padding-left: 0px;
padding-right: 0px;}
.centerrow .centerthreecol{height:auto !important;}
#portfolio-filter li{ margin-top:20px;}
.item_full{ max-width:60% !important;height:auto !important;}

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

/* blog template */
.post, div.page{ overflow:hidden;}
.post img{ width:100%}
ul.medpost,.twinsbox,.entry_item{ width:100%; margin-top:0;}
.archivecontent{ margin:30px 0 0 0; min-height:auto;}
.entry{min-height:auto; padding: 20px 5%;}

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:0 auto 20px auto;
clear:both;
float:none;}


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

#process .services h3{ padding:0 30px !important}

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

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

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

#sidebar{ margin-top:40px;}

.intro p{ width:100%}

}


@media only screen and (max-width: 639px) {
	
.centerrow .centerthreecol,.centerrow .centerfourcol,.centerrow .centerfourcol-s,.centerrow .centersixcol,.centerrow .centersixcol-s{
width: auto;
float: none !important;
margin-left: 0;
margin-right: 0;}


.scrollTo_top{ visibility:hidden; display:none}


#services,#clients li{ width:96%}

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

.centerrow .centerthreecol img{ width:100%;}

.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;}

#respond textarea{width:93%}

} 



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

.flexslider{
width:100%;
}

.flexslider .stuff{ width:80%}


.item_full{width:100% !important;}

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

#clients li{ width:32.5%;}

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

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

#portfolio-list li{ height:auto !important; min-width:100px !important;}

.imgwrap, .imgwrap img{ width:100%; height:auto;}

}



/* ============================== */
/* ! 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;
	}*/

}