/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}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-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

body {
	font-family: 'Quattrocento Sans', sans-serif;
	color:#333;
	font-size:100%;
	background:#1189a5 url(../jpg/bgrepeat.jpg);
	background: url(../jpg/bgtop.jpg) repeat-x center 0, #1189a5 url(../jpg/bgrepeat.jpg) repeat center 0;
}

a {color:#fff; text-decoration:underline;}
a:hover {color:#eef; text-decoration:none;}
	.wrapper {
		width:90%;
		margin:0 auto;
		position:relative;
	}
		#header {
			text-align:center;
			padding-bottom: 10px;
		}
			#title{
				margin: 0 0 20px;
			}
				#title span {
					color: #fff;
					display: block;
				}
				.ie7 #title span {
					display: none;
				}
				.titleBox {
					background: #34cbfe;
					position: relative;
					margin-top: 40px;
					margin-bottom: 40px;
				}
				.titleBox::after {
					position: absolute;
					content: '';
					width: 0px;
					height: 0px;
					border-style: solid;
				}
				#titleTop {
					text-transform: uppercase;
				}
				#titleTop::after {
					border-width: 20px 20px 0 0;
					border-color: #34cbfe transparent transparent transparent;
					bottom:-20px;
					left: 80%;
				}
					#the {
						padding: 15px 10px 5px;
						font-size: 0.5em;
					}
					#small {
						font-size: 1.75em;
						border-top: 1px solid #fff;
						margin: 3px 10% 0;
						padding-top: 4px;
						line-height: 1em;
						letter-spacing: -0.06em;
					}
					#business {
						font-size: 1.2em;
						line-height: 1em;
						letter-spacing: -0.06em;
					}
					#guide {
						font-size: 1.9em;
						line-height: 1em;
						border-bottom: 1px solid #fff;
						margin:0 10% 2px;
						letter-spacing: -0.06em;
					}
					#to {
						border-top: 4px solid #fff;
						margin:0 10%;
						padding-bottom: 15px;
						font-size: 0.5em;
						padding-top: 7px;
					}
				#titleBottom {
					padding: 15px 0;
				}
				#titleBottom::after {
					border-width: 0 0 20px 20px;
					border-color: transparent transparent #34cbfe transparent;
					top:-20px;
					right: 80%;
				}
					#twitterTitle {
						width: 223px;
						height: 60px;
						max-width: 85%;
						background: url(../png/twitter.png) no-repeat 0 0;
						background-size: 100% auto;
						text-transform: lowercase;
						margin: 0 auto;
					}
			.bookend {
				border-top: 1px solid rgba(37,173,205,0.3);
				border-bottom: 1px solid rgba(37,173,205,0.3);
				background: #1995b2;
				background: rgba(37,173,205,0.3);
				max-width: 800px;
				margin: 0 auto 1em;
				padding: 10px 0;
				text-align: center;
			}
				.bookend p {
					font-size: 1.3em;
					padding: 0 20px;
					color: #fff;
				}
			#legend {
				display: none;
			}
		#content {
		}
			#linkList {
				padding: 0;
			}
				.item {
					float: left;
					width: 100%;
					padding: 0 0 20px;
					list-style: none;
				}
					.item h6 {
						margin: 30px 0 10px;
						padding: 50px 25px 20px;
						background: #1c9ebc;
						background: rgba(37,173,205,0.6);
						color: #fff;
						border-radius: 1px;
						font-size: 1.5em;
						text-align: center;
						position: relative;
						font-weight: normal;
					}
						.count {
							color:#1288a4;
							font-size: 20px;
							font-weight: bold;
							position: absolute;
							top:4px;
							left: 7px;
						}
						.icon {
						    position: absolute;
						    display: inline-block;
						    content: '';
						    top: -39px;
						    left: 50%;
						    width: 78px;
						    height: 79px;
						    background-image: url(../png/iconsprite-2.png);
						    margin-left:-39px;
						}
						#icon0 { background-position: 0 0px;}
						#icon1 { background-position: 0 -83.2px;}
						#icon2 { background-position: 0 -166.4px;}
						#icon3 { background-position: 0 -249.6;}
						#icon4 { background-position: 0 -334.4px;}
						#icon5 { background-position: 0 -418px;}
						#icon6 { background-position: 0 -502px;}
						#icon7 { background-position: 0 -586px;}
						#icon8 { background-position: 0 -670px;}
						#icon9 { background-position: 0 -756px;}
						#icon10 { background-position: 0 -840px;}
						#icon11 { background-position: 0 -924px;}
						#icon12 { background-position: 0 -1008px;}
						#icon13 { background-position: 0 -1092px;}
						#icon14 { background-position: 0 -1180px;}
						#icon15 { background-position: 0 -1265px;}
						#icon16 { background-position: 0 -1350px;}
						#icon17 { background-position: 0 -1437px;}
						#icon18 { background-position: 0 -1522px;}
						#icon19 { background-position: 0 -1607px;}
						#icon20 { background-position: 0 -1692px;}
					.item ul {
						margin: 0 0 10px;
						list-style: none;
						display: block;
						background: #076b83;
						border-top: 1px solid rgba(37,173,205,0.7);
						border-bottom: 1px solid rgba(37,173,205,0.7);
						padding: 8px 0;
						border-radius: 1px;
					}
						.item li {
							font-size: 16px;
						}
							.item li a {
								display:block;
								clear:both;
								padding:5px 20px;
								color: #fff;
								text-align: center;
							}
		#content p {
			text-align: center;
			padding-top: 20px;
		}
	#footer {
		position: relative;
		text-align: center;
		overflow: hidden;
		padding: 35px 0 10px;
		margin-top:40px;
	}
	.borderradius #footer::before {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		width: 2000px;
		height: 2000px;
		margin-left: -1000px;
		background: url(../png/footerbg.png);
		border-radius: 3000px;
		border: 1px solid #fff;
		z-index: 0;
	}
	.no-borderradius #footer {
		background: url(../png/footerbg.png);
		border-top: 1px solid #fff;
		padding-top: 20px;
	}
		#footer a,
		#footer p {
			position: relative;
			z-index: 1;
			color: #3d4f53;
		}
		/*#footer a {
			color: #fff;
			font-weight: bold;
			text-shadow:0 1px 1px rgba(0,0,0,0.15);
		}*/
		#sbLink {
			display:block;
			width: 325px;
			height: 51px;
			margin: 0 auto;
			max-width: 90%;
			background: url(../png/sblogo-3.png) no-repeat center center;
			background-size: 85% auto;
			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;
		padding:16px 20px;
		background: #076b83;
		border-top: 1px solid #045d73;
		border-top: 1px solid rgba(0,0,0,0.05);
		color: #fff;
	}
		.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;
		}

	#socialFloater {
		position:fixed;
		top:20px;
		left:15px;
		width:50px;
		padding:8px;
		display:none;
	}
		#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;
		z-index: 3;
	}
		#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-4.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: 300px) {
	#small {
		font-size: 2.3em;
	}
	#business {
		font-size: 1.5em;
	}
	#guide {
		font-size: 2.4em;
	}
	#twitterTitle {
		width: 223px;
		height: 60px;
	}
}
@media only all and (min-width: 450px) {
	.wrapper {
		width:80%;
	}
}
@media only all and (min-width: 600px) {
	.wrapper {
		width:580px;
	}
	#title{
		background: url(../png/header.png) no-repeat center 0;
		width: 100%;
		height: 249px;
	}
	#linkList {
		margin: 0 -30px;
	}
		.item {
			width: 260px;
			padding: 0 30px;
			height: 400px;
		}
			.item h6 {
				margin-bottom: 50px;
				min-height: 80px;
			}
			.arrow,
			.arrow::after {
				position: absolute;
				width: 0px;
				height: 0px;
				border-style: solid;
				display: inline-block;
			}
			.arrow::after {
				content: '';
			}
			.yes,
			.yes::after {
				border-width: 15px 0 15px 22px;
			}
			.yes {
				border-color: transparent transparent transparent rgba(255,255,255,0.8);
			}
			.yes::after {
				border-color: transparent transparent transparent #49dc8e;
			}
			.oldie .yes {
				width: 30px;
				height: 30px;
				border: none;
				background: url(../yes.html);
				display: block;
			}
			.item .yes {
				position: absolute;
				left: -40px;
				top:50%;
				margin-top: -15px;
			}
			.item .yes::after {
				right: 8px;
				top:-15px;
			}
			.no {
				border-color: rgba(255,255,255,0.8) transparent transparent transparent;
			}
			.oldie .no {
				width: 30px;
				height: 30px;
				border: none;
				background: url(../no.html);
				display: block;
			}
			.no::after {
				border-color: #df7163 transparent transparent transparent;
			}
			.item .no,
			.item .no::after {
				position: absolute;
				border-width: 22px 15px 0 15px;
			}
			.item .no {
				position: absolute;
				bottom: -40px;
				left:50%;
				margin-left: -15px;
			}
			.item .no::after {
				left: -15px;
				top:-30px;
			}
			.item:nth-child(2n+1) .yes {
				display: none;
			}
	#legend {
		display: block;
		padding-bottom: 20px;
	}
		#legend div {
			display: inline-block;
			font-weight: bold;
			font-size: 1.5em;
			padding: 0 15px;
		}
		.lt-ie8 #legend div {
			display: inline;
		}
		#legendYes {
			color: #49dc8e;
		}
		#legendNo {
			color: #f27666;
		}
			#legend .arrow {
				position: relative;
				display: inline-block;
			}
			.oldie #legend .arrow {
				top: 6px;
			}
			#legend .yes,
			#legend .yes::after {
				border-width: 10px 0 10px 16px;
			}
			#legend .yes::after {
				right: 6px;
				bottom:-10px;
			}
			#legend .no,
			#legend .no::after {
				border-width: 16px 10px 0 10px;
			}
			#legend .no {
				top: 3px;
			}
			#legend .no::after {
				right: -10px;
				top:-22px;
			}
	#embed {
		width:600px;
		height:190px;
		left:50%;
		margin-left:-300px;
	}
		#embed h5 {
			font-size:22px;
		}
		#embed textarea {
			width:450px;
		}
}
@media only all and (min-width: 1060px) {
	.wrapper {
		width:960px;
	}
	#socialFloater {
		display: block;
	}
	#linkList {
		margin: 0;
	}
		/*.item {
			width: 27.333%;
			padding: 0 3%;
		}
			.item .yes {
				left: -16%;
			}*/
			.item:nth-child(n) .yes {
				display: inline-block;
			}
			.item:nth-child(3n+1) .yes {
				display: none;
			}
}
@media only all and (min-width: 1350px) {
	.wrapper {
		width:1280px;
	}
	/*.item {
		width: 20%;
		padding: 0 2.5%;
	}
		.item .yes {
			left: -17%;
		}*/
		.item:nth-child(n) .yes {
			display: inline-block;
		}
		.item:nth-child(4n+1) .yes {
			display: none;
		}
}
@media only all and (min-width: 1700px) {
	.wrapper {
		width:1600px;
	}
	/*.item {
		width: 16%;
		padding: 0 2%;
	}
		.item .yes {
			left: -17%;
		}*/
		.item:nth-child(n) .yes {
			display: inline-block;
		}
		.item:nth-child(5n+1) .yes {
			display: none;
		}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}


/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group; /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}