/* Reset CSS*/

* {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
html {
	margin-bottom: 1px;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 100%;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a {
	text-decoration: none;
	outline-style: none;
	color: #FFF;
}
ul, li {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	font-family: 'Caviar Dreams';
	height: 100%;
}

/* Custom Classes */

.clear {clear: both;}
/*.backstretch {top: 50px !important;}*/
.wrap, .wrapper {position: relative; width: 1000px; margin: 0 auto;}
.link-overlay {position: absolute; top:0; right:0; bottom:0; left:0; z-index: 90; }
.red-bullet {color: #96172E;}
.white-bullet {color: #FFF;}
.social-icon {margin: 0 0 -5px 0;}
.marketing-logos {margin: -4px 0 0 0;}
.active, .hotlink {color: #0066CC;}

/* Font CSS */

@font-face {
	font-family: 'Din Pro';
	src: url('../fonts/dinpro-webfont.eot');
	src: url('../fonts/dinpro-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/dinpro-webfont.woff') format('woff'),
		 url('../fonts/dinpro-webfont.ttf') format('truetype'),
		 url('../fonts/dinpro-webfont.svg#dinproregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Din Pro Medium';
    src: url('../fonts/dinpro-medium-webfont.eot');
    src: url('../fonts/dinpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinpro-medium-webfont.woff') format('woff'),
         url('../fonts/dinpro-medium-webfont.ttf') format('truetype'),
         url('../fonts/dinpro-medium-webfont.svg#din_promedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Din Pro MItalic';
    src: url('../fonts/dinpro-mediumitalic-webfont.eot');
    src: url('../fonts/dinpro-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinpro-mediumitalic-webfont.woff') format('woff'),
         url('../fonts/dinpro-mediumitalic-webfont.ttf') format('truetype'),
         url('../fonts/dinpro-mediumitalic-webfont.svg#din_promedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Caviar Dreams';
    src: url('../fonts/caviardreams-webfont.eot');
    src: url('../fonts/caviardreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/caviardreams-webfont.woff') format('woff'),
         url('../fonts/caviardreams-webfont.ttf') format('truetype'),
         url('../fonts/caviardreams-webfont.svg#caviar_dreamsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Ostrich Sans';
    src: url('ostrich-regular-webfont.eot');
    src: url('ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('ostrich-regular-webfont.woff') format('woff'),
         url('ostrich-regular-webfont.ttf') format('truetype'),
         url('ostrich-regular-webfont.svg#ostrich_sansmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Layout CSS */

/*#container {min-height: 100%; position: relative;}
#container-inner {padding: 0 0 66px;}
#footer {font-size: 20px; color: #000; height: 65px; margin: -66px 0 0; position: relative; border-top: solid 1px #96172E;}
#footer .wrap {padding: 20px 0 15px 0;}
#footer a {color: #000;}
#footer a span {font-family: Arial, Helvetica, sans-serif;}
#footer-address {float: left; margin: 0 0 0 20px;}
#footer-logos {float: right;}
#thankyou-message {font-size: 17px; text-align: center; color: #96172E; line-height: 200%;}
#thankyou-message a {color: #96172E; font-family: 'Din Pro Medium';}
#thankyou-message .thanks {font-size: 100px; text-transform: uppercase; display: block; margin: 0 0 25px;}
#thankyou-message .subhead {font-size: 20px; text-transform: uppercase; display: block;}*/

h1 {font-size: 36px; margin: 0 0 20px 0;}
h2 {font-size: 22px; margin: 0 0 20px 0; color: #FFF;}

#header-panel {width: 200px; position: absolute; top: 10px; left:0;}
#logo {position: relative;background-image: url(../images/bg-transparent-black.png); background-repeat: repeat; padding: 20px 25px; margin: 0 0 2px 0px; left: -200px;}
#navigation {}
#navigation li {position: relative; background-image: url(../images/bg-transparent-black.png); background-repeat: repeat; color: #FFF; margin: 0 0 2px 0; width: 100%; text-indent: 25px; opacity: .7;}
#navigation li:hover {text-indent: 50px; opacity: 1; animation: navbutton .1s 1;}

@keyframes navbutton {
  0%   { text-indent: 25px; opacity: .7; }
  100% { text-indent: 50px; opacity: 1; }
}
@-webkit-keyframes navbutton {
  0%   { text-indent: 25px; opacity: .7; }
  100% { text-indent: 50px; opacity: 1; }
}
@-moz-keyframes navbutton {
  0%   { text-indent: 25px; opacity: .7; }
  100% { text-indent: 50px; opacity: 1; }
}
@-o-keyframes navbutton {
  0%   { text-indent: 25px; opacity: .7; }
  100% { text-indent: 50px; opacity: 1; }
}
@keyframes navbutton {
  0%   { text-indent: 25px; opacity: .7; }
  100% { text-indent: 50px; opacity: 1; }
}

#navigation a {color: #FFF; font-size: 18px; position: relative; top: 0; left: 0; width: 100%; line-height: 100%; display: block; padding: 15px 0;}
#nav1, #nav2, #nav3, #nav4, #nav5, #nav6, #nav7 {left: -200px; position: rel.ative;}

#button-close-header {position: absolute; top: 0; right: -20px; opacity: 0;}
#button-open-header {position: absolute; top: 10px; left: -15px;}
#button-close-content {position: absolute; top: 0; left: -20px; opacity: 0;}
#button-open-content {position: absolute; top: 10px; right: -15px;}
#button-close-footer {position: absolute; top: -20px; text-align: center; width: 100%;opacity: 0;}
#button-open-footer {position: absolute; bottom: -20px; left: 0; text-align: center; width: 100%;}

#content-panel {background-image: url(../images/bg-transparent-black.png); background-repeat: repeat; position: absolute; top: 10px; right: -500px; width: 500px;}
#content {position: relative; padding: 30px 60px; color: #FFF;}
#content p {line-height: 200%; margin: 0 0 20px 0;}

#ghost {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(../images/bg-transparent-black.png); background-repeat: repeat; opacity: .8; z-index: 1;}

#case-studies-panel {background-image: url(../images/bg-transparent-black.png); background-repeat: repeat; position: relative; left: -200px;}
#case-studies-panel div {padding: 15px 25px;}
#case-studies-panel li {border-bottom: solid 1px #FFF; padding: 0 0 10px 0; margin: 0 0 10px 0;}
#case-studies-panel li.last {border-bottom: none; padding: 0; margin: 0;}

.list {
	margin: 0 0 0 20px;
}
.list li {
	list-style-position: outside;
	line-height: 200%;
	background-image: url(../images/bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 15px;
}

.social-icon {margin: 0 0 -4px 0;}
#footer {position: absolute; bottom: -50px; background-image: url(../images/bg-transparent-black.png); background-repeat: repeat; color: #FFF; font-size: 15px; width: 100%; text-align: center; height: 50px;}
#footer2 {position: absolute; bottom: 0;color: #FFF; font-size: 15px; width: 100%; text-align: center; height: 50px; z-index: 10;}
#footer-inner {padding: 15px 0;}

/* Design 2 */

.divider {width: 150px; height: 1px; border-bottom: solid 1px #FFF; display: block; margin: 30px auto 20px;}

#button-close-header2 {position: absolute; bottom: -20px; text-align: center; width: 100%; z-index: 20;}
#button-open-header2 {position: absolute; top: -20px; text-align: center; width: 100%; z-index: 20;}
#button-close-footer2 {position: absolute; top: -10px; text-align: center; width: 100%; z-index: 20;}
#button-open-footer2 {position: absolute; bottom: -20px; left: 0; text-align: center; width: 100%; z-index: 20;}
#button-close-header2 a, #button-open-header2 a, #button-close-footer2 a, #button-open-footer2 a {position: relative; z-index: 20;}

#header2, #content2, #logo2, #navigation2 {position: relative; z-index: 10;}
#content2, #footer2 {color: #FFF;}

#header2 {top: 0; height: 250px; display: block;}
#logo2 {text-align: center; padding: 40px 0 30px;}
#navigation2 {text-align: center;}
#navigation2 li {color: #FFF;display: inline-block; padding: 5px 10px;}
#navigation2 a {font-size: 18px; text-transform: uppercase;}
#navigation2 a:hover {color: #0066CC;}

#content2 {text-align: center; width:100%; margin: 40px 0 0 0;}
#content2 h1 {font-size: 42px; margin: 0 0 20px 0; }
#content2 p {line-height: 200%; margin: 0 0 20px 0;}
#content-inner {width:60%; margin: 0 auto;}
#content-inner {line-height: 200%;}
#content-wrap {position:relative; z-index: 10;}

/* Design 3 */

#content3 {text-align: center; width:100%; margin: 8% 0 0 0;}
#content3 h1 {font-size: 45px; margin: 0 0 20px 0; color: #FFF;}
#content3 p {line-height: 200%; margin: 0 0 20px 0; color: #FFF; font-size: 17px;}
#content3-interior h1 {font-size: 32px; margin: 0 0 20px 0; color: #0066CC;}
#content3-interior p {color: #FFF; font-size: 14px; line-height: 200%;}

#footer3 {position: absolute; bottom: 10px;color: #FFF; font-size: 15px; width: 100%; text-align: center; z-index: 10;}
#footer3 #footer-inner {margin: 0 auto; padding: 15px 0; width: 1000px; border-top: solid 1px #FFF;}

.banner {
	position: relative;
	width: 100%;
	height: 300px;
	background-size: cover;
}
.about-banner {background-image: url(../images/design3/flatiron_zoom-25597055-3.jpg); background-position: center center;}

.two-column {float: left; width: 70%;}
.column-50 {width:50%; float: left;}
.sidebar {float: right; width: 25%}
.sidebar h2 {color: #0066CC; margin: 0 0 10px;}
.sidebar h3, h3 {color: #FFF; margin: 0 0 7px; font-size: 18px;}

.date {color: #666;}

/* Contact Form CSS */

.form-label {font-family: 'Din Pro Medium'; font-size: 13px; color:#96172E; width: 400px; text-align: right; float: left; margin: 0 15px 0 0;}
.form-field {width: 200px; float: left; margin: 0 0 10px 0;}
.form-field-wide {width: 212px; float: left; margin: 0 0 10px 0;}
.form-field input {width: 100%; background-image: url(../images/bg-form-fields.png); background-repeat: no-repeat; background-position: left top; border: solid 1px #797979; padding: 6px 5px; }
.form-field input#datepicker {background-image: url(../images/bg-form-fields-calendar.png); text-indent: 25px;}
.form-field input.radio {width: auto; background-image: none; border: none; padding: 0; margin: 0 0 10px 0;}
.form-field-wide select {width: 100%; margin: 0 0 10px 0; color:#96172E;}
.checkbox-column1 {width: 50%; float: left;}
.checkbox-column1 span {display: inline-block; width: 70px; font-family: 'Din Pro Medium'; font-size: 13px; color:#96172E; text-align: right;}
.checkbox-column2 {width: 50%; float: right; text-align: right;}
.checkbox-column2 span {display: inline-block; width: 75px; font-family: 'Din Pro Medium'; font-size: 13px; color:#96172E; text-align: right;}
.submit {width: 97px; height: 33px; display: block; float: left; margin: 0 0 0 95px; border: none; background-color: transparent; background-image: url(../images/btn-submit.png); background-repeat: no-repeat; background-position: left top; font-size: 0; cursor: pointer;}
.error {font-size: 13px; color: #FF0000;}

#thankyou {background-color: #96172E; color: #FFF; position: absolute; top :50px; left: 200px; right: 200px; padding:30px 70px; text-align: center; opacity: 0.9;}

.ui-widget-header {background: none; border: none; color: #96172E;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: none; border: none; color: #868686;}
.ui-datepicker td span, .ui-datepicker td a {text-align: center;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background: none; border: none; color: #96172E;}