/* RESET */
/* ----------------------------------------- */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; font-family: Open Sans, Tahoma, Arial, sans-serif; }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }

.last { padding: 0 !important; margin-right: 0 !important;}


/* MASTER */
/* ----------------------------------------- */
/*********** General Sections ***********/

body { font-family: Open Sans, Tahoma, Arial, sans-serif; font-size: 13px; font-weight: normal;  color: #333333; }

h1 { margin-bottom: 10px; color: #ffffff; font-size: 40px;   font-weight: 700; line-height: 30px; text-transform: uppercase; }
h2 { margin-bottom: 10px; color: #474747; font-size: 30px;  font-weight: 700; line-height: 30px; text-transform: uppercase; }
h3 { margin-bottom: 10px; color: #474747; font-size: 21px; font-weight: 400; font-family: Oswald, Open Sans, Tahoma, Arial, sans-serif; }
h4 { margin: 0 0 15px 0; color: #474747; font-size: 18px; font-weight: 400; line-height: 20px; }

.centerContainer { width: 900px; padding-top:20px; margin: 0 auto; }

/* ----------------------------------------- */
/*********** Header Container ***********/

#headerContainer { width: 100%; height: 100%; position: fixed; background: #ffffff url(../images/pattern.png); background-repeat:repeat; z-index: -9999;}
#headerContainer p { margin-bottom: 20px; color: #ffffff; font-size: 15px; font-weight: 600; line-height: 30px; font-family: Open Sans, Tahoma, Arial, sans-serif; text-shadow: 1px 1px #333333; }
#light { width:853px; height:336px; background-image:url(../images/light.png); }
.logoContainer { margin: 100px 0 50px 0; text-align: center; }
.getStarted{ width: 550px; margin: 0 auto; text-align: center; }

/* ----------------------------------------- */
/*********** Page Container ***********/

#pageContainer { width: 100%; margin-top: 367px; position: absolute;  }
#pageContainer2 { width: 100%; margin: 0 auto; background-color: #ffffff; border-top: 6px solid #38b1ff;  }
.oneColumn { width: 255px; margin-top: 80px; padding-right: 60px; text-align: center; float: left; }
.oneColumn p { padding: 0 20px; color: #7a7a7a; font-size: 13px; font-weight: 400; font-family: Open Sans, Tahoma, Arial, sans-serif; line-height: 22px; }

/* ----------------------------------------- */
/*********** Testimonials Container ***********/

#bigTitle { margin-top: 80px; padding: 60px 0; background-color: #272727; text-align: center; }
#bigTitle p { padding: 10px 0 20px 0; width: 500px; margin: 0 auto; color: #ffffff; font-size: 13px; font-weight: 400;  font-family: Open Sans, Tahoma, Arial, sans-serif; }

/* ----------------------------------------- */
/*********** About Us Container ***********/

#aboutUsContainer {  margin-top: 80px; } 
.aboutColumnImage { width: 260px; float: left; padding: 0 20px 0 0; }
#aboutColumnText { width: 620px; display: block; float: right; }
#aboutColumnText p { color: #7a7a7a; font-size: 13px; font-weight: 400; font-family: Open Sans, Tahoma, Arial, sans-serif; line-height: 22px; }

/* ----------------------------------------- */
/*********** The Team ***********/

#team { margin: 80px; display: block;}
.col { width: 210px; float: left; margin: 0 20px 20px 0; background-color: #f5f5f5; }
.name { margin-top: 10px; font-size: 16px; color: #474747; text-align: center; }
.office { font-size: 12px; color: #8d8d8d; text-align: center; font-style:italic; }
.info { margin-top: 5px; padding: 5px 15px; font-size: 13px; color: #474747; text-align: center; }
.tweeter { margin-top: 15px; padding-bottom: 15px; text-align: center;}
.tweet img { margin-right: 5px; text-align: center;}
.tweeter a{ margin-top: 5px; font-size: 12px; color: #00b0f0; text-align: center; text-decoration: none; }
.tweeter a:hover { margin-top: 5px; font-size: 12px; color: #00b0f0; text-align: center; text-decoration: underline; }

/* ----------------------------------------- */
/*********** Gallery Container ***********/

#galleryContainer { padding: 80px 0; background-color: #272727; }
#galleryContainer h3 { color: #ffffff; }
.images { display: inline-block; background-color: #272727; }
.image { width: 210px; height: 210px; float: left; margin: 0 20px 20px 0; background-color: #272727; }
.image a:hover { opacity: 0.4; }

/* ----------------------------------------- */
/*********** Contact Container ***********/

#contactContainer { height: 150px; padding: 30px 0; background-color: #0b63f8; text-align: center; color: #ffffff; font-size: 13px; font-weight: 400; font-family: Open Sans, Tahoma, Arial, sans-serif; line-height: 20px; }
.contacts { width: 200px; padding: 0 50px; float: left; } 


#subscribeForm { width: 442px; height: 50px; display: inline-block; padding: 0 0; margin-top: 20px; text-align: center;}
#sub_text { width: 230px; padding: 7px; margin-top: 10px; background-color: #272727; border: 0 none; color: #999999; }
#submit { width: 146px; height: 50px; float: right;  border: 0 none; background-image: url('../images/subscribe.png'); background: transperent; cursor: pointer; }

/* ----------------------------------------- */
/*********** Footer Container ***********/

#footer { padding: 18px 0; background-color: #272727; text-align: center; color: #d0d0d0; font-size: 12px; font-weight: 300; font-family: Open Sans, Tahoma, Arial, sans-serif; }

/* ----------------------------------------- */
/*********** Elements ***********/

.simple_link { color: #ff0048; text-decoration: none; }
.simple_link:hover{ color: #272727; text-decoration: underline; }
.background_link { background-color: #0b63f8; color: #ffffff; text-decoration: none; padding: 0 5px; }

/*********** Buttons ***********/
.read_more_button { padding: 7px 18px; margin: 10px 10px 10px 0; display: inline-block; color: #ffffff; text-decoration: none; background-color: #0b63f8;  }
.read_more_button:hover { background-color: #272727; }

.scan { width: 70%; height: 70%; padding: 10px 10px; cursor:pointer; opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out; }
   .scan:hover { opacity: 0.7; }
   
   
.myButton {
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Verdana;
	font-size:17px;
	font-weight:bold;
	padding:16px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.myButton:active {
	position:relative;
	top:1px;
}