/*
Main Stylesheet

URL: 				http://theengineisred.com/
Created by: 		Mike Rusczyk / Will McCurry
For:				Guide Dogs for the Blind / The Engine is Red
Site Design by:		The Engine is Red

*/

* {
	margin: 0;
	padding: 0;
	}
	
	/*
	*::selection {
	      }

	*::-moz-selection {
		}
	*/
	
body {
	vertical-align: baseline; 
	line-height: 1.3;
	color: #464646;
	background-color: #fff;
	font-size: 18px;
	font-family: 'Montserrat', "helvetica neue", arial, sans-serif;
	font-weight: 400;
	
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}	

body, html { /* to enable sticky footer */
    height: 100%;
	}		

/* ----- Core styles ----- */	
	
a {
	text-decoration: none;
	color: #f57f20;
	
	transition: all 100ms ease;
   	-o-transition: all 100ms ease;
   	-moz-transition: all 100ms ease;
   	-webkit-transition: all 100ms ease;
	}
	
	a:hover {
		color: #00ade1;
		}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe, img {
	display : block; 
	}

	article p {
		line-height: 1.8;
		margin-bottom: 2em;
		}
	
h1, h2, h3, h4, h5 {
	font-weight: 300;
	text-transform: uppercase;
	}	
	
hr {
	display: none;
	border: 0;
	height: 1px;
	background-color: #999;
	}
	
img {
	border-style: none;
	}	
	
/* --------- Global Forms -------- */

button {
	cursor: pointer;	
	}

fieldset {
	border-style: none;
	}
	
	.form-actions, .form-item {
		margin: 2em 0;
		}
	
	form .description {
		font-size: 14px;
		padding: 4px 0 0;
		}
		
	form .form-required, form .marker {
		color: #F57B20;
		}
	
iframe {
	border-style: none;
	}		
	
input, textarea, select {
	font-size: 24px;
	font-family: 'Montserrat', "helvetica neue", arial, sans-serif;
	font-weight: 400;
	border: 1px solid #e1e1e1;
	color: #707070;
	padding: 10px 5px;
	font-size: 24px;
	
	-moz-box-shadow:    inset 0 0 4px rgba(194,194,194, .7);
	-webkit-box-shadow: inset 0 0 4px rgba(194,194,194, .7);
	box-shadow:         inset 0 0 4px rgba(194,194,194, .7);
	
	transition: all 100ms ease;
	-o-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-webkit-transition: all 100ms ease;
	}
	
input, textarea {
	padding: 5px;
	}	

	input:hover, textarea:hover {
		-webkit-box-shadow: inset 1px 1px 2px -3px #333;
		-moz-box-shadow: inset 1px 1px 2px -3px #333;
		box-shadow: inset 1px 1px 2px -3px #333;
		}

	input[type="submit"], input[type="button"] {
		cursor: pointer;
		border-style: none;
		font-size: 18px;
		font-weight: 400;
		text-transform: uppercase;
	    padding: 11px 20px;
	    background-color: #00ade1;
		font-size: 24px;
		color: #fff;
		margin-bottom: 20px;		
		}
		
		input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus {
			background-color: #F57F20;
			}			
		
		input[type="submit"]:focus {
			outline-style: none;
			}		
			
	input[type="text"], input[type="password"] {
		transition: all 100ms ease;
	   	-o-transition: all 100ms ease;
	   	-moz-transition: all 100ms ease;
	   	-webkit-transition: all 100ms ease;
		}	
		
label {
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
	font-weight: 300;
	}	
	
label.option {
	padding-left: 5px;
	}			

/* ---------- */		
	
li {
	list-style-type: none;
	}		
		
p {
	line-height: 1.8;
	margin-bottom: 1.3em;
	}
	
strong, b {
	font-weight: 700;
	}	
	
	section > h1 {
		left: -9000px;
		top: -9000px;
		position: fixed;
		z-index: 100;
		}
		
table {
	width: 100%;
	}
	
/* ---------- */	

	footer .container {
		overflow: hidden;
		font-size: 18px;
		line-height: 1.3;
		letter-spacing: 0.01em;
		padding: 0 20px;
		}
		
		footer .container a {
			color: #fff;
			}
			
			footer .container a:hover {
			
				}
				
		footer .container li {
			float: left;
			padding-left: 9px;
			margin: 3px 0 0 9px;
			border-left: 2px solid #fff;
			border-color: rgba(255,255,255, .9);
			line-height: 1;
			}
			
			footer .container li:first-child {
				border-style: none;
				}			
		
		footer .container small {
			float: left;
			font-size: 18px;
			}
			
		footer .container ul {
			float: right;
			}	
	
	footer .content {
		margin: 0 auto;
		padding: 23px 0 25px;
		max-width: 1400px;
		}
		
	footer h3 {
		text-transform: none;
		font-size: 22px;
		text-align: center;
		margin-bottom: 22px;
		}
		
			body.forms article input[type="text"], body.forms article input[type="email"] {
				padding: 10px 3%;
				width: 93%;
				}
			
			body.forms article input[type="submit"] {
				padding: 11px 64px;
				float: right;
				margin-bottom: 20px;
				}
		
		body.forms #content > .container {
			margin: 100px auto;
			max-width: 450px;
			}		
			
		body.forms #content h1 {
	        font-size: 25px;
	        color: #00ade1;
	        overflow: visible;
			top: auto;
			left: auto;
			position: relative;
			}	 		

header #block-block-2 {
	display: none;
	}

	header .extras {
		top: 18px;
		right: 20px;
		position: absolute;
		z-index: 1;
		font-size: 11px;
		letter-spacing: 0.02em;
		}
		
		header .extras a {
			color: #464646;
			}
			
			header .extras a:focus, header .extras a:hover {
				color: #00ade1;
				}
		
		header .extras li {
			line-height: 1;
			color: #464646;
			padding-left: 6px;
			margin-left: 6px;
			float: left;
			border-left: 1px solid #696969;
			}
			
			header .extras li:first-child {
				border-style: none;
				}
		
/* ~ ~ ~ ~ CLASS SPECIFIC ~ ~ ~ ~ */

.additional-info-container {
	padding: 30px 35px 35px;
	margin: 90px 0;
	background-color: #F8F8F8;
	border: 1px solid #e3e2e2;	

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-moz-box-shadow:    inset 0 0 2px rgba(197, 197, 197, 0.2);
	-webkit-box-shadow: inset 0 0 2px rgba(197, 197, 197, 0.2);
	box-shadow:         inset 0 0 2px rgba(197, 197, 197, 0.2);
	}	

	.additional-info-container a {
		color: #00A65B;
		border-color: #00A65B !important;
		}

		.additional-info-container a:hover {
			color: #00ADE1;
			border-color: rgba(255,255,255, .0) !important;
			}

	.additional-info-container h3 {
		margin: 0 0 10px 0 !important;
		}

a.call-to-action {
	padding: 14px 26px;
	line-height: 1.4;
	text-shadow: 0 1px rgba(4, 122, 158, 0.4);
	display: inline-block;
	cursor: pointer;
	font-size: 18px;
	color: #fff !important;
	background-color: #F7974A !important;
	text-shadow: 0 1px rgba(248, 175, 116, 0.5);
	border: 1px solid #de7d30 !important;

	-moz-box-shadow:    inset 0 0 2px rgba(248, 175, 116, 0.5);
	-webkit-box-shadow: inset 0 0 2px rgba(248, 175, 116, 0.5);
	box-shadow:         inset 0 0 2px rgba(248, 175, 116, 0.5);
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	transition: background 0.1s ease-in-out;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	}

	a.call-to-action:hover {
		outline: 0 none;
		text-decoration: none;
		color: #fff !important;
		background-color: #00ADE1 !important;
		border: 1px solid #0192bd !important;

		-moz-box-shadow:    inset 0 0 2px rgba(2, 179, 232, 0.5), 0 0 3px rgba(1, 83, 108, 0.2);
		-webkit-box-shadow: inset 0 0 2px rgba(2, 179, 232, 0.5), 0 0 3px rgba(1, 83, 108, 0.2);
		box-shadow:         inset 0 0 2px rgba(2, 179, 232, 0.5), 0 0 3px rgba(1, 83, 108, 0.2);
		}

a.edit-link {
	text-transform: lowercase;
	font-family: "helvetica neue", arial, sans-serif;
	}
	
	a.edit-link span {
		display: none;
		}

.clear {
	clear: both;
	}			

.contextual-links-trigger {
	transition: none;
   	-o-transition: none;
   	-moz-transition: none;
   	-webkit-transition: none;
	}
	
/* ----- Basic Content Page Specific ----- */	

.content-page {
	margin-bottom: 80px;
	}

	.content-page .caption {
		display: block;
		font-size: 14px;
		margin: 10px 0 0;
		}
		
	.content-page .container {
		line-height: 1.8;
	    margin: 0 auto;
	    max-width: 1400px;
	    padding: 0 20px;
	    position: relative;
		overflow: hidden;
		}
		
		.content-page .container.has-supporting-content .main-content {
			float: left;
			margin: 0 0 75px;
			width: 60.7143%;
			}
			
		.content-page .container.has-supporting-content .supporting-content {
			float: left;
			margin: 0 0 75px 7.85714%;
			overflow: hidden;
			width: 31.4286%;
			}	
			
	.content-page .content-image {
		margin-bottom: 2em;
		}
		
	.content-page a.edit-link {
		display: inline;
		border-style: none;
		}	

	.content-page header {
		background-color: #EE2669;
		margin-bottom: 65px;
		padding: 30px 0;
		}

		.content-page header h2 {
			margin: 0 auto;
			max-width: 1400px;
			padding: 0 20px;
			text-transform: none;
			color: #fff;
			font-size: 42px;
			font-weight: 400;
			line-height: 1.2;
			}

		.content-page .header-container img {
			width: 100%;
			height: auto;
			}

	.content-page .header-container.has-hero {
		background-color: #000;
		min-height: 100px;
		overflow: hidden;
		margin-bottom: 65px;
		position: relative;
		}		

		.content-page .header-container.has-hero h2 {
			color: #464646;
		    line-height: 1.2;
		    margin-bottom: 20px;
		    text-transform: none;
			font-size: 42px;
			text-transform: uppercase;
			font-weight: 100;
			padding: 0;
			margin: 0;
			}	

		.content-page .header-container.has-hero header {	
			color: #464646;
			background-color: rgba(255,255,255, .8);
			padding: 30px 45px;
			display: block;
			width: 990px;
			margin-left: -540px;
			text-align: center;
			font-size: 28px;
			bottom: 90px;
			left: 50%;
			position: absolute;
			z-index: 50;
			}		

		.content-page .main-content img {
			max-width: 100%;
			height: auto;
			}	
			
	.content-page p {
		margin-bottom: 1.3em;
		}		
		
		.content-page .supporting-content a {
			color: #00ADE1;
			border-bottom: 1px solid #00ADE1;
			}
			
			.content-page .supporting-content a:hover {
				border-color: #fff;
				}
			
		.content-page .supporting-content h2 {
			color: #fff;
			display: inline-block;
			font-size: 22px;
			line-height: 1.3;
			margin-bottom: 20px;
			padding: 10px 30px 10px 20px;
			background: url("images/header-corner-blue.png") no-repeat scroll right top #00ADE1;
			}
			
		.content-page .supporting-content img {
			width: 100%;
			max-width: 100%;
			height: auto;
			}	
			
		.content-page .supporting-content .item {
			margin-bottom: 50px;
		    overflow: hidden;
			}
							
		.content-page .supporting-content .more	{
			text-transform: uppercase;
			padding-top: 20px;
			border-top: 1px solid #00ADE1;
			}
			
			.content-page .supporting-content .more a {
				border-color: rgba(255,255,255, .0);
				}

				.content-page .supporting-content .more a:hover	{
					border-color: #00ADE1;
					}	

.content-page-hero {
	margin-bottom: 2em;
	}

/* ---------- */		

.edit-link {
	display: block;
	}	

	.edit-link a {
		text-indent: -9009em;
		display: inline-block;
		line-height: 1;
		}

		.edit-link a:after {
			font-family: FontAwesome;
			content:"\f040";
			text-indent: 0;
			display: block;
			}
			
/* ----- Error Pages Specific ----- */	

	.error-content {
		margin: 0 auto;
		max-width: 1400px;
		padding: 0 20px;
		font-size: 32px;
		line-height: 1.8;
		}
			
	.error-page header {
		background-color: #EE2669;
		margin-bottom: 65px;
		position: relative;
	   	padding: 30px 0;
		}

			.error-page header h2 {
				color: #fff;
				font-size: 48px;
				font-weight: 400;
				line-height: 1.2;
				margin: 0 auto;
				max-width: 1400px;
				padding: 0 20px;
				text-transform: none;
				}			

/* ----- Events Specifics ----- */

article.event {
	margin-bottom: 55px;
	}
	
	article.event h3.call-out, body .main-content h3.call-out {
		text-transform: uppercase;
		display: inline-block;
		padding: 5px 10px;
		margin: 0 0 10px;
		font-size: 16px;
		color: #fff;
		background-color: #EE2669;
		}
		
	article.event .notice {
		font-size: 16px;
		padding: 5px 15px;
		font-size: 16px;
		color: #fff;
		line-height: 1.6;
		background-color: #00ADE1;
		display: inline-block;
		text-transform: uppercase;
		}	
	
.event-container {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1400px;
	overflow: hidden;
	}
	
	.event-container aside {
		float: left;
		margin: 0 0 55px 2.85714%;
		overflow: hidden;
		width: 31.4286%;
		}
		
	.event-container aside h2 {
		line-height: 1.3;
		font-size: 22px;
		padding: 10px 30px 10px 20px;
		margin-bottom: 20px;
		display: inline-block;
		color: #fff;
		background: #00ADE1 url("images/header-corner-blue.png") no-repeat top right;
		}
		
		.event-container aside img {
			width: 100%;
			max-width: 100%;
			height: auto;
			}
	
.event-information {
	float: left;
	margin: 0 0 55px;
	width: 65.7143%;
	}
	
.event-section {
	padding: 0 0 50px;
	margin: 0 40px 80px 0;
	border-bottom: 1px solid #999;
	}	

		.events aside h4 {
			font-weight: 700;
			}
	
	.events .address {
		font-weight: 700;
		}
		
	.event-information img {
		width: auto;
		max-width: 100%;
		height: auto;
		margin-bottom: 20px;
		}

	.events .call-to-action, .content-page .supporting-content .call-to-action {
		margin-bottom: 20px;
		}

		.content-page .supporting-content .call-to-action li {
			list-style-type: none;
		}

		.events .call-to-action a, .content-page .supporting-content .call-to-action a {
			margin-bottom: 15px;
			padding: 14px 26px;
			line-height: 100%;
			text-shadow: 0 1px rgba(4, 122, 158, 0.4);
			display: block;
			text-align: center;
			cursor: pointer;
			font-size: 18px;
			color: #fff;
			background-color: #F7974A;
			text-shadow: 0 1px rgba(248, 175, 116, 0.5);
			border: 1px solid #de7d30 !important;

			-moz-box-shadow:    inset 0 0 2px rgba(248, 175, 116, 0.5);
			-webkit-box-shadow: inset 0 0 2px rgba(248, 175, 116, 0.5);
			box-shadow:         inset 0 0 2px rgba(248, 175, 116, 0.5);
			
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
						
			transition: background 0.1s ease-in-out;
			-webkit-transition: background 0.1s ease-in-out;
			-moz-transition: background 0.1s ease-in-out;
			-ms-transition: background 0.1s ease-in-out;
			-o-transition: background 0.1s ease-in-out;
			}

			.events .call-to-action a:hover, .content-page .supporting-content .call-to-action a:hover {
				outline: 0 none;
				text-decoration: none;
				color: #fff;
				background-color: #00ADE1;
				border: 1px solid #0192bd !important;

				-moz-box-shadow:    inset 0 0 2px rgba(2, 179, 232, 0.5), 0 0 3px rgba(1, 83, 108, 0.2);
				-webkit-box-shadow: inset 0 0 2px rgba(2, 179, 232, 0.5), 0 0 3px rgba(1, 83, 108, 0.2);
				box-shadow:         inset 0 0 2px rgba(2, 179, 232, 0.5), 0 0 3px rgba(1, 83, 108, 0.2);
				}			

			.events .details a {
				border-bottom: 1px solid #f7974a;
				}

				.events .details a:hover {
					border-color: #fff;
					}
					
		.events .details hr {
			display: block;
			margin-bottom: 1.3em;
			}			
								
		.events .details li {
			line-height: 1.6;
			margin: 0 0 1.2em 1em;
			}		

			.events .details ol li {
				list-style-type: decimal;
				}		

			.events .details ul li {
				list-style-type: disc;
					}
			
	.events .edit-link {
		clear: both;
		}
		
	.events .event-pricing {
		border-style: none;
		margin-bottom: 0;
		}

		.events .event-pricing h3 {
			margin-top: 65px;		
			}

			.events .event-pricing h3.alt {
				margin-top: 0;	
				}

	.events .event-sponsors {
		padding: 30px 35px 35px;
		border: 1px solid #e3e2e2;	
		margin: 0;

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}

		.events .event-sponsors h2 {
			margin: 0;
			}

		.events .event-sponsors h3.alt {
			text-transform: uppercase;
			padding: 5px 10px;
			margin-bottom: 20px;
			font-size: 16px;
			color: #fff;
			background-color: #00ADE1;
			}	

	.events .event-snippet {
		margin: 0 auto;
		max-width: 1400px;
		overflow: hidden;
		padding: 0 20px;
		}
		
		.events .event-snippet .edit-link {
			top: 60px;
			right: 20px;
			position: absolute;
			}
			
			.events .event-snippet h2 a {
				color: #000;
				}
				
				.events .event-snippet h2 a:hover {
					color: #00ADE1;
					}	
		
		.events .event-snippet li {
			padding: 60px 0 0;
			margin: 0 0 60px;
			border-top: 1px solid #EBEBEB;
			position: relative;
			}
			
			.events .event-snippet li:first-child {
				border-style: none;
				}
				
				.events .event-snippet .read-more a {
					text-decoration: underline;
					text-transform: uppercase;
					}	
				
					.events .event-snippet .read-more a:hover {
						color: #00ADE1;
						text-decoration: none;
						}					

	.events .header-container {
		position: relative;
		background-color: #ee2669;
		margin-bottom: 65px;
		}
		
		.events .header-container header {
			color: #fff;
			margin: 0 auto;
			padding: 2% 30px 1.5%;
			line-height: 1.2;
			max-width: 1400px;
			font-size: 28px;
			}
			
			.events .header-container header h2 {
				font-size: 42px;
				text-transform: none;
				}
				
			.events .header-container p {
				line-height: 1.2;
				margin: 0;
				}	
				
		.events .header-container img {
			width: 100%;
			height: auto;
			}
			
	.events .header-container.has-hero {
		background-color: #000;
		min-height: 100px;
		overflow: hidden;
		}		

		.events .header-container.has-hero h2 {
		    line-height: 1.2;
		    margin-bottom: 20px;
		    text-transform: none;
			font-size: 42px;
			text-transform: uppercase;
			font-weight: 100;
			}	
		
		.events .header-container.has-hero header {	
			color: #464646;
			background-color: rgba(255,255,255, .8);
			padding: 30px 45px 35px;
			display: block;
			width: 990px;
			margin-left: -540px;
			text-align: center;
			font-size: 28px;
			bottom: 90px;
			left: 50%;
			position: absolute;
			z-index: 50;
			}		

		.events .header-container.has-hero p {
		    line-height: 1.2;
			}	

		.events .supporting-images li {
			margin-bottom: 15px;
			}
			
			.events .supporting-images li img {
				width: 100%;
				height: auto;
				}
				
	.events ul.grid {
		margin-bottom: 0;
		}		

		.events ul.grid img {
		    padding: 30px 20px 30px 0;
		    max-width: 170px;
			margin: 0;
		    }

		.events .main-content .cta-container {
			padding-top: 30px;
			}			

		.events.page-events section > h1 {
			background-color: #EE2669;
			margin-bottom: 65px;
			padding: 30px 0;
			left: auto;
			top: auto;
			position: relative;
			}

			.events.page-events section > h1 span {
				display: block;
				color: #fff;
				font-size: 48px;
				font-weight: 400;
				line-height: 1.2;
				margin: 0 auto;
				max-width: 1400px;
				padding: 0 20px;
				text-transform: none;
				}
				

/* ---------- */

.feature {
	position: relative;
	}

	.feature a.edit-link {
		font-size: 14px;
		color: #fff;
		background-color: #00ade1;
		padding: 10px 15px 8px 20px;
		bottom: 30px;
		left: 0;
		position: absolute;
		z-index: 61;
		}
		
		.feature a.edit-link:hover {
			background-color: rgba(0,0,0, .8);
			}
	
	.feature h2 {
		text-transform: none;
		line-height: 1.2;
		margin-bottom: 20px;
		}

	.feature .hero {
		width: 100%;
		display: block;
		}

	.feature img {
		margin: 0 auto;
		width: 100%;
		height: auto;
		min-height: 400px;
		}
		
	.feature .information {
		width: 990px;
		margin-left: -495px;
		text-align: center;
		font-size: 30px;
		bottom: 90px;
		left: 50%;
		position: absolute;
		z-index: 50;
		
		transition: all 100ms ease;
	   	-o-transition: all 100ms ease;
	   	-moz-transition: all 100ms ease;
	   	-webkit-transition: all 100ms ease;
		}
		
		.feature .information a {
			color: #464646;
			background-color: rgba(255,255,255, .8);
			padding: 30px 45px 10px;
			display: block;
			}
			
			.feature .information a:hover {
				color: #000;
				background-color: rgba(255,255,255, .85);
			
				box-shadow: 1px 1px 3px 0 rgba(77,77,77, .3);
				-moz-box-shadow: 1px 1px 3px rgba(77,77,77, .3);
				-webkit-box-shadow: 1px 1px 3px rgba(77,77,77, .3);
				}
				
		.feature .information .info-container {
			color: #464646;
			background-color: rgba(255,255,255, .8);
			padding: 30px 45px 10px;
			display: block;
			}		
		
		.feature .information p {
			line-height: 1.2;
			}	
			
			.feature .information p u {
				text-decoration: none;
				text-transform: uppercase;
				border-bottom: 2px solid rgba(0,0,0, .3);
				
				transition: all 100ms ease;
			   	-o-transition: all 100ms ease;
			   	-moz-transition: all 100ms ease;
			   	-webkit-transition: all 100ms ease;
				}
				
				.feature .information p u:hover {
					border-color: rgba(0,0,0, .1);
					}
			
		.features-secondary li:first-child a.more {
			color: #fcaf1b;
			}
			
		.features-secondary li:last-child a.more {
			color: #9b0a3a;
			}	

					.features-secondary li:first-child .feature-image:focus h2, .features-secondary li:first-child .feature-image:hover h2 {
						background-color: rgba(209,158,22, .7);

						box-shadow: 1px 1px 3px 0 rgba(158,10,6, .3);
						-moz-box-shadow: 1px 1px 3px rgba(158,10,6, .3);
						-webkit-box-shadow: 1px 1px 3px rgba(158,10,6, .3);
						}
	
					.features-secondary li:last-child .feature-image:focus h2, .features-secondary li:last-child .feature-image:hover h2 {
						background-color: rgba(208,11,77, .7);
	
						box-shadow: 1px 1px 3px 0 rgba(133,4,47, .3);
						-moz-box-shadow: 1px 1px 3px rgba(133,4,47, .3);
						-webkit-box-shadow: 1px 1px 3px rgba(133,4,47, .3);
						}	

	.feature-sub .feature-image {
		display: block;
		position: relative;
		margin-bottom: 30px;
		background-color: #EBEBEB;
		color: #EBEBEB;
		min-height: 175px;
		}
		
			.feature-sub .feature-image:focus h2, .feature-sub .feature-image:hover h2 {
				background-color: rgba(245,127,32, .7);
				text-shadow: none;
				
				box-shadow: inset 0 0 90px 0 rgba(173,85,14, .5);
				-moz-box-shadow: inset 0 0 90px 0 rgba(173,85,14, .5);
				-webkit-box-shadow: inset 0 0 90px 0 rgba(173,85,14, .5);
				}

	.feature-sub h2 {
		line-height: 1.2;
		font-size: 60px;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		padding: 23% 20px 20px;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
		text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
		
		transition: all 100ms ease;
	   	-o-transition: all 100ms ease;
	   	-moz-transition: all 100ms ease;
	   	-webkit-transition: all 100ms ease;
		}	
		
	.feature-sub img {
		width: 100%;
		height: auto;
		}
		
	.feature-sub a.more {
		text-decoration: underline;
		text-transform: uppercase;
		}	
		
		.feature-sub a.more:hover {
			color: #00ADE1 !important;
			text-decoration: none;
			}	
		
	.feature-sub p {
		margin-bottom: 0;
		line-height: 1.7;
		}
		
	a.file-upload:before {
		font-weight: normal;
		font-family: FontAwesome;
		padding-right: 6px;
		content: "\f019";
		}		

/* ----- full screen galleries ----- */

	.gallery .edit-link {
		bottom: 0;
		left: 0;
		position: absolute;
		}

	.gallery .feature {
		width: 100%;
		overflow: hidden;
		}

	.gallery  .gallery-nav {
		display: inline;
		} 

	.gallery .hero {
		overflow: hidden;
		display: block;
		}

	.gallery .item-nav {
		margin-left: -150px;
		width: 300px;
		text-align: center;
		bottom: 15px;
		left: 50%;
		position: absolute;
		z-index: 60;
		}
		
		.gallery .item-nav li {
			display: inline-block;
			text-align: center;
			text-indent: -9009em;
			margin: 0 5px;
			width: 6px;
			height: 6px;
			border: 3px solid #fff;
			background-color: #fff;
			cursor: pointer;
			
			-webkit-border-radius: 10px;
			border-radius: 10px;
			
			box-shadow: 1px 1px 3px 0 rgba(77,77,77, .4);
			-moz-box-shadow: 1px 1px 3px rgba(77,77,77, .4);
			-webkit-box-shadow: 1px 1px 3px rgba(77,77,77, .4);
			}
			
			.gallery .item-nav li:hover, .gallery .item-nav li.active {
				background-color: #f57f20;
				}

	.gallery .pagination {
		display: inline;
		}	

		.gallery .pagination span {
			display: block;
			top: 50%;
			position: absolute;
			z-index: 100;
			margin-top: -32px;
			width: 62px;
			height: 62px;
			text-indent: -9009em;
			text-align: left;
			cursor: pointer;
			background-color: rgba(255, 255, 255, 0.7);

			transition: all 100ms ease;
		   	-o-transition: all 100ms ease;
		   	-moz-transition: all 100ms ease;
		   	-webkit-transition: all 100ms ease;
			}

			.gallery .pagination span:before {
				display: block;
				content: "";
				width: 26px;
				height: 28px;
				top: 50%;
				left: 50%;
				position: absolute;
				margin: -11px 0 0 -12px;
				background-position: 0 -369px;	
				background-repeat: no-repeat;	
				background-image: url("/sites/all/themes/gdb/css/images/guide-dogs-for-the-blind-logo-sprite.png");
				}

			.gallery .pagination span:hover {
				background-color: rgba(255, 255, 255, 1);
				
				box-shadow: 1px 1px 3px 0 rgba(77,77,77, .3);
				-moz-box-shadow: 1px 1px 3px rgba(77,77,77, .3);
				-webkit-box-shadow: 1px 1px 3px rgba(77,77,77, .3);
				}
		
		.gallery .pagination span.disabled {
			display: none;
			}		
		
		.gallery .pagination span.next {
			right: 0;
			}	

			.gallery .pagination span.next:before {
				left: auto;
				right: 50%;
				background-position: 0 -435px;
				margin: -11px -15px 0 0;	
				}

.gallery-container {
	overflow: hidden;
	}	
	
ul.grid {
	overflow: hidden;
	}
	
	ul.grid img {
		height: auto;
		max-width: 100%;
		width: auto;
		margin: 0 auto;
		}
	
	ul.grid li {
		float: left;
		list-style-type: none !important;
		width: 33.3333%;
		margin: 0 0 30px;
		}
		
		ul.grid li:nth-child(3n+1) {
			clear: both;
			}	
		
/* ----- Homepage Specifics ----- */

	.home address {
		font-style: normal;
		}

	.home .address {
		float: left;
		font-size: 11px;
		width: 160px;
		margin: 0 0 25px 0;
		line-height: 1.5;
		}
	
		.home .address:last-child {
			width: 120px;
			}
	
		.home .address .country-name {
			display: none;
			}
			
			.home #content-secondary .block-views > h2 {
			 	left: -9000px;
			    position: fixed;
			    top: -9000px;
			    z-index: 100;
				}		
	
		.home .event-snippet .edit-link, .home .news-snippet .edit-link {
			display: block;
			bottom: 20px;
			left: 0;
			position: absolute;
			}
			
	.home .event-snippet {
		overflow: hidden;
		}		
			
		.home .event-snippet li {
			float: left;
			margin-left: 4.3478260869565216%;
			width: 47.82608695652174%;
			}	
			
			.home .event-snippet li:first-child {
				margin-left: 0;
				}
			
		.home .event-snippet li, .home .news-snippet li {
			position: relative;
			margin-bottom: 40px;
			}
			
			.home .event-snippet li h2 {
				left: -9000px;
			    position: fixed;
			    top: -9000px;
			    z-index: 100;
				}
		
	.home .form-actions, .home .form-item {
		overflow: hidden;
		margin: 0 0 20px;
		clear: both;
		}
	
		.home .address h4 {
			font-size: 11px;
			}
			
		.home .address .type.phone {
			display: none;
			}
		
	.home .block-webform {
		float: right;
		}
		
		.home .block-webform h2 {
	        font-size: 25px;
	        color: #00ade1;
	        overflow: visible;
			margin-bottom: 4px;
			}

			.home .block-views .view-content > div {
				width: 100%;
				}

		.home #block-views-event-feed-block h2 {
			font-size: 25px;
			display: block;
			color: #00a65b;
			margin-top: 4px;
			}
			
			.home #block-views-event-feed-block h2 a {
				color: #00a65b;
				}
				
				.home #block-views-event-feed-block h2 a:hover {
					color: #00ADE1;
					}
			
				.home #block-views-event-feed-block .read-more a {
					color: #00a65b;
					text-decoration: underline;
					text-transform: uppercase;
					}	
				
					.home #block-views-event-feed-block .read-more a:hover {
						color: #00ADE1;
						text-decoration: none;
						}
			
		.home #block-views-news-feed-block h2 {
			font-size: 25px;
			display: block;
			color: #F57F20;
			margin-top: 4px;
			}	
			
				.home #block-views-news-feed-block .read-more a {
					color: #F57F20;
					text-decoration: underline;
					text-transform: uppercase;
					}
					
					.home #block-views-news-feed-block .read-more a:hover {
						color: #00ADE1;
						text-decoration: none;
						}	

			.home #block-views-home-pa-block-2 .view-content {
				margin: 0 20px;
				}
				
	.home .contact-container {
		overflow: hidden;
		clear: both;
		}

	.home #content {
		max-width: 100%;
		padding-bottom: 0;
		}		

		.home #content h1 {
			display: none;
			}
			
	.home .features-secondary {
		margin: 0 auto;
		max-width: 1400px;
		overflow: hidden;
		}		
	
		.home .features-secondary li {
			float: left;
			width: 31.42857142857143%;
			margin: 0 0 55px 2.857142857142857%;
			}
			
			.home .features-secondary li:first-child {
				margin-left: 0;
				}

	.home .gallery-container {
		margin-bottom: 65px;
		position: relative;	
		background-color: #d3d3d3;	
		min-height: 400px;
		}
		
			.home .gallery-container > ul li {
				opacity: 0;
			    width: 100%;
			    }
			
				.home .gallery-container > ul li:first-child {
					opacity: 1;
					}
			
			.home .gallery-container > ul li.active {
				z-index: 50 !important;
				}
			
	.home #postcontent {
		width: 100%;
	    background-color: #ebebeb;
	    color: #000000;
		}

	.home .postcontent-wrapper {
	    padding: 62px 20px 175px;
	    max-width: 1400px;
	    margin: 0 auto;
		overflow: hidden;
	    clear: both;
		}	
		
	.home .postcontent-container {
		float: left;
		width: 65.71428571428571%;
		}
		
	.home .read-more {
		display: block;
		text-align: right;
		}	
			
	.home .social {
		overflow: hidden;
		float: left;
		}	
		
		.home .social a {
			display: block;
			padding: 2px;
			border: 2px solid rgba(0,0,0, 0);
			}
			
			.home .social a:hover {
				border-color: #00ADE1;
				}
		
		.home .social h3 {
			display: none;
			}
		
		.home .social li {
			float: left;
			margin-right: 6px;
			}
			
			.home .social li:last-child {
				margin: 0;
				}
				
		.home .social span {
			display: none;
			}		
				
	.home .supporting-content-container {
		overflow: hidden;
		float: left;
		width: 31.42857142857143%;
		margin: 0 0 55px 2.857142857142857%;
		}
		
		.home .supporting-content-container > .block {
			clear: both;
			}
			
		.home .supporting-content-container input[type="text"], .home .supporting-content-container input[type="email"] {
			float: right;
			width: 93%;
			padding: 10px 3%;
			}
			
			.home .supporting-content-container input[type="text"]:focus, .home .supporting-content-container input[type="email"]:focus, .home .supporting-content-container input[type="text"]:hover, .home .supporting-content-container input[type="email"]:hover {
				border-color: #b2b2b2;
				
				-moz-box-shadow:    inset 0 0 4px rgba(194,194,194, .9);
				-webkit-box-shadow: inset 0 0 4px rgba(194,194,194, .9);
				box-shadow:         inset 0 0 4px rgba(194,194,194, .9);
				}
		
		.home .supporting-content-container input[type="submit"] {
		    padding: 11px 64px;
			float: right;
			margin-bottom: 20px;
			}
			
		.home .supporting-content-container label {
			left: -9000px;
			top: -9000px;
			position: fixed;
			z-index: 100;
			}

.iframe-container {
	padding: 10px;
	border: 1px solid #ebebeb;
	margin-bottom: 2em;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

/* ---------- */

.inner-wrapper {
	border-top: 25px solid #000;
	}

.element-invisible {
	display: none;
	}
	
	.main-content a {
		border-bottom: 1px solid #f7974a;
		}
		
		.main-content a:hover {
			border-color: #fff;
			}  	
			
	.main-content hr {
		display: block;
		margin: 2.3em 0 2em;
		}
	
	.main-content h2 {
	    font-size: 28px;
	    margin: 40px 0 0;
		}
		
		.main-content h2 small {
			text-transform: none;
			font-size: 22px;
			}	

	.main-content h3 {
		color: #303030;
	    font-size: 22px;
	    margin: 20px 0 5px;
		text-transform: none;
		}
	
	.main-content li {
		line-height: 1.6;
		margin: 0 0 1em 2.2em;
		}
		
	.main-content ol {
		margin-bottom: 1.8em;
		}			
	
		.main-content ol > li {
			list-style-type: decimal;
			}
						
	.main-content ul {
		margin-bottom: 1.8em;
		}

		.main-content ul > li {
			list-style-type: disc;
			}
			
/* ----- error and status messages ----- */						
		
div.messages {
	padding: 30px 50px;
	font-size: 22px;
	text-align: center;
	color: #fff;
	background-color: #00ADE1;
	}
	
	.messages a {
		color: #fff;
		border-bottom: 1px solid rgba(255,255,255, .8);
		}
		
	.messages a:hover {
		border-color: rgba(255,255,255, .0);
		}	
		
	.messages em {
		font-style: normal;
		font-weight: 700;
		}
	
	div.messages.error, div.messages.warning {
		background-color: #F57F20;
		}
		
.off-stage {
	left: -9000px;
	top: -9000px;
	position: fixed;
	z-index: 100;
	}	
	
/* ----- Node type styling ----- */		
	
			.node-type-content-page .main-content h2:first-child {
				margin-top: 0;
				}
		
			.node-type-content-page .main-content h3:first-child {
				margin-top: 0;
				}	
	
/* ----- Node specific styling ----- */	

			
/* Puparazzi Contest styles */

.page-node-27, .page-node-28, .page-node-29 {
	background-image: url("/sites/all/themes/gdb/third-party-assets/images/votdo-bg.png");
	}

	.page-node-27, iframe .page-node-28 iframe, .page-node-29 iframe {
		margin: 0 auto 50px;
		}
		
		.page-node-32 a.call-to-action {
			margin-bottom: 20px;
			} 

			.page-node-32 .content-page hr {
				margin: 80px 0 60px;
				}
				
		.page-node-32 .extra-info {
			text-align: center;
			}

/* ---------- */		
	
.site-search {
	top: 73px;
	right: 20px;
	position: absolute;
	}
	
	.site-search div {
		display: inline;
		}

	.site-search button[type="submit"] {
		padding: 5px 5px 3px;
		color: #fff;
		background-color: #00ade1;
		border: 1px solid #00ade1;
		text-transform: uppercase;
		left: -9000px;
		top: -9000px;
		position: fixed;
		z-index: 100;
		
		transition: all 100ms ease;
	   	-o-transition: all 100ms ease;
	   	-moz-transition: all 100ms ease;
	   	-webkit-transition: all 100ms ease;
		}
		
		.site-search button[type="submit"]:hover {
			color: #fff;
			background-color: #000;
			border: 1px solid #000;
			}	
		
	.site-search input[type="text"] {
		color: #888;
		font-size: 12px;
		color: #999;
		width: 170px;
		padding: 5px 5px 3px 25px;
		border: 1px solid #d7d7d7;
		background: #fff url("/sites/all/themes/gdb/css/images/guide-dogs-for-the-blind-logo-sprite.png") no-repeat 7px 7px;
		
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		
		transition: border-color 100ms ease;
	   	-o-transition: border-color 100ms ease;
	   	-moz-transition: border-color 100ms ease;
	   	-webkit-transition: border-color 100ms ease;
		}
		
		.site-search input[type="text"]:focus, .site-search input[type="text"]:hover {
			color: #00ade1;
			border-color: #00ade1;
			background-position: 7px -33px;

			-moz-box-shadow:    inset 0 0 15px rgba(152, 215, 234, 0.1), 0 0 5px rgba(152, 215, 234, 0.1);
			-webkit-box-shadow: inset 0 0 15px rgba(152, 215, 234, 0.1), 0 0 5px rgba(152, 215, 234, 0.1);
			box-shadow:         inset 0 0 15px rgba(152, 215, 234, 0.1), 0 0 5px rgba(152, 215, 234, 0.1);
			}

	.site-search label {
		left: -9000px;
		top: -9000px;
		position: fixed;
		z-index: 100;
		}
			
	.sub-features .feature-sub {
		margin: 100px auto;
		max-width: 440px;
		width: 100%;
		}

	.supporting-content li {
		line-height: 1.6;
		}

	.supporting-content ol {
		margin-bottom: 3em;
		}			

		.supporting-content ol > li {
			list-style-type: decimal;
			margin: 0 0 1em 2.6em;
			}

	.supporting-content ul {
		margin-bottom: 3em;
		}

		.supporting-content ul > li {
			list-style-type: disc;
			margin: 0 0 1em 2.2em;
			}	

/* ----- admin tabs ----- */	
	
.tabs {
	bottom: -1px;
	right: 0;
	position: fixed;
	margin: 0;
	z-index: 501;
	width: 100%;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	background-color: #62bee0; /* fall back for non rgba */
	background-color: rgba(0, 0, 0, .2);
	border-top: 1px solid rgba(0,0,0, .3);
	opacity: .9;
	}

	.tabs a {
		color: #fff;
		display: block;
		height: 15px;
		line-height: 15px;
		padding: 6px 20px;
		float: left;
		border-right: 1px solid #3c9ec2;
		background-color: #62bee0;

		box-shadow: 0 0 2px 0 #79cbe9 inset, 0 0 1px 0 #b9e0ef inset;
		-moz-box-shadow: 0 0 2px 0 #79cbe9 inset, 0 0 1px 0 #b9e0ef inset;
		-webkit-box-shadow: 0 0 2px 0 #79cbe9 inset, 0 0 1px 0 #b9e0ef inset;

		transition: all 100ms ease;
	   	-o-transition: all 100ms ease;
	   	-moz-transition: all 100ms ease;
	   	-webkit-transition: all 100ms ease;
		}

		.tabs a:last-child {
			border-left: 1px solid #62bee0;
			}

		.tabs a:hover, .tabs a.active {
			color: #fff;
			background-color: #217a9b;
			border-color: #217a9b;

			box-shadow: 0 0 3px 0 #105974 inset;
			-moz-box-shadow: 0 0 3px 0 #105974 inset;
			-webkit-box-shadow: 0 0 3px 0 #105974 inset;
			}
			
	.user #content {
		max-width: 500px;
		margin: 100px auto;
		}
				
		.user #content input[type="text"], .user #content input[type="password"], .users #content input[type="text"], .users #content input[type="password"] {
			width: 95%;
			}
			
	.users #content, .user #content {
		max-width: 1000px;
		padding: 0 20px;
		margin: 50px auto 0;
		}
		
	.users #postcontent, .user #postcontent	{
		max-width: 1000px;
		padding: 0 20px 180px;
		margin: 50px auto 0;
		font-size: 12px;
		color: #666;
		}
		
		.users #postcontent	.view-footer, .user #postcontent	.view-footer {
			text-align: right;
			padding-right: 35px;
			}
			
	.users table, .user table {
		padding: 20px 25px 25px;
		margin: 10px auto 20px;
		background-color: #F8F8F8;
		border: 1px solid #e3e2e2;	

		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;

		-moz-box-shadow:    inset 0 0 2px rgba(197, 197, 197, 0.2);
		-webkit-box-shadow: inset 0 0 2px rgba(197, 197, 197, 0.2);
		box-shadow:         inset 0 0 2px rgba(197, 197, 197, 0.2);
		}	
		
	.users td, .user td {
		padding: 5px;
		}
		
	.user #user-login {
		margin: 0 auto;
		width: 500px;
		}	
		
			.whats-new-feature #content h1 {
				display: none;
				}	
				
		.whats-new-feature h2 small {
			font-size: 12px;
			}
		
	.whats-new-feature .news-snippet {
		margin: 100px auto;
		max-width: 850px;	
		position: relative;
		}
		
		.whats-new-feature .news-snippet .edit-link {
			bottom: 20px;
			display: block;
			left: 0;
			position: absolute;
			}
		
	.whats-new-feature .read-more {
		display: block;
		text-align: right;		
		}
		
		.whats-new-feature .read-more a {
			color: #F57F20;
			text-decoration: underline;
			text-transform: uppercase;
			}
			
			.whats-new-feature .read-more a:hover {
				color: #00ADE1;
				text-decoration: none;
				}

/* ~ ~ ~ ~ ID SPECIFIC ~ ~ ~ ~ */

#content {
	padding-bottom: 125px;
	}

	#content > .container {

		}
		
/* ----- Main Navigation ----- */		
/* ----- Main Navigation ----- */
 
#navigation {
	padding: 162px 0 0 10px;
}
 
#navigation h2 {
	left: -9000px;
	top: -9000px;
	position: fixed;
	z-index: 100;
}
 
#navigation ul {
	list-style-type: none;
}
 
#navigation li {
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 0.1em;
}
 
#navigation li li {
	display: block;
}
 
#navigation li li a {
	display: block;
	padding: 10px 20px;
	color: #000;
	background-color: #fff;
	border-bottom: 1px solid rgba(0,0,0, .3);
}
 
#navigation li li a:hover {
	color: #d10d4e;
	background-color: #fff;
}
 
#navigation li li:first-child {
	border-top: 10px solid #d10d4e;
}
 
#navigation li li.expanded > a {
	background-image: url("images/guide-dogs-for-the-blind-logo-sprite.png");
	background-repeat: no-repeat;
	background-position: right -140px;
 
	transition: background-position 0ms;
	-o-transition: background-position 0ms;
	-moz-transition: background-position 0ms;
	-webkit-transition: background-position 0ms;
}
 
#navigation li li.expanded > a:hover,
#navigation li li.expanded:hover > a {
	background-position: right -70px;
}
 
#navigation > ul {
	margin-right: 20px;
	text-align: right;
}
 
#navigation > ul ul ul {
	top: 0;
	left: -9999px;
	box-shadow: 1px 1px 3px 0 rgba(77,77,77, .3);
	-moz-box-shadow: 1px 1px 3px rgba(77,77,77, .3);
	-webkit-box-shadow: 1px 1px 3px rgba(77,77,77, .3);
}
 
#navigation > ul ul li:hover ul,
#navigation > ul ul li.focused ul {
	left: 220px;
}
 
#navigation > ul > li {
	height: 47px;
}
 
#navigation > ul > li > a,
#navigation > ul > li > h3 > a {
	color: #464646;
	font-size: 15px;
	display: block;
	padding: 5px;
}
 
#navigation > ul > li:last-child > a,
#navigation > ul > li:last-child > h3 > a {
	padding-right: 0;
}
 
#navigation > ul > li > a:focus,
#navigation > ul > li > h3 > a:hover,
#navigation > ul > li:hover > a,
#navigation > ul > li:hover > h3 > a {
	color: #d10d4e;
}
 
#navigation > ul > li > ul {
	top: 47px;
}
 
#navigation > ul > li:nth-child(8) li.expanded > a {
	background-position: 0 -280px;
}
 
#navigation > ul > li:nth-child(8) li.expanded > a:hover,
#navigation > ul > li:nth-child(8) li.expanded:hover > a,
#navigation > ul > li:nth-child(9) li.expanded > a:hover,
#navigation > ul > li:nth-child(9) li.expanded:hover > a {
	background-position: 0 -210px;
}
 
#navigation > ul > li:nth-child(8) > ul,
#navigation > ul > li:nth-child(9) > ul {
	right: 9999px;
	left: auto;
}
#navigation > ul > li:nth-child(8):hover > ul,
#navigation > ul > li:nth-child(8).focused > ul,
#navigation > ul > li:nth-child(9):hover > ul,
#navigation > ul > li:nth-child(9).focused > ul {
	right: 0;
}
 
#navigation > ul > li:nth-child(8) ul ul,
#navigation > ul > li:nth-child(9) ul ul {
	right: 9999px;
	left: auto;
 
	box-shadow: -1px 1px 3px 0 rgba(77,77,77, .3);
	-moz-box-shadow: -1px 1px 3px rgba(77,77,77, .3);
	-webkit-box-shadow: -1px 1px 3px rgba(77,77,77, .3);
}
#navigation > ul > li:nth-child(8) ul li:hover ul,
#navigation > ul > li:nth-child(8) ul li.focused ul,
#navigation > ul > li:nth-child(9) ul li:hover ul,
#navigation > ul > li:nth-child(9) ul li.focused ul {
	right: 220px;
}
 
#navigation > ul ul {
	width: 220px;
	text-align: center;
	left: -9999px;
	position: absolute;
	z-index: 300;
 
	box-shadow: -1px 1px 3px 0 rgba(77,77,77, .3);
	-moz-box-shadow: -1px 1px 3px rgba(77,77,77, .3);
	-webkit-box-shadow: -1px 1px 3px rgba(77,77,77, .3);
}
#navigation > ul > li:hover > ul,
#navigation > ul > li.focused > ul {
	left: auto;
}
/*#navigation {
	padding: 162px 0 0 10px;
	}

	#navigation h2 {
		left: -9000px;
		top: -9000px;
		position: fixed;
		z-index: 100;
		}
		
	#navigation li {
		display: inline-block;
		font-size: 12px;
		text-transform: uppercase;
		position: relative;
		letter-spacing: 0.1em;
		}
		
			#navigation li:hover > ul {
				display: block;
				}
		
		#navigation li li {
			display: block;
			}
					
			#navigation li li a {
				display: block;
				padding: 10px 20px;
				color: #000;
				background-color: #fff;
				border-bottom: 1px solid rgba(0,0,0, .3);
				}
				
				#navigation li li a:hover {
					color: #d10d4e;
					background-color: #fff;
					}
					
				#navigation li li:first-child {
					border-top: 10px solid #d10d4e;
					}	
					
				#navigation li li.expanded > a {
					background-image: url("/sites/all/themes/gdb/css/images/guide-dogs-for-the-blind-logo-sprite.png");
					background-repeat: no-repeat;
					background-position: right -140px;
					
					transition: background-position 0ms;
				   	-o-transition: background-position 0ms;
				   	-moz-transition: background-position 0ms;
				   	-webkit-transition: background-position 0ms;
					}
					
					#navigation li li.expanded > a:hover, #navigation li li.expanded:hover > a {
						background-position: right -70px;
						}	
						
	#navigation > ul {
		margin-right: 20px;
		text-align: right;
		}						

		#navigation > ul > li {
			height: 47px;
			}
		
			#navigation > ul > li > a {
				color: #464646;
				font-size: 15px;
				display: block;
				padding: 5px;
				}
			
				#navigation > ul > li:last-child > a {
					padding-right: 0;
					}
					
			#navigation > ul > li > a:focus, #navigation > ul > li > a:hover, #navigation > ul > li:hover > a {
				color: #d10d4e;
				}
				
		#navigation > ul > li > ul {
			top: 47px;
			}
			
			#navigation > ul > li:nth-child(8) li.expanded > a {
				background-position: 0 -280px;
				}
			
				#navigation > ul > li:nth-child(8) li.expanded > a:hover, #navigation > ul > li:nth-child(8) li.expanded:hover > a, #navigation > ul > li:nth-child(9) li.expanded > a:hover, #navigation > ul > li:nth-child(9) li.expanded:hover > a {
					background-position: 0 -210px;
					}
					
					#navigation > ul > li:nth-child(8) > ul, #navigation > ul > li:nth-child(9) > ul {
						right: 0;
						left: auto;
						}

					#navigation > ul > li:nth-child(8) ul ul, #navigation > ul > li:nth-child(9) ul ul {
						right: 220px;
						left: auto;
	
						box-shadow: -1px 1px 3px 0 rgba(77,77,77, .3);
						-moz-box-shadow: -1px 1px 3px rgba(77,77,77, .3);
						-webkit-box-shadow: -1px 1px 3px rgba(77,77,77, .3);
						}			

		#navigation > ul ul {
			width: 220px;
			text-align: center;
			display: none;
			position: absolute;
			z-index: 300;
			
			box-shadow: -1px 1px 3px 0 rgba(77,77,77, .3);
			-moz-box-shadow: -1px 1px 3px rgba(77,77,77, .3);
			-webkit-box-shadow: -1px 1px 3px rgba(77,77,77, .3);
			}
			
			#navigation > ul ul ul {
				top: 0;
				left: 220px;
				
				box-shadow: 1px 1px 3px 0 rgba(77,77,77, .3);
				-moz-box-shadow: 1px 1px 3px rgba(77,77,77, .3);
				-webkit-box-shadow: 1px 1px 3px rgba(77,77,77, .3);
				}			
*/
#wrapper {
	height: auto !important;
	min-height: 100%;
	min-width: 960px;
	position: relative;
	}

	#wrapper > .inner-wrapper footer {
		color: #fff;
		background-color: #00ade1;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
		}

	#wrapper > .inner-wrapper > header {
		position: relative;
		margin: 0 auto;
		max-width: 1400px;
		min-height: 197px;
		}

		#wrapper > .inner-wrapper > header h1 {
			top: 72px;
			left: 20px;
			position: absolute;
			}
			
			#wrapper > .inner-wrapper > header h1 a {
				display: block;
				width: 280px;
				height: 70px;
				text-indent: -9009em;
				background: transparent url("/sites/all/themes/gdb/css/images/guide-dogs-for-the-blind-logo.png") no-repeat 0 0;	
				}

/* ~ ~ ~ ~ Media Quires ~ ~ ~ ~ */
				
/* ----- standard size screens ----- */
@media only screen and (max-width: 960px) {
	
	.home .social {
		float: none;
		}	

		.home .social li {
			margin: 0 2px 2px 0;
			}
	
}	

/* ----- Medium size screens ----- */
@media only screen and (max-width: 1300px) {
	
			footer .container li {
				font-size: 14px;
				}
	
			footer .container small {
				font-size: 14px;
				}
				
			.home .block-webform h2 {
				font-size: 20px;
				}	
				
			.home .form-container p {
				font-size: 15px;
				line-height: 1;
				}	
				
			.home #block-views-news-feed-block h2, .home #block-views-event-feed-block h2 {
				font-size: 20px;
				}
	
			.home .gallery .feature {
				height: 490px !important;
				}
				
			.home .gallery .item-nav {
				bottom: 0;
				}
				
		.home .gallery-container {
			height: 490px !important;
			}	
	
		.home .postcontent-container {
			font-size: 15px;
			}
			
				.home .supporting-content-container input[type="submit"] {
					float: none;
					padding: 8px 20px;
					}

				.home .supporting-content-container input {
					font-size: 16px;
					}	

		.events .header-container {
			min-height: 300px;
			}			
					
			.events .header-container header {
				font-size: 40px;
				}		
			
			.events .header-container header h2 {
				font-size: 40px;
				}	
			
		.events .header-container.has-hero, .content-page .header-container.has-hero {
			height: 480px !important;
			}	
			
			.events .header-container.has-hero header, .content-page .header-container.has-hero header {
				font-size: 22px;
				width: 100%;
				width: auto;
				margin: 0;
				top: auto;
				bottom: 0;
				right: 0;
				left: 0;
				background-color: #fff !important;
				border-top: 2px solid #D3D3D3;
				border-bottom: 2px solid #D3D3D3;
				min-height: 45px;
				}
				
			.events .header-container.has-hero h2, .content-page .header-container.has-hero h2 {
				font-size: 22px;
				margin: 0;
				}
			
			.events .header-container.has-hero img, .content-page .header-container.has-hero img {
				width: 130%;
				margin-left: -5%;
				}
				
	.event-container {
		font-size: 15px;
		}					
	
		.feature h2 {
			font-size: 22px;
			margin: 0;
			}
			
		.feature img {
			width: 130%;
			margin-left: -5%;
			min-height: 400px;
			}	
		
		.feature .information {
			font-size: 22px;
			width: 100%;
			margin: 0;
			top: auto;
			bottom: 0;
			right: 0;
			left: 0;
			}
			
			.feature .information a {
				background-color: #fff !important;
				padding: 20px 20px 45px;
				min-height: 80px;
				border-top: 2px solid #D3D3D3;
				border-bottom: 2px solid #D3D3D3;
				}
				
				.feature .information a:hover {
					background-color: #fff !important;
					}
				
			.feature .information br {
				display: none;
				}
				
			.feature .information .info-container {
				background-color: #fff !important;
				padding: 20px 20px 45px;
				min-height: 80px;
				border-top: 2px solid #D3D3D3;
				border-bottom: 2px solid #D3D3D3;
				}		
				
			.feature .information p {
				margin-bottom: 0;
				}	
				
		.feature-sub h2 {
			font-size: 35px;
			}
			
		.feature-sub {
			font-size: 15px;
			}	
			
		#navigation > ul {
			text-align: left;
			}				
			
}

/* ----- Medium screens ----- */	
@media only screen and (max-width: 1400px) {
	
		.feature-sub h2 {
			font-size: 40px;
			}
			
		.home .social {
			float: none;
			}	

			.home .social li {
				margin: 0 2px 2px 0;
				}

		#navigation > ul {
			text-align: left;
			}

}

/* ----- Large screens ----- */	
@media only screen and (min-width: 1600px) {
	
	.feature-sub .feature-image {
		min-height: 270px;
		}
		
	.feature-sub h2 {
		font-size: 60px;
		}
		
		header .extras {
			right: 0;
			}
	
	#navigation {
		padding-top: 118px;
		}
		
		#navigation > ul {
			margin-right: 0;
			text-align: right;
			}

				#navigation > ul > li > h3 > a {
					font-size: 17px;
					padding: 5px 7px;
					}
			
	.site-search {
		right: 0;
		}		
	
		#wrapper > .inner-wrapper > header {
			min-height: 120px;
			}
			
			#wrapper > .inner-wrapper > header h1 {
				left: 0;
				}

}		

/* ----- Very Very Large screens ----- */	
@media only screen and (min-width: 2200px) {

			.events .header-container.has-hero:before, .content-page .header-container.has-hero:before {
				content: "";
				display: block;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				position: absolute;
				background-image: url("/sites/all/themes/gdb/css/images/lines-screen.png");
				z-index: 1;
				}
				
				.home .gallery-container > ul li a.hero {
					position: relative;
					}
	
					.home .gallery-container > ul li a.hero:before {
						content: "";
						display: block;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0;
						position: absolute;
						background-image: url("/sites/all/themes/gdb/css/images/lines-screen.png");
						z-index: 1;
						}

}		

/* ----- iPhone 4 / High density screens ----- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

}




/* ~ ~ ~ ~ Admin Overides ~ ~ ~ ~ */

html body.admin-menu {
	margin: 0 !important;
	}
	
/* -------- Custom admin bar -------- */