@charset "UTF-8";
@import "reset.css";
@font-face {  
	  font-family: " P4K ";  
	  src: url( /ElenaBasic-Regular.otf ); /* IE */  
	  src: local(" P4K "), url( /ElenaBasic-Regular.otf ) format("truetype"); /* non-IE */  
	}  

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

body { width:100%;background: #333; font:15px "P4K", Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif; letter-spacing: 1px; color: #333; margin: 0; padding: 0; }
a { color: #EB601A; text-decoration: none; }
a:hover { color: #fff; }
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;letter-spacing: 2px; }
h5 { font-size: 12px; font-weight: normal; margin: 0; }
ul { margin-left: 20px; }
ol { margin-left: 36px; }

/*
	

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

#header { width:100%; height:80px; background-color:#151515; color:#fff; padding:15px 0 15px 0;font-size:15px; font-weight: bold; position:fixed;z-index:300;margin: 0 auto;}
#menu { position: absolute;left: 40px;display:inline; text-align: left;}
#menu li { float:left;padding:5px 20px; list-style: none;display:inline;}
#menu li a { color:#EB601A;text-decoration:none;}
#menu li a:hover {color:#FFFFFF;text-decoration:none;}
#menu .span { float:right; color:#eee;overflow: hidden; }
#wrapper { width: 100%; margin: 0 auto; padding-top: 100px; }
#main { width: 334px; margin-left:50px; }
#main > p, #main > div { margin-left: 7px; }
#pack {width:290px;padding:10px 10px;}
#tour {margin-top:10px;width:290px;padding:10px 10px;}
#sidebar { width: 220px; position: fixed; top:53%;right:0px;padding: 10px 20px;text-align: center;}
#footer { width:100%; height:20px; background-color:#151515; color:#fff; padding:5px 0 5px 0;font-size:15px; position:fixed;bottom:0px;z-index:300;margin: 0 auto;}
.wg { margin-left:70px;font-size:0.6em;}
.twt {float:right;padding:3px 20px;font-size:0.7em;color:#cdcdcd;display:inline;letter-spacing: 1px; }
/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/

#video-controls { width: 317px; margin-left:50px;font-size:11px;}
#video-controls a { color: #fff; text-decoration: none; }
#video-controls a:hover { color: #fb2b2b; text-decoration: none; }
#myytplayer { margin-left:-20px; }
#fbk { position: fixed; top:80%;left:50px;width:318px;}

/*
	

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

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

div.clear { overflow: hidden; height: 1px; clear: both; }
img.alignRight { float: right; margin: 0 0 15px 15px; }
img.alignLeft { float: left; margin: 0 15px 15px 0; }
.error { color: #833; }