body {
	background-color: #fff;
	font-family: "Helvetica Neue", "Segoe UI", Segoe, Helvetica, Arial, "Lucida Grande", sans-serif;
	margin: 0;
}
img {
	border: 0;
}
.clearfix:after, #contents:after {
	clear:both;
	content:"";
	display:block;
	height:1%;
	line-height:0;
	visibility:hidden;
}

/*------------------------------ NAVIGATION ------------------------------*/
.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #eee;
	text-align:center;
	border-bottom: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */	
}

.nav li {
    display:inline;
}

.nav a {
    display: inline-block;
	font-size: 22px;
    color: #000;
    text-align: center;
    padding: 20px 20px;
    text-decoration: none;
}

.nav a:hover {
    background-color: #aaa;
}

.nav li.active a {
	color: #f99600;
}

#connect {
	display: inline-block;
}
#connect a {
	background: url(./images/icons.png) no-repeat;
	height: 30px;
	width: 30px;
	margin: 0px 10px;
	padding: 0px;	
	vertical-align: middle;	
}

#connect a.google {
	background-position: 0 -40px;
}
#connect a.twitter {
	background-position: 0 -80px;
}
#connect a.youtube {
	background-position: 0 -120px;
}
#connect a.facebook:hover {
	background-position: -40px 0;
}
#connect a.google:hover {
	background-position: -40px -40px;
}
#connect a.twitter:hover {
	background-position: -40px -80px;
}
#connect a.youtube:hover {
	background-position: -40px -120px;
}


.main {
    margin-top: 50px; /* Add a top margin to avoid content overlay */
}

/*------------------------------ ADBOX ------------------------------*/
#adbox {
	background: url(./images/bg-adbox.jpg) repeat-x left top;
	height: 300px;
	padding: 60px 0;
}
#adbox > div {
	width: 960px;
	margin: 0 auto;
	padding: 0 40px;
}
#adbox > div img {
	float: left;
	margin-left: 0px;
	margin-right: 0px;
}
#adbox h1, #adbox h2 {
	color: #2c2c2c;
	font-size: 80px;
	line-height: 90px;
	margin: 0;
	text-transform: uppercase;
}
#adbox h2 {
	font-size: 38px;
	line-height: 70px;
	text-transform: none;
}
#adbox p {
	font-size: 22px;
	line-height: 32px;
	margin: 0;
}
#adbox p span {
	display: block;
	font-size: 22px;
	width: 360px;
	padding: 24px 0;
	text-align: center;
}
#adbox p span b {
	font-weight: normal;
	display: block;
	width: 256px;
}

/*------------------------------ CONTENTS ------------------------------*/
h1 {
	color: #3e3e3e;
	font-size: 40px;
	font-weight: normal;
	line-height: 50px;
	margin: 0 0 30px;
}
h2 {
	color: #2c2c2c;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	margin: 0 0 30px;
}
p {
	color: #585858;
	font-size: 20px;
	line-height: 32px;
	margin: 0 0 20px;
}
p a {
	color: #585858;
}

p a:hover {
    color: #f99600;
}

ul {
	color: #585858;
	font-size: 20px;
	line-height: 32px;
	margin: 0 0 20px;
}

#contents {
	min-height: 510px;
	width: 960px;
	margin: 0 auto;
	padding: 54px 40px;
}
#contenthalfwidthborder > div {
	border-top: 1px solid #d5d5d5;
	padding: 10px 0 10px 0;	
	float: left;
	width: 460px;
	margin: 0 10px 0 10px;
}
#contenthalfwidth > div {
	padding: 10px 0 10px 0;	
	float: left;
	width: 460px;
	margin: 0 10px 0 10px;
}
#contenthalfwidth span {
	display: block;
	text-align: right;
}
#contentfullwidthborder > div {
	border-top: 1px solid #d5d5d5;
	padding: 10px 0 10px 0;	
	float: left;
	width: 960px;
	margin: 0px;
}
#contentfullwidth > div {
	padding: 10px 0 10px 0;	
	float: left;
	width: 960px;
	margin: 0px;
}
#contentfullwidth span {
	display: block;
	text-align: right;
}

.fleft {
	float: left;
	margin: 20px;
}

.fright {
	float: right;
	margin: 0px;
}

.fcenter {
	text-align: center;
}

.gallery {
	float: left;
	margin: 25px;
}


/*------------------------------ CONTACT ------------------------------*/
.section {
	float: left;
	width: 440px;
	margin-right: 20px;
	margin-left: 20px;
}
.section h1 {
	margin-bottom: 18px;
}
.section2{
	float: left;
	width: 440px;
	margin-right: 20px;
	margin-left: 20px;	
}

.message input[type='text'], .message textarea {
	color: #aeaeae;
	font-size: 22px;
	height: 33px;
	line-height: 20px;
	width: 420px;
	border: 1px solid #d5d5d5;
	margin: 0 0 6px;
	padding: 0 4px;
}
.message textarea {
	height: 300px;
	overflow: auto;
	resize: none;
}
.message input[type='submit'] {
	float: right;
	background-color: #818181;
	color: #d5d5d5;
	cursor: pointer;
	border: 0;
	margin: 0px 6px 0 6px;
	padding: 0 10px;
	font-size: 22px;
	line-height: 40px;
	width: 200px;
}
.contact {
	background-color: #f8f8f8;
	width: 270px;
	padding: 20px 60px;
	text-align: center;
}
.contact p span {
	color: #2c2c2c;
	display: block;
	font-size: 24px;
	line-height: 30px;
	padding: 18px 0;
}
#contact {
	display: none;
}

/*------------------------------ BUTTONS ------------------------------*/
.more {
	background-color: #727272;
	color: #fff;
	display: inline-block;
	font-size: 22px;
	line-height: 40px;
	width: 160px;
	text-align: center;
	text-decoration: none;
	float: right;
}
.more:hover, .productform input[type='submit']:hover, .message input[type='submit']:hover{
	background-color: #f99600;
	color: #000;
}


/*------------------------------ FOOTER ------------------------------*/
.footer {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    background-color: #eee;
	text-align:center;
	border-top: 1px solid #d8d8d8;
    width: 100%; /* Full width */	
	padding: 50px 0px 50px 0px;
	box-shadow: 0 50vh 0 50vh #eee;
}

.footer li {
    display:inline;
	font-size: 18px;
	line-height: 50px;
    padding: 0px 100px 0px 80px;
}