/*
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}
/* End CSS Reset*/

/* Global */
html, body { height: 100%; }

body {
 width: 100%;
 font-size: 100%;
 font-family: 'Figtree', sans-serif;
 font-weight: 400;
}

img { max-width: 100%; }

strong { font-weight: 700; }

a {
  text-decoration: none;
  border-bottom: solid 1px #007CB7;
  transition: all 1s;
}

a:hover { background-color: #E9E9E9; border-bottom: solid 1px #E9E9E9; }

hr {
  clear: both;
  margin-bottom: 2em;
  height: 1px;
  border: none;
  background-color: #D7D7D7;
}

section ul, section li { margin-bottom: 1em; }

section li { padding-left: .5em; }

/* Positioning */
.clear { clear: both; }

.floatLeft { float: left; }

.imageFloatLeft { float: left; padding: 0 1em 0 0; }

.relative { clear: both; position: relative; }

.hide { position: absolute; left: -9999px; }

/* Fonts */
h1, h2, h3 { font-weight: 700; }

h1 {
  display: inline-block;
  padding: .25em 0;
  font-size: 3.5em;
  text-transform: uppercase;
  text-shadow: 2px 2px 3px rgba(34,80,215,1.0);
  transition: font-size 500ms;
}

h2 { padding-bottom: 1em; font-size: 1.1em; }

.subColor1 { color: #007CB7; }
.subColor2 { color: #F7941D; }
.subColor3 { color: #7DBC28; }
.subColor4 { color: #9A47A5; }

section {
  display: block;
  font-size: 1em;
  color: #555555;
  line-height: 1.5em;
}

section p { padding-bottom: 1em; }

.secondaryColor { color: #C8FF7E; }

.external { font-weight: 700; color: #007CB7; }

.majorText { font-size: 1.5em; line-height: 1.5em; }

.minorText { font-size: .8em; }

/* Containers */
.mainContainer {
  max-width: 2000px;
  min-width: 320px;
  margin: 0 auto;
}

.videoWrapper { max-width: 640px; margin: 0 auto; padding: 1em 2em .75em 2em; }

section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 4%;
}

.twoColumn {
  float: left;
  width: 45%;
  padding-right: 2%;
}

.twoColumn:last-child, .fourColumn:last-child { padding-right: 0; }

.fourColumn {
  float: left;
  width: 21.5%;
  padding: 0 2% 1em 0;
}

.iconWithText { margin-bottom: 1em; }

.iconWithText img { float: left; position: relative; top: -.4em; padding-right: 1em; }

.quoteBubble {
  background: url('../images/green_quote_mark.png') no-repeat;
  padding: 1em;
}

/* Contact Us */
.contactUs {
  position: relative;
  font-weight: 700;
  width: 10em;
  height: 2em;
  font-size: 1.5em;
  margin: .5em 0 2em 0;
}

.contactUs a {
  display: block;
  float: left;
  width: 10em;
  height: 2em;
  line-height: 2em;
  padding: .25em;
  color: #555;
  background: #E9E9E9;
  border: solid 1px #CCC;
  border-radius: 2em;
  transition: box-shadow .5s;
}

.contactUs a img {
  position: relative;
  left: 0;
  top: 0;
  float: left;
  max-width: 20%;
  margin-right: 1em;
}

.contactUs a:hover { border: solid 1px #CCC; -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.3); box-shadow: 0 1px 10px rgba(0,0,0,0.3); }

.contactUs a:hover img { max-width: 100%; top: -.5em; left: -.5em; margin-right: 0.05em; }

/* Header */
header {
  display: block;
  position: relative;
  height: auto;
  padding-bottom: 2em;
  color: #FFF;
  text-align: center;
  border-bottom: solid 8px #F7941D;
  background-image: url('../images/videocontainer-bkg.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: cover;
}

header iframe {
  box-shadow: 0 0 10px rgba(0,0,0,0.75);
}

@media screen and (max-width: 750px) {
	.twoColumn, #contactForm .twoColumn { width: 92%; padding-right: 0; }
	.fourColumn { width: 45%; }
	.fourColumn:nth-child(odd) { clear: both; }
    h1 { font-size: 1.75em; }
    .contactUs { margin: .5em auto 2em auto; }
    #contactForm { width: 90%; padding: 1em; }
    .form50 { width: 100%; }
}

@media screen and (max-width: 500px) {
    .fourColumn { width: 92%; }
}