@charset "utf-8";
@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;
}
@font-face {
	font-family:'VegurBold';
	src: url('../fonts/vegur-bold-webfont.eot');
	src: local('?'), url('../fonts/vegur-bold-webfont.woff') format('woff'), url('../fonts/vegur-bold-webfont.ttf') format('truetype'), url('../fonts/vegur-bold-webfont.svg#webfontB8Ap4S3S') 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;
	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:'VegurBold', sans-serif;
	 font-weight: normal;
	 font-style: normal;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	background-color:#C9B7A3;
	color:#333;
}
h1, h2, h3, h4, h5, h6 {
	color:#333;
	line-height: 1.2em;
}
a { color:#333; text-decoration: none; }
#wrapper {
	width: 888px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: 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 { background-color:#fff;/* background-color:#f2efec;*/}
#header, #interests, #footer { background: #fff /*url(../images/bg-gradients.png) no-repeat left bottom*/; }
#header {
	background-position: right bottom;
	padding-top: 25px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 40px;
}
#logo h1 { font-size:36px; line-height: 0.8em; }
#logo p {
	font-size:23px;
	display:block;
	margin-top:8px;
	letter-spacing: 1px;
}
#call-us h2, #interests h3 { font-size: 18px; }
#call-us strong { font-size: 30px; margin-left:10px; line-height: 1em; display: inline-block;}
#interests {
	position:relative;
	z-index:1;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 40px;
}
#interests > div#interests-texts { width:220px; float:left;}
#interests h3:after {
	content: ' ';
	display:inline-block;
	width: 34px;
	height:17px;
	background: url(../images/arrow.png) no-repeat right bottom; margin-left:30px; vertical-align:text-bottom; }
#interests p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-style:italic;
	margin-top:5px;
	line-height:1.3em;
	color:#333
}
#interests > div#video { position: absolute; top: -10px; right: 40px;}
#interests > div#video > div { width:480px; height:248px; }

#container {
	position:relative;
	z-index:0;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 25px;
	padding-left: 40px;
	background-color: #FFF;
}
#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:26px;
}
#features ul { margin: 0 -40px;}
#features li {
	width: 350px;
	float:left;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 40px;
}
#features h4 {
	font-size:20px;
	line-height: 1.3em;
}
#features p { font-size:13px; margin-top:10px; color:#6b6a6a;}
#features .icon + div { padding-left:45px;}

#footer {
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
}
#call-to-action { border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius:10px; padding: 40px 40px 30px;
	background:#5AA2AF;
	background-image: -moz-linear-gradient(top, #73BBC8, #5AA2AF);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#73BBC8), to(#5AA2AF));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#73BBC8", endColorstr="#5AA2AF");
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#73BBC8, endColorstr=#5AA2AF)";
}
#call-to-action h3 { font-size:24px; line-height:1.3em;}
#call-to-action h3 + p {
	color:#FFFFFF;
	font-size:23px;
}
#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:#5AA2AF;}
#call-to-action .link {
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	display: inline-block;
	position: relative;
	bottom:-5px;
} 
#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;
}


#gallery {
	list-style-type: none;
	width: 500px;
	float: right;
	padding-left: 40px;
}

#gallery li {
	float: left;
	padding: 10px 0px 10px 20px;
	font-size: 12px;
	color: #ABABAB;
	text-align: center;
}

#gallery img {
	display: block;
	padding: 4px;
	border: 1px solid #CCCCCC;
}
	
#contactform {
	margin-bottom: 20px;
}
.tabledata {
	font-size: 12px;
	line-height: 1.5em;
	color: #666;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	padding-top: 5px;
	padding-bottom: 5px;
}
#wrapper #container p {
	font-size: 12px;
	line-height: 1.5em;
	padding-bottom: 1.5em;
}
#wrapper #container h1 {
	font-size: 24px;
	line-height: 1.5em;
	font-weight: lighter;
	padding-bottom: 10px;
}