html{
    background: url(../img/bg.png);
    font-family: Arial;
    font-weight: normal;
    margin: 0;
}

body{
    width: 906px;
    margin: 0 auto;
    padding: 0;
}

h1{
    margin: 0;
    padding: 10px 0 0 20px;
}

p{
	width: 90%;
	margin: 0 auto;
	padding: 10px 0 10px 0;
}

a:link {
	color: #EC0D31;
	font-weight: normal;
}
a:visited {
	font-weight: bold;
}
a:hover {
	color: #A10D31;
	font-weight: bold;
	text-decoration: underline;
}
a:active {
	color: #A10D31;
	font-weight: bold;
	text-decoration: underline;
}

/* HEADER */
header{
    width: 100%;
    position: relative;
    background: #000000; /* Old browsers */
	background: -moz-linear-gradient(left, #000000 0%, #282727 30%, #37383a 49%, #282727 70%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(30%,#282727), color-stop(49%,#37383a), color-stop(70%,#282727), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #000000 0%,#282727 30%,#37383a 49%,#282727 70%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #000000 0%,#282727 30%,#37383a 49%,#282727 70%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #000000 0%,#282727 30%,#37383a 49%,#282727 70%,#000000 100%); /* IE10+ */
	background: linear-gradient(to right, #000000 0%,#282727 30%,#37383a 49%,#282727 70%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}

.logo{
    position: absolute;
    width: 234px;
    left: 345px;
    top: 10px;
}
.about{
    position: absolute;
    width: 96px;
    height: 32px;
    right: 20px;
    top: 70px;
    background: url("../img/tab.png") no-repeat;
    text-align: center;
    
    
}.home{
	right: 120px;
}

.about a{
	text-decoration: none;
	color: white;
	position: relative;
	display: block;
	width: 96px;
	height: 32px;
	top: 5px;
}

.top{
    padding: 20px 0 20px 20px;
}

.bottom{
    background: url(../img/header-spill.png) top no-repeat, url(../img/header.png) no-repeat;
    border-top: 6px groove #777;
    height: 200px;
}

/* NAV */

nav{
background: #000000; /* Old browsers */
	background: -moz-linear-gradient(left, #000000 0%, #282727 30%, #37383a 49%, #282727 70%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(30%,#282727), color-stop(49%,#37383a), color-stop(70%,#282727), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #000000 0%,#282727 30%,#37383a 49%,#282727 70%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #000000 0%,#282727 30%,#37383a 49%,#282727 70%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #000000 0%,#282727 30%,#37383a 49%,#282727 70%,#000000 100%); /* IE10+ */
	background: linear-gradient(to right, #000000 0%,#282727 30%,#37383a 49%,#282727 70%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
	padding: 0 0 2px 0;
}
nav ul{
	margin: 0;
    padding: 10px 0 0 5px;
}
nav ul li{
    float: left;
    list-style-type: none;
}

/* HOME CONTENT AREA */

#content{
    /*background: #e7dfd1;*/
    background: #fff;
    position: relative;
    padding: 0 0 1px 0;
}
.splat{
    /*background: url(../img/splat.png);*/
    height: 244px;
}.splat2{
    /*background: url(../img/splat2.png);*/
    margin: 80px 0 0 0;
}
.splat .title{
    color: #EC0D31;
    font-family: Impact;
    font-size: 42px;
    font-weight: bold;
    width: 220px;
    margin: 0 auto;
    padding: 30px 0 0 0;
    text-align: center;
}.splat .subtext{
    color: black;
    font-weight: bold;
    width: 180px;
    margin: 60px 0 0;
    text-align: center;
}.top .bigCircle{
	margin: 0 60px 0 60px;
}
.top{
	margin: 0 30px 0 0;
}

.imgRow{
	display: table;
	margin: 0 auto;
}.imgRow img{
	margin: 0 30px 0 0;
}

.germ{
	background: url('../img/germ.png');
	height: 168px;
	width: 201px;
	position: absolute;
	bottom: 500px;
	left: 360px;
}.germ2{
	left: 330px;
	bottom: 230px;
}

.left{
    float: left;
}.right{
    float: right;
}.bigCircle{
	width: 250px;
	height: 250px;
    border-radius: 160px;
	-webkit-border-radius: 160px;
	-moz-border-radius: 160px;
}.smallCircle{
	width: 90px;
	height: 90px;
    border-radius: 160px;
	-webkit-border-radius: 160px;
	-moz-border-radius: 160px;
	position: relative;
	bottom: 20px;
}.borderimg{
	border: 10px solid white;
}



.rightPlace{
    position: absolute;
    top: 200px;
    right: 40px;
}

.shadow {
  -moz-box-shadow:    2px 2px 3px 2px #ccc;
  -webkit-box-shadow: 2px 2px 3px 2px #ccc;
  box-shadow:         2px 2px 3px 2px #ccc;
}

/* SUB PAGE CONTENT AREA */
.title{
    padding: 10px 0 0 40px;
}
.video{
    margin: 0 auto;
    width: 860px;
    padding: 20px 0 20px 0;
}.video a{
	
	position: relative;
	top: 10px;
	
}
.share{
    margin: 0 auto;
    width: 250px;
    padding: 0 0 20px 0;
}

/* FOOTER */

footer{
    background: url(../img/footer-spill.png) top no-repeat, #333;
}

.footer-content{
    color: #999;
    padding: 60px 0 0 0;
    
    
}.flogo{
    float: left;
    width: 44px;
    padding: 20px;
}.flogo-text{
    float: right;
    width: 800px;
    padding: 20px 10px 10px 0;
    font-weight: normal;
    font-size: 14px;
}.flogo-row{
	width: 800px;
	padding: 20px;
	display: table;
	margin: 0 auto;
}

.contact{
	text-align: center;
	padding: 0 0 20px 0;
}

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

.rightClear{
    clear: right;
}

div.arrow-up {
	background: url(../img/nav/nav_over.jpg);
	width: 112px;
	height: 14px;
	display: none;
	position: absolute;
	top: 385px;
	z-index: 200;
}

/*----------------------accesibility---------------------------*/

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.top-margin {
	padding-top: 20px;
}

.right-most {
	float: right;
}

.left-most {
	float: left;
}