/* --------------- Introduction --------------- */
header#introduction {
	font-size:18px;
}
header#introduction h2 {
	font-family:'Segoe Condensed', segoeCondensed, Arial;
	font-size:40px;
	line-height:45px;
	margin-bottom:20px;
	text-transform:uppercase;
}

/* --------------- Panel - Features --------------- */
div#features section {
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:12px;
	float:left;
	overflow:hidden;
	position:relative;
}
div#features *.content {
	color:#FFFFFF;
	margin:30px;
	position:relative;
}
div#features h2 {
	font-family:'Century Gothic', centuryGothic, Arial;
	font-size:18px;
	text-align:left;
}
div#features h3 {
	font-family:'Segoe', segoe, Arial;
	font-size:24px;
	line-height:25px;
	margin-bottom:20px;
}
div#features p + b, div#features section.box a {
	color:#FFFFFF;
	display:inline-block;
	font-family:'Segoe Condensed', segoeCondensed, Arial;
	font-size:16px;
	line-height:20px;
}
div#features section.image img {
	display:block;
	position:absolute;
}
div#features section.image div.content {
	width:300px;
}
div#features div.overlay {
	background-image:-moz-linear-gradient(to right, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0)75%);
	background-image:-ms-linear-gradient(to right, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0)75%);
	background-image:-o-linear-gradient(to right, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0)75%);
	background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0)75%);
	background-image:linear-gradient(to right, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0)75%);
	height:100%;
	position:absolute;
	width:100%;
}
div#features section.box {
	text-align:center;
}
div#features section.box p {
	font-family:'Segoe', segoe, Arial;
	font-size:30px;
	font-weight:bold;
	line-height:35px;
}
div#features section.box a {
	border-radius:5px;
	display:block;
	font-weight:bold;
	height:40px;
	left:50%;
	margin-top:-40px;
	line-height:40px;
	position:absolute;
	text-decoration:none;
	top:100%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-transition:background-color 0.2s;
	transition:background-color 0.2s;
	white-space:nowrap;
	width:225px;
}

/* --------------- Feature Box 1 --------------- */
section#featureBox1 {
	height:280px;
	margin:0px 20px 20px 0px;
	width:590px;
}
section#featureBox1 img {
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	width:100%;
}

/* --------------- Feature Box 2 --------------- */
section#featureBox2 {
	height:280px;
	margin:0px 0px 20px 0px;
	width:590px;
}
section#featureBox2 img {
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	width:100%;
}

/* --------------- Feature Box 3 --------------- */
section#featureBox3 {
	height:580px;
	margin:0px 20px 20px 0px;
	width:590px;
}
section#featureBox3 img {
	height:100%;
	left:50%;
	-webkit-transform:translateX(-40%);
	transform:translateX(-40%);
}

/* --------------- Feature Box 4 --------------- */
section#featureBox4 {
	height:280px;
	margin:0px 0px 20px 0px;
	position:relative;
	width:590px;
}
section#featureBox4 figure {
	height:100%;
	left:100%;
	margin:0px;
	padding:0px;
	position:absolute;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);
	width:280px;
}
section#featureBox4 img {
	height:90%;
	left:50%;
	position:absolute;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

/* --------------- Feature Box 5 --------------- */
section#featureBox5 {
	background-image:url(/graphics/feature-box-subscribe.gif);
	height:280px;
	margin:0px 0px 20px 0px;
	width:590px;
}

/* --------------- Feature Box 6 --------------- */
section#featureBox6 {
	background-image:url(/graphics/feature-box-careers.gif);
	height:280px;
	margin-right:20px;
	width:285px;
}
section#featureBox6 div.content {
	height:220px;
	position:relative;
}
section#featureBox6 a {
	background-color:#CC6600;
}
section#featureBox6 a:hover {
	background-color:#993300;
}

/* --------------- Feature Box 7 --------------- */
section#featureBox7 {
	background-color:#00A2E2 !important;
	height:280px;
	margin-right:20px;
	width:285px;
}
section#featureBox7 div.content {
	height:220px;
	position:relative;
}
section#featureBox7 img {
	display:block;
	margin-left:-285px;
	left:100%;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50px);
	transform:translateY(-50px);
	width:285px;
}
section#featureBox7 a {
	background-color:#336699;
}
section#featureBox7 a:hover {
	background-color:#003366;
}

/* --------------- Feature Box 8 --------------- */
section#featureBox8 {
	height:280px;
	width:590px;
}
section#featureBox8 img {
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	width:100%;
}
div#features section#featureBox8 div.content {
	width:320px;
}

/* --------------- Subscription Form --------------- */
form#subscription div {
	margin-top:40px;
}
form#subscription p {
	margin-bottom:30px;
}
form#subscription input[type="email"] {
	background-color:#FFFFFF;
	background-image:url(/graphics/icon-mail-01.png);
	background-position:10px 10px;
	background-repeat:no-repeat;
	border:none;
	border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	color:#666666;
	float:left;
	font-family:'Segoe', segoe, Arial;
	font-size:18px;
	height:40px;
	line-height:40px;
	padding:0px 10px 0px 60px;
	width:370px;
}
form#subscription input[type="submit"] {
	background-color:#CCCCCC;
	border:none;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	color:#666666;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	height:40px;
	line-height:40px;
	padding:0px;
	text-transform:uppercase;
	-webkit-transition:background-color 0.2s, color 0.2s;
	transition:background-color 0.2s, color 0.2s;
	width:90px;
}
form#subscription b {
	display:block;
	font-size:14px;
	font-weight:normal;
}

@media all and (max-width:1240px) {
/* --------------- Panel - Features --------------- */
div#features section.box a {
	width:170px;
}

/* --------------- Feature Box 1 --------------- */
section#featureBox1 {
	width:480px;
}

/* --------------- Feature Box 2 --------------- */
section#featureBox2 {
	width:480px;
}

/* --------------- Feature Box 3 --------------- */
section#featureBox3 {
	width:480px;
}

/* --------------- Feature Box 4 --------------- */
section#featureBox4 {
	width:480px;
}

/* --------------- Feature Box 5 --------------- */
section#featureBox5 {
	width:480px;
}

/* --------------- Feature Box 6 --------------- */
section#featureBox6 {
	width:230px;
}

/* --------------- Feature Box 7 --------------- */
section#featureBox7 {
	width:230px;
}
section#featureBox7 img {
	margin-left:-230px;
	width:230px;
}

/* --------------- Feature Box 8 --------------- */
section#featureBox8 {
	width:480px;
}

/* --------------- Subscription Form --------------- */
form#subscription input[type="email"] {
	width:260px;
}
}

@media all and (max-width:1020px) {
/* --------------- Panel - Features --------------- */
div#features section.box a {
	width:290px;
}

/* --------------- Feature Box 1 --------------- */
section#featureBox1 {
	float:none;
	margin-right:0px;
	width:100%;
}

/* --------------- Feature Box 2 --------------- */
section#featureBox2 {
	float:none;
	margin-left:0px;
	width:100%;
}

/* --------------- Feature Box 3 --------------- */
section#featureBox3 {
	float:none;
	height:280px;
	margin-right:0px;
	width:100%;
}
section#featureBox3 img {
	height:auto;
	left:50%;
	top:50%;
	width:1000px;
	-webkit-transform:translate(-40%, -40%);
	transform:translate(-40%, -40%);
}

/* --------------- Feature Box 4 --------------- */
section#featureBox4 {
	float:none;
	margin-left:0px;
	width:100%;
}

/* --------------- Feature Box 5 --------------- */
section#featureBox5 {
	width:100%;
}

/* --------------- Feature Box 6 --------------- */
section#featureBox6 {
	margin-bottom:20px;
	width:350px;
}

/* --------------- Feature Box 7 --------------- */
section#featureBox7 {
	margin-bottom:20px;
	margin-right:0px;
	width:350px;
}
section#featureBox7 img {
	margin-left:-350px;
	width:350px;
}

/* --------------- Feature Box 8 --------------- */
section#featureBox8 {
	width:100%;
}

/* --------------- Subscription Form --------------- */
form#subscription input[type="email"] {
	width:500px;
}
}

@media all and (max-width:760px) {
/* --------------- Panel - Features --------------- */
div#features section.box a {
	width:230px;
}

/* --------------- Feature Box 6 --------------- */
section#featureBox6 {
	width:290px;
}

/* --------------- Feature Box 7 --------------- */
section#featureBox7 {
	width:290px;
}
section#featureBox7 img {
	margin-left:-290px;
	width:290px;
}

/* --------------- Subscription Form --------------- */
form#subscription input[type="email"] {
	width:380px;
}
}

@media all and (max-width:640px) {
/* --------------- Panel - Features --------------- */
div#features *.content {
	margin:20px;
}
div#features div.overlay {
	background-color:rgba(0, 0, 0, 0.3);
	background-image:none;
}
div#features section.box a {
	width:400px;
}

/* --------------- Feature Box 3 --------------- */
section#featureBox3 img {
	width:750px;
	-webkit-transform:translate(-35%, -40%);
	transform:translate(-35%, -40%);
}

/* --------------- Feature Box 6 --------------- */
section#featureBox6 {
	float:none;
	margin-right:0px;
	width:100%;
}
section#featureBox6 div.content {
	height:240px;
}
section#featureBox6 p {
	margin-top:30px;
}

/* --------------- Feature Box 7 --------------- */
section#featureBox7 {
	float:none;
	width:100%;
}
section#featureBox7 div.content {
	height:240px;
}
section#featureBox7 img {
	margin-left:-440px;
	margin-top:-20px;
	width:440px;
}

/* --------------- Subscription Form --------------- */
form#subscription input[type="email"] {
	width:240px;
}
}

@media all and (max-width:480px) {
/* --------------- Introduction --------------- */
header#introduction {
	font-size:16px;
}
header#introduction h2 {
	font-size:32px;
	line-height:35px;
}

/* --------------- Panel - Features --------------- */
div#features section {
	height:320px;
}
div#features section.image div.content {
	width:auto;
}
div#features section.box a {
	width:280px;
}

/* --------------- Feature Box 1 --------------- */
section#featureBox1 img {
	height:100%;
	left:100%;
	top:auto;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);
	width:auto;
}

/* --------------- Feature Box 2 --------------- */
section#featureBox2 img {
	height:100%;
	left:50%;
	top:auto;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	width:auto;
}

/* --------------- Feature Box 3 --------------- */
section#featureBox3 img {
	height:100%;
	top:auto;
	-webkit-transform:translateX(-35%);
	transform:translateX(-35%);
	width:auto;
}

/* --------------- Feature Box 4 --------------- */
section#featureBox4 img {
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}

/* --------------- Feature Box 6 --------------- */
section#featureBox6 div.content {
	height:280px;
}

/* --------------- Feature Box 7 --------------- */
section#featureBox7 div.content {
	height:280px;
}
section#featureBox7 img {
	margin-left:-320px;
	margin-top:0px;
	width:320px;
}

/* --------------- Feature Box 8 --------------- */
section#featureBox8 img {
	height:100%;
	left:50%;
	top:auto;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	width:auto;
}

/* --------------- Subscription Form --------------- */
form#subscription input[type="email"] {
	border-radius:5px;
	float:none;
	margin-bottom:10px;
	width:210px;
}
form#subscription input[type="submit"] {
	border-radius:5px;
	width:280px;
}
}

@media all and (max-width:360px) {
/* --------------- Panel - Features --------------- */
div#features section.box a {
	width:240px;
}

/* --------------- Feature Box 7 --------------- */
section#featureBox7 img {
	margin-left:-280px;
	width:280px;
}

/* --------------- Subscription Form --------------- */
form#subscription input[type="email"] {
	width:170px;
}
form#subscription input[type="submit"] {
	width:240px;
}
}