*
{
	margin: 0;
	padding: 0;
	line-height: 1;
}

html
{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body
{
	font-family: 'Doppio One', sans-serif;
	font-size: 12px;
}

body.background-1
{
	background: url(../images/body-bg-1.jpg) no-repeat center center fixed; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/body-bg-1.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/body-bg-1.jpg', sizingMethod='scale')";
-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body.background-2
{
	background: url(../images/body-bg-2.jpg) no-repeat center center fixed; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/body-bg-2.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/body-bg-2.jpg', sizingMethod='scale')";
-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body.background-3
{
	background: url(../images/body-bg-3.jpg) no-repeat center center fixed; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/body-bg-3.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/body-bg-3.jpg', sizingMethod='scale')";
-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

h1
{
	font-weight: normal;
	color: #333333;
	line-height: 120%;
	font-size: 28px;
}

h2
{
	font-size: 16px;
	color: #333333;
	font-weight: normal;
}

p
{
	line-height: 150%;
	color: #888888;
	font-family: 'Signika Negative', sans-serif;
	font-size: 14px;
}

a { color: #00BCF2; text-decoration: none; outline: none;}
a img { border: 0;}

#header
{
	padding: 10px 20px;
	z-index: 500;
	height: 85px;
	background-image: url(../images/header-bg-3.png);
}

#header-container
{
	z-index: 1000;
	margin: 0 auto;
	text-align: right;
}

#header img
{
	margin-top: 28px;
}
.container
{
	width: 900px;
	margin: 0 auto;	
}

#container-inner {padding: 10px 40px 40px;background: url(../images/container-bg.png); }

#navigation
{
	clear: both;
	background-color: #3C3C3B;
	height: 24px;
	margin-bottom: 15px;
}

#navigation ul { margin-left: 10px; list-style-type: none;}
#navigation li { float: left }

#navigation li a
{
	display: block;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13px;
	padding: 5px 20px 6px;
}

#navigation li a:hover, #navigation li#active a { background-color: #EDEDED; color: #333333; }

#sub-navigation
{
	padding: 20px 40px;
	color: #888888;
	height: 135px;
	background: #EDEDED url(../images/sub-navigation-bg.png) repeat-x bottom;
}

#sub-navigation ol { margin-right: 05px; float: left; width: 210px; padding-left: 30px;}

#sub-navigation li a
{
	display: block;
	color: #888888;
	padding: 3px;
	font-size: 13px;
}

#sub-navigation li.active a, #sub-navigation li a:hover { background-color: #FFFFFF; color: #333333 }

.canvas { background-color: #FFFFFF; padding: 20px;}

#footer
{
	clear: both;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 20px;
}

#footer a { color: #FFFFFF;}
#footer span { float: right;}

#hero
{
	min-height: 250px;
}
#hero img
{
	float: left;
	margin-right: 20px;	
}

#hero p
{
	margin-top: 20px;
}
#home-features { list-style-type: none;}
#home-features li
{
	float: left;
	margin: 20px 20px 0 0;
	width: 260px;
}

#home-features li#last
{
	margin-right: 0;
}

#home-features li img {
	margin-bottom: 10px;
}

#home-features li p
{
	margin-top: 10px;
}

#home-features li a { display: block; font-size: 11px; text-align: right;}