@import url("reset.css");

body {
	background: #fafbfc url(../../images/global/background.gif) repeat-x;
	padding-top: 20px;
}

#main-container {
	padding: 0;
	margin: 0;
	display: block;
	width: 100%;
}

.navigation {
	display: block;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 700px;
}

.navigation-holder {
	width: 100%;
	height: 30px;
	margin-top: 15px;
	border-bottom: 1px solid #d5dcde;
	border-top: 1px solid #d5dcde;
	text-align: center;
}

.navigation-holder ul {
	height: 20px;
	display: block;
	margin-top: 8px;
}

.navigation-holder li {
	display: block;
	float: left;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 3px;
	margin-left: 3px;
}

.nav {
	display: block;
	float: left;
	text-transform: uppercase;
	text-decoration: none;
	color: #8e9a9f;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 14px;
}

.nav:hover {
	display: block;
	float: left;
	text-transform: uppercase;
	text-decoration: none;
	color: #5fab12;
	margin-right: 5px;
	margin-left: 5px;
}

.selected {
	text-decoration: none;
	color: #5fab12;
}

.footer-navigation {
	display: block;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 585px;
}

.footer-nav {
	display: block;
	float: left;
	text-decoration: none;
	color: #8e9a9f;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 13px;
}

.footer-nav:hover {
	display: block;
	float: left;
	text-decoration: none;
	color: #5fab12;
	margin-right: 5px;
	margin-left: 5px;
}

.footer-navigation-holder {
	width: 100%;
	height: 30px;
	margin-top: 40px;
	text-align: center;
	margin-bottom: 50px;
}

.footer-navigation-holder ul {
	height: 20px;
	display: block;
	margin-top: 8px;
}

.footer-navigation-holder li {
	display: block;
	float: left;
	text-decoration: none;
	margin-right: 3px;
	margin-left: 3px;
	color: #e1e1e1;
}

.nav-spacer {
	height: 20px;
	width: 5px;
	display: block;
	background: url(../../images/navigation/nav-dot.gif) no-repeat center 5px;
	float: left;
}

.sub-nav-header {
	width: 100%;
	height: 70px;
	text-align: center;
	color: #5fab12;
	font: 38px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 30px;
}

.sub-content {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
	display: block;
	clear: both;
}

.sub-page-header {
	width: 619px;
	height: 82px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../../images/global/sub-page-header.gif);
}

.strip-container {
	width: 100%;
	height: 212px;
	background-image: url(../../images/global/bottom-strip-background.gif);
	display: block;
}

.strip-inner {
	padding: 30px 20px 20px;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
}

.strip-block {
	width: 240px;
	display: block;
	float: left;
}

.strip-middle {
	margin-right: 30px;
	margin-left: 30px;
}

.discover-more {
	width: 128px;
	height: 26px;
	background: url(../../images/global/button-discover-more.png) no-repeat;
	display: block;
	position: relative;
	right: 4px;
}

.discover-more:hover {
	width: 128px;
	height: 26px;
	background: url(../../images/global/button-discover-more.png) no-repeat;
	display: block;
	position: relative;
	right: 4px;
	top: 1px;
}

.strip-container h1 {
	color: #fff;
	font: 21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 8px;
}

.strip-container p {
	color: #55686f;
	font: 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 90px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* |||||||||||  buttons  ||||||||||| */

.greenbutton {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
	background: url(../../images/global/button-bg.gif) left top;
	display: block;
	height: 25px;
	float: left;
}

.greenbutton:hover {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
	background: url(../../images/global/button-bg.gif) left top;
	display: block;
	height: 25px;
	float: left;
	position: relative;
	top: 1px;
}

.greenbutton:active {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
	background: url(../../images/global/button-bg.gif) left top;
	display: block;
	height: 25px;
	float: left;
	position: relative;
	top: 0;
}

.greenbutton .text {
	padding: 6px 10px 4px;
	margin: 0;
	color: #fffeff;
	font-size: 13px;
	display: block;
	text-align: center;
}