@charset "UTF-8";
@import "reset.css";


@font-face { 
  font-family: "DIN"; 
  font-weight: normal; 
  src: local("☺"), url("../fonts/din.ttf") format("truetype"); 
}


/* CSS Document */


/*
	----------------------------
	HTML SELECTORS
	____________________________
*/


body { background: #333; font-family: Helvetica, Arial, sans-serif; color: #333; margin: 0; padding: 0; }
a { color: #ccc; text-decoration: underline; }
a:hover { color: #fb2b2b; }
h1, h2 { font-size: 26px; line-height: 28px; font-weight: normal; letter-spacing: -1px; color: #fff; }
h3 { font-size: 18px; font-weight: normal; margin: 8px 0; }
h4 { font-size: 14px; font-weight: normal; margin: 0; }
h5 { font-size: 12px; font-weight: normal; margin: 0; }
ul { margin-left: 20px; }
ol { margin-left: 36px; }


/*
	----------------------------
	LAYOUT
	____________________________
*/


#wrapper { width: 960px; margin: 0 auto; padding: 0; text-align:center;  }
#main { width: 640px; float: left; }
#main > p, #main > div { margin-left: 7px; }



#caption {
	position:fixed;
	top:14px;
	right:14px;
	z-index:300;
}

#sundwich {
	position:fixed;
	bottom:14px;
	left:14px;
	z-index:300;
}

#shareobj {
	position:fixed;
	bottom:10px;
	right:14px;
	text-align:right;
	z-index:300;
}

#ticket {
	position:absolute;
	width:140px;
	top:940px;
	left:410px;
	z-index:400;
}

#logo2 {
	position:absolute;
	width:140px;
	top:1485px;
	left:205px;
	z-index:400;
}


#order {
	position:fixed;
	top:40%;
	right:0;
	z-index:400;
}


#sidebar {
	position:fixed;
	top:40%;
	z-index:300;
}

.mailbox {
	border: 1px dotted #FFF;
	/*background-color:#000;*/
	width:300px;
	font-size:130%;
	color:#FFFFFF;
	padding:13px;
	position:relative;
	z-index:2000;
	margin:0 auto;
	
	}

.btnarea{
	width:516px;
	margin:0 auto;
	text-align:left;
	}

.serif {
  font-family: "Adobe Caslon", Georgia, serif;
}
.serif-italic {
  font-family: "Adobe Caslon Italic", Georgia, serif;
}
.sans {
  font-family: "DIN", Helvetica, Arial, sans-serif;  
}




/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/


#video-controls { width: 333px; }
#video-controls a { color: #ddd; text-decoration: underline; }


/*
	----------------------------
	UTILITY CLASSES
	____________________________
*/


.black-15 { background: url(../media/black-15-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }
.black-35 { background: url(../media/black-35-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }
.black-50 { background: url(../media/black-50-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }
.black-65 { background: url(../media/black-65-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }
.black-85 { background: url(../media/black-85-trans.png); color: #fff; padding: 4px 12px; margin: 24px 0; }


.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}



/*---------------------------------------------------
	cursol
---------------------------------------------------*/
.point {
	margin:0 auto;
	width:280px;
	height:280px;	
	}
	
.point a {
	cursor: url(../media/point.png), move;
	
	}