@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Arimo');

@font-face {
	 font-family: 'ChunkFiveRegular';
	 src: url('../fonts/Chunkfive-webfont.eot');
	 src: local('?'), url('../fonts/Chunkfive-webfont.woff') format('woff'), url('../fonts/Chunkfive-webfont.ttf') format('truetype'), url('../fonts/Chunkfive-webfont.svg#webfontb5K2fJwj') format('svg');
	 font-weight: normal;
	 font-style: normal;
}
@font-face {
	 font-family: 'JournalRegular';
	 src: url('../fonts/journal-webfont.eot');
	 src: local('?'), url('../fonts/journal-webfont.woff') format('woff'), url('../fonts/journal-webfont.ttf') format('truetype'), url('../fonts/journal-webfont.svg#webfont3lGqYzYA') format('svg');
	 font-weight: normal;
	 font-style: normal;
}
#logo h1, #call-us h2, #interests h3, #features h3, #call-to-action h3, #buttons h3, #contact-form h4, #contact-form label, #success-msg h1 {
	 font-family: 'ChunkFiveRegular', sans-serif;
	 text-transform: uppercase;
	 font-weight: normal;
	 font-style: normal;
}
#logo p {
	 font-family: 'JournalRegular', sans-serif;
	 font-weight: normal;
	 font-style: normal;
}
#features h4, #call-to-action h3 + p, .button  {
     font-family:'Arimo', sans-serif;
	 font-weight: normal;
	 font-style: normal;
}

body { font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; line-height: 1.2em; background-color:#666; color:#333; }
h1, h2, h3, h4, h5, h6 { color:#333;}
a { color:#333; text-decoration: none; }
#wrapper { width: 888px; margin: 40px auto;}
#wrapper > div { background: url(../images/bg-page-tp.png) no-repeat center top;}
#wrapper > div > div { background: url(../images/bg-page-bt.png) no-repeat center bottom; padding: 0 24px 27px;}
#wrapper > div > div > div { min-height: 300px; background-color:#f2efec;}
#header, #interests, #footer { background: #fff url(../images/bg-gradients.png) no-repeat left bottom; }
#header { padding: 55px 40px 60px; background-position: right bottom;}
#logo h1 { font-size:40px; line-height: 0.8em; }
#logo p { font-size:20px; display:block; margin-top:8px; }
#call-us h2, #interests h3 { font-size: 18px; }
#call-us strong { font-size: 30px; margin-left:10px; line-height: 1em; display: inline-block;}
#interests { padding: 35px 40px; position:relative; z-index:1; }
#interests > div#interests-texts { width:220px; float:left;}
#interests h3:after {
	content: ' ';
	display:inline-block;
	width: 34px;
	height:17px;
	margin-left:30px; vertical-align:text-bottom; }
#interests p { font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-style:italic; margin-top:5px; line-height:1.3em; color:#333}
#interests > div#video { background: url(../images/bg-video.png) no-repeat right top;  padding: 0 17px 30px 18px; position: absolute; top: -40px; right: 20px;}
#interests > div#video > div { width:480px; height:270px; padding: 10px; box-shadow: 0 1px 5px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.15);-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.15);  }

#container { background: #f2efec url(../images/bg-main.png) repeat-x left top; padding: 80px 40px; position:relative; z-index:0;}
#left-shadow, #right-shadow { position: absolute; background-image: url(../images/shadow.png); width: 16px; height:344px; top:-160px;}
#left-shadow { background-position: left top; left: -16px;}
#right-shadow { background-position: right top; right: -16px;}
#features h3, #buttons h3 { font-size:30px; }
#features ul { margin: 0 -40px;}
#features li { width: 350px; float:left; margin: 30px 20px 0 40px;}
#features h4 { font-size:25px; line-height: 1.1em; }
#features p { font-size:13px; margin-top:10px; color:#6b6a6a;}
#features .icon + div { padding-left:45px;}

#footer { padding: 40px; }
#call-to-action { border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding: 20px;
	background:#b6e451;
	background-image: -moz-linear-gradient(top, #c9ef76, #b6e451);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c9ef76), to(#b6e451));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9ef76", endColorstr="#b6e451");
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#c9ef76, endColorstr=#b6e451)";
}
#call-to-action h3 { font-size:18px; line-height:1.3em;}
#call-to-action div.right { width: 315px;}
#call-to-action .button, #call-to-action .button span { display: block; font-size: 18px; }
#call-to-action .button {  background-color:#b6e451;}
#call-to-action .link { font-size:13px; font-weight:bold; color:#57a112; display: inline-block; position: relative; bottom:-5px;} 
#call-to-action  p  { font-size:13px;} 
#legality { position:relative; bottom: -60px; text-align:center; height:1px; overflow: visible; font-size:13px; color:#999; left:0; clear:both;}

/* Form
------------------------------------------------------------------------------------------------ */	
#contact-form { width: 520px; background: #f2efec url(../images/bg-contactbox.png) repeat-x left top; padding:40px; }
#contact-form > div { background: url(../images/bg-vertical-sep.png) no-repeat 155px top; min-height:362px;}
#contact-form h4, #contact-form label { color:#a1a1a1; font-size:14px;}
#contact-form .left { font-size:12px; width:150px;}
#contact-form .left p { font-family:Georgia, "Times New Roman", Times, serif; margin-top:20px;}
#contact-form .left p strong { font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;}
#contact-form .right { width:310px; }
#contact-form .right p + p { margin-top: 30px;}
#contact-form label { display: block; padding-bottom:3px; }
#contact-form input[type=text], #contact-form textarea { background-color:#fff; border-style: solid; border-width: 0 1px 1px; border-color: transparent #e6e3e0 #cecbc9; padding: 9px; font-family: Arial, Helvetica, sans-serif; font-size:14px; width:290px; }
#contact-form .button, #container .button {background-color:#F2EFEC;}
#contact-form .button span span { font-size:24px; padding: 0 95px 0 20px;}
#success-msg { display: none; }
#success-msg h1 { font-size:30px;}
#success-msg > p { font-size:14px; margin-top:20px; color:#666;}
.social-links { background: url(../images/bg-social-links.png) no-repeat left bottom; padding-bottom:1px; margin-top:65px; }
.social-links p {line-height:0; margin-top:20px;}
.social-links img { vertical-align:text-bottom; margin-right:5px; }
#wrapper > div > div > div:after, #header:after, #interests:after, #container:after, #footer:after, #call-to-action:after, #contact-form>div:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}
#wrapper > div > div > div, #header, #interests, #container, #footer, #call-to-action, #contact-form {
	zoom:1;
}
#slides {z-index:100;}

.slides_container {width:480px;height:270px;}
.slides_container div {width:440px;height:270px;display:block;}
div#slides ul.pagination {display:none;}
.caption {
	z-index:500;
	position:absolute;
	top:200px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:440px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}

div#container div#features ul li div ul {margin: 0 -40px;    color: #6B6A6A;font-size: 13px;margin-top: 10px;}
div#container div#features ul li div ul li {margin: 0px 20px 0 40px;}


div#footer div#call-to-action div.left ulul { margin: 0 -40px;}
div#footer div#call-to-action div.left ul li { width: 350px; float:left; margin: 5px;}

div#call-us.right ul.toplanglist li{
	margin-top: -5px;
	list-style-type:none;
	display:inline;
	padding:0px 5px 0px 0px;
	font-size:12px;
}
div#call-us.right ul.toplanglist {padding-left: 30px; }
div#call-us.right ul.toplanglist li a { text-decoration: none; color:black;}
div#call-us.right ul.toplanglist li a.active { text-decoration: none; color:red;}