@import url("font-awesome.min.css");
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300);
@import url(https://fonts.googleapis.com/css?family=Lato:400,300);

/* Basic */

	body { font-family: Oswald, sans-serif; font-size: 14pt; color: #888; background-image: url(../graphics/textures/paper.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
.short {min-height: 65vh;}

input, textarea, select {
		font-family: "Lato", sans-serif;
		font-size: 16px;
		font-weight: 300;
		line-height: 1;
		color: #888;
	}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 300;
		color: #666;
		line-height: 1;
	}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: inherit;
		text-decoration: none;
	}

		h1 a strong, h2 a strong, h3 a strong, h4 a strong, h5 a strong, h6 a strong {
			color: #333;
		}

	h2 { font-family: Lato, sans-serif; font-size: 1.5em; font-weight: 300; text-transform: uppercase; z-index: 20000; visibility: visible; margin-top: 5px; margin-bottom: 5px; padding: 0; }
	@media screen and (max-width: 350px ) {
      h2 {font-size: 1em;}
}
h1 { font-size: 2em; font-family: Merriweather, serif; font-weight: 700; text-transform: uppercase; margin-bottom: 2px; }
@media screen and (max-width: 350px ) {
      h1 {font-size: 1.25em;}
}
h6 { color: #8c8c8c; font-family: Lato, sans-serif; font-size: 12px; font-weight: 400; line-height: 1; text-transform: uppercase; margin: 0; padding: 0; display: inline-block; }
h2.alt { font-family: 'Sacramento', cursive;
			color: #888;
		}

			h2.alt strong {
				color: #666;
			}

	h3 { color: #666; font-size: 1.5em; font-family: Lato, sans-serif; line-height: 1; text-transform: uppercase; }
@media screen and (max-width: 850px ) {
      h3 {font-size: 1.25em;}
}
@media screen and (max-width: 350px ) {
      h3 {font-size: 1em;}
}
h4 { font-size: 1em; font-family: Oswald, sans-serif; line-height: 1; text-transform: uppercase; margin: 0; padding: 0; }
h5 { font-family: "Nothing You Could Do", cursive; font-size: 1em; font-weight: 100; line-height: 1; text-transform: none; letter-spacing: 3px; z-index: 20000; visibility: visible; margin-top: 15px; margin-bottom: 15px; padding: 0; }
p { color: #666; font-size: 1em; font-family: Lato, sans-serif; font-weight: 300; line-height: 1.5; margin: 0; padding: 0; }
li { color: #666; font-size: 1em; font-family: Lato, sans-serif; font-weight: 300; line-height: 1.5; text-align: left; margin: 0; padding: 0; }
@media screen and (max-width: 350px ) {
      p {font-size: .75em;}
	li { font-size: 0.75em; }
}
a { color: #666; text-decoration: none; }
a:link { text-decoration: none; }
a.pagelink { color: #666; text-decoration: underline; }
p.script {font-family: "Permanent Marker" sans-serif; line-height: 1; font-size: 2em;}
header {
		margin: 0;
	}

		header > p {
			margin: 1em 0 0 0;
		}

	footer {
		margin: 2em 0 0 0;
	}

	strong, b {
		font-weight: 300;
		color: #666;
	}

	em, i {
		font-style: italic;
	}

		a:hover {
			color: #888;
			border-bottom-color: rgba(255, 255, 255, 0);
		}

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	hr {
		border: 0;
		border-top: solid 1px #ddd;
	}

	blockquote {
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

	p, ul, ol, dl, table {
		margin-bottom: 2em;
	}

	br.clear {
		clear: both;
	}
		.icon { font-size: 50px; line-height: 25px; text-decoration: none; text-align: center; vertical-align: middle; }
@media screen and (max-width: 800px ) {
      .icon {font-size: 2em;}
}
@media screen and (max-width: 600px ) {
      .icon {font-size: 1.5em;}
}
.icon2 { font-size: 18px; text-decoration: none; margin-left: 10px; }
.icon3 { color: #888; font-size: 1em; line-height: 1.5em; text-decoration: none; margin-left: 10px; }
.icon4 { color: #888; font-size: 1.25em; font-family: Merriweather, serif; line-height: 1.5em; text-decoration: none; margin-left: 10px; }
.icon5 { font-size: 40px; text-decoration: none; margin-left: 10px; }
.icon:before { display: inline-block; font-family: FontAwesome; font-size: 1em; text-decoration: none; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon > .label {
			display: none;}
.icon2:before { display: inline-block; font-family: FontAwesome; font-size: 1em; text-decoration: none; font-style: normal; font-weight: normal; line-height: 1; padding-right: 7px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon2 > .label {
			display: none;
		}
.icon3:before { font-size: 1em; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; text-decoration: none; padding-right: 10px; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon3 > .label { display: none; }
.icon4:before { font-size: 1.25em; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; text-decoration: none; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon4 > .label { font-size: 1.25em; display: none; }
.icon5:before { display: inline-block; font-family: FontAwesome; font-size: 1em; text-decoration: none; font-style: normal; font-weight: normal; line-height: 1; padding-right: 7px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

		.icon5 > .label {
			display: none;
		}

/* Button */
input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button { font-family: Lato, sans-serif; line-height: 1; color: #666; font-size: 25px; font-weight: 300; background-color: #dedede; text-transform: uppercase; text-decoration: none; text-align: center; width: 50%; height: 60px; min-width: 150px; margin: 0; padding: 0; border: solid 3px #dedede; cursor: pointer; display: inline-block; -webkit-border-radius:0px; -webkit-appearance: none;}
input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button:hover,
		.button:hover { background-color: #e8e8e8; border: solid 3px #e8e8e8; }
input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		button:active,
		.button:active {
			
		}
/* Button */
input[type="button"],
	button2,
	.button2 { font-family: Lato, sans-serif; line-height: 1; color: #666; font-size: 25px; font-weight: 300; background-color: #cdcdcd; text-transform: uppercase; text-decoration: none; text-align: center; width: 90%; height: auto; max-width: 500px; margin: 0 0 10px; padding: 10px 0; border: solid 3px #cdcdcd; cursor: pointer; display: inline-block; -webkit-border-radius:0px; -webkit-appearance: none; }
input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button2:hover,
		.button2:hover { color: #666; background-color: #ddd; border: solid 3px #ddd; }
input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		button2:active,
		.button2:active {
			
		}	

/*-------------Native Page Header and Footer Elements-------------*/
hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
	width: 80%;
}
hr.style10 {
	border-top: 1px dashed #83766b;
	border-bottom: 1px dashed #463f34;
	width: 100%; max-width: 500px;
}
#bottom { background-image: url(../graphics/textures/leather.jpg); width: 100%; height: auto; padding-top: 2em; padding-bottom: 2em; }
.bottom {display: inline-block;}
#bottom2 { width: 100%; height: auto; float: right; display: inline-block; }
#bottom1 { width: 55%; height: auto; float: left; display: inline-block;}
.bottom {display: inline-block;}
@media screen and (min-width: 701px) {
 #bottom1 {min-width: 600px;}}
@media screen and (max-width: 700px) {
 #bottom1 {width: 100%; padding-bottom: 20px;}
 #bottom2 {width: 100%; padding-bottom: 20px;}
 .dsR5 {width: 100px; height: auto;}
 .ds14 {text-align: left;}
	
  }
#bottom-wrapper { width: 90%; height: auto; max-width: 1100px;}
.ds14 /*agl rulekind: base;*/ { color: #8c8c8c; text-align: left;}
.dsR5 /*agl rulekind: base;*/ { max-width: 175px; height: auto; }
#stitch { background-image: url(../graphics/textures/leather.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 100%; height: 50px; border-bottom: 1px dashed #83766b; }
#FCM { background-color: #3c3a3a; width: 100%; height: auto; }
.cr {font-size: 12px; text-transform: uppercase; color: #636363; letter-spacing: 2px; margin-top: 5px !important; margin-bottom: 5px!important; text-align: left !important; font-weight: 400;}
#cr { width: 100%; padding-top: 5px; padding-bottom: 5px; }
@media screen and (max-width: 1100px ) {
      .banner {padding-left: 5%; padding-right: 5%;}
}
@media screen and (max-width: 800px ) {
      #icons {visibility: hidden;}
}
@media screen and (max-width: 600px ) {
      .headerbar {max-height: 40px !important; }
      .banner {max-width: 150px !important;}
      #icons {visibility: hidden;}
      #navbar_above { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 100%; max-height: 0 !important; padding-top: 0px !important; border-bottom: none !important; -webkit-box-shadow: inset 0px 35px 40px -32px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 35px 40px -32px rgba(0,0,0,0.75); box-shadow: inset 0px 35px 40px -32px rgba(0,0,0,0.75); }
       #container1 {-webkit-box-shadow: 0px 30px 30px -4px rgba(0,0,0,0.0); -moz-box-shadow: 0px 30px 30px -4px rgba(0,0,0,0.0); box-shadow: 0px 30px 30px -4px rgba(0,0,0,0.0); }
      
}
.headerbar {}
.banner /*agl rulekind: base;*/ { width: 80%; max-width: 300px; height: auto; z-index: 5; position: absolute; top: 0; }
#navbar {width: 100%; max-width: 1176px;}
#logo {width: 100%; max-width: 1175px;}
#connect { background-image: url(../graphics/textures/leather.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 100%; height: 50px; border-bottom: 1px dashed #83766b } 
#container1 { background-image: url(../graphics/textures/leather.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 100%; height: 15px;}
@media screen and (max-width: 600px ) {
      #connect {position: relative; z-index: 3;}
       #container1 {position: relative; z-index: 2; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,1);}
      
}
#logo2 { width: 100%; max-width: 1175px; }
#navbar_above { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 100%; height: 60px; padding-top: 15px; border-bottom: 1px solid #83766b; -webkit-box-shadow: inset 0px 35px 40px -32px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 35px 40px -32px rgba(0,0,0,0.75); box-shadow: inset 0px 35px 40px -32px rgba(0,0,0,0.75); }
#icons { width: 90%; height: 50px; }
.connect {display: inline-block;}
#cssmenu { background-image: url(../graphics/paper.jpg); }
#layer1 { background-image: url(../graphics/translucent_white.png); }
#layer2 { background-image: url(../graphics/translucent_white.png); }
#layer3 { background-image: url(../graphics/translucent_white.png); }
#layer4 { background-image: url(../graphics/translucent_white.png); }
#layer5 { background-image: url(../graphics/translucent_white.png); }
#layer6 { background-image: url(../graphics/translucent_white.png); }
#layer7 { background-image: url(../graphics/translucent_white.png); }
#layer8 { background-image: url(../graphics/translucent_white.png); }

/* Form */
form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form textarea {
		position: relative;
		-webkit-appearance: none;
		display: block;
		border: solid 1px #eeeeee;
		outline: none 0;
		background: #fff;
		background: #fff;
		width: 100%;
		border-radius:  .25em;
		padding: 0.75em 0;
		box-shadow: inset 0 0 5px 0px rgba(0, 0, 0, 0.15);
		border: solid 1px #c6c5c4;
		-moz-transition: all 0.35s ease-in-out;
		-webkit-transition: all 0.35s ease-in-out;
		-ms-transition: all 0.35s ease-in-out;
		transition: all 0.35s ease-in-out;
	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="password"]:focus,
		form select:focus,
		form textarea:focus {
			box-shadow: 0 0 2px 1px #807a78;
			background: #fff;
		}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select { line-height: 1.25em; background-color: #fff; }

	form textarea { background-color: #fff; min-height: 10em; }
form .formerize-placeholder {
		color: #555 !important;
	}

	form ::-webkit-input-placeholder {
		color: #555 !important;
	}

	form :-moz-placeholder {
		color: #555 !important;
	}

	form ::-moz-placeholder {
		color: #555 !important;
	}

	form :-ms-input-placeholder {
		color: #555 !important;
	}

	form ::-moz-focus-inner {
		border: 0;
	}
	input[type=submit] {
    -webkit-border-radius:0px;
}