/* CSS Reset - Copyright (c) 2011, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 2.9.0	*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
/* CSS Tricks  - some handy css fixes */
.hide {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;}
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
* html .clearfix { zoom:1; } /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */

html,
body {
	background: #e1f5f5;
}
body {
	font-family: 'Roboto Slab', Georgia, serif;
	color:#333;
	font-size:100%;
	border-top: #67cfce solid 12px;
}

a {color:#dc6565; text-decoration:underline;}
a:hover {color:#a11b1b; text-decoration:none;}
	#container {
		width:90%;
		margin:0 auto;
		position:relative;
		padding:30px 0;
	}
		#header {
			text-align:center;
		}
		#header h1,
		#header h2 {
			text-transform: uppercase;
			font-weight: bold;
		}
		#header h3 {
			color: #444;
			font-size:18px;
			text-transform: lowercase;
		}
		#header h1 {
			color: #d95f3e;
			text-shadow:-1px 1px 0 #e1f5f5, -2px 2px 0 #d95f3e;
			font-size:30px;
			margin-bottom: 5px;
			font-family: Helvetica, Arial, sans-serif;
		}
		#header small {
			position: relative;
			display: block;
			margin-bottom: 8px;
		}
		#header small::before,
		#header small::after {
			content: '';
			display: block;
			position: absolute;
			top: 50%;
			width: 40%;
			height: 1px;
			background: #67cfce;
		}
		#header small::before {
			left: 0;
		}
		#header small::after {
			right: 0;
		}
			#header span {
				background: #67cfce;
				width: 25px;
				height: 25px;
				line-height: 22px;
				border-radius: 50px;
				color: #fff;
				font-size:18px;
				font-weight: bold;
				display: inline-block;
			}
		#header h2 {
			color: #67cfce;
			font-size:20px;
			margin-bottom: 20px;
			font-family: Helvetica, Arial, sans-serif;
		}
		#header p {
			margin-bottom: 20px;
		}
		#content {
		}
			#linkList {
				background: #fff;
				display: block;
				padding:0 0 15px;
				max-width: 400px;
				margin: 0 auto;
			}
				.item {
					padding: 20px 20px 0;
					max-width: 350px;
					margin: 0 auto;
					display: block;
				}
					.item h6 {
						background: #67cfce;
						color: #fff;
						border-radius: 4px;
						padding: 15px 25px 20px;
						font-size: 1.2em;
						text-align: center;
					}
					.item ul {
						margin: 5px 0 10px;
						list-style: none;
						display: block;
					}
						.item li {
							font-size: 16px;
							padding: 3px 0;
						}
							.item li a {
								background:#e07d5b;
								display:block;
								clear:both;
								padding:8px 20px;
								color: #fff;
								border-radius: 4px;
								-moz-transition:all linear 0.3s;
								-webkit-transition:all linear 0.3s;
								-o-transition:all linear 0.3s;
								transition:all linear 0.3s;
								text-align: center;
							}
							.item li a:active,
							.item li a:hover {
								background: #c7623f;
								text-shadow:0 1px 1px rgba(0,0,0,0.05);
							}
							/*.item li a:visited {
								color: #E8CCC3;
							}*/
		#content p {
			text-align: center;
			padding-top: 20px;
		}
		#sbLink {
			display:block;
			width: 219px;
			height: 36px;
			margin: 20px auto;
			background: url(../png/sblogo.png) no-repeat center center;
			padding: 6px 10px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			-o-border-radius:3px;
			border-radius:3px;
		}
		#horizontalShare {
			clear: both;
			text-align:center;
			display: block;
		}
			.socialBtn {
				display:inline-block;
				position:relative;
			}
			#facebook {
				top:3px;
			}
			#twitter, #linkedin, #pinterest {
				top:2px;
			}
			#stumbleupon {
				top:1px;
			}
			#facebook,
			#linkedin {
				padding:0 20px;
			}
			#pinterest {
				padding-right:10px;
			}
			#horizontalShare .socialLink {
				display:inline-block;
				position:relative;
				font-size:12px;
				text-align:center;
				padding:1px 6px;
				background:#eee;
				border:1px solid #ddd;
				color:#333;
				text-decoration:none;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				-o-border-radius:3px;
				border-radius:3px;
				margin:0 20px 0 5px;
				top:-4px;
				font-family: Helvetica, Arial, sans-serif;
			}
			#horizontalShare .socialLink:hover {
				background:#ddd;
				border:1px solid #ccc;
				color:#000;
			}
	#footer {
		padding:16px 20px 30px;
		background: #67cfce;
		color: #fff;
		text-align: center;
	}
		#footer a {
			color: #fff;
			font-weight: bold;
			text-shadow:0 1px 1px rgba(0,0,0,0.15);
		}

	#socialFloater {
		position:fixed;
		top:20px;
		right:15px;
		width:50px;
		padding:8px;
		display:none;
	}
	@media only all and (min-width: 1140px) {
		#socialFloater {
			display: block;
		}
	}
		#socialFloater .fb-like {
			margin-left:2px;
			padding-bottom:10px;
		}
		#socialFloater .twitter-share-button {
			margin-left:-3px;
			padding-bottom:7px;
		}
		#stumbleVert {
			display:block;
			padding:7px 0 0;
			margin-left:-5px;
		}
		#pinterestVert {
			display:block;
			padding:15px 3px 0;
		}
		#socialFloater .embedLink,
		#return {
			font-size:12px;
			display:block;
			text-align:center;
			padding:1px 6px;
			background:#eee;
			border:1px solid #ddd;
			color:#333;
			text-decoration:none;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			-o-border-radius:3px;
			border-radius:3px;
			margin:15px 0 0 -2px;
			position:relative;
			top:-6px;
			font-family: Helvetica, Arial, sans-serif;
		}
		#socialFloater .embedLink:hover,
		#return:hover {
			background:#ddd;
			border:1px solid #ccc;
			color:#000;
		}
	#embed {
		width:100%;
		height:190px;
		bottom:-200px;
		background:#f8f8f8;
		-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
		-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
		box-shadow:0 0 10px rgba(0,0,0,0.2);
		border-top:5px solid #555;
		position:fixed;
		text-align:center;
	}
		#embed h5 {
			font-size:18px;
			font-weight:bold;
			margin:15px;
			color:#333;
		}
		#close {
			cursor:pointer;
			position:absolute;
			top:8px;
			right:8px;
			display:block;
			width:16px;
			height:16px;
			padding:3px;
			border-radius:20px;
			background:url(../png/close-3.png) no-repeat 3px 3px;
		}
		#close:hover {
			background-color:#fff;
			-moz-box-shadow:0 0 1px #000;
			-webkit-box-shadow:0 0 1px #000;
			box-shadow:0 0 1px #000;
		}
		#embed textarea {
			width:90%;
			border:1px #999 solid;
			color:#111;
			font-size:11px;
			font-family:monospace;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
			padding:5px;
			height:90px;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
		}




@media only all and (min-width: 1050px) {
	.mobileOnly,
	#container .mobileOnly {
		display: none;
	}
	#container {
		width:1030px;
	}
		#content {
			background:#fff url(../png/bg.png) no-repeat 0 0;
		}
				#linkList {
					margin:0;
					background: transparent;
					padding: 470px 47px 0;
					max-width: 100%;
				}
					.item {
						width: 33.3%;
						float: left;
						height:340px;
						padding: 0;
					}
					.displaytables .item {
						display: table;
					}
						.item h6 {
							line-height:1.2em;
							margin:0;
							color: #fff;
							font-size: 19px;
							background: transparent;
							border: none;
							box-shadow: none;
							font-weight: normal;
							padding: 0
						}
						.displaytables .item h6 {
							display: table-row;
						}
							.item h6 span {
								display: block;
								padding: 100px 55px 17px;
								height: 134px;
								text-align: center;
							}
							.displaytables .item h6 span {
								display: table-cell;
								vertical-align: middle;
								padding: 67px 70px 50px;
							}
						#linkList .item ul {
							display: block;
							margin: 0;
							padding: 0;
							background: transparent;
							border: none;
							text-align: left;
						}
						.displaytables .item ul {
							display: table-row;
						}
							.item li {
								line-height: 1.25em;
								padding: 0 20px 0 35px;
								margin: 0;
								font-size: 14px;
								background:url(../png/bullet2.png) no-repeat 25px 6px;
							}
							#linkList .item .single li {
								vertical-align: middle;
								text-align: left;
								margin-top: 10px;
							}
							.displaytables .item .single li {
								display: table-cell;
								background-position: 25px 17px;
								padding-bottom: 48px;
							}
							.item li a {
								background:none;
								text-align: left;
								padding:2px 5px;
								border-radius: 3px;
							}
							.item li a:hover {
								background: rgba(0,0,0,0.08);
							}
							.lt-ie8 .item h6,
 							.lt-ie8 .item h6 span,
 							.lt-ie8 #linkList .item ul,
 							.lt-ie8 #linkList .item .single li {
 								display: block;
 							}
 							.lt-ie8 #linkList .item .single li {
 								background-position: 25px 6px;
 							}
				#sbLink {
					opacity: 0.9;
				}
				#sbLink:hover {
					opacity: 1;
				}
	#embed {
		width:600px;
		height:190px;
		left:50%;
		margin-left:-300px;
	}
		#embed h5 {
			font-size:22px;
		}
		#embed textarea {
			width:450px;
		}
}