/************* MOBILE STYLES *************/
*{margin:0;padding:0;}
body{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size: 13px; background:#040404; text-align: center; -webkit-text-size-adjust:100%;}
#home{background:#040404 url('../images/body-bg-home.png') repeat-x 50% 0;}
.container {
	position: relative;
	margin: auto;
	text-align: center;
}
.content {
	text-align: left;
	background: #1a1712;
	min-height: 265px;
}
#home .content {
	background: #352f24;
	padding: 0 3px;
}

#static .content {
	color: #000;
	background: #fff;
}

a,a:link,a:active,a:visited,a:hover{color:#81cecf;text-decoration:underline;}
ul,ol{margin:15px 10px 15px 30px;}
p, li {
	margin: 10px 10px 7px 10px;
}

.clear{clear:both;position:relative;font-size:0px;height:0px;line-height:0px;visibility:hidden;}

/* - Button - */
a.button,
a.button:link,
a.button:active,
a.button:visited
a.button:hover {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#2c281e), to(#0d0c08));
	background: -moz-linear-gradient(top, #2c281e, #0d0c08);
	margin: 0;
	padding: 0 9px;
	border: 1px solid #352f25;
	border-top: 1px solid #453e30;
	border-bottom: 1px solid #26221b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 4px #242019;
	-webkit-box-shadow: 2px 2px 4px #242019;
	box-shadow: 2px 2px 4px #242019;
	text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 4px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 26px;
}

#list-films a.selected {
	background: #7e7461;
	border-color: #453e30;
}

/* - Logo - */
#logo {
	height: 68px;
	background: #0c0b08 url('../images/bg_logo.gif') left bottom repeat-x;
}

#logo h1 {
	display: block;
	width: 320px;
	height: 68px;
	background: transparent url('../images/logo.png') no-repeat 50% 0;
	margin: auto;
	text-indent: -9999px;
}

/* Top */
.top {
	height: 26px;
	background: #5e5646 url('../images/top-bg.png') repeat-x 50% 0;
	padding: 10px 7px;
}
.top h1 {
	display: block;
	width: 233px;
	height: 15px;
	background: transparent url('../images/top-title-gsfn.png') no-repeat 50% 0;
	margin: 6px auto;
	text-indent: -9999px;
}

.top .back{float:left;display:block;width:28px;height:27px;background:transparent url('../images/btn-back.png') no-repeat 50% 0;text-indent:-9999px;}
.top .home{float:right;display:block;width:28px;height:27px;background:transparent url('../images/btn-home.png') no-repeat 50% 0;text-indent:-9999px;}

.heading-title {
	display: block;
	color: #fff;
	font-size: 16px;
	background: #373025 url('../images/heading-title-bg.png') 0 bottom repeat-x;
	margin: 0;
	padding: 0 0 0 10px;
	border-bottom: 1px solid #13100c;
	text-shadow: #1d1a13 2px 2px 2px;
	line-height: 42px;
}

.heading-title span {
	display: block;
	font-size: 12px;
	font-weight: normal;
	height: 20px;
}

/* Film List */
.trigger{background:url('../images/tabs-films-training.png') no-repeat;height:41px;width:270px;margin:auto;text-indent:-9999px;}
.trigger a{display:block;height:41px;width:270px;}
.training{background-position:left bottom;}

.film-list {
	list-style-type: none;
	text-align: left;
	margin: 0;
}

#video_list .film-list, #home .home-list{border-top:none;}

.film-list li {
	height: 60px;
	background: #f2f2f2 url('../images/filmlist-li-bg.png') left bottom repeat-x;
	margin: 0;
	padding: 7px;
	border-bottom: 1px solid #bbbbbb;
}

.film-list a,.film-list a:link,.film-list a:visited,.film-list a:active,.film-list a:hover{display:block;text-decoration:none;height:60px;}
.film-list h1 {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 2px;
}
.film-list .thumb{float:left;margin-right:7px;}

.film-list .description {
	color: #453e30;
	font-size: 11px;
	width: 280px;
	padding-top: 7px;
}

.film-list .next{display:block;background:transparent url('../images/filmlist-li-arrow.png') no-repeat 50% 0;margin:23px 10px 0 0;width:9px;height:13px;float:right;}

#list-films {
	margin: 0;
	padding: 0;
}

#list-films h2 {
	position: relative;
	color: #57a69f;
	font-size: 18px;
	background: #0c0b08 url('../images/bg_header.png') right center no-repeat;
	margin: 0;
	padding: 11px;
	border: 1px solid #0c0b08;
	line-height: 16px;
}

#list-films h2 a {
	position: absolute;
	top: 5px;
	right: 8px;
}

#list-films h2 a span {
	background: url('../images/arrow_browse.png') right 3px no-repeat;
	padding-right: 16px;
}

/* Film Detail */
.film-detail{border-top:1px solid #353535;background:#555 url('../images/filmdetail-bg.png') no-repeat 50% 0;color:#fff;min-height:85px;}
.film-detail h1{font-size:13px;}

.film-detail ul {
	background: #453e30;
	margin: 0;
	padding: 10px;
	text-align: left;
	list-style-type: none;
}

.film-detail li{margin-bottom:3px;}

.film-detail ul#film_options {
	background: #6f6759;
	border-top: 1px solid #2f2a21;
}

.film-detail ul#film_options li {
	display: inline;
	margin-right: 10px;
}

.film-detail ul#film_options li:last-child {
	margin-right: 0;
}

.film-detail ul#film_options a.button {
	font-size: 10px;
	padding: 6px 8px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.video_container {
	position: relative;
	height: 180px;
	background: url('../images/button_play.png') center center no-repeat;
	text-align: center;
	border-bottom: 1px solid #2f2a21;
}

.video_container span {
	position: absolute;
	top: 40px;
	left: 34%;
	display: block;
	width: 100px;
	height: 100px;
	background: url('../images/button_play.png') center center no-repeat;
}

/* Film Specs */
#film_specs {
	margin: 10px 0 0 10px;
	padding: 0;
	list-style-type: none;
}

/* Static Content Pages */
.utility {
	height: 41px;
	background: #6f6759;
	margin: auto;
	padding: 4px;
	border-top: 1px solid #373025;
	text-align: center;
}
.utility a,.utility a:link,.utility a:active,.utility a:visited,.utility a:hover{text-decoration:none;}
.static-wrap{padding:7px;}

/* Base */
.base {
	text-align: center;
	color: #aaa;
	font-size: 10px;
	background: #0e0d0a url('../images/footer-bg.png') repeat-x 50% 0;
	min-height: 27px;
	padding: 6px 0 8px;
}
.base ul{padding:0 0 3px 0;margin:0;}
.base li{background:none;display:inline;list-style-type:none;margin:0;padding:0 2px;}

/* Menu */
#menu {
	width: 100%;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu li {
	margin: 0;
	padding: 0;
	text-align: left;
}

#menu li a:link,
#menu li a:active,
#menu li a:visited {
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background: #7e7461 url('../images/bg_menu_item.gif') left bottom repeat-x;
	padding: 9px 0 9px 15px;
	border-top: 1px solid #c8c1b4;
	border-bottom: 1px solid #453e30;
	text-decoration: none;
	text-shadow: #504839 1px 1px 2px;
}

#menu li a:hover {
	background: #a79b83 url('../images/bg_menu_item_hover.gif') left bottom repeat-x;
	border-top: 1px solid #c8c1b4;
}

#menu li a span {
	display: block;
	background: url('../images/arrow_menu_item.png') center right no-repeat;
	margin-right: 14px;
}

#menu li#back_title {
	text-align: right;	
}

#menu li#back_title a {
	font-weight: normal;
	background: #373025 url('../images/bg_menu_item_back.gif') left bottom repeat-x;
	padding: 12px 14px;
	border-top: 1px solid #635c4e;
	border-bottom: 1px solid #13100c;
}

#menu li#back_title a span {
	float: left;
	font-size: 11px;
	font-weight: bold;
	width: 45px;
	background: url('../images/arrow_menu_item_left.png') center left no-repeat;
	margin-right: 0;
	line-height: 15px;
}

/* - Question Content - */
#question_content {
	padding: 10px 20px 0 10px;
}