@charset "UTF-8";
/* CSS Document */

body {
	margin: 							0px;
}

img {
	outline: 							none;
}

.header {
	width: 								100%;
	height: 							126px;
	background-color: 					#fff;
	border-bottom: 						5px solid #f39200;
	position: 							fixed;
}

.header-container {
	width: 								1000px;
	height: 							126px;
	margin: 							0 auto;
}

.logo {
	width: 								217px;
	height: 							78px;
	margin: 							24px 80px 24px 0px;
	float: 								left;
	opacity: 							1;
}

h1 {
	font-family: 						'Roboto', sans-serif;
	font-size: 							20px;
	color: 								#fff;
	line-height: 						72px;
	margin: 							0px 50px;
}

h2{
	font-family: 						'Roboto', sans-serif;
	font-size: 							20px;
	color: 								#fff;
	font-weight: 						bold;
	margin-left: 						240px;
	margin-top:							-40px;
	
}



.logo:hover {
	opacity: 							0.5;
}

/* NAV */

ul {
	list-style-type: 					none;
	padding: 							0;
	margin: 							0;
}

li {
	padding: 							0px 20px;
	color: 								#009fe3;
	margin:								52px 0px;
	font-family: 						'Roboto', sans-serif;
	font-size: 							22px;
	float: 								left;
}

li a {
	color: 								#009fe3;
	text-decoration: 					none;
}

li a:hover {
	color: 								#f39200;
}

li a:active {
	color: 								#f39200;
}

/* SOCIAL */

.social {
	width: 								100px;
	height: 							40px;
	margin:								43px 0px;
	float: 								right;
}

.sm {
	width: 								40px;
	height: 							40px;
	float: 								left;
	margin-left: 						10px;
	opacity: 							1;
	cursor: 							pointer;
}

.sm:hover {
	opacity: 							0.5;
	cursor: 							pointer;
}

/* CONTENT */

.padder {
	width: 								100%;
	height: 							131px;
}

.wrapper {
	width: 								1000px;
	height:								100%;
	margin:								0 auto;
}

.img-roll {
	width: 								1000px;
	height: 							240px;
}

.bg-left {
	width: 								127px;
	height: 							242px;
	background-image: 					url("..//img/bg-left.jpg");
	float: 								left;
}

.bg-right {
	width: 								127px;
	height: 							242px;
	background-image: 					url("..//img/bg-right.jpg");
	float: 								left;
}

.image {
	width: 								746px;
	height: 							242px;
	float: 								left;
}

/* FOOTER */

.footer {
	width: 								100%;
	height: 							78px;
	background-color: 					#fff;
	border-top: 						5px solid #f39200;
	float: 								left;	
}

.footer-container {
	width: 								858px;
	height:								78px;
	margin: 							0 auto;
}

.affiliate {
	float: 								left;
	margin:								0px 20px;
	opacity: 							1;
}

.affiliate:hover {
	opacity: 							0.5;
}

/* CONTENT */

.content-roll {
	width: 								1000px;
	height: 							100%;
	float: 								left;
}

.content-left {
	width: 								720px;
	height: 							800px;
	min-height: 						600px;
	float: 								left;
	background-color: 					#009fe3;
	overflow: 							hidden;
}

.content-right {
	width: 								280px;
	height: 							800px;
	min-height: 						600px;
	float: 								left;
	background-color: 					#f2f2f2;
	overflow: 							hidden;
}

.title-left-column {
	width: 								660px;
	height: 							72px;
	border-bottom: 						3px solid #fff;
	margin-bottom: 						20px;
}

.title-right-column {
	width: 								220px;
	height: 							72px;
	border-bottom: 						3px solid #009fe3;
	margin-bottom: 						20px;
}

/* TEXT-STYLING */

/* TITLE */

.title-white {
	font-family: 						'Roboto', sans-serif;
	font-size: 							22px;
	color: 								#fff;
	line-height: 						72px;
	margin: 							0px 50px;
}

.title-blue {
	font-family: 						'Roboto', sans-serif;
	font-size: 							22px;
	color: 								#009fe3;
	line-height: 						72px;
	margin: 							0px 30px;
}

/* TEXT */

.text-white {
	font-family: 						'Roboto', sans-serif;
	font-size: 							14px;
	color: 								#fff;
	margin-left: 						50px;
	margin-right: 						50px;
	line-height: 						22px;
}

.text-white-bold {
	font-family: 						'Roboto', sans-serif;
	font-size: 							18px;
	color: 								#fff;
	margin-left: 						50px;
	margin-right: 						50px;
	line-height: 						22px;
	font-weight: 						bold;
}

.text-blue {
	font-family: 						'Roboto', sans-serif;
	font-size: 							14px;
	color: 								#009fe3;
	margin-left: 						30px;
	margin-right: 						30px;
	line-height: 						22px;
}

.bold {
	font-family: 						'Roboto', sans-serif;
	font-size: 							14px;
	font-weight: 						bold;
	color: 								#009fe3;
	line-height: 						22px;
}

.promo {
	width: 								200px;
	height: 							70px;
	margin: 							20px 30px;
}

.text-promo {
	float: 								left;
	margin-left: 						20px;
}

.promo-img {
	float: 								left;
}

/* CONTACTFORM */

.contact-form {
	width:								620px;
	height:								100%;
	margin:								0px 50px;
	min-height:							600px;
	font-family: 						'Roboto', sans-serif;
	font-size: 							14px;
	color: 								#fff;
	margin-left: 						50px;
	margin-right: 						50px;
	line-height: 						22px;
}

input {
	width: 								370px;
	height: 							20px;
	background-color: 					#f3f3f3;
	border: 							none;
	font-size: 							12px;
	padding:							5px;
	-moz-border-radius: 				5px;
	border-radius: 						5px;
}

textarea {
	width: 								370px;
	height: 							180px;
	background-color: 					#f3f3f3;
	border:								none;
	font-size: 							12px;
	padding:							5px;
	-moz-border-radius: 				5px;
	border-radius: 						5px;
}

input:focus, textarea:focus {
	background-color: 					#e6e6e6;
	outline:							none;
	-moz-border-radius: 				5px;
	border-radius: 						5px;
}

#submit {
	background-color: 					#f39200;
	font-size: 							12px;
	font-family: 						'Armata', sans-serif;
	color: 								#fff;
	width: 								380px;
	margin-top: 						7px;
	outline:							none;
	height: 							30px;
	cursor:								pointer;
	-moz-border-radius: 				5px;
	border-radius: 						5px;
}

#submit:hover {
	background-color: 					#fff;
	font-size: 							12px;
	font-family: 						'Armata', sans-serif;
	color: 								#f39200;
	width: 								380px;
	margin-top: 						7px;
	height: 							30px;
	outline:							none;
	cursor:								pointer;
	-moz-border-radius: 				5px;
	border-radius: 						5px;
}