/* #Mobile Styles 
================================================== */

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

a.backtotop{
	visibility: hidden;
}

.wrapper, #slider, #slider-header, .menu.grid div.ideas, .menu.grid div.support, .menu.list ul.questions, .menu.search-results .result, .container.article article.detail, .container.article div.next-steps, .connections section, .container.article .feedback-form{
	width: 300px;
}
header form, header a.all-sites, header nav ul li.home, header nav ul li.search, #slider img.pic, .container.article article.detail #tools a.print, .container.article article.detail #tools a.prev, .container.article article.detail #tools a.next, .container.article article.detail #tools a.back{
	display: none;
}
.sections div.item{
	width: 150px; height: 150px;
}
.sections div.item h2{
	font-size: 16px;
	margin-top: 20px;
}
.sections div.item .summary p{
	font-size: 12px; line-height: 18px; 
	display: none;
}
.sections div.item img.pic{
	left: 50%;  top: 50%;
	margin: -20px 0 0 -40px;  
	position: absolute;
	width: 80px; height: auto;
}
.activity_feed h2{
	font-size: 14px; line-height: 18px;
}
.activity_feed ul li a.title{
	font-size: 14px; line-height: 18px;
	margin: 0 0 0 0;
	text-decoration: none;	
	padding: 4px 0;
}
.activity_feed ul li a.more, .activity_feed ul li .post_type{
	display: none;
}
header nav{
	letter-spacing: 0px;	
}
header.wrapper{
	background: #000;
}
a.logo{
	left: 0; top: 0;
}
header a.all-sites{
	background: url(../images/arrow-down.png) 100% 50% no-repeat;
	display: block;
	float: right;
	margin: 0 0 0 0;
	text-indent: -999em;
	width: 46px; height: 26px;
}
.container.home h1{
	background: transparent;
	font-size: 14px; line-height: 18px;
	margin-bottom: 0;
	padding: 24px 0;
	width: 300px;
}
.container.article article.detail div.embed, .container.article article.detail div.embed iframe{
	width: 300px; height: 170px; 
}
.container.article article.detail .embed_media, .container.article article.detail .embed_media iframe{
	width: 280px; height: auto; 
	margin: 0 0 24px 0;	
	margin-left: 0;
}
.container.article article.detail div.embed_media{
	width: 100%; height: auto;
	margin: 0 auto 24px auto;	
}
.container.article article.detail div.embed_media iframe{
	width: 100%; height: auto;	
}
.wrapper.slider{
	background: white;
}
#slider-header{
	float: left;
	width: 150px;
}
p.paginate{
	font-size: 12px;
}
#slider-header ul {
	font-size: 16px; line-height: 24px;
	margin: 0 0 0 0;
}
#slider-header ul li{
	border-bottom: 1px solid #ccc;
}
#slider-header ul li, #slider-header ul li a{
	width: 150px;
}
#slider-header ul li a{
	background: transparent;
	padding: 20px 0; 
}
#slider{
	float: left;
	width: 150px;
	height: 260px;
}
#slider .infoBlock{
	font-size: 16px; line-height: 20px;
	text-align: center;
	margin: 0 auto;
	padding-top: 15px;
	width: 150;
}
#slider .infoBlock{
	margin: 0 0 0 0;
	width: 150px;
}
#slider .infoBlock p{
	font: 12px/14px;
	margin: 0 10px 20px 10px;
	text-align: left;
}
#slider a.action{
	background: rgba(0,0,0,1);
	color: #fff;
	display: block;
	font: 12px/14px;
	padding: 5px;	
	position: static;
	margin: 0 10px 20px 10px;	
	text-transform: capitalize;
	width: auto;
}
h3.search-header{
	font-size: 24px;
	margin: 0 0 35px 0;
}
.search-form{
	margin: 0 0 24px 0;
	padding: 24px 0;
}
.connections .search-form{
	margin-bottom: 0;
}
.connections h2.search-subheader{
	margin:  16px 0;
}
form.quicksearch{
	background: url(../images/search-icon.png) 50% 0% no-repeat;
	margin: 0 auto;
	padding-top: 60px;
	width: 300px;	
}
form.quicksearch label{
	font-size: 14px; line-height: 18px; 
	margin-bottom: 18px;
	text-align: center;
	width: 100%;
}
form.quicksearch input#keywords{
	font: 14px/14px 'Neuzeit S LT W01 Book',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 10px 0 20px;
	padding: 12px 0;
	width: 210px;
}
.connections form.quicksearch{
	background: transparent;
	margin: 0 auto;
	padding-top: 0;
	width: 300px;	
}
.wrapper.site-guide .col{
	width: 50%;
}
.wrapper.site-guide .col h4{
	font-size: 14px; line-height: 18px;
	font-weight: bold;
	margin: 0 18px 18px 0;
	text-align: center;
}
.wrapper.site-guide .col ul{
	font-size: 14px; line-height: 18px;
	margin: 0 18px 18px 0;
	text-align: center;	
}
.wrapper.site-guide .col ul li{
	margin-bottom: 6px;
}
footer p{
	font-size: 14px; line-height: 18px;
	margin: 0 32px 18px 32px;
}
.menu h1{
	font-size: 14px; line-height: 18px;
}
.menu.list, .menu.search-results, .menu.grid{
	padding: 20px 0;
}
.cat-container.fix{
	position: static;	
}
.menu ul.categories {
	font-size: 14px;
	margin: 10px auto 10px auto;
	padding: 0 0 0 0;
}
.menu ul.categories li{
	margin: 0px 2px 10	px 2px;
}
.menu ul.categories li a{
	padding: 5px 10px;
}
.menu.list ul.questions{
	padding: 5px 0;
	margin-bottom: 0;
}
.menu.list ul li.question{	
	margin: 20px;
	padding: 10px;
}
.menu.list h2, h2.section-header {
	font-size: 16px; line-height: 20px;
	margin: 0 0 0 0;
}
.connections h2.section-header {
	font-size: 14px; line-height: 20px;
	margin: 0 0 20px 0;
}
.menu.search-results .result{
	margin: 20px auto 20px auto;
	min-height:120px; height:auto !important; height:120px; 
	padding: 20px 0;
	width: 300px; 
}
.menu.search-results .result h2, .menu.search-results .result p{
	font-size: 14px; line-height: 18px;
	margin: 0 20px 18px 20px; 
	text-align: left;
}
.menu.search-results img{
	display: block;
	margin: 0 auto 18px auto; 	
	max-width: 260px; height: auto;
	position: static; 
}
.menu.search-results a.more{
	position: static;
	margin: 0 20px 18px 20px; 	
}
h3.search-header{
	font-size: 14px; line-height:18px;
	margin: 0 auto 18px auto;
	max-width: 280px;
}
.menu.grid div.ideas, .menu.grid div.support{
	padding-bottom: 20px;
	padding-top: 20px;	
	margin-bottom: 0;
}
.menu.grid div div.article{
	float: none;
	margin: 20px 40px;
	width: 220px;
}
.menu.grid div div.article h2, .menu.grid div div.article p{
	font-size: 14px; line-height: 18px;
}
.connections section {
	padding: 0 0 20px 0; 
}
.connections section h3{
	font-size: 14px; line-height: 18px;
	letter-spacing: 0px;
	margin-bottom: 18px;
}
.connections section hr{
	margin: 0 20px 20px 20px;
}
.connections section ul.accordion li{
	border-bottom: 1px solid #ccc;
	margin: 0 20px 0 20px;
	padding-bottom: 0; padding-top: 0;
	position: relative;
}
.connections section ul.accordion li a.drop{
	display: none;
	visibility: hidden;	
}
.connections section ul.accordion li a.ex-link{
	display: none;
	visibility: hidden;
	position: static;
}
.connections section ul.accordion li.active{
	background: url('../images/up-arrow.gif') 100% 5px no-repeat;
}
.connections section ul.accordion li div.info{
}
.connections section ul.accordion li p{
	color: #666;
	margin-left: 0;
}
.connections section ul.accordion li .details {
	float: left;
	width: 290px;
}
.connections section ul.accordion li .details p{
	font-size: 14px; line-height: 18px;
	margin: 0 0 18px 0;
}
.connections section ul.accordion li ul.tags{
	margin: 0 0 0 0;
}
.connections section ul.accordion li ul.tags li{
	float: none;
	border-bottom: 0;	
	margin: 0 12px 24px 0;
}
.connections section ul.accordion li ul.tags li a{
	background: #000;
	color: #fff;
	font-size: 12px; font-weight: bold; line-height: 12px;
	padding: 10px;
	text-transform: uppercase;
	text-decoration: none;
	width: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}
.connections section ul.accordion li ul.tags li a:hover{
	background: #ff3334;
	color: #fff;
}
.connections section article{
	margin: 0 20px 20px 20px;
	padding-bottom: 0;
}
.connections section article h4{
	letter-spacing: 1px;
	line-height: 18px;
	margin-bottom: 18px;
	position: static;	
	text-transform: uppercase;	
	width: auto;
}
.connections section article h4 a{
	color: #ff3334;
	text-decoration: none;
}
.connections section article h4 a:hover{
	color: #191919;
}
.connections section article p{
	font-size: 14px; line-height: 18px;
	margin: 0 0 18px 0;
}
.connections section article a.more{
	display: block;
	margin-bottom: 18px;
	position: static;		
}
.connections section p.feed-summary{
	font-size: 12px; line-height: 18px;
	letter-spacing: 1px;
	margin:  20px;
	text-align: center;
	text-transform: uppercase;
}
.connections section div.feeds{
	border-top: 1px solid #ccc;
	background: transparent;
	margin: 20px;
}
.connections section .feeds article{	
	border-bottom: 1px solid #ccc;
	float: none;
	margin: 0 0 0 0;
	padding: 20px 0;
	position: relative;
	width: auto;
}
.connections section .feeds article img.logo{
	position: absolute;
	left: 0px; top: 20px;
}
.connections section .feeds article h5, .connections section .feeds article p, .connections section .feeds article a.more{
	line-height: 20px;
	position: static;
	margin: 0 0 0 80px;	
}
.connections section .feeds article h5 {
	font-size: 12px; 
	letter-spacing: 1px;
	text-transform: uppercase;
}
.connections section .feeds article p{
	font-size: 14px; line-height: 18px;
}
div.article-header{
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
}
div.article-header h1, div.article-header p{
	font-size: 14px; line-height: 18px;
}
div.article-header h1{
	font-weight: bold; margin-bottom: 0;
}
div.article-header p{
	max-width: 240px;
}
.container.article article.detail img.feature{
	max-width: 100%;
	margin-bottom: 18px;
}
.container.article article.detail.pad{
	padding-top: 65px;
}
.container.article article.detail #tools{	
	border-top: 0; 	
	border-bottom: 0;
	float: none;
	font-size: 12px; 
	letter-spacing: 1px;
	margin: 0 auto 18px auto;	
	text-align: center;
}
.container.article article.detail #tools a{
	color: #ff3334;
	display: block;
	margin: 0 0 0 0;
	text-decoration: none;
	padding: 5px 0;
}
.container.article article.detail #tools a.print, .container.article article.detail #tools a.back{
	display: none;
}
.container.article article.detail h2, .container.article article.detail h3, .container.article article.detail h4, .container.article article.detail h5, .container.article article.detail ul, .container.article article.detail ol, .container.article article.detail hr, .container.article article.detail p, .container.article article.detail blockquote{
	margin: 0 20px 18px 20px;
}
.container.article article.detail ol, .container.article article.detail ul{
	list-style-position: inside;
}
.container.article article.detail h2, .container.article article.detail h3, .container.article article.detail h4, .container.article article.detail h5, .container.article article.detail ul, .container.article article.detail ol, .container.article article.detail p, .container.article article.detail p:first-of-type, .container.article .feedback-form form.feedback label{
	font-size: 14px; line-height: 18px;
}
.container.article article.detail blockquote, .container.article article.detail blockquote p, .container.article article.detail blockquote p:first-of-type{
	font-size: 16px; line-height: 21px;
	color: #000;
}
.container.article article.detail img{
	max-width: 100%; height:auto;
	margin: 0 0 18px 0;
}
.container.article article.detail ul.downloads li{
	line-height: 18px;
	padding-right: 20px;
	margin-bottom: 18px;
	position: relative;
}
.container.article article.detail ul.downloads li a.download{
	display: block;
	margin: 18px 0;	
	padding: 10px;
	position: static;
	text-align: center;
	text-decoration: none;	
}
.container.article .feedback-form h4, .container.article .feedback-form p{
	margin-left: 20px;
}
.container.article .feedback-form form.feedback{
	margin: 0 20px 18px 20px;
}
.container.article .feedback-form form.feedback label{
	color: #333;
	display: block;
	margin: 0 0 12px 0;
}
.container.article .feedback-form form.feedback textarea, .container.article .feedback-form form.feedback input#email{
	font: 12px/12px 'Neuzeit S LT W01 Book',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 0 18px 0;
	margin: 0 0 18px 0;
	width: 240px;	
}
.container.article div.next-steps h2, .container.article div.next-steps p, .container.article div.next-steps ul, .container.article div.links, .container.article div.next-steps .contacts{
	margin: 0 20px 18px 20px;
} 
.container.article div.next-steps p, .container.article div.next-steps ul{
	font-size: 14px; line-height: 18px;
}
.container.article div.next-steps h2 {
	color: #000;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.container.article div.links ul{
	margin: 0 0 18px 0;
	-moz-column-count:0; /* Firefox */	-webkit-column-count:0; /* Safari and Chrome */ column-count:0;
	-moz-column-gap:0; /* Firefox */ -webkit-column-gap:0; /* Safari and Chrome */ column-gap:0;
}
.container.article div.next-steps .contacts{
	margin: 0 0 0 0;
}
.container.article div.next-steps .contacts p, .container.article div.next-steps .contacts ul{
	margin: 0 20px 18px 20px;
	float: left;
	position: static; 
	width: auto;
}
.container.article div.next-steps .contacts ul li{
	margin-bottom: 24px;
	text-align: center;
}
.container.article div.next-steps .contacts ul li span{
	background: white;
	color: #000;
	display: inline;
	float: none;
	font-size: 12px; font-weight: bold; line-height: 12px;
	padding: 10px;
	text-align: center; 
	text-transform: none;	
}	
.container.article div.next-steps .contacts ul li span.number{
	color: #fff;
	background: #ff3334;	
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;	
}
.container.article div.next-steps div.tags{
	float: none;
	margin: 0 20px 36px 20px;	
	width: auto;
}
.container.article article.detail #gallery{
	margin-bottom: 18px;
	width: 300px; height: 170px; 
}
.rsMinW .rsArrowLeft { top: 40%; left: 5px; }
.rsMinW .rsArrowRight { top: 40%;  right: 5px; }

}

/* #Tablet Portrait Styles 
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {

.wrapper, #slider, #slider-header, .menu.grid div.ideas, .menu.grid div.support, .menu.list ul.questions, .menu.search-results .result, .container.article article.detail, .container.article div.next-steps{
	width: 760px;
}
.container.home h1{
	width: 600px;
}
.cat-container.fix{
	position: static;	
}
#slider-header ul li, #slider-header ul li a{	
	width: 190px;
}
#slider .infoBlock{
	width: 380px;
}
#slider img.pic{
	position: absolute; left: 15px; top: 35px;
}
.sections div.item .summary{
	font-size: 14px; line-height: 21px; 
}
.wrapper.site-guide .col h4, .wrapper.site-guide .col ul{
	margin: 0 10px 24px 30px;
}
.wrapper.site-guide .col ul li a:hover{
	padding-left: 5px;
}
.menu.grid div div.article{
	margin: 0 0 35px 60px;
	width: 170px;
}
.menu.grid div div.article img{
	max-width: 100%;
	height: auto;
}
.menu.grid div.article h2.article-title a{
	width: 150px; height: 73px;
	padding: 50px 10px 0 10px;
}
.connections section{
	width: 760px;
}
.connections section article h4{
	width: 250px;
}
.connections section article p{
	margin-left: 235px;
}
.menu.search-results .result{
	width: 760px; 
}
.container.article article.detail #tools{	
	margin: 0 20px;	
}
.container.article article.detail h2, .container.article article.detail h3, .container.article article.detail h4, .container.article article.detail h5, .container.article article.detail ul, .container.article article.detail ol, .container.article article.detail hr, .container.article article.detail p{
	margin: 0 70px 24px 200px;
}
.container.article div.next-steps h2, .container.article div.next-steps p, .container.article div.next-steps ul, .container.article div.links, .container.article div.next-steps .contacts{
	margin: 0 70px 24px 200px;	
} 
.container.article article.detail img{
	max-width: 490px; height: auto; 
	margin: 0 0 24px 200px;	
}
.container.article article.detail img.feature{
	max-width: 100%; height: auto;
	margin: 0 0 35px 0;	
}
.container.article article.detail div.embed_media{
	margin: 0 0 0 0;
}
.container.article article.detail div.embed_media iframe{
	margin-left: 200px;
}
.container.article article.detail div.embed, .container.article article.detail div.embed iframe{
	width: 760px; height: 428px; 
}
.container.article article.detail iframe{
	margin: 0 0 24px 200px;
	width: 560px; height: 315px; 
}
.container.article article.detail.pad{
	padding-top: 35px;
}
.container.article .feedback-form{
	margin: 0 auto;
	width: 760px;	
}
.container.article .feedback-form h4, .container.article .feedback-form p{
	margin-left: 200px;
}
.container.article .feedback-form form.feedback label{
	margin-right:20px;
}
.container.article .feedback-form form.feedback{
	margin: 0 0 24px 200px;
}
.container.article .feedback-form form.feedback textarea{
	width: 415px;
}
.container.article div.next-steps div.tags{
	float: left;
	margin: 0 0 0 20px;	
	width: 180px;
}
.container.article div.next-steps hr{
	margin: 0 70px 24px 200px; height: 0;
}
.container.article div.links ul{
	margin: 0 0 24px 0;
	-moz-column-count:0; /* Firefox */	-webkit-column-count:0; /* Safari and Chrome */ column-count:0;
}
.container.article div.next-steps .contacts p, .container.article div.next-steps .contacts ul{
	margin: 0 0 24px 0;
	position: static;
	float: none;
	width: auto;
}
.container.article article.detail #gallery{
	margin-bottom: 35px;
	width: 760px; height: 435px; 
}
.container.article article.detail #gallery img{
	height: 435px; 
	width: auto;
	max-width: 760px;
}

}