﻿body {
  margin: 0;
  /* Setting up font size, leading and font family
   * http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography */
  font: 13px/1.5em "Helvetica Neue", helvetica, Arial, sans-serif;
}

a,
a img,
video,
input,
:focus {
	border: 0;
	outline: 0;
}

div.wrap {
	width:940px;
	position:relative;
	margin:0 auto;
}

/* Links */
a:link, a:visited {
	color:#06c;
  text-decoration: none;
}

a:hover, a:active {
  color: red;
  text-decoration: underline;
}

/* Titles. */
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
  line-height: 1.3em;
	margin:0 0 .2em;
}

h1 {
	letter-spacing:-1px;
  font-size: 2.2em;
  font-weight: 300;
  margin: 0;
}

h2 {
  font-size: 1.8em;
  font-weight: 300;
}

h3 {
  font-size: 1.4em;
}

h4 {
  font-size: 1.2em;
}

h5 {
  font-size: 1.1em;
  font-weight: 600;
}

h6 {
  font-size: 1em;
  font-weight: bold;
}

/* Paragraph styles. */
p {
  margin: 0 0 1em 0;
}

/* List styles. */
ul, ol {
  margin-left: 0;
  padding-left: 2em;
}

.clearfix {
  display: inline-block;
}
/* line 19, ../sass/default.sass */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Hides from IE-mac \ */
/* line 27, ../sass/default.sass */
* html .clearfix {
  height: 1%;
}

/* line 30, ../sass/default.sass */
.clearfix {
  display: block;
}


/* Table styles. */
table {
  width: 99%;
}

tr.even td,
tr.odd td {
  padding: 10px 5px;
}

tr.odd {
  background-color: white;
}

/* Code. */
pre, code, tt {
  font: 1em "andale mono", "lucida console", monospace;
  line-height: 1.5;
}


/* List styles. */
ul {
  list-style-type: disc;
	margin-bottom:1em;
}

ul ul {
  list-style-type: circle;
}

ul ul ul {
  list-style-type: square;
}

ul ul ul ul {
  list-style-type: circle;
}

ol {
  list-style-type: decimal;
}
ol ol {
  list-style-type: lower-alpha;
}
ol ol ol {
  list-style-type: decimal;
}


* {
	margin: 0;
	padding: 0;
}

body {
	background: #000;
}

body.splash {
	background:#000 url(../images/cascade-hardwood-banner.jpg) no-repeat center top;
}

div#container {
	margin-left: auto;
	margin-right: auto;
	min-width:1000px;
	width: 100%;
}

div#header {
	background: url(../images/cascade-hardwood-banner.jpg) no-repeat center top;
	height: 244px;
}

div#menu-slider {
	background: url(../images/cascade-content-background.jpg) no-repeat center top;
	text-align: center;
	height: 236px;
}

div#video {
	overflow:hidden;
	position:relative;
	width:960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div#selector {
	width: 960px;
	height: 1000px;
	border: 1px solid #fff;
	margin-left: auto;
	margin-right: auto;
}

div#buttons {
	padding-top: 70px;
	margin-left: auto;
	margin-right: auto;
	width: 610px;
	/*position: absolute;*/
	/*top: 50px;*/
}

a.button {
	width: 220px;
	border-radius: 6px;
	background: #ccc;
	color: #333;
	margin-left: 40px;
	display: block;
	float: left;
	opacity: .6;
	padding: 12px;
	text-align: center;
}

a.button img {
	position: relative;
	align: center;
	valign: middle;
	z-index: 2;
}

a.button-video {
	background: #EC5C00;
	/*margin-left: 130px;*/
}
a.button-selector {
	background: #FAB200;
	/*margin-left: 450px;*/
}

div#footer {
	background: url(../images/cascade-footer-background.jpg) repeat-y center top;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	height: 600px;
}

div#footer p {
	/*padding-top: 260px;*/
	color: #89282c;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 11px;
	position: absolute;
	top: -50px;
	margin-left: 225px;
}

div#footer a {
	color: inherit;
	text-decoration: none;
}

.form-checkboxes, .form-radios {
margin: 1em 0;
}
