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

	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: 40.25em;
	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;
}