@charset "UTF-8";

@import url(font-awesome.min.css);

@import url("http://fonts.googleapis.com/css?family=Roboto:500,300");




/* Basic */


	body {

		background: #fff;

	}


	body, input, select, textarea {

		color: #555f66;

		font-family: "Roboto", "ＭＳ Ｐ明朝", Helvetica, sans-serif;

		font-size: 14pt;

		font-weight: 300;

		line-height: 1.75em;

	}


	a {

		color: #629DD1;

		text-decoration: underline;

	}


		a:hover {

			text-decoration: none;

		}


	strong, b {

		color: #666f77;

		font-weight: 500;

	}


	em, i {

		font-style: italic;

	}


	p {

		margin: 0 0 2em 0;

	}


	h1, h2, h3, h4, h5, h6 {

		color: #666f77;

		font-weight: 300;

		line-height: 1em;

		margin: 0 0 1em 0;

		text-transform: uppercase;

		letter-spacing: 0.125em;

	}


		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

			color: inherit;

			text-decoration: none;

		}


	h2 {

		font-size: 1.5em;

		line-height: 0em;

	}


	h3 {

		font-size: 1.25em;

		line-height: 1.5em;

	}


	h4 {

		font-size: 1em;

		line-height: 1.5em;

	}


	h5 {

		font-size: 0.9em;

		line-height: 1.5em;

	}


	h6 {

		font-size: 0.7em;

		line-height: 1.5em;

	}


	sub {

		font-size: 0.8em;

		position: relative;

		top: 0.5em;

	}


	sup {

		font-size: 0.8em;

		position: relative;

		top: -0.5em;

	}


	hr {

		border: 0;

		border-bottom: solid 1px rgba(144, 144, 144, 0.25);
		margin: 3em 0;

	}


		hr.major {

			margin: 2em 0 5em 0;
	
	}


	blockquote {

		border-left: solid 4px rgba(144, 144, 144, 0.25);

		font-style: italic;

		margin: 0 0 2em 0;

		padding: 0.5em 0 0.5em 2em;

	}


	code {

		background: rgba(144, 144, 144, 0.075);

		border-radius: 6px;

		border: solid 1px rgba(144, 144, 144, 0.25);

		font-family: "Courier New", monospace;

		font-size: 0.9em;

		margin: 0 0.25em;

		padding: 0.25em 0.65em;

	}


	pre {

		-webkit-overflow-scrolling: touch;

		font-family: "Courier New", monospace;

		font-size: 0.9em;

		margin: 0 0 2em 0;

		overflow-x: auto;

	}


		pre code {

			display: block;

			line-height: 1.75em;

			padding: 1em 1.5em;

		}


	.align-left {
	
	text-align: left;

	}


	.align-center {

		text-align: center;

	}


	.align-right {

		text-align: right;

	}



/* Section/Article */



	section.special, article.special, section.ivent {

		text-align: center;

	}

	section img {
			width: 100%;
	 }

	section.special a {
		color: #cccccc;
	}

	section.special a:hover { 
			color: #666;
		}

	section.special img {
			width: 100%;
	 }

	section.ivent img {
			height: 300px;
			width: 400px;
	 }
	
	section.image img {
			width: 100%;
	 }
	
	header p {

		color: #bbb;

		position: relative;

		margin: 0 0 1.5em 0;

	}



	header h2 + p {

		font-size: 1.25em;

		margin-top: -1em;

		line-height: 1.5em;

	}



	header h3 + p {

		font-size: 1.1em;

		margin-top: -0.85em;
	

	line-height: 1.5em;

	}



	header h4 + p,

	header h5 + p,

	header h6 + p {

		font-size: 0.9em;

		margin-top: -0.75em;

		line-height: 1.5em;

	}


	header.major {

		text-align: center;

		margin: 0 0 4em 0;

	}


		header.major h2 {

			font-size: 2em;

		}


		header.major h2 + p {
	
		font-size: 1.5em;

			margin: 0em 0 2px 0;

		}



/* Form */


	form {

		margin: 0 0 2em 0;

	}


	label {

		color: #666f77;

		display: block;

		font-size: 0.9em;

		font-weight: 500;

		margin: 0 0 1em 0;

	}


	input[type="text"],

	input[type="password"],

	input[type="email"],

	select,

	textarea {
	
		-moz-appearance: none;

		-webkit-appearance: none;

		-o-appearance: none;

		-ms-appearance: none;

		appearance: none;

		background: rgba(144, 144, 144, 0.075);

		border-radius: 6px;

		border: none;

		border: solid 1px rgba(144, 144, 144, 0.25);

		color: inherit;

		display: block;

		outline: 0;

		padding: 0 1em;
		text-decoration: none;

		width: 100%;

	}



		input[type="text"]:invalid,

		input[type="password"]:invalid,

		input[type="email"]:invalid,

		select:invalid,

		textarea:invalid {

			box-shadow: none;

		}


		input[type="text"]:focus,

		input[type="password"]:focus,

		input[type="email"]:focus,

		select:focus,

		textarea:focus {

			border-color: #629DD1;

			box-shadow: 0 0 0 1px #629DD1;

		}


	.select-wrapper {

		text-decoration: none;

		display: block;

		position: relative;

	}


		.select-wrapper:before {

			content: "";

			-moz-osx-font-smoothing: grayscale;

			-webkit-font-smoothing: antialiased;

			font-family: FontAwesome;

			font-style: normal;

			font-weight: normal;

			text-transform: none !important;

		}


		.select-wrapper:before {

			color: rgba(144, 144, 144, 0.25);

			display: block;

			height: 2.75em;

			line-height: 2.75em;

			pointer-events: none;
	
		position: absolute;

			right: 0;

			text-align: center;

			top: 0;

			width: 2.75em;

		}


		.select-wrapper select::-ms-expand {

			display: none;

		}


	input[type="text"],

	input[type="password"],

	input[type="email"],

	select {

		height: 2.75em;

	}


	textarea {

		padding: 0.75em 1em;

	}


	input[type="checkbox"],

	input[type="radio"] {
	
	-moz-appearance: none;

		-webkit-appearance: none;

		-o-appearance: none;

		-ms-appearance: none;

		appearance: none;

		display: block;

		float: left;

		margin-right: -2em;
		opacity: 0;
	
	width: 1em;

		z-index: -1;

	}


		input[type="checkbox"] + label,
		input[type="radio"] + label {

			text-decoration: none;

			color: #555f66;

			cursor: pointer;

			display: inline-block;

			font-size: 1em;

			font-weight: 300;

			padding-left: 2.4em;

			padding-right: 0.75em;

			position: relative;

		}


			input[type="checkbox"] + label:before,

			input[type="radio"] + label:before {

				-moz-osx-font-smoothing: grayscale;

				-webkit-font-smoothing: antialiased;

				font-family: FontAwesome;

				font-style: normal;

				font-weight: normal;

				text-transform: none !important;

			}


			input[type="checkbox"] + label:before,

			input[type="radio"] + label:before {

				background: rgba(144, 144, 144, 0.075);

				border-radius: 6px;

				border: solid 1px rgba(144, 144, 144, 0.25);

				content: '';
	
			display: inline-block;

				height: 1.65em;

				left: 0;

				line-height: 1.58125em;

				position: absolute;

				text-align: center;

				top: 0;

				width: 1.65em;

			}


		input[type="checkbox"]:checked + label:before,

		input[type="radio"]:checked + label:before {

			background: #192024;
	
		border-color: #192024;

			color: #ffffff;

			content: '\f00c';

		}


		input[type="checkbox"]:focus + label:before,

		input[type="radio"]:focus + label:before {

			border-color: #629DD1;

			box-shadow: 0 0 0 1px #629DD1;

		}


	input[type="checkbox"] + label:before {

		border-radius: 6px;

	}


	input[type="radio"] + label:before {

		border-radius: 100%;

	}


	::-webkit-input-placeholder {

		color: #bbb !important;

		opacity: 1.0;

	}
	:-moz-placeholder {

		color: #bbb !important;

		opacity: 1.0;

	}


	::-moz-placeholder {

		color: #bbb !important;
		opacity: 1.0;

	}


	:-ms-input-placeholder {

		color: #bbb !important;

		opacity: 1.0;

	}


	.formerize-placeholder {

		color: #bbb !important;

		opacity: 1.0;

	}



/* Box */


	.box {

		border-radius: 6px;

		border: solid 1px rgba(255, 255, 255, 0.25);

		margin-bottom: 2em;
	
	padding: 3em 2em;

	}


		.box > :last-child,

		.box > :last-child > :last-child,

		.box > :last-child > :last-child > :last-child {
	
		margin-bottom: 0;

		}


		.box.alt {

			border: 0;

			border-radius: 0;

			padding: 0;
	
	}



/* Icon */


	.icon {

		text-decoration: none;

		border-bottom: none;
	
	position: relative;

	}


		.icon:before {

			-moz-osx-font-smoothing: grayscale;

			-webkit-font-smoothing: antialiased;

			font-family: FontAwesome;

			font-style: normal;

			font-weight: normal;

			text-transform: none !important;

		}


		.icon > .label {

			display: none;

		}


		.icon.major {

			display: inline-block;
			margin: 0 0 1.25em 0;

			color: #ffffff;

			background: #629DD1;

			width: 3em;

			height: 3em;

			font-size: 2em;

			text-align: center;

			line-height: 3em;

			border-radius: 100%;

			box-shadow: 0 0 0 10px #fff, 0 0 0 11px rgba(144, 144, 144, 0.25);

		}



/* Image */


	.image {

		border-radius: 6px;

		border: 0;

		display: inline-block;

		position: relative;

	}


		.image img {

			border-radius: 6px;

			display: block;

		}


		.image.left {

			float: left;

			padding: 0 1.5em 1em 0;

			top: 0.25em;

		}


		.image.right {

			float: right;
	
		padding: 0 0 1em 1.5em;

			top: 0.25em;

		}


		.image.fit {
			display: block;

			margin: 0 0 2em 0;

			width: 100%;

		}


			.image.fit img {

				display: block;

				width: 100%;

			}



/* List */


	ol {

		list-style: decimal;

		margin: 0 0 2em 0;

		padding-left: 1.25em;

	}


		ol li {

			padding-left: 0.25em;

		}


	ul {

		list-style: disc;

		margin: 0 0 2em 0;

		padding-left: 1em;

	}


		ul li {

			padding-left: 0.5em;

		}


		ul.alt {

			list-style: none;

			padding-left: 0;

		}


			ul.alt li {

				border-top: solid 1px rgba(144, 144, 144, 0.25);

				padding: 0.5em 0;

			}


				ul.alt li:first-child {

					border-top: 0;

					padding-top: 0;

				}


		ul.icons {

			cursor: default;

			list-style: none;

			padding-left: 0;

		}


			ul.icons li {

				display: inline-block;

				padding: 0 1.25em 0 0;

			}


				ul.icons li:last-child {

					padding-right: 0;

				}


				ul.icons li .icon:before {

					font-size: 1.5em;

				}


		ul.actions {
	
		cursor: default;

			list-style: none;
			
			/* center */
			margin:1em auto;
			padding:0;
        		text-align:center;
		}


			ul.actions li {

				display: inline-block;

				padding: 0 1em 0 0;

				vertical-align: middle;
	
		}


				ul.actions li:last-child {

					padding-right: 0;

				}


			ul.actions.small li {

				padding: 0 0.5em 0 0;
	
		}


			ul.actions.vertical li {

				display: block;

				padding: 1em 0 0 0;

			}


				ul.actions.vertical li:first-child {

					padding-top: 0;

				}


				ul.actions.vertical li > * {

					margin-bottom: 0;

				}


			ul.actions.vertical.small li {

				padding: 0.5em 0 0 0;
	
		}


				ul.actions.vertical.small li:first-child {

					padding-top: 0;

				}


			ul.actions.fit {

				display: table;

				margin-left: -1em;

				padding: 0;
	
			table-layout: fixed;

				width: calc(100% + 1em);

			}


				ul.actions.fit li {

					display: table-cell;

					padding: 0 0 0 1em;

				}


					ul.actions.fit li > * {

						margin-bottom: 0;

					}


				ul.actions.fit.small {

					margin-left: -0.5em;

					width: calc(100% + 0.5em);

				}


					ul.actions.fit.small li {

						padding: 0 0 0 0.5em;

					}


	dl {

		margin: 0 0 2em 0;

	}



/* Table */


	.table-wrapper {

		-webkit-overflow-scrolling: touch;

		overflow-x: auto;

	}


	table {

		margin: 0 0 2em 0;

		width: 100%;

	}


		table tbody tr {

			border: solid 1px rgba(144, 144, 144, 0.25);

			border-left: 0;

			border-right: 0;

		}


			table tbody tr:nth-child(2n + 1) {

				background-color: rgba(144, 144, 144, 0.075);

			}


		table td {

			padding: 0.75em 0.75em;

		}


		table th {

			color: #666f77;

			font-size: 0.9em;

			font-weight: 500;

			padding: 0 0.75em 0.75em 0.75em;

			text-align: left;

		}


		table thead {

			border-bottom: solid 2px rgba(144, 144, 144, 0.25);

		}


		table tfoot {

			border-top: solid 2px rgba(144, 144, 144, 0.25);

		}


		table.alt {

			border-collapse: separate;

		}


			table.alt tbody tr td {
	
			border: solid 1px rgba(144, 144, 144, 0.25);

				border-left-width: 0;

				border-top-width: 0;

			}


				table.alt tbody tr td:first-child {

					border-left-width: 1px;

				}


			table.alt tbody tr:first-child td {
				border-top-width: 1px;

			}


			table.alt thead {

				border-bottom: 0;

			}


			table.alt tfoot {

				border-top: 0;

			}



/* Button */


	input[type="submit"],

	input[type="reset"],

	input[type="button"],

	.button {

		-moz-appearance: none;

		-webkit-appearance: none;

		-o-appearance: none;

		-ms-appearance: none;

		appearance: none;

		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;

		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;

		-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;

		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;

		background-color: #192024;

		border-radius: 6px;

		border: 0;

		color: #ffffff !important;

		cursor: pointer;

		display: inline-block;

		font-weight: 300;

		text-transform: uppercase;

		letter-spacing: 0.125em;

		font-size: 0.9em;

		height: 2.85em;

		line-height: 2.85em;

		padding: 0 1.75em;

		text-align: center;

		text-decoration: none;

		white-space: nowrap;
	
	text-indent: 0.25em;

	}


		input[type="submit"]:hover,

		input[type="reset"]:hover,

		input[type="button"]:hover,

		.button:hover {

			background-color: #232d33;

		}


		input[type="submit"]:active,

		input[type="reset"]:active,

		input[type="button"]:active,

		.button:active {

			background-color: #0f1315;

		}


		input[type="submit"].icon,

		input[type="reset"].icon,

		input[type="button"].icon,

		.button.icon {

			padding-left: 1.35em;

		}


			input[type="submit"].icon:before,

			input[type="reset"].icon:before,
	
		input[type="button"].icon:before,

			.button.icon:before {

				margin-right: 0.5em;

			}


		input[type="submit"].fit,

		input[type="reset"].fit,

		input[type="button"].fit,

		.button.fit {

			display: block;

			margin: 0 0 1em 0;

			width: 100%;

		}


		input[type="submit"].small,

		input[type="reset"].small,

		input[type="button"].small,

		.button.small {

			font-size: 0.7em;

		}


		input[type="submit"].big,

		input[type="reset"].big,

		input[type="button"].big,

		.button.big {

			font-size: 1.2em;

			height: 2.65em;

			line-height: 2.65em;

		}


		input[type="submit"].alt,

		input[type="reset"].alt,

		input[type="button"].alt,

		.button.alt {

			background-color: transparent;

			box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.25);

			color: #666f77 !important;

		}

			input[type="submit"].alt:hover,

			input[type="reset"].alt:hover,

			input[type="button"].alt:hover,

			.button.alt:hover {

				background-color: rgba(144, 144, 144, 0.075);

			}


			input[type="submit"].alt:active,

			input[type="reset"].alt:active,

			input[type="button"].alt:active,

			.button.alt:active {

				background-color: rgba(144, 144, 144, 0.2);

			}


			input[type="submit"].alt.icon:before,

			input[type="reset"].alt.icon:before,

			input[type="button"].alt.icon:before,

			.button.alt.icon:before {

				color: #bbb;

			}


		input[type="submit"].special,

		input[type="reset"].special,

		input[type="button"].special,

		.button.special {

			background-color: #3eb370;

			color: #ffffff !important;

		}


			input[type="submit"].special:hover,

			input[type="reset"].special:hover,

			input[type="button"].special:hover,
			.button.special:hover {

				background-color: #7ebea5;

			}


			input[type="submit"].special:active,

			input[type="reset"].special:active,

			input[type="button"].special:active,

			.button.special:active {

				background-color: #3eb370;
			}


		input[type="submit"].disabled, input[type="submit"]:disabled,

		input[type="reset"].disabled,

		input[type="reset"]:disabled,

		input[type="button"].disabled,

		input[type="button"]:disabled,

		.button.disabled,

		.button:disabled {

			background-color: #555f66 !important;

			box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);

			color: #fff !important;

			cursor: default;

			opacity: 0.25;

		}



/* Wrapper */

	
.wrapper {

		padding: 6em 0 4em 0;

	}


		.wrapper.style1 {

			background: #fff;

			color: #555f66;

		}


		.wrapper.style2 {

			background: #f2f2ea;
	
		color: #333;

		}


			.wrapper.style2 h2, .wrapper.style2 h3, .wrapper.style2 h4, .wrapper.style2 h5, .wrapper.style2 h6 {
	
			color: #666;

			}


			.wrapper.style2 header p {

				color: #666;

			}


			.wrapper.style2 .button.alt {

				box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.75);
	
			color: #666 !important;

			}


				.wrapper.style2 .button.alt:hover {

					background-color: rgba(144, 244, 144, 0.275);

				}


				.wrapper.style2 .button.alt:active {

					background-color: rgba(144, 144, 144, 0.4);

				}


				.wrapper.style2 .button.alt.icon:before {

					color: #a3a5a7;

				}



/* Header */


	#skel-layers-wrapper {

		padding-top: 3em;

	}


	#header {

		background: #fff;

		color: #555f66;

		cursor: default;

		height: 3em;

		left: 0;

		line-height: 3em;

		position: fixed;

		top: 0;

		width: 100%;

		z-index: 10000;

		box-shadow: 0 0 0.1em 0 rgba(0, 0, 0, 0.25);

	}


		#header h1 {

			color: #666f77;

			font-weight: 500;

			height: inherit;

			left: 1.25em;

			line-height: inherit;

			margin: 0;

			padding: 0;

			position: absolute;

			top: 0;

		}


			#header h1 a {

				font-size: 1.25em;

			}


		#header nav {

			height: inherit;

			line-height: inherit;

			position: absolute;
			right: 1.25em;

			top: 0;

			vertical-align: middle;

		}


			#header nav > ul {

				list-style: none;

				margin: 0;

				padding-left: 0;

			}


				#header nav > ul > li {

					border-radius: 6px;

					display: inline-block;
					margin-left: 2em;

					padding-left: 0;

				}


					#header nav > ul > li a {

						-moz-transition: color 0.2s ease-in-out;

						-webkit-transition: color 0.2s ease-in-out;

						-o-transition: color 0.2s ease-in-out;

						-ms-transition: color 0.2s ease-in-out;

						transition: color 0.2s ease-in-out;

						color: #555f66;

						display: inline-block;

						text-decoration: none;

					}


						#header nav > ul > li a:hover {
						color: #ccc;
						}


					#header nav > ul > li:first-child {

						margin-left: 0;

					}


					#header nav > ul > li .button {

						height: 2.25em;

						line-height: 2.25em;

						margin-bottom: 0;

						padding: 0 1em;

						position: relative;

						top: -0.075em;

						vertical-align: middle;

					}


		#header .container {

			position: relative;

		}


			#header .container h1 {

				left: 0;

			}


			#header .container nav {
				right: 0;

			}



/* Banner */


	#banner {

		background-color: #fff;

		<!-- background-image: url("../images/hotmain.jpg"); -->
  		<!-- background-size: 100% auto;
 -->
		background-position: center center;

		background-repeat: no-repeat;

		color: #d8d8d8;

		padding: 0;

		text-align: center;

		/* position: relative; */

	}


		#banner img { width: 100%; }
		#banner:before {

			content: '';
	
		position: absolute;

			left: 0;

			top: 0;

			width: 100%;

			height: 100%;

			<!-- background: rgba(64, 72, 80, 0.25);
 --!>
		}


		#banner .inner {

			position: relative;

			z-index: 1;

		}


			#banner .inner :last-child {

				margin-bottom: 0;

			}


		#banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {

			color: #ffffff;

		}


		#banner .button.alt {

			box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.75);
	
		color: #666666 !important;

		}


			#banner .button.alt:hover {

				background-color: rgba(144, 244, 144, 0.275);

			}


			#banner .button.alt:active {

				background-color: rgba(144, 144, 144, 0.4);

			}


			#banner .button.alt.icon:before {

				color: #c1c1c1;

			}


		#banner .button {

			min-width: 12em;

		}


		#banner h2 {

			font-size: 3.5em;

			line-height: 1em;
			margin: 0 0 0.5em 0;

			padding: 0;

		}


		#banner p {

			font-size: 1.5em;

			margin-bottom: 2em;

		}


			#banner p a {

				color: #ffffff;

				text-decoration: none;

			}



/* Footer */


	#footer {

		background: #f8f8f8;

		padding: 4em 0 1em 0;

	}



		#footer a{
			color: #666;
			-webkit-transition: 0.5s;
			-moz-transition: 0.5s;
			-o-transition: 0.5s;
			-ms-transition: 0.5s;
			transition: 0.5s;
			text-decoration: none;
		}
		#footer a:hover {
			color: #ccc;
		}


		#footer .copyright {

			color: #bbb;

			font-size: 0.9em;

			margin: 2em 0 0 0;

			padding: 0;
	
		text-align: center;

		}


			#footer .copyright li {

				border-left: solid 1px rgba(144, 144, 144, 0.25);

				display: inline-block;
				list-style: none;

				margin-left: 1.5em;

				padding-left: 1.5em;

			}


				#footer .copyright li:first-child {

					border-left: 0;

					margin-left: 0;

					padding-left: 0;

				}


		#footer .icons a {

			color: #bbb;

		}
		
		
/* Google Calendar */
		.cal_wrapper {
			max-width: 960px;
			min-width: 300px;
			margin:1em auto;
			padding:0;
        		text-align:center;
		}
		.googlecal {
			position: relative;
			padding-bottom: 100%;
			height: 0;
		}
		.googlecal iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			height: 100% !important;
		}
		@media only screen and (min-width: 768px) {
		.googlecal { padding-bottom: 75%; }
		}
		
		
/* Amazon */
		.amazon {
			margin:1em auto;
			padding:0;
        		text-align:center;
		}