/*-------------------------------------------------------------------------

	Base styles: opinionated defaults

-------------------------------------------------------------------------*/
html,
button,
input,
select,
textarea {
	color: #ddd;
}
html,
body {
    width: 100%;
    height: 100%;
}
body {
	font-size: 1em;
	color: #f6f4db;
	min-height: 49.5em;
	background: #fff url(../img/content-top-repeat-x.png) repeat-x 0 80px;
}

a {
	color:#948680;
	text-decoration: none;
}

a:hover {
	color: #ab9c96;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}

/*-------------------------------------------------------------------------

	Chrome Frame prompt

-------------------------------------------------------------------------*/
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}


/*-------------------------------------------------------------------------

	Typography Definitions

-------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
	color: #000;
}


/*-------------------------------------------------------------------------

	General Hub Definitions

-------------------------------------------------------------------------*/
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.fullscreen-background {
	position: fixed;
	top: 0;
	left: 0;
	min-height: 100%;
	min-width: 980px;
	width: 100%;
	height: auto;
	z-index: -999;
}
#loader {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background: #000 url(../img/loader.gif) no-repeat center center;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity: 0.75;
}
.container {
	position: relative;
	width: 61.25em;
	margin: 0 auto;
}
.container.narrow {
	width: 30.875em;
}


/* Sliding Door Buttons */
.button-container {
	padding-bottom: 1.5em;
}
.button {
	display: block;
	float: left;
	height: 43px;
	padding-right: 10px;
	margin: 0 20px 20px 0;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	font-style: italic;
	cursor: pointer;
	background: transparent url(../img/button-sprite.png) no-repeat 100% -43px;
}
.button.last {
	margin-right: 0;
}
.button .indicator-wrapper {
	display: block;
	height: 43px;
	padding-left: 10px;
	color: #000;
	background: transparent url(../img/button-sprite.png) no-repeat 0 0;
}

.button .line-2 {
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}
.button .indicator {
	display: block;
	height: 37px;
	line-height: 17px;
	padding: 6px 50px 0 0;
	background: transparent url(../img/sprite-sheet.png) no-repeat 100% -2477px;
}
.no-touch .button:hover {
	background-position: 100% -129px;
}
.no-touch .button:hover .indicator-wrapper {
	background-position: 0 -86px;
}
.no-touch .button:hover .indicator {
	color: #585858;
	background-position: 100% -2557px;
}
.button .indicator.preview {
	background-position: 100% -2317px;
}
.no-touch .button:hover .indicator.preview {
	background-position: 100% -2397px;
}
.button .indicator.play {
	background-position: 100% -2637px;
}
.no-touch .button:hover .indicator.play {
	background-position: 100% -2717px;
}
.button .indicator.arrow {
	background-position: 100% -2797px;
}
.no-touch .button:hover .indicator.arrow {
	background-position: 100% -2877px;
}
.button.one-line {
	font-size: 1.25em;
}
.button.one-line .indicator {
	line-height: 33px;
}