/* 
	All Source Code Copyright 2010, Vrasa
	http://vrasa.com/
	
	If you like what you see, and want to use
	some of this code please email us here: 
	hello [at] vrasa.com and we can discuss 
	pricing and availability.

	Date: Sat August 14 20:19:07 2010 -0600
*/

/* style reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
abbr,acronym { border: 0; }

/* la vanilla */
* {
	border: 0px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

html, body, #bg, #bg table, #bg td {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	cursor: default;
	color: #645e59;
	background: #f3e3cf;
}

a {
	text-decoration: none;
	color: #645e59;
	outline: 0;
}

a:hover {
	text-decoration: none;
	color: #645e59;
	outline: 0;
}

/* loader */
.overlay {
	background-color: #f3e3cf;
	z-index: 89;
}

.loader {
	background-color: #ffefdb;
	height: 100%;
}

#overlaylogo {
	position: relative;
	margin: 0 auto;
	display: block;
	width: 150px;
	height: 70px;
	top: 0px;
	background: url(../images/loader_logo.png) no-repeat;
	z-index: 91;
}

/* background */
img { display: block; }

a img, table a img { border: none; }

#bg div {
	position: absolute;
	width: 200%;
	height: 200%;
	top: -50%;
	left: -50%;
}

#bg td {
	vertical-align: middle;
	text-align: center;
}

#bg img {
	min-height: 50%;
	min-width: 50%;
	margin: 0 auto;
}

#loadoverlay { display: none; }

#loaderbg {
	z-index: 90;
	position: absolute;
}

#background_one {
	z-index: 5;
	position: absolute;
}

/* content */
#content {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 860px;
	height: 100%;
}

#bar {
	display: block;
	position: relative;
	width: 643px;
	height: 21px;
	background: url(../images/bar.png) no-repeat;
	display: none;
}

#header {
	display: block;
	position: relative;
	width: 643px;
	height: 90px;
	margin: 10px 0 0 0;
	background: url(../images/header.png) no-repeat;
}

#slideshow {
	display: inline-block;
	position: relative;
	margin: 0 auto;
	width: 621px;
	height: 341px;
	left: 11px;
	top: 10px;
	z-index: 18;
}

#slideshowover {
	display: inline-block;
	position: relative;
	width: 643px;
	height: 363px;
	top: -351px;
	z-index: 17;
	background: url(../images/slideshow_over.png) no-repeat;
}

#buttons {
	display: block;
	position: absolute;
	width: 105px;
	height: 10px;
	top: 104px;
	left: 15px;
	z-index: 19;
	filter: alpha(opacity=30);
	-khtml-opacity: 0.3; 
	-moz-opacity: 0.3; 
	opacity: 0.3;
	display: none;
}

#buttonone, #buttontwo, #buttonthree, #buttonfour, #buttonfive, #buttonsix, #buttonseven, #buttoneight {
	display: inline-block;
	position: relative;
	cursor: pointer;
	width: 10px;
	height: 10px;
	background: url(../images/button.png) no-repeat;
}

#buttonone:hover, #buttontwo:hover, #buttonthree:hover, #buttonfour:hover, #buttonfive:hover, #buttonsix:hover, #buttonseven:hover, #buttoneight:hover {
	display: inline-block;
	position: relative;
	cursor: pointer;
	width: 10px;
	height: 10px;
	background: url(../images/button_over.png) no-repeat;
}

/* social */
#social {
	display: inline-block;
	position: relative;
	height: 372px;
	width: 200px;
	top: -352px;
	left: 10px;
	z-index: 19;
}

.facebook {
	display: block;
	width: 200px;
	height: 52px;
	margin-top: 10px;
	background: url(../images/facebook.png) no-repeat;
}

.twitter {
	display: block;
	width: 200px;
	height: 52px;
	margin-top: 10px;
	background: url(../images/twitter.png) no-repeat;
}

.myspace {
	display: block;
	width: 200px;
	height: 52px;
	margin-top: 10px;
	background: url(../images/myspace.png) no-repeat;
}

.youtube {
	display: block;
	width: 200px;
	height: 52px;
	margin-top: 10px;
	background: url(../images/youtube.png) no-repeat;
}

.store {
	display: block;
	width: 200px;
	height: 52px;
	margin-top: 10px;
	background: url(../images/store.png) no-repeat;
}

.itunes {
	display: block;
	width: 200px;
	height: 52px;
	margin-top: 10px;
	background: url(../images/itunes.png) no-repeat;
}

.facebook:hover {
	display: block;
	cursor: pointer;
	width: 200px;
	height: 52px;
	margin-top: 10px;
	background: url(../images/facebook_over.png) no-repeat;
}

.twitter:hover {
	display: block;
	cursor: pointer;
	width: 200px;
	height: 52px;
	margin-top: 10px;
	background: url(../images/twitter_over.png) no-repeat;
}

.myspace:hover {
	display: block;
	cursor: pointer;
	width: 200px;
	height: 52px;
	margin-top: 10px;
	background: url(../images/myspace_over.png) no-repeat;
}

.youtube:hover {
	display: block;
	cursor: pointer;
	width: 200px;
	height: 52px;
	margin-top: 10px;
	background: url(../images/youtube_over.png) no-repeat;
}

.store:hover {
	display: block;
	cursor: pointer;
	width: 200px;
	height: 52px;
	margin-top: 10px;
	background: url(../images/store_over.png) no-repeat;
}

.itunes:hover {
	display: block;
	cursor: pointer;
	width: 200px;
	height: 52px;
	margin-top: 10px;
	background: url(../images/itunes_over.png) no-repeat;
}

#playercontainer {
	display: block;
	position: relative;
	width: 200px;
	height: 194px;
	left: 656px;
	top: -343px;
	z-index: 40;
}

/* stuff */
#stuff {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 900px;
	height: 469px;
	top: -536px;
}

#box_left {
	display: inline-block;
	position: relative;
	width: 315px;
	height: 315px;
	background: #8d847d url(../images/box.png) no-repeat;
	z-index: 16;
}

#box_right {
	display: inline-block;
	position: relative;
	margin-left: 10px;
	width: 315px;
	height: 315px;
	background: #8d847d url(../images/box_tour.png) no-repeat;
	z-index: 16;
}

#menu {
	display: block;
	height: 27px;
	width: 640px;
	position: relative;
	left: 10px;
	top: -306px;
	z-index: 21;
}

.menu_left {
	display: inline-block;
	position: relative;
	left: 1px;
	width: 146px;
	height: 27px;
	background-image: url('../images/menu_left.png');
}

.menu_right {
	display: inline-block;
	position: relative;
	left: -1px;
	width: 146px;
	height: 27px;
	background-image: url('../images/menu_right.png');
}

.menu_left:hover {
	display: inline-block;
	cursor: pointer;
	position: relative;
	left: 1px;
	width: 146px;
	height: 27px;
	background-image: url('../images/menu_left_over.png');
}

.menu_right:hover {
	display: inline-block;
	cursor: pointer;
	position: relative;
	left: -1px;
	width: 146px;
	height: 27px;
	background-image: url('../images/menu_right_over.png');
}

/* bottom boxes */
#bottom_boxes {
	display: block;
	position: relative;
	top: -371px;
	height: 200px;
	width: 900px;
}

#box_download {
	display: inline-block;
	position: relative;
	height: 157px;
	width: 315px;
	background: url(../images/download.png) no-repeat;
}

#box_contact {
	display: inline-block;
	position: relative;
	margin-left: 10px;
	height: 157px;
	width: 315px;
	background: url(../images/contact.png) no-repeat;
}

#box_merch {
	display: inline-block;
	position: relative;
	margin-left: 10px;
	height: 277px;
	width: 200px;
	background: url(../images/merch.png) no-repeat;
}

#box_download:hover {
	display: inline-block;
	cursor: pointer;
	position: relative;
	height: 157px;
	width: 315px;
	background: url(../images/download_over.png) no-repeat;
}

#box_merch:hover {
	display: inline-block;
	cursor: pointer;
	position: relative;
	margin-left: 10px;
	height: 277px;
	width: 200px;
	background: url(../images/merch_over.png) no-repeat;
}

/* twitter */
#twitter {
	display: block;
	margin-top: -309px;
	margin-left: 10px;
}

#twitterticker, #twittertickertwo {
	display: block;
	position: relative;
	width: 293px;
	height: 280px;
	left: -4px;
	top: 4px;
	font-size: 13px;
	line-height: 1.30;
	text-align: left;
	color: #645e59;
}

#twitterticker a:hover, #twittertickertwo a:hover {
	text-decoration: line-through;
	color: #645e59;
}

#tweetcontainer, #tweetcontainertwo {
	height: 265px;
	width: auto;
	overflow: hidden;
}

.tweet, .tweettwo {
	padding: 5px;
	margin: 0 8px 8px;
	width: auto;
	overflow: hidden;
}

.tweet .time, .tweettwo .timetwo {
	color: #645e59;
	font-size: 9px;
	font-style: normal;
}

/* tour */
#tour {
	display: block;
	position: relative;
	overflow: hidden;
	width: 280px;
	height: 265px;
	line-height: 1.3;
	z-index: 17;
	font-size: 13px;
	text-align: left;
	color: #645e59;
}

#tour p {
	text-decoration: none;
	font-weight: normal;
}

#tour p.highlight { font-weight: bold; }

#tour p.notes {
	font-weight: bold;
	display: none;
}

#tour a {
	text-decoration: none;
	color: #645e59;
}

#tour a:hover {
	text-decoration: line-through;
	color: #645e59;
}

/* scroll */
#scroll {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 1100px;
	height: 1000px;
}

.jScrollPaneContainer {
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	z-index: 21;
	outline: none;
}

.jScrollPaneTrack {
	position: fixed;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #fef2dc;
}

.jScrollPaneDrag {
	position: fixed;
	cursor: pointer;
	right: 0;
	overflow: hidden;
	background: #fef2dc url(../images/drag.png) no-repeat;
}

.tourscroll {
	display: block;
	position: relative;
	width: 280px;
	height: 262px;
	top: -277px;
	left: 347px;
}

.twitterscroll {
	display: block;
	position: relative;
	width: 295px;
	height: 280px;
}

.tourscroll .jScrollPaneTrack, .twitterscroll .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	margin-top: 5px;
	height: 100%;
	background: #fef2dc;
}

.tourscroll .jScrollPaneDrag, .twitterscroll .jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: #645e59;
}

/* footer */
#footer {
	display: block;
	clear: both;
	width: 100%;
	height: 37px;
	position: fixed;
	bottom: 0px;
	overflow: hidden;
	left: 0px;
	z-index: 22;
}

#footer .vrasa {
	display: block;
	position: relative;
	float: right;
	margin: 0px 8px 0px auto;
	width: 35px;
	height: 29px;
	background: url(../images/vrasa.png) no-repeat;
	z-index: 23;
}

#footer .vrasa:hover { background: url(../images/vrasa_over.png) no-repeat; }

/* other */
.tipsy, .tipsy-inner, .tipsy-north { display: none; }

a, a:active { outline: none; }

a:focus { -moz-outline-style: none; }

object { border: 0; outline: none; }

.inviso { display: none; }

.spacer { padding-top: 5px; }

#preload { display: none; }

#helloie6, #helloie7 { display: none; }