html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font-size: 100.01%; /*IE Font Sizing Bug Fix */
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
	line-height: 1;
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/*IE Scrollbar Fix */
textarea {
	overflow: auto; 
}

/*Remove for simple form */
input {
	border: 0px solid white;
	margin: 0;
	padding: 0;
}

/* apply a natural box layout model to all elements. For IE8 and up.
http://paulirish.com/2012/box-sizing-border-box-ftw/ */

* {
  -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
     -moz-box-sizing: border-box; /* FF1+ */
          box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
}

/*HTML5 display definitions
============================================ */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }

/*FONTS  
============================================ */
/* eot IE8 */
/* ttf  Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
/* woff Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
/* svg iOS */

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2013 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      exljbris Font Foundry
 * License URL: http://www.fontspring.com/fflicense/exljbris
 *
 *
 */
@font-face {
    font-family: 'museo_sans_500regular';
    src: url('../fonts/MuseoSans_500-webfont.eot');
    src: url('../fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoSans_500-webfont.woff') format('woff'),
         url('../fonts/MuseoSans_500-webfont.ttf') format('truetype'),
         url('../fonts/MuseoSans_500-webfont.svg#museo_sans_500regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans_500italic';
    src: url('../fonts/MuseoSans_500_Italic-webfont.eot');
    src: url('../fonts/MuseoSans_500_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoSans_500_Italic-webfont.woff') format('woff'),
         url('../fonts/MuseoSans_500_Italic-webfont.ttf') format('truetype'),
         url('../fonts/MuseoSans_500_Italic-webfont.svg#museo_sans_500italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*GENERAL  
============================================ */

html {
/*In the absence of a background on the html element, the body background will cover the page. If there is a background on the html element, the body background behaves just like any other element.*/
	height: 100%;
	text-rendering: optimizeLegibility;			/* For font smoothing */
	-webkit-font-smoothing: antialiased; 		/* For font smoothing */
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004); /* For font smoothing */
	font-size: 100%; 
	font-size:62.5%; /* Resets 1em=10px: Sets up Base 10 */
	-webkit-text-size-adjust: 100%; /* iOS */
		-ms-text-size-adjust: 100%;	
}

body {
	background: #424242;
	color: #626164;
	font-family: "wayfinding-sans",'museo_sans_500regular', 'Museo Sans', Tahoma, Geneva, "Trubuchet MS", Helvetica, sans-serif;
	font-size: 12px; /*IE8 fallback*/
	font-size: 1.2rem; /* =14px Android, Chrome, Firefox 3.6+, IE9, iOS, Opera 11.6+, Safari 5, */
	height: 100% !important;
	line-height: 18px; /*IE8 fallback*/
	line-height: 1.8rem; /* =18px */
	text-align: center;
}

/*Opera Fix for sticky footer*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

#container {
	background: url(../img/right-bg.jpg) 24.2% 0 no-repeat;
	background-repeat:repeat;
	height: 100%;
	margin:  0 auto;
	min-height: 100%;
	padding: 0;
	position:  relative;
	overflow:hidden;
	text-align: left;
	width:  100%;
	min-height:700px;
}

/*body>#container{height:100%;min-height:700px; overflow:auto;} /*child hack overrides height in compliant browsers and adds min-height, which they understand*/

h1 {
	color:  #fff;
	display:  block;
	font-size:18px;/*fallback for IE8*/
	font-size:1.8rem; /*18px*/
	font-weight: normal;
	line-height: 36px; /*fallback for IE8*/
	line-height: 3.6rem;
	margin-bottom:  20px;
	margin-top:  20px;
	text-transform:  uppercase;	
}

h2 {
	color:  #0db6d0;
	font-size:18px;/*fallback for IE8*/
	font-size:1.8rem; /*18px*/
	font-weight: normal;
	line-height: 18px; /*fallback for IE8*/
	line-height: 1.8rem;
	margin-top:  18px;
	margin-bottom:  9px;
	text-transform:  uppercase;
}
h3 {
	font-size:16px;/*fallback for IE8*/
	font-size:1.6rem; /*16px*/
	font-weight: normal;
	line-height: 18px; /*fallback for IE8*/
	line-height: 1.8rem;
	margin-top:  18px;
	margin-bottom:  9px;
	text-transform:  uppercase;
}

h4 {
	font-size:14px;/*fallback for IE8*/
	font-size:1.4rem; /*14px*/
	font-weight: normal;
	line-height: 18px; /*fallback for IE8*/
	line-height: 1.8rem;
	margin-top:  18px;
	margin-bottom:  9px;
	text-transform:  uppercase;
}

h5 {
	font-size:12px;/*fallback for IE8*/
	font-size:1.2rem; /*12px*/
	line-height: 18px; /*fallback for IE8*/
	line-height: 1.8rem;
	margin-top:  18px;
	margin-bottom:  9px;
	text-transform:  uppercase;
}
h6 {
	font-size:12px;/*fallback for IE8*/
	font-size:1.2rem; /*12px*/
	line-height: 18px; /*fallback for IE8*/
	line-height: 1.8rem;
	margin-top:  18px;
	margin-bottom:  9px;
	text-transform:  uppercase;
}

p {
	padding: 0 0 16px; /*fallback for IE8*/
	padding: 0 0 1.6rem;
}

a {
	color: #0db6d0;
	font-weight: normal;
	text-decoration: none;
}

	a:visited {
		color:#0fd2f0;
		text-decoration: none;
	}

	a:hover {
		color: #0b9ab0;
		text-decoration: none;
	}

	a:active {
		color: #097e90;
		position: relative;
		text-decoration: none;
	}

	a:focus {}

	a:focus:hover {}

	a img, a img:hover {
		display: block;
		text-decoration: none;
		border:0px;
	}

ul,li {
	list-style: none;
	list-style-position:inside;
	margin: 0;
	padding: 0;	
}

hr {}

strong {
	font-weight: bold;
}

big {
	font-size:16px;/*fallback for IE8*/
	font-size:1.6rem; /*16px*/
	line-height: 18px;/*fallback for IE8*/
	line-height: 1.8rem;
}

small { 
	font-size:10px;/*fallback for IE8*/
	font-size: 1rem; /*10px*/
	line-height: 18px;/*fallback for IE8*/
	line-height: 1.8rem;
}

blockquote {
	font-style: italic;
	padding: 18px;
	padding: 1.8rem;
}

cite,em,i {
	font-style: italic;
}

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; 
	font-size: 12px;
	font-size: 1.2rem; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

pre, code {
	background: #f7f7f7;
	color: #222;
	clear:  both;
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
	margin-top:  18px;
	margin-bottom:  9px;
	padding: 18px;
	padding: 1.8rem;
}

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

abbr,
acronym, 
dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}

address {
	display: block;
	margin: 0 0 18px;
	margin: 0 0 1.8rem;
}

del {
	color: #333;
}

ins {
	background: #fff9c0;
	border: none;
	color: #333;
	text-decoration: none;
}

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/*NAVIGATION 
============================================ */

.nav {
	text-align: center;
}

	.nav li {
	}

#mainnav {
	padding: 0;
}

#mainnav li {
	padding:  0 0 20px;
}


.socialnav {
	padding:  0 0 140px;
	width: 100%;
}
	.socialnav .nav li {
		display: inline-block;
		padding: 0;
	}

		.socialnav ul.nav li a {
			display: inline-block;
			width:32px; /*size of icons*/
			height:32px; /*size of icons*/
			overflow: hidden;
			padding:4px;
			text-indent: 100%;
			white-space: nowrap;
			color:#fafafa;
		}
		.socialnav li.rss a {
			background: url(../img/icons/rss.png) no-repeat;
			opacity:0.8;
		}
		.socialnav li.facebook a {
			background: url(../img/icons/facebook.png) no-repeat;
			opacity:0.8;
		}
		.socialnav li.twitter a {
			background: url(../img/icons/twitter.png) no-repeat;
			opacity:0.8;
		}
		.socialnav li.newsletter a {
			background: url(../img/icons/email.png) no-repeat;
			opacity:0.8;
		}
		.socialnav li.linkedin a {
			background: url(../img/icons/linkedin.png) no-repeat;
			opacity:0.8;
					}
		.socialnav li.googleplus a {
			background: url(../img/icons/googleplus.png) no-repeat;
			opacity:0.8;
		}
		.socialnav li.youtube a {
			background: url(../img/icons/youtube.png) no-repeat;
			opacity:0.8;
		}
		.socialnav li.pinterest a {
			background: url(../img/icons/pinterest.png) no-repeat;
			opacity:0.8;
		}
	
		.socialnav li a:hover, 
		.socialnav li a:focus, nav .channels li.rss.modaled a {
			opacity:1;
		}

#home .home {
	color: #333;
	text-decoration: none;
}

/* WP navigation
____________________________________________ */

.nav-single {}
.nav-below {}
.nav-previous {}
.nav-next {}
.nav-previous a, .nav-next a, a .nav-previous, a .nav-next {}
.nav-previous a:hover, .nav-next a:hover,  a:hover .nav-previous, a:hover .nav-next {}

/*LAYOUT  
============================================ */

.content {
	
	float:  left;
	height: 100%;
	margin: 0 auto;
	padding: 6%;
	padding: 6%; 
	text-align: left;
	width: 88%;/* width of design */
}

#content.content {
	padding:  0;
	position:absolute; bottom:0; right:  0;
	overflow:  hidden;

}

/* Four equal columns will each be 23.4% /*220px / 940px */
/* Three equal columns will each be 31.91% /300px / 940px */
/* Two equal columns will each be 48.94% /460px / 940px */
/* 300px ad column will be 31.91%; /300px / 940px  620 main column 65.96% /620px / 940px*/

/*HEADER 
____________________________________________ */

#header {
	background:  transparent url(../img/backgrounds/sidebar.jpg) repeat;
	bottom: 0;
	float:  left;
	font-size: 14px; /*IE8 fallback*/
	font-size: 1.4rem; /* =14px Android, Chrome, Firefox 3.6+, IE9, iOS, Opera 11.6+, Safari 5, */
	height: 100%;
	overflow:  auto;
	position: absolute;
	text-align:  center;
	text-transform:  uppercase;
	width: 24.20%;
}

#menu-main-menu a {
	color: #626164;
	font-weight:  normal;
}

	#header	a:visited {
		color:#7b7a7e;
		text-decoration: none;
	}

	#header a:hover {
		border-bottom:  none;
		color: #49484a;
	}
	
	#header	a:active {
		border-bottom:  none;
		color: 2f2f30;
	}

#header .content {
	float:  none;
	margin:  0 auto;
	text-align:  center;
}

#branding {
	margin:  0 auto;
	max-width:  100%;
	padding:  106px 0 40px;
	text-align:  center;
}

#branding img {
	height:  auto;
	margin:  0 auto;
	max-width:  100%;
}

#tagline {}

#copyright {
	font-size: 10px; /*IE8 fallback*/
	font-size: 1.0rem; /* =14px Android, Chrome, Firefox 3.6+, IE9, iOS, Opera 11.6+, Safari 5, */
	text-transform:  none;
}


/*CONTENT
____________________________________________ */
#content {
	background:  #fff;	
	margin:  0 10px;
	width:  73%;
}

.home #content {
	background-image: url(../img/right-bg.jpg);
	background-position:top left;
	background-repeat:repeat;
	float:  left;
	margin:  0;
	padding:  0;
	width:  75.80%;
}

.home #content ul {
	display:table;
	height:  100%;
	width:  100%;
}

.home #content li {
	display:  table-cell;
	float:  left;
	height:  20%;
	text-align:  center;
	vertical-align:  center;
	width:  33.333333%;
	}

	.home #content li a {
		color:  #fff;
		display:  block;
		font-size:  12px;
		height:  100%;
		padding-top:  30%;	
		text-transform:  uppercase;
	}

.home #content li a:hover {
	border:  none;
	color:  #fff;
	}

#content header {
	background: #17b692;
	display:  block;
	height:  126px;
	padding:  25px 62px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.36); /* drop shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.36); /* drop shadow */
	box-shadow: 0 1px 3px rgba(0,0,0,.36); /* drop shadow */
}

.cat-nav {
	background:  #e8d503;
	display:  block;
	height:  24px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.36); /* drop shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.36); /* drop shadow */
	box-shadow: 0 1px 3px rgba(0,0,0,.36); /* drop shadow */
}

.next-cat {
	background:  #e8d503;
	color:  #fff;
	display:  block;
	float:  right;
	height:  24px;
	padding:  2px;
	text-align:  center;
	text-transform:  uppercase;
	width:  50%;
		
}
.prev-cat {
	background:  #c20070;
	color:  #fff;
	display:  block;
	float:  left;
	height:  24px;
	padding:  2px;
	text-align:  center;
	text-transform:  uppercase;
	width:  50%;
}

.cat-nav a, .cat-nav a:hover .cat-nav a:visited{
	border:  0;
	color:  #fff;
}

.prev-post a {
	background: url(../img/header/arrow.png) no-repeat center;
	display:  block;
	float:  left;
	height:  20px;
	margin-top:  -55px;
	margin-left:  -25px;
	text-indent:  -9999px;
	width:  27px;
	
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			
	transform: rotate(180deg);}

.next-post a {
	background: url(../img/header/arrow.png) no-repeat center;
	display:  block;
	float:  right;
	height:  20px;
	margin-top:  -55px;
	margin-right:  -25px;
	text-indent:  -9999px;
	width:  27px;
}

header a.exit {
	float:  right;
	margin-top:  -20px;
	margin-right:  -40px;
	width:  47px;
}

header a:hover {
	border:  0;}

#content header h1 {
	background: url(../img/header/blog.png) no-repeat;
	height:  84px;
	margin:  0;
	padding:  20px 0 0 98px;
}

#content header h1 a {
	color:  #fff;
}

.search #content header h1, .error404 #content header h1 {background: url(../img/header/search.png) no-repeat;}
.archive #content header h1 {background: url(../img/header/archives.png) no-repeat;}
.page-id-65 #content header h1{	background: url(../img/header/contact.png) no-repeat;}
.page-id-5 #content header h1{background: url(../img/header/about.png) no-repeat;}
.page-id-67 #content header h1{background: url(../img/header/speaking.png) no-repeat;}
.category-work #content header h1{background: url(../img/header/work.png) no-repeat;}
.category-art #content header h1{background: url(../img/header/topright/art.png) no-repeat;}
.category-cities #content header h1{background: url(../img/header/topright/cities.png) no-repeat;}
.category-civic-engagement #content header h1{background: url(../img/header/topright/civic.png) no-repeat;}
.category-disaster-management #content header h1{background: url(../img/header/topright/disaster.png) no-repeat;}
.category-environment #content header h1{background: url(../img/header/topright/environment.png) no-repeat;}
.category-film #content header h1{background: url(../img/header/topright/film.png) no-repeat;}
.category-food #content header h1{background: url(../img/header/topright/food.png) no-repeat;}
.category-fundraising #content header h1{background: url(../img/header/topright/fundraising.png) no-repeat;}
.category-health #content header h1{background: url(../img/header/topright/health.png) no-repeat;}
.category-innovation #content header h1{background: url(../img/header/topright/innovation.png) no-repeat;}
.category-politics #content header h1{background: url(../img/header/topright/politics.png) no-repeat;}
.category-publishing #content header h1{background: url(../img/header/topright/publishing.png) no-repeat;}
.category-social-enterprise #content header h1{background: url(../img/header/topright/social.png) no-repeat;}
.category-technology #content header h1{background: url(../img/header/topright/technology.png) no-repeat;}
.category-youth #content header h1{background: url(../img/header/topright/youth.png) no-repeat;}
.category-blog #content header h1, .category-work #content header h1{background: url(../img/header/blog.png) no-repeat;}

#content {
	height:  100%;
	overflow:  hidden;
}

#maincontent {
	height:  85%;
	overflow:  scroll;
	padding:  4% 7%;
	width: 100%;	
}

#maincontent img.size-full, #maincontent .wp-caption, #maincontent a, #maincontent .entry-comtent, #maincontent article {
	max-width: 100% !important;
}

.page-id-65 #maincontent {
	font-size:  18px;
	line-height:  24px;
}

.page-id-65 #maincontent a {
	color: #626164;
}

.page-id-65 #maincontent .socialnav, .page-id-65 #maincontent .socialnav .nav, .page-id-65 #maincontent .socialnav .nav li {
	margin:  0;
	padding:  0;
	text-align:  left;
	text-indent:  0;
}

	#maincontent ul {
		list-style: disc;
		list-style-position: inside;
		margin:  0 0 18px 10px;
		padding:  0 0 0 20px;
		text-indent:  10px;
		text-indent:  1rem;
	}

		#maincontent ul li {
			list-style: disc;
		}

#maincontent ol {
	list-style: decimal;
	margin: 0 0 18px 9px;
	margin: 0 0 1.8rem 0.9rem;
	padding: 0;
}

	#maincontent ol li {
		list-style: decimal;
	}
	
	#maincontent ol ol {
		list-style: upper-alpha;
	}
	#maincontent ol ol ol {
		list-style: lower-roman;
	}
	#maincontent ol ol ol ol {
		list-style: lower-alpha;
}
	#maincontent ul ul,
	#maincontent ol ol,
	#maincontent ul ol,
	#maincontent ol ul {
		margin-bottom: 0;
	}
#maincontent dl {
	margin:  0 0 9px;
	margin:  0 0 0.9rem;
}

#maincontent dt {
	font-weight: bold;
}
#maincontent dd {
	margin-bottom: 18px;	
	margin-bottom: 1.8rem;	
	}
	
.featured-image {
	border-bottom:  1px solid #ccc;
	padding-bottom:  7px;
}	

hr {
	background-color:  #ccc;
	border:1px solid #ccc;
	color:  #ccc;
}	

.featured-image img {
	height:   auto;
	max-width:  100%;
}
.meta {
	color:  #0db6d0  ;
	padding: 0 0 9px; /*fallback for IE8*/
	padding: 0 0 0.9rem;
}

.category-meta {
	float:  left;
	margin-right:  4px;
	padding:  0 4px 0 0;
	text-transform:  uppercase;
}

.category-meta a {
	background: #0db6d0; 
	color:  #fff;
	margin-right:  4px;
	padding:  4px;
}

/*TWITTER WIDGET
____________________________________________ */

.twitter-widget {
	width:  315px;

}

.tweet-caption
{
	background-color: #34c8df;
	color: #fff;
	font-size: 10px;
	margin: 0 0 -10px 0;
	padding: 5px 10px 5px 10px;
	text-transform: uppercase;
	width: 270px;
}

.tweet-caption a {
	color:  #fff !important;
}

.tweet-caption a:hover {
	border-bottom:  1px solid #fff;
	color:  #fff;
}

.twitter-image {
	background:  url(../img/social/twitter-caption.png) no-repeat;
	float:  right;
	height:  30px;
	margin-right:  -15px;
	margin-top:  5px;
	width:  30px;
}

.tweet-box {
	
	float:  right;

	width:  315px;
}

.twitter-image {
	background:  url(../img/social/twitter-caption.png) no-repeat;
	float:  right;
	height:  30px;
	margin-right:  -15px;
	margin-top:  5px;
	width:  30px;
}

.contact-twitter-widget {
		float:  right;

	margin:  0;
	padding: 5px;
	width:  280px;

}

.page-id-65 .tweet-box {

	
	
}

.contact-twitter-widget h3 {
	display: none;}
	
.contact-twitter-widget ul.tweets {
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
	text-indent: 0;
}

.contact-twitter-widget ul.tweets li {
	border-top:  1px solid #626164;
	border-right:  1px solid #626164;
	border-left:  1px solid #626164;
	list-style-type: none !important;
	margin: 0;
	padding: 1em;
	text-indent: 0;
}

.contact-twitter-widget .timesince {
	float:  right;
}

.inner-tweet-box {
border: 1px solid #d7dbdf;
padding:5px;
}

/*CONTACT PAGE
____________________________________________ */

.page-id-65 h2 {
	border-bottom:  2px dotted #626164;
	border-top:  2px dotted #626164;
	color: #626164;
	font-size:  24px;
	text-transform: uppercase;
	margin-bottom:  40px;
	padding:  15px 0;
	font-weight:  bold;
}

.page-id-65 .full-width {	
	min-height:  250px;
	float:left;
	width:100%;
}

.page-id-65 .entry-content {
	float:left;
	width: 50%;
}

.page-id-65 .contact-topics {
	border-bottom:  2px dotted #626164;
	border-top:  2px dotted #626164;
	float:  left;
	margin-top:  40px;
	width:  100%;
}

.page-id-65 #maincontent .contact-topics ul {
	list-style: none;
	list-style-position:inside;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

.page-id-65 #maincontent .contact-topics ul li {
	float:  left;
	font-size:  14px;
	list-style: none;
	list-style-position:inside;
	margin: 0;
	padding:  0 13px;
	text-align:  center;
	text-indent: 0;
	text-transform:  uppercase;
}

.blue {
	color: #32b9c6;
}

.green {
	color: #32ba9e;
}

.yellow {
	color: #fcc95a;
}

.orange {
	color: #f18653;
}

.red {
	color: #ef4f71;
}

.purple {
	color: #7374b3;
}

/*ABOUT PAGE
____________________________________________ */

.about-links {
	font-size: 14px; /*IE8 fallback*/
	font-size: 1.4rem; /* =14px Android, Chrome, Firefox 3.6+, IE9, iOS, Opera 11.6+, Safari 5, */
	padding: 40px 0 20px 0;
	text-transform: uppercase;
	width: 100%;
}

.about-links a {
	color: #626164;
	font-weight:  normal;
}

#maincontent .about-links ul {
	list-style: none;
	list-style-position:inside;
	margin: 0;
	padding: 0;
	text-indent: 0;
	
}

#maincontent .about-links li {
	float: left;
	list-style: none !important;
	list-style-position:inside;
	margin: 0;
	padding: 0;
	text-indent: 0;
	width: 30%;
}



/*WP elements
____________________________________________ */
.more-link { }
.entry-date { }

/*FOOTER
____________________________________________ */

#footer {}

#copyright {
	text-align:  left;
}

/*IMAGES 
============================================ */

img {
	color: #0db6d0; /*Styles alt text*/
	font-style: italic;/*Styles alt text*/
}

img[class*="wp-image-"] {
	height: auto;
	max-width: 100%;
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.thumb.last {}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin: 0 9px 9px 0;
	margin: 0 0.9rem 0.9rem 0;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin: 0 0 9px 9px;
	margin: 0 0 0.9rem 0.9rem;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 9px;
	margin-bottom: 0.9rem;
}

 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/* Correct overflow not hidden in IE9 */
svg:not(:root) { overflow: hidden; }

.caption {}

.spacer {
	margin:  20px 0;
}

/*WP images
____________________________________________ */

.wp-caption {}
.wp-caption-text {}
.wp-caption img {}

.wp-smiley {
	margin: 0 !important;
	max-height: 9px;
	max-height: 0.9rem;
}

.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

/* hide WP stats smiley face */
img#wpstats {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

#attachment,
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail{
	max-width:  100%;
	height: auto;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* =Comments
----------------------------------------------- */

.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}


/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}


/*FORMS 
============================================ */

form, input, label {
	color: #626164;
	font-family: "wayfinding-sans", 'museo_sans_500regular', 'Museo Sans', Tahoma, Geneva, "Trubuchet MS", Helvetica, sans-serif;
	font-size: 12px; /*IE8 fallback*/
	font-size: 1.2rem; /* =14px Android, Chrome, Firefox 3.6+, IE9, iOS, Opera 11.6+, Safari 5, */
	font-weight: normal;
	line-height: 18px; /*IE8 fallback*/
	line-height: 1.8rem; /* =18px */
	}

fieldset {
	border: 0;
	margin: 0;
	padding: 9px;
	padding: 0.9rem;
}

legend {
}

label {
	clear: both;
	cursor: pointer;
}
	
	label.checkbox, label.radio {
		clear: none;
		float: none;
	}	

input {
	border: 1px #ccc solid;
	margin: 4px 0 3px 0;
	padding-right: 0;
}

	input.checkbox, input.radio {
		margin: 0 0 0 9px;
		margin: 0 0 0 0.9rem;
		width: 18px;
		width: 1.8rem;
	}

	input:hover {background: #fff;}

	input.send {
	float: right;
	margin-right: 50px;
	margin-right: 5rem;
	padding-right: 0;
	width: 150px;
	width: 15rem;
	}
	
select {
	border: 1px #ccc solid;
	margin: 2px;
	text-align: left;
	width: 18px;
	width: 1.8rem;
}

textarea {
	border: 1px #ccc solid;
	margin: 9px;
	margin: 0.9rem;
	overflow: auto;
	text-align: left;
	width: 150px;
	width: 15rem;
}

input:focus, select:focus, textarea:focus {
	border: 1px #000 solid;
}

input:focus:hover, select:focus:hover, textarea:focus:hover {
	border: 1px #000 solid;
}

button, .button, .submitbutton {
	background-color: #fff;
	border: 1px #ccc solid;
	clear: both;
	float: none;
	line-height: normal;
	margin: 0;
	padding: 0;
	text-align: center;
}

button:hover, .button:hover, .submitbutton:hover {
	background-color: #ccc;
	border: 1px #000 solid;
}

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; } /*Re-set default cursor for disabled elements */

/* Consistent box sizing and appearance */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 1.5rem; *height: 1.5rem; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

.search-form {
	float:  left;
	width:  100%;
}

.search-form label {
	max-width:  100%;
	text-transform:  uppercase;
}

input.search, input#s, .search-form input {
	border:  1px solid #ccc;
	background: #fff url(../img/icons/search.png) no-repeat 4px;
		
	 -khtml-border-radius: 6px;/*Konquerer*/
 	 -webkit-border-radius: 6px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
        -moz-border-radius: 6px; /* FF1-3.6 */
             border-radius: 6px;  /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
     /* useful if you don't want a bg color from leaking outside the border: */
	background-clip: padding-box;
	margin:  4px 0 15px;
	max-width:  100%;
	padding:  4px 3px 4px 24px;
}

.search-form input.search-field {
	max-width:  85%;
}

.sharing label {
	font-weight:  normal;
	padding-top:  8px;
	width:  80px;
	width:  8rem;
}

/* Remove inner padding and border in FF3/4: h5bp.com/l */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea { overflow: auto; vertical-align: top; resize: vertical; }

/*WP comments  
________________________________________________ */

.commentlist .reply {}
.commentlist .reply a {}

.commentlist .alt {}
.commentlist .odd {}
.commentlist .even {}
.commentlist .thread-alt {}
.commentlist .thread-odd {}
.commentlist .thread-even {}
.commentlist li ul.children .alt {}
.commentlist li ul.children .odd {}
.commentlist li ul.children .even {}

.commentlist .vcard {}
.commentlist .vcard cite.fn {}
.commentlist .vcard span.says {}
.commentlist .vcard img.photo {}
.commentlist .vcard img.avatar {}
.commentlist .vcard cite.fn a.url {}

.commentlist .comment-meta {} 
.commentlist .comment-meta a {}
.commentlist .commentmetadata {}
.commentlist .commentmetadata a {}

.commentlist .parent {}
.commentlist .comment {}
.commentlist .children {}
.commentlist .pingback {}
.commentlist .bypostauthor {}
.commentlist .comment-author {}
.commentlist .comment-author-admin {}

.commentlist {}
.commentlist li {}
.commentlist li p {}
.commentlist li ul {}
.commentlist li ul.children li {}
.commentlist li ul.children li.alt {}
.commentlist li ul.children li.byuser {}
.commentlist li ul.children li.comment {}
.commentlist li ul.children li.depth-{id} {}
.commentlist li ul.children li.bypostauthor {}
.commentlist li ul.children li.comment-author-admin {}

#cancel-comment-reply {}
#cancel-comment-reply a {}

.form-allowed-tags {}
.form-allowed-tags code {display:  block;}

form#commentform p label {
	display:  inline-block;
	line-height:  2em;
	min-width:100px;
}

form#commentform textarea{
	margin:  0;
	min-width:300px;
}

form#commentform p input {
	line-height:  2em;
	min-width:300px;	
}
	
/*search
____________________________________________ */

form#searchform {
	width:  50%;
}  

form#searchform input#s {
	font-size: 10px;
	font-size: 1rem;
	margin-top:  -2px;
	padding:  9px 18px !important;
	padding:  0.9rem 1.8rem !important;
	vertical-align: middle;
	width:  50%;
}

form#searchform input#searchsubmit {
	background: #0c0035;
	color: #fff;
	font-size: 10px;
	font-size: 10rem;
	min-width: 80px;
	min-width: 8rem; /*80px*/
	padding:  9px 18px !important;
	padding:  0.9em 1.8rem !important;
	text-transform:  uppercase;	
}

textarea { overflow: auto; resize: vertical; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

.instructions {
	font-weight: bold;
	padding: 18px 0 0 0;
	padding: 1.8rem 0 0 0;
}

/*MISC  
============================================ */

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

.italic {
	font-style: italic;
}

.error {
	color: red;
	font-style: normal;
	font-weight: 700;
}

ul.sitemap {
	padding: 0 0 0 9px;
	padding: 0 0 0 0.9rem;
}

.ads {}

a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
    cursor: pointer;
}

blockquote.left {
	float: left;
	margin-right: 18px;
	margin-right: 1.8rem;
	margin-left: 0;
	text-align: right;
	width: 33%;	
}

blockquote.right {
	float: right;
	margin-left: 18px;
	margin-left: 1.8rem;
	margin-right: 0;
	text-align: left;
	width: 33%;
}

.pull-quote.right {
	float: right;
	font-style: italic;
	font-weight: bold;
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	margin: 18px 0 18px 18px;
	margin: 1.8rem 0 1.8rem 1.8rem;
	width: 23.4%;	
}

.pull-quote.left {
	float: left;
	font-style: italic;
	font-weight: bold;
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	margin: 18px 18px 18px 0;
	margin: 1.8rem 1.8rem 1.8rem 0;
	width: 23.4%;
}

.vertical-centred {
    display: table-cell;
	min-height: 100px;
	min-height: 10rem;
    vertical-align: middle;
}

/*Tables
-------------------------------------------------------------- */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
P.cl1:hover {background: yellow;}
.chromeframe { margin: 0.2rem 0; background: #ccc; color: black; padding: 0.2rem 0; }

/*CSS3  
============================================ */
pre, code {
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */   
}

.rounded {	
 	  -khtml-border-radius: 18px;/*Konquerer*/
 	 -webkit-border-radius: 18px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
        -moz-border-radius: 18px; /* FF1-3.6 */
             border-radius: 18px;  /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
     /* useful if you don't want a bg color from leaking outside the border: */
	background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */
}

.transparent {
			filter: alpha(opacity=50);/*IE*/
	-khtml-opacity: 0.5;/*Konquerer*/
	  -moz-opacity: 0.5;/*Firefox*/
		   opacity: 0.5;
}

::selection {
    background: #ffb7b7; /* Safari */    
}

::-moz-selection {
    background: #ffb7b7; /* Firefox */
}

.rotate {
  -webkit-transform: rotate(7.5deg);  /* Chrome, Safari 3.1+ */
     -moz-transform: rotate(7.5deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(7.5deg);  /* IE 9 */
       -o-transform: rotate(7.5deg);  /* Opera 10.50-12.00 */
          transform: rotate(7.5deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
             filter: progid:DXImageTransform.Microsoft.Matrix(
                     M11=0.996917333733128, M12=-0.07845909572784494, M21=0.07845909572784494, M22=0.996917333733128, sizingMethod='auto expand');
			   zoom: 1;
}

.opacity {
  opacity: 0.9; /* Android 2.1+, Chrome 4+, Firefox 2+, IE 9+, iOS 3.2+, Opera 9+, Safari 3.1+ */
  filter: alpha(opacity=90); /* IE6-IE8 */
}

.transform {
 	-moz-transform:
        translate(250px, 125px)
        rotate(30deg)
        skew(20deg);
    -webkit-transform:
        translate(250px, 125px)
        rotate(30deg)
        skew(20deg);
    -o-transform:
        translate(250px, 125px)
        rotate(30deg)
        skew(20deg);
    -ms-transform:
        translate(250px, 125px)
        rotate(30deg)
        skew(20deg);
    transform:
        translate(250px, 125px)
        rotate(30deg)
        skew(20deg);
}

.rgba {
	background-color: #B4B490;
	background-color: rgba(180, 180, 144, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4B490',EndColorStr='#99B4B490'); /* IE6–IE9 */
}
   
.addbreaks {
	white-space: -moz-pre-wrap !important; /* Mozilla */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* css-3 */
	word-wrap: break-word; /* IE 5.5+ */
}

.iphone-only {
	position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

/*MEDIA QUERIES
============================================ */ 

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 569px) {
/* Styles */

	/*-----------------------------
	RESET STYLES
	-----------------------------*/

	html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{	
		-webkit-text-size-adjust:none;
		}
		
	/*GENERAL  
	============================================ */	

	html, body { height: 100%; }

	html { text- rendering: optimizeSpeed; }

	#container {
		height: 100%;
		width: 95%;
	}

	.iphone-only {
		position: inherit;
		text-indent: 0;
	}

	.no-phone {
		position: absolute;
		text-indent: -9999px;
	}

	/*Remove floats 
	_________________________________________ */	
	
	#mainnav, .dropped2,  .socialnav, #footer .socialnav, #footnav, div#branding, #maincontentm, #header, #content, .search-form, home #content li, #header, #content, header, #header {
		float:  none;
	}
	
	/*Remove extra padding and widths
	_________________________________________ */
	
	#container, #mainnav, .socialnav, #footnav, div#branding, div#branding a, div#branding a img, .home #content ul,.home #content li, #header, #content, header, #header, #container, body, html, #content.content, input.search-field, .about-links li {
		height:  auto !important;
		overflow:  visible;	
		width: 100% !important;
	}
	
	#header, #content, #content.content, .content, #branding {
		height:  auto;
		overflow:  visible;
		padding:  0;
		position:  relative;
		margin:  0;
	}
	
	#header {
		padding-top:  1em;
		padding-bottom:  1em;
	}
	
	#branding {
		padding-top:  0;
	}
	
	#mainnav ul {
		margin: 0;
		padding: 30px 0 30px 0;
	}
	
	#mainnav li a {
		float:  left;
		font-size:  12px;
		padding-right:  13px;
		width:  auto;
	}
	
	#mainnav li#menu-item-83 a {
		padding-right:  0;	
	}
	
	input.search-field {
		float:  none;
		margin:  0;
		width:  100%;
	}
	
	form, label, form.search-form {
		float:  none;
		margin:  0;
		padding:  0;
		width:  100%;
	}
	
	.home #content li { padding: 10% 0 10% 95px; }
	
	.home #content li a {
		color:  #fff;
		display:  block;
		height:  100%;
		padding-top:  10%;
		padding-bottom:  10%;
		text-align: center;
		text-transform:  uppercase;
	}
	
	.home #content li.cat-item-3 a { background:  #17b692 url(../img/header/art.png) no-repeat left; }
	.home #content li.cat-item-4 a { background: #007c87 url(../img/header/cities.png) no-repeat left; }
	.home #content li.cat-item-5 a { background: #009eb7 url(../img/header/civic.png) no-repeat left; }
	.home #content li.cat-item-6 a { background: #880060 url(../img/header/disaster.png) no-repeat left; }
	.home #content li.cat-item-7 a { background: #c80080 url(../img/header/environment.png) no-repeat left; }
	.home #content li.cat-item-8 a { background: #db47a8 url(../img/header/film.png) no-repeat left; }
	.home #content li.cat-item-9 a { background: #c6c122 url(../img/header/food.png) no-repeat left; }
	.home #content li.cat-item-10 a { background: #f73362 url(../img/header/fundraising.png) no-repeat left; }
	.home #content li.cat-item-11 a { background: #cd0059 url(../img/header/health.png) no-repeat left; }
	.home #content li.cat-item-12 a { background: #e0cf13 url(../img/header/innovation.png) no-repeat left; }
	.home #content li.cat-item-13 a { background: #f85d0b url(../img/header/politics.png) no-repeat left; }
	.home #content li.cat-item-14 a { background: #f60040  url(../img/header/publishing.png) no-repeat left; }
	.home #content li.cat-item-15 a { background: #fd921b url(../img/header/technology.png) no-repeat left; }
	.home #content li.cat-item-16 a { background: #f73e02 url(../img/header/youth.png) no-repeat left; }
	.home #content li.cat-item-17 a { background: #f60007 url(../img/header/social.png) no-repeat left; }

	/*Hide
	_________________________________________ */
	
	.no-iphone, .exit, #tiny-carousel-slider1 {
		position: absolute !important;
		clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
		clip: rect(1px, 1px, 1px, 1px);
		padding: 0 !important;
		border: 0 !important;
		height: 1px !important;
		width: 1px !important;
		overflow: hidden;		
	}

	/*Slider
	____________________________________________ */

     .aboutslider, .slider-wrapper, .anythingWindow,  div.anythingSlider {
		width:  100% !important;
		overflow:  hidden;
	}

	/*Misc
	_________________________________________ */
	.nav { text-align: left;}
		
	nav#mainnav li {
		padding:  0;
		margin:  0;
	}
	
	.dropped2 li {
		margin:  0 0 0 0; 
	}
	
	.dropped2 a {
		padding:  10px 20px 10px 10px;
		padding:  1rem 2rem 1rem 1rem;
	}
	
	.columns-2, .single-post .two-column {
	-webkit-column-count: 1 !important;  -webkit-column-gap: 0; /* Saf3, Chrome*/
	   -moz-column-count: 1 !important;     -moz-column-gap: 0; /* FF3.5+ */ 
	        column-count: 1 !important;          column-gap: 0; /* Opera 11+*/
	 -webkit-column-rule: 0px solid #c4c8cc;
        -moz-column-rule: 0px solid #c4c8cc;
	}
	
	#content header { padding: 25px; }
	
	#content header h1 {
		font-size:14px;/*fallback for IE8*/
		font-size:1.4rem; /*18px*/
		padding:  20px 0 0 98px;
	}
	
	.page-id-65 .entry-content {
	width: 100%;
	}
	
	a.contact-link {
	width: 100%;
	float: left;
	}
	
	p a.contact-link img {
	width:30px !important;
	float:left !important;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-device-width: 569px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */

	#header, #container, #footer {
		width: 100%;
	}

	.aboutslider, .slider-wrapper, .anythingWindow,  div.anythingSlider {
		width:  100% !important;
		overflow:  hidden;
	}

	#content {
		padding:  0;
	}

	footer#footer {
		height:  auto;
		margin:  0;
	}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}

/* Modern Desktops and laptops ----------- */
@media only screen and (min-width : 1382px) {

}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 and high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (-moz-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/* iPad 3 and high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (-moz-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5  ----------- */
@media 
only screen and (min-device-width: 640px) and (max-device-width: 1136px) and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-width: 640px) and (max-device-width: 1136px) and (-moz-min-device-pixel-ratio: 2),
only screen and (min-device-width: 640px) and (max-device-width: 1136px) and (min-device-pixel-ratio: 2) {
/* Styles */
}

/*HIDE 
============================================ */    

.hidden, .screen-reader-text, .assistive-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hiddenall { display: none !important; visibility: hidden; }
    
.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}    

/*GROUP 
============================================ */    
.group:after {
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
}

.group {
	display: inline-block;
}

.group {
	zoom: 1;
}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

@media screen and (min-width: 1000px) {
	.iconsBgCase {
		width: 700px;
		height: 600px;
		position: absolute;
		top: 0;
		left: -1px;
	}
	
	.bgicon {
		position: absolute;
		width: 200px;
		height: 200px;
		background-image: url(../img/test.1.png);
		background-repeat: no-repeat;
	}
	
	#bgicon_1 {background-position: 0px 0px; top: 0px; left: 100px;}
	#bgicon_2 {background-position: -200px 0px; top: 0px; left: 300px;}
	#bgicon_3 {background-position: -400px 0px; top: 100px; left: 0px;}
	#bgicon_4 {background-position: -600px 0px; top: 100px; left: 200px;}
	#bgicon_5 {background-position: -800px 0px; top: 100px; left: 400px;}
	#bgicon_6 {background-position: -1000px 0px; top: 200px; left: 100px;}
	#bgicon_7 {background-position: -1200px 0px; top: 200px; left: 300px;}
	#bgicon_8 {background-position: -1400px 0px; top: 300px; left: 0px;}
	#bgicon_9 {background-position: -1600px 0px; top: 300px; left: 200px;}
	#bgicon_10 {background-position: -1800px 0px; top: 300px; left: 400px;}
	#bgicon_11 {background-position: -2000px 0px; top: 400px; left: 100px;}
	#bgicon_12 {background-position: -2200px 0px; top: 400px; left: 300px;}
	#bgicon_13 {background-position: -2400px 0px; top: 400px; left: 500px;}
	#bgicon_14 {background-position: -2600px 0px; top: 200px; left: 500px;}
	#bgicon_15 {background-position: -2800px 0px; top: 0px; left: 500px;}	

	
	.iconsTable {
		position: absolute;
		top: 50px;
		left: 50px;
		width: 600px;
		height: 500px;
	}
	
	.iconsTable td {
		width: 100px;
		height: 100px;
	}
	
	.iconsTable td a {
		display: block;
		text-decoration: none;
		height: 100%;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size:100px 100px;
	}

	.rightCase{display:block;}
	.rightCaseMobile{display:none;}	
}

@media screen and (min-width: 1200px) {
	.home #container {
		min-height: 720px;
	}
	
	.home #content {
		background-image: url(../img/right-bg-1200.jpg);
	}
	
	.iconsBgCase {
		width: 840px;
		height: 720px;
		position: absolute;
		top: 0;
		left: -1px;
	}
	
	.bgicon {
		position: absolute;
		width: 240px;
		height: 240px;
		background-image: url(../img/test.2.png);
		background-repeat: no-repeat;
	}
	
	#bgicon_1 {background-position: 0px 0px; top: 0px; left: 120px;}
	#bgicon_2 {background-position: -240px 0px; top: 0px; left: 360px;}
	#bgicon_3 {background-position: -480px 0px; top: 120px; left: 0px;}
	#bgicon_4 {background-position: -720px 0px; top: 120px; left: 240px;}
	#bgicon_5 {background-position: -960px 0px; top: 120px; left: 480px;}
	#bgicon_6 {background-position: -1200px 0px; top: 240px; left: 120px;}
	#bgicon_7 {background-position: -1440px 0px; top: 240px; left: 360px;}
	#bgicon_8 {background-position: -1680px 0px; top: 360px; left: 0px;}
	#bgicon_9 {background-position: -1920px 0px; top: 360px; left: 240px;}
	#bgicon_10 {background-position: -2160px 0px; top: 360px; left: 480px;}
	#bgicon_11 {background-position: -2400px 0px; top: 480px; left: 120px;}
	#bgicon_12 {background-position: -2640px 0px; top: 480px; left: 360px;}
	#bgicon_13 {background-position: -2880px 0px; top: 480px; left: 600px;}
	#bgicon_14 {background-position: -3120px 0px; top: 240px; left: 600px;}
	#bgicon_15 {background-position: -3360px 0px; top: 0px; left: 600px;}
	
	
	.iconsTable {
		position: absolute;
		top: 60px;
		left: 60px;
		width: 720px;
		height: 600px;
	}
	
	.iconsTable td {
		width: 120px;
		height: 120px;
	}
	
	.iconsTable td a {
		display: block;
		text-decoration: none;
		height: 100%;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center center;
		background-size:120px 120px;
	}

	.rightCase{display:block;}
	.rightCaseMobile{display:none;}	
}

#icon_1 {background-image: url(../img/link_01.png);}
#icon_2 {background-image: url(../img/link_02.png);}
#icon_3 {background-image: url(../img/link_03.png);}
#icon_4 {background-image: url(../img/link_04.png);}
#icon_5 {background-image: url(../img/link_05.png);}
#icon_6 {background-image: url(../img/link_06.png);}
#icon_7 {background-image: url(../img/link_07.png);}
#icon_8 {background-image: url(../img/link_08.png);}
#icon_9 {background-image: url(../img/link_09.png);}
#icon_10 {background-image: url(../img/link_10.png);}
#icon_11 {background-image: url(../img/link_11.png);}
#icon_12 {background-image: url(../img/link_12.png);}
#icon_13 {background-image: url(../img/link_13.png);}
#icon_14 {background-image: url(../img/link_14.png);}
#icon_15 {background-image: url(../img/link_15.png);}

@media screen and (max-width: 1000px) {
	.rightCase{display:none;}
	.rightCaseMobile{display:block;}
	.rightCaseMobile .applyClass * a{
		color:#fff;
		display:block;
		text-align:center;
		padding:15px;
		padding-left: 30px;
		font-size:15px;
		text-decoration:none;
		line-height:40px;
	}
	.rightCaseMobile .applyClass * img{
		height: 40px;
		width:38px;
		position: absolute;
	}
	.rightCaseMobile .noClass * td{
		padding: 20px;
	}
}