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

.centerrow {
width: 100%;
max-width: 964px;/* 960px & 33px margin */
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}

.centeronecol, .centertwocol, .centerthreecol, .centerfourcol {
margin:0 1.70%;
float: left;
min-height: 1px;
margin-bottom:40px !important;
}

.centerrow .centeronecol {
width: 4.93%;
}

.centerrow .centertwocol {
width: 13.26%;
}

.centerrow .centerthreecol {
width: 21.60%;
}

.centerrow .centerfourcol {
width: 29.93%;
}


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

.container {
padding-left: 0;
padding-right: 0;
padding-top:0;
padding-bottom:0;
width: 100%;
max-width: 1280px;
min-width: 755px;
margin:40px auto;
overflow:hidden;
}

.row {
width: 100%;
max-width: 950px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
padding:0 15px;
}

.rowspec {
width: 100%;
max-width: 920px;
min-width: 755px;
margin:0 auto;
overflow: hidden;
}

.rowfull {
width: 100%;
max-width: 1280px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}

.rowwide {
width: 104%;
max-width: 1020px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}

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

.row .onecol {
width: 4.85%;
}

.row .twocol {
width: 13.45%;
}

.row .threecol {
	width:21.84%;
}

.row .fourcol {
width:30.17%;
}

.row .fivecol {
width: 39.45%;
}

.row .sixcol {
width:46.84%;
}

.row .sevencol {
width: 56.75%;
}

.row .eightcol {
width: 62.93%;
overflow:hidden;
}

.row .ninecol {
width: 71.8%;
}

.row .tencol {
width: 82.7%;
}

.row .elevencol {
width: 91.35%;
}

.row .twelvecol {
width: 96.8%;
float: none;
margin:0 auto;
}

.first {
margin-left: 0px;
}

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



img {
	height: auto;
}
	.flickwrap img{
	max-width: 90%;
	}
	
.ei-slider-large li img{
	width: 100%;
	max-width:none;
}

/* Smaller screens */

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

	body {
	font-size: 0.8em;
	line-height: 1.5em;
	}
	
	.padding-fix{ padding-left:20px !important; padding-right:20px !important}
	
	#copyright{ padding-left:20px;}
	#credit{ padding-left:20px; text-align:left;}
	
	h4.leading{ text-align:center;}
 
 	h4 span.heading-text{ float:none; margin:0 auto;}
	
	}


@media only screen and (max-width: 960px) {
	.container{ margin:0 auto;}
	.threecol,.sixcol{ margin:0 10px;}
	.flexslider .slides img{ max-width:140% !important;}
	}



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

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



/* Mobile */

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

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	
	.row,.centerrow, body, .container,.rowspec,.rowfull {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol,
	.centerrow .centeronecol, .centerrow .centertwocol, .centerrow .centerthreecol, .centerrow .centerfourcol,
	.rowfull .twelvecol
	 {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

#sidebar {
	background:none;
	padding:40px 0}
	
	
  /* iPhone landscape & down */
  #navigation {
    clear: both;
	float:left;
  }
  #navigation .nav {
    float: none;
  }
  #navigation .nav li {
    float: none;
  }
  #navigation .nav li a {
    border: none!important;
  }
  #navigation .nav li ul {
    position: relative;
    border: none!important;
	width:100%;
  }
  #navigation .nav li ul li {
    padding-left: 10px;
  }
  #navigation .nav li ul a {
    color: #888888;
  }
  #navigation .nav li ul a:hover {
    text-decoration: underline;
  }
  #navigation ul {
  }

  #navigation h1 {
	  float:none;
	  margin-bottom:0px;
  }
  
  #navigation h1 a img{
	  float:none;
	  display:block;
	  margin:0 auto;
  }
  
	ul.medpost li img {
	display:block;
	margin:10px auto 20px auto;
	clear:both;
	float:none;}

	.format-gallery .flexslider
	{ width:100%; padding:0; margin:0 0 20px 0;}
	
	.format-gallery .flexslider img{ margin:0 0 0 0 !important}
	
	ul.medpost li h2 {
	 width:100%; padding:0;}
	
	.entry,
	p.teaser,
	.format-quote p,
	.format-audio iframe,
	.format-video iframe
	{ width:100%; padding:0 0 0 0 !important; margin:0 0 0 0 !important;}
	
	.icco{ display:none; visibility:none;}
	
	.meta{ position:relative; width:100%; top:0; font-size:80%}

	.infolio{ margin-bottom:40px;}
	
	.format-image{ background-image:none}
	
	.item_full{text-align:center; margin-bottom:0 !important;}

	.item_full>a>img{max-width:100%; float:none; margin:20px auto 0 auto;}
	
	.services img{ display:none; visibility:hidden;}
 

}


@media only screen and (max-width: 639px) {
  #navigation {
	  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;}
	
	#clients li{ height:auto;}

} 


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

	
ul.medpost li img {
	margin:0 0 20px 0;
	clear:both;
	float:none;}

.slider{ display:none; visibility:hidden;}

.item_blog img{ display:none;}

.item_blog p{ padding:0 0 0 0;}

} 










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

}