html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #141414 url(images/img01.png) repeat;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #4F4F4F;
}


h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-family: 'Archivo Narrow', sans-serif;
	text-transform: uppercase;
}

p, ol, ul {
	margin-top: 0px;
}

p {
	line-height: 180%;
	text-align: justify;
}

strong {
}

a {
	color: #FF5241;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

img.border {
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

hr {
	display: none;
}

ul.style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style1 li {
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #CFCFCF;
}

ul.style1 .first {
	padding-top: 0px;
	border-top: none;
}

/** WRAPPER */

#wrapper {
	width: 900px;
	padding: 0px 50px;
	background: #FFFFFF;
}

.container {
	width: 1000px;
	margin: 0px auto;
}

.clearfix {
	clear: both;
}

/** HEADER */

#header {
	overflow: hidden;
}

/** LOGO */

#logo {
	overflow:  hidden;
	padding: 30px 0px 30px 0px;
}

#logo h1, #logo span {
	margin: 0px;
	line-height: normal;
	text-align: center;
	text-transform: uppercase;
}

#logo h1 a {
	text-decoration: none;
	font-size: 2.50em;
	color: #6FBEC6;
}

#logo span {
	display: block;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 1.30em;
}

#logo a {
	color: #333333;
}

/** MENU */

#menu {
	overflow: hidden;
	padding: 20px 0px;
	border-top: 1px solid #CFCFCF;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
	text-align: center;
}

#menu li {
	display: inline-block;
}

#menu a {
	display: block;
	padding: 10px 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #333333;
}

#menu a:hover {
	text-decoration: underline;
}

#menu .active a {
	background: #FF5241;
	color: #FFFFFF;
}

/** PAGE */

#page {
	overflow: hidden;
	margin: 30px 0px;
	padding: 30px 0px;
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
}

/** CONTENT */

#content {
	/* float: left;
	width: 550px; */
}

#content h2 {
	padding: 0em 0em 1em 0em;
	font-size: 2.25em;
}

/** SIDEBAR */

#sidebar {
	float: right;
	width: 300px;
}

#sidebar h2 {
	padding: 0em 0em 1em 0em;
	font-size: 2.25em;
}

/** BANNER */

#banner
{
	padding: 30px 0px 0px 0px;
	border-top: 1px solid #CFCFCF;
}



/* Footer */

#footer {
	overflow: hidden;
	padding: 20px 0px 60px 0px;
}

#footer p {
	text-align: center;
}

#footer a {
}

#slider
{
	position: relative;
		width: 900px;
	margin: 0 auto;
}

	#slider .viewer
	{
		width: 900px;
		height: 500px;
		overflow: hidden;
		margin: 0 auto;
	}

		#slider .viewer .reel
		{
			display: none;
			height: 500px;
		}

		#slider .viewer .reel .slide
		{
			text-align: center;
			position: relative;
			width: 900px;
			height: 500px;
		}


		form {
  /* Just to center the form on the page */
  margin: 0 auto;
  width: 400px;

  /* To see the limits of the form */
  padding: 1em;
  border: 1px solid #CCC;
  border-radius: 1em;
}

div + div {
  margin-top: 1em;
}

label {
  /* To make sure that all label have the same size and are properly align */
  display: inline-block;
  width: 90px;
  text-align: right;
}

input, textarea {
  /* To make sure that all text field have the same font settings
     By default, textarea are set with a monospace font */
  font: 1em sans-serif;

  /* To give the same size to all text field */
  width: 300px;

  -moz-box-sizing: border-box;
       box-sizing: border-box;

  /* To harmonize the look & feel of text field border */
  border: 1px solid #999;
}

input:focus, textarea:focus {
  /* To give a little highligh on active elements */
  border-color: #000;
}

textarea {
  /* To properly align multiline text field with their label */
  vertical-align: top;

  /* To give enough room to type some text */
  height: 5em;

  /* To allow users to resize any textarea vertically
     It works only on Chrome, Firefox and Safari */
  resize: vertical;
}

.button {
  /* To position the buttons to the same position of the text fields */
  padding-left: 90px; /* same size as the label elements */
}

button {
  /* This extra magin represent the same space as the space between
     the labels and their text fields */
  margin-left: .5em;
}