@charset "UTF-8";

/**************************************************/
/**************************************************/
/**************************************************/

/* Start General Styles */

* {
	padding:0; margin:0;
}

html {
	overflow-y:scroll;
}

html, body {
	width:100%; height:100%;
	background:#fff;
}

img {
	border:0;
}

a, input, textarea {
	outline:none;
}

.clear {
	clear:both;
}

/* End General Styles */

/**************************************************/
/**************************************************/
/**************************************************/

/* Start Font Styles */

@font-face {
	font-family: 'Pictos';
	src: url('font/pictos/pictos-web.eot');
	src: local('☺'), url('font/pictos/pictos-web.woff') format('woff'), url('font/pictos/pictos-web.ttf') format('truetype'), url('font/pictos/pictos-web.svg#webfontIyfZbseF') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* End Font Styles */

/**************************************************/
/**************************************************/
/**************************************************/

/* Start Body Styles */

.spacer {
	height:40px;
}

.wrapper {
	width:600px;
	margin:0 auto;
}

.wrapper .header {
	width:600px; height:50px;
	border-bottom:3px solid #eee;
	cursor:default;
	padding-bottom:10px; margin-bottom:30px;
}

.wrapper .header .icon {
	font-family:'Pictos'; font-size:80px; color:#333;
	line-height:50px;
	float:left;
	padding:5px; margin-right:20px;
}

.wrapper .header .wordmark {
	font-family:'Helvetica',sans-serif; font-size:40px; color:#333;
	font-weight:bold; line-height:50px;
}

.wrapper .about {
	width:600px;
	font-family:'Helvetica',sans-serif; font-size:16px; color:#666;
	line-height:22px;
	margin-bottom:30px;
}

.wrapper .about h1 {
	font-family:'Helvetica',sans-serif; font-size:18px; color:#333;
	font-weight:bold;
	margin-bottom:10px;
}

.wrapper .resources {
	width:520px;
	background:#eee;
	border:1px solid #ddd;
	border-radius:10px;
	padding:30px 40px 10px; margin-bottom:30px;
}

.wrapper .resources .item {
	width:140px; height:180px;
	background:#33c289;
	border:1px solid #2ca876;
	border-radius:10px;
	box-shadow:0 2px 4px rgba(0,0,0,.15);
	position:relative;
	float:left;
	padding:10px; margin:0 17px 20px 0;
	z-index:1;
}

.wrapper .resources .item:nth-child(3n) {
	margin-right:0;
}

.wrapper .resources .item h1 {
	height:45px;
	font-family:'Helvetica',sans-serif; font-size:20px; color:#fff;
	text-align:center; text-shadow:0 1px 0 #258f65;
	margin-bottom:7px;
}

.wrapper .resources .item h1.single {
	height:35px;
	font-family:'Helvetica',sans-serif; font-size:20px; color:#fff;
	text-align:center; text-shadow:0 1px 0 #258f65;
	padding-top:10px; margin-bottom:7px;
}

.wrapper .resources .item .icon {
	font-family:'Pictos'; font-size:100px; color:#fff;
	text-align:center; line-height:100px; text-shadow:0 1px 0 #258f65;
}

.wrapper .resources .item .downloadbt {
	font-family:'Helvetica',sans-serif; font-size:16px; color:#fff;
	font-weight:bold; text-align:center; line-height:16px; text-shadow:0 1px 0 #258f65;
}

.wrapper .resources .item .downloadbt span.icon {
	font-family:'Pictos'; font-size:30px; color:#fff;
	margin-right:5px; line-height:30px; text-shadow:0 1px 0 #258f65;
}

.wrapper .resources .item .linkoverlay {
	width:160px; height:200px;
	position:absolute; top:0; left:0;
	z-index:2;
}

.wrapper .ourteam {
	width:600px;
	margin-bottom:30px;
}

.wrapper .ourteam .members {
	width:600px;
	margin-bottom:30px;
}

.wrapper .ourteam .members h1 {
	width:600px;
	border-bottom:3px solid #eee;
	font-family:'Helvetica',sans-serif; font-size:18px; color:#333;
	padding-bottom:5px; margin-bottom:15px;
}

.wrapper .ourteam .members h1 .highlight {
	color:#33c289;
}

.wrapper .ourteam .members h1 a {
	font-size:12px; color:#33c289;
	text-decoration:none;
	float:right;
	margin-top:7px;
}

.wrapper .ourteam .distributors .photos .img {
	width:116px; height:116px;
	background:#eee;
	float:left;
	margin:0 5px 5px 0;
}

.wrapper .ourteam .distributors .photos .img:nth-child(5n) {
	margin-right:0;
}

.wrapper .ourteam .customers .photos .img {
	width:50px; height:50px;
	background:#eee;
	float:left;
	margin:0 5px 5px 0;
}

.wrapper .ourteam .customers .photos .img:nth-child(11n) {
	margin-right:0;
}

.wrapper .copyright {
	width:600px; height:60px;
	font-family:'Helvetica',sans-serif; font-size:12px; color:#ddd;
}

/* End Body Styles */