/* 
Edge CSS - DEFAULT
*/

* {
margin: 0;
padding: 0;
}
main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Viewport 
* Does the same thing as <meta name="viewport" content="width=device-width">,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See http://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
html {
min-width:320px;
font-size: 100%;
}
body {
}
body,td,th {
font-family:Arial, Helvetica, sans-serif;
color: #444;
}

/********************************/
/* LINKS */
/********************************/
a, a:active, a:link, a:visited { 
color: #ff0000;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

/********************************
ALTERNATE FONTS 
http://www.fonts.com/web-fonts/projects > Edge Creative Strategies

Adobe Garamond W01              CSS font-weight	   CSS font-style
Adobe Garamond™ W01 Regular 	 	  400 Normal 								normal 	
Adobe Garamond™ W01 Italic    	  400 Normal 	       italic 	
Adobe Garamond™ W01 Bold 	       700 Bold 	          normal 	
Adobe Garamond™ W01 Bold Italic 	700 Bold 	         italic
********************************/
.intro {
font-family: 'Adobe Garamond W01', 'Georgia', 'Times New Roman', serif;
}

/********************************/
/*DEFAULT TAGS AND TYPE SIZES */
/********************************/
h1, h2, h3, h4, h5, h6 {
margin: 0.5em 0;
line-height:1.1em;
color:#000;
}
h1 {
font-size: 2em;
margin-top:0;
padding-bottom:.3em;
}
h2 {
font-size:1.7em;
}
h3 {
font-size:1.5em;
}
h4 {
font-size:1.3em;
margin-bottom:0.5em;
}
h5 {
font-size:1.2em;
margin-bottom:0.5em;
}
h6 {
font-size:1.1em;
margin-bottom:0.5em;
}
p, li, th, td, dd, dt {
font-size:1.4em;
}
p, th, td, dd, dt {
line-height: 1.4em;
}
p, dd, dt {
margin-bottom:.7em;
}
ul, ol, blockquote, .indent, dd {
margin-bottom:.9em;
margin-left:8%;
}
ul ul, ol ol, ol ul {
margin-top:.3em;
margin-bottom:0;
margin-left:4%;
}
li {
line-height:1.2em;
margin-bottom:.3em;
margin-left:0;
padding-left:0px;
list-style: square;
}
li li, li p {
font-size:1em;
}
ol li {
list-style:decimal;
}
ol ol li {
list-style:upper-alpha;
}
ol ol ol li {
list-style:lower-alpha;
}
dt {
border-bottom: 1px dotted #BBB;
border-top: 1px dotted #BBB;
font-style: italic;
margin: .75em 0;
padding: .75em 0;
}
dd {
}
blockquote {
position:relative;
font-style:italic;
}
blockquote p {
line-height:1.7em;
}
blockquote:before {
position:absolute;
top:-4px;
left:-43px;
content:"“";
font-size:7em;
line-height:1em; /*	to align with top of container in Firefox */
color:#000;
}
table {
border-collapse:collapse;
}
sup,
sub {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
hr {
background-color: #CCC;
border: 0 none;
height: 1px;
margin: 1em 0;
}
mark, ins {
background-color: #f1eedc;
text-decoration:none;
}
abbr, acronym {
border-bottom: 1px dotted #000;
line-height:1em;
cursor: help;
}
code {
font-family: monospace;
}
p code {
font-size:110%;
}
pre {
font-family: Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
font-size:1.4em;
margin: 1em 0;
overflow: auto;
padding: 0.8em 2% 0.8em 5%;
width: 93%;
background-color: #e5e5e5;
border-color: #BBB;
border-radius: 4px;
border-width: 1px;
}
img {
border: 0;
}
/* Responsive design images */
article img  {
height: auto;
width: auto;
max-height: 100%;
max-width: 100%;
}

/* ALERT BAR */
#alertBar {
background-color: #333;
padding:8px 10%;
font-family: Helvetica, Arial, sans-serif;
border-bottom:3px solid #FF0000;
}
#alertBar p {
text-align:center;
color:#FFF;
margin:0;
}



/********************************/
/* BROWSER FIXES */
/********************************/
*.clearfix:after, .section:after, .slide:after {
content: "";
display: block;
height: 0;
width: 0;
clear: both;
visibility: hidden;
zoom:1;
}
*.clearfix, .section {
zoom:1; /* For IE7 */
}


/********************************/
/* HEADER */
/********************************/
#topBar {
top: 0;
left: 0;
position: fixed;
width: 100%;
padding:20px 2%;
z-index: 70;
font-size:60%;
}
.menuButton {
margin: 0;
padding: 10px;
display:inline-block;
/*background-color:rgba(0, 0, 0, 0.6);*/
background-color:#333;
border-radius: 3px;
}
#menu {
margin: 10px 0 0 0;
width:200px;
background-color:#333;
border-radius: 3px;
}
#menu li {
list-style:none;
margin:0;
line-height:normal;
}
#menu a {
padding: 6px 10px;
display:block;
border-bottom:1px solid #666;
}
#menu li:last-child a {
border-bottom:none;
}
#menu a:hover {
background-color:#000;
}
#menu a, .menuButton a {
	color:#fff;
}
#menu .active a {
	padding-left:20px;
	border-left:10px solid #CC0000;
}

.mobileShow { 
display:block; 
} 
.mobileHide { 
display: none; 
} 


/********************************/
/* SECTION AND SLIDE */
/********************************/
.section, .slide {
	position:relative;	
}
.slide {
	background-image:url(images/gray-spinner-snake-on-black.gif);
	background-position:center 35vh;
	background-repeat: no-repeat;
	background-color:#000;
}
.intro {
	opacity: 0;
}
.intro.loaded {
	opacity: 1;
-webkit-transition: opacity ease-in-out 3s; /* property duration timing-function delay */
-moz-transition: opacity ease-in-out 3s;
-o-transition: opacity ease-in-out 3s;
transition: opacity ease-in-out 3s;
}
.intro {
	width:100%;
	display:table;
	position:relative;
	text-align:center;
font-size:2vw;
height:80vh;
background-color:transparent;
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center center;
}
.introBody {
	display:table-cell;
	vertical-align:middle;
	padding:0 10%;
	text-shadow:2px 2px 4px #000;
}
.intro h1 {
	font-size:;
	font-variant:small-caps;
	color:#fff;
	margin:0;
}
.intro p {
	font-size:1.6em;
	margin:0;
	color:#fff;
}
.buttVideoRight {
	position:absolute;
	height:80vh;
	width:20%;
	min-width:154px;
	left:55%;
	top:0;
	background-image:url(images/butt-watch-off-@2x.png);
	background-repeat:no-repeat;
	background-size: 154px 50px;
	background-position:left center;
	}
.descriptionBar {
position:absolute;
bottom: 0;
left: 0;
width:100%;
padding:15px 2%;
min-height:20vh;
overflow:hidden;
background-color:#fff;
font-size:.8vw;
}
.descriptionBar h2 {
	margin:0 0 0.2em 0;
}
.descriptionBar .logo img {
	width:100%;
	max-width:90px;
}
#s-contact .intro {
min-height:20vh;
height:20vh;
background-color:#666;
}
#s-contact .descriptionBar {
min-height: inherit;
height:80vh;
overflow:auto;
}

.column {
	position:relative;
	float:left;
	padding:0 1%;
	overflow:none;
	}
.thanks .column {
	margin-left:auto; 
	margin-right:auto; 
	float:none; 
	text-align:center;
	padding-top:30px;
	padding-bottom:30px;
	width:50%;
}

.width1 {
	width:10%;
	}
.width2 {
	width:20%;
}
.width3 {
	width:30%;
}
.width4{
	width:40%;
}
.width5 {
	width:50%;
}
.width6 {
	width:60%;
}
.width7 {
	width:70%;
}
.width8 {
	width:80%;
}
.width9 {
	width:90%;
}
.width10 {
	width:100%;
}

/********************************/
/* FORMS */
/********************************/
/* Forms re-setting */
button,
input,
select,
textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
max-width: 100%;
vertical-align: baseline;
}
button,
input {
line-height: normal;
}
input,
textarea {
border-radius:0; /* Removes IOS default round corners */
}
input, textarea, select {
/*font-family:Arial, Helvetica, sans-serif;
color: #000000;*/
padding:6px 8px;
}
option {
padding:0px 6px;
}
.alert {
color:#CC0000;
}
/* STYLED VALUES */
.formDefault {
position:relative;
/*
border-top:1px solid #ccc;
padding-top:24px;
margin-top:24px;
*/
}
.formDefault p, 
.formDefault li, 
.formDefault label {
font-size:1.4em;
line-height:1.1em;
word-spacing:0.05em;
}
.formDefault div {
padding:.7em 0;
}
.formDefault p, 
.formDefault li {
margin-top:0;
}
.formDefault label {
display:block;
padding-bottom:.5em;
}
.formDefault input, 
.formDefault textarea, 
.formDefault select, 
.formDefault .group {
display:block;
}
.formDefault input {
width:100%;
border:1px solid #CCC;
}
.formDefault textarea {
width:100%;
border:1px solid #CCC;
}
.formDefault .submitContainer, .submitContainer  {
}
.formDefault .submitContainer input, .submitContainer input {
-webkit-appearance: none;
background-color: #cc0000;
box-shadow: none;
border:none;
color: #fff;
font-size: 1.2em;
height: auto;
padding: 8px;
width: auto;
}
.formDefault .submitContainer input:hover, .submitContainer input:hover {
background-color: #666;
cursor:pointer;
}
.formDefault .submitContainer label, .submitContainer label {
}
/* CAPTCHA */
.formCaptcha {
}
.formCaptcha input {
width:100%;
}
.formCaptcha p {
}
.formCaptcha label {
display:block;
padding-top:3px;
font-style:italic;
}

	
@media screen and (max-width: 1024px) {
.intro {
font-size:2.6vw;
}
.descriptionBar {
font-size:.9vw;
}
}
@media screen and (max-width: 900px) {
.intro br { 
display:none;
}
.intro {
font-size:2.8vw;
}
.descriptionBar {
font-size:1.1vw;
}
}
@media screen and (max-width: 850px) {
#topBar {
padding:12px 2%;
}
.intro {
font-size:3vw;
}
.intro p {
	line-height:1.1em;
}
.descriptionBar {
font-size:1.3vw;
}
#s-contact .descriptionBar {
overflow: inherit	;
}
.section {
	height:auto !important;
}
.slide.active {
	background-position:center 20vh;
}
.intro {
	height:50vh;
	}
.intro br { 
display:none;
background-size:contain;
}
.buttVideoRight {
	height:50vh;
	min-width:92px;
	background-size: 92px 30px;
	}

.descriptionBar {
font-size:60%;
position:relative;
height:auto;
}
.column {
float:none;	
overflow: auto;
}
.width1, .width2, .width3, .width4, .width5, .width6, .width7, .width8, .width9, .width10 {
	width:100%;
	padding-left:25%;
}
.logo {
	position:absolute;
	width:20%;
	padding:0;
	}
.thanks .logo {
	position:relative;
	width:auto;
}
.thanks .column {
	width:80%;
}

}

@media screen and (max-width: 450px) {
#topBar {
padding:7px 2%;
}
.intro {
font-size:3.5vw;
}
.introBody {
	text-shadow:1px 1px 2px #000;
}
}