/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Font-face for Rocko */

@font-face {
	font-family: 'RockoFLFBold';
	src: url('RockoFLF-Bold.eot');
	src: local('RockoFLF Bold'), local('RockoFLF-Bold'), url('RockoFLF-Bold.ttf') format('truetype');
}

/* teaser styles */

a,
a:link,
a:visited {
	text-decoration: none;
	border: none;
	color: #dcd6a0;
}

a:hover,
a:active {
	color: #cbb754;
}

body {
	background: #1a1d21 url(../img/main2.png) 50% 0 no-repeat;
	text-align: center;
	min-height: 1000px;
}

body#home {
	background: #1a1d21 url(/img/main5.png) center top no-repeat;
}

#contents {
	position: relative;
	text-align: left;
	width: 880px;
	margin: 0 auto 100px auto;
	min-height: 200px;
}

#player {
	position: absolute;
	left: 50%;
	top: 76px;
	margin-left: -360px;
}

#player:hover {
	cursor: pointer;
}

#fb-connect {
	position: absolute;
	left: 150px;
	top: 500px;
}

form input.email {
	border: none;
	background: url(/img/email-large.gif) 0 -100px no-repeat;
	width: 396px;
	padding-left: 10px;
	height: 40px;
	font-size: 17px;
	font-family: arial, sans-serif;
	color: #666;
	position: relative;
	//padding-top: 12px;
	margin-bottom: 4px;
}

#home form input.email {
	position: absolute;
	left: 240px;
	top: 496px;
}

form.focus input.email {
	background: url(/img/email-large.gif) 0 -100px no-repeat;
}

form input {
	vertical-align: middle;
}

#home form input.button {
	position: absolute;
	top: 497px;
	left: 605px;
}

.tinyspeck {
	text-align: center;
	margin: 100px 0;
}

/*************
survey stuff
**************/

body#survey {
	background-image: url(../img/main-simple.png);
}

.formCaption { font: 11px Arial; color: #777 }

.Butt {
	margin-left:5px; padding:10px 20px;
	background:#41474e; -moz-border-radius:4px; -webkit-border-radius:4px;
	border:none;
	font-size: 13px;
	font-weight:bold;
	color:#fff;
}
.Butt:hover, .Butt:active {background:#f1e791; color: #333; cursor:pointer;}
.signUpBlock {
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	background:#f5f0e7;
	padding:10px 0px 12px 30px;
	width:460px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.surveyBlock {
	margin: 30px auto;
	text-align: left;
	background:url(../img/tile.png);
	background:rgba(21,22,24,0.7);
	padding: 40px;
	width:580px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	font: 11px Arial, sans-serif;
	color: #767b81;
	position: relative;
	min-height: 200px;
	clear: both;
}

.surveyBlock strong,
.content .block,
.simpleForm strong {
	color: #9ca1a7;
	font-size: 13px;
	display: block;
	border-top: 1px solid #3a404a;
	border-top: 1px solid rgba(255,255,255,0.1);
	padding-top: 10px;
}

.content .block {
	border-top: 1px solid #2f3236;
	border-top: 1px solid rgba(255,255,255,0.06);
}

.surveyBlock h1 {
	color: #fff;
	font-size: 38px;
	font-weight: normal;
	font-family: 'RockoFLFBold', sans-serif;
}

.subtitle {
	display: block;
	padding: 5px 0 50px 0;
	font-size: 18px;
	line-height: 1.4;
}

label.off {
	color: #999;
}

.col1 {
	float: left;
	width: 120px;
	margin-left: 20px;
	padding: 10px 0 0 0;
}

.col2 {
	float: left;
	width: 120px;
	padding: 10px 0 0 0;
}

.none {
	clear: both;
	margin-left: 20px;
}

.text,
.textarea,
textarea {
	background: #fff;
	border: none;
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.text,
.textarea,
textarea,
select {
	margin: 5px 0 10px 0;
	min-width: 200px;
}

.note {
	width: 140px;
	line-height: 1.4;
	position: absolute;
	top: 200px;
	right: -50px;
	background:url(../img/tile.png);
	background:rgba(21,22,24,0.7);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 30px;
}

.note h2,
h2.section-title {
	font-size: 17px;
	color: #c0c3c8;
	color: rgba(255,255,255,0.8);
	margin: 0 0 5px 0;
	font-family: 'RockoFLFBold', sans-serif;
}

h2.section-title {
	margin: 30px 0 5px 0;
}

p {
	font-size: 13px;
	line-height: 1.4;
	margin: 1em 0;
}

.content {
	position: absolute;
	top: 725px;
	left: 50%;
	margin-left: -380px;
	width: 760px;
	text-align: left;
	font-size: 15px;
	font-family: Arial, sans-serif;
	color: rgba(255,255,255,0.25);
}

.content#about {
	position: relative;
	top: 0;
	left: 0;
	margin-left: 0;
	width: auto;
}

.content a,
.content a:link,
.content a:visited {
	text-decoration: underline;
	color: #60636a;
	color: rgba(255,255,255,0.6);
}

.content a:hover {
	color: #cbb754;
}

.content p {
	font-size: 13px;
	line-height: 1.6;
	color: #60636a;
	color: rgba(255,255,255,0.4);
}

.content .block {
	padding: 20px;
	position: relative;
	font-size: 13px;
}

.content .block h2 {
	font-family: 'RockoFLFBold', sans-serif;
	color: #c0c3c8;
	color: rgba(255,255,255,0.7);
	font-size: 17px;
	font-weight: normal;
	margin: 0 0 5px 0;
}

.content .block p {
	margin: 0;
}

.ornament {
	float: right;
	margin: 0 20px 20px 40px;
}

.content .block.col {
	width: 220px;
	padding-right: 0;
	margin-right: 15px;
	display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;
}

.content .block.about-col {
	width: 160px !important;
	padding-right: 0;
	margin-right: 15px;
	display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;
}

.menu {
	text-align: left;
	padding-top: 10px;
	padding-left: 190px;
	margin: 0 auto;
	width: 590px;
	position: relative;
}

.menu li {
	display: block;
	float: left;
}

.menu li a,
.menu li span {
	background: url(/img/menu.png) 0 0;
	display: block;
	height: 39px;
	width: 93px;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	white-space: nowrap;
	text-indent: -2000em;
}

.menu li#menu-home span, .menu li#menu-home a { margin-right: 10px; }

.menu li span { background-position: 0 -100px; }
.menu li a:hover { background-position: 0 -200px; }

.menu li#menu-downloads a { width: 180px; background-position: -94px 0; }
.menu li#menu-downloads span { width: 180px; background-position: -94px -100px; }
.menu li#menu-downloads a:hover { background-position: -94px -200px; }

.menu li#menu-about a { width: 94px; background-position: -282px 0; }
.menu li#menu-about span { width: 94px; background-position: -282px -100px; }
.menu li#menu-about a:hover { background-position: -282px -200px; }

.menu li#menu-blog a { width: 93px; background-position: -378px 0; }
.menu li#menu-blog span { width: 93px; background-position: -378px -100px; }
.menu li#menu-blog a:hover { background-position: -378px -200px; }

.audio a {
	display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;
	text-decoration: none;
	background: #4a4c50;
	background: rgba(255,255,255,0.1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px 20px;
	font-weight: bold;
	margin: 15px 5px 0 0;
	width: 120px;
	text-align: center;
	white-space: nowrap;
	border-top: 1px solid rgba(255,255,255,0.1);
}

.audio a.play {
	background: #4a4c50 url(/img/play.gif) 10px 50% no-repeat;
	background: rgba(255,255,255,0.1) url(/img/play.gif) 10px 50% no-repeat;
	padding: 10px 5px 10px 40px;
	width: 276px;
	text-align: left;
}

.audio a.pause {
	background: #4a4c50 url(/img/pause.gif) 10px 50% no-repeat;
	background: rgba(255,255,255,0.1) url(/img/pause.gif) 10px 50% no-repeat;
	padding: 10px 5px 10px 40px;
	width: 276px;
	text-align: left;
}

.audio a span {
	font-weight: normal;
}

.images li {
	display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;
	position: relative;
	width: 150px;
	height: 130px;
	margin: 10px 14px 10px 0;
}

.images {
	margin: 10px 0;
}

.images li a {
	display: block;
	width: 150px;
	height: 130px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	white-space: nowrap;
	text-indent: -2000em;
	opacity: 0.7;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.images a:hover,
.images a:active {
	opacity: 1;
}

.image-large {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 10px 0;
}

.image-swf {
	position: relative;
	top: 0;
	left: 0;
	width: 148px;
	height: 128px;
}

.nav {
	border-top: 1px solid #3a404a;
	border-top: 1px solid rgba(255,255,255,0.1);
	padding: 40px 0 10px 0;
	text-align: right;
}

.nav em {
	font-style: normal;
	font-weight: bold;
	float: left;
	display: block;
	margin-top: -20px;
}

.nav a.nextprev,
.nav span.nextprev {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px 20px;
	color: #333;
	background: #dcd6a0;
	font-weight: bold;
}

.nav span.nextprev {
	background: #999;
}

.section {
	padding-left: 80px;
	padding-bottom: 10px;
	position: relative;
	border-top: 1px solid #3a404a;
	border-top: 1px solid rgba(255,255,255,0.1);
	zoom: 1;
	min-height: 60px;
}

.section h3 {
	position: absolute;
	left: -10px;
	top: 13px;
	text-align: center;
	width: 80px;
}

.section h3 span {
	font-size: 14px;
	font-family: 'RockoFLFBold', sans-serif;
	font-weight: normal;
	display: block;
	color: rgba(255,255,255,0.6);
	padding-top: 2px;
}

.arrow {
	position: absolute;
	left: -24px;
	top: -15px;
}

#about .arrow {
	left: -64px;
}

#home .arrow {
	top: 465px;
	left: 100px;
}

.sub-form {
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding: 20px 20px 15px 125px;
	margin: -40px -40px 40px -40px;
}

#home .sub-form {
	border: none;
}

#home .emailFormNote {
	display: none;
}

.zoom {
	display: block;
	position: relative;
}

.zoom .zoom-icon {
	position: absolute;
	top: -10px;
	right: 10px;
}

.twitter {
	font-weight: bold;
	float: right;
	display: block;
	padding: 5px 0 15px 30px;
	background: url(/img/twitter.png) 0 0 no-repeat; 
	font-size: 11px;
	text-decoration: none;
	min-width: 155px;
	margin-top: 10px;
}

li.follow {
	position: absolute;
	right: 70px;
	top: 8px;	
}

#home li.follow {
	right: 20px;
}

ul.menu li.follow a.follow-facebook,
ul.menu li.follow a.follow-twitter {
	display: block;
	height: 35px;
	width: 35px;
	background: url(/img/follow-twitter.gif) !important;
	float: left;
}

ul.menu li.follow a.follow-facebook {
	background: url(/img/follow-facebook.gif) !important;
}