@font-face {
    font-family: 'calib';
    src: url('fonts/calibri.ttf') format('truetype'),
    url('fonts/calibri.svg#calibri') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'franklin-thin';
    src: url('fonts/tradegothicltstd-cn18-webfont.ttf') format('truetype'),
    url('fonts/tradegothicltstd-cn18-webfont.svg#TradeGothicLTStdCnRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'franklin-light';
    src: url('fonts/tradegothicboldcondtwenty-webfont.ttf') format('truetype'),
    url('fonts/tradegothicboldcondtwenty-webfont.svg#TradeGothicLTCondEighteenBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

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 { 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; }


/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

body { line-height: 1.2em; font-family: Calibri, calib, Arial, sans-serif; font-size: 0.95em; color: #7c7c7c; background:#fff; min-width: 960px;
}

a { text-decoration: none; color: #947265; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; text-transform: uppercase; font-weight: normal;
	font-family: franklin-thin; color: #999;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
h1 { font-size: 5.5em; line-height: 0.85em; letter-spacing: -0.03em; color: #686868;
}
h1 b {
	font-family: franklin-light; color: #947265; font-weight: normal;
}
h2 { font-size: 4em; line-height: 0.95em; }
h3 { font-size: 2em; color: #947265; padding: 0;
}
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { padding-bottom: 10px; line-height: 18px; }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
    blockquote p { padding-bottom: 0px; }

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

img#about-image { float: left; margin: 3px 8px 8px 0px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.blue {
	color: #947265;
}
.bold {
	color: #686868;
}
/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/
.home {
	background: url('../images/bg_home.png') no-repeat left top;
}
#header {
	position: fixed; height: 50px; line-height: 50px; z-index: 999; width: 100%; top: 0; left: 0; background: #fff; margin-left: 0;
}
.wrapper {
	width: 100%; overflow: hidden;
}
.social_icons {
	position: absolute; top: 15px; left: 70px; z-index: 2; height: 16px; overflow: hidden;
}
.social_icons li {
	float: left; margin-right: 8px; width: 16px; height: 16px;
}
.social_icons li a {
	display: block; text-indent: -99999px;
}
.social_icons .linkin {
	background: #f5f5f5 url('../images/linkin.gif') no-repeat left top;
}
.social_icons .facebook {
	background: #f5f5f5 url('../images/facebook.gif') no-repeat left top;
}
.social_icons .twitter {
	background: #f5f5f5 url('../images/twitter.gif') no-repeat left top;
}
.social_icons .youtube {
	background: #f5f5f5 url('../images/youtube.gif') no-repeat left top;
}
.social_icons .soundcloud {
	background: #f5f5f5 url('../images/soundcloud.gif') no-repeat left top;
}
.menu {
	text-align: center; text-transform: uppercase;
}
.menu a {
	margin: 0 20px; font-family: franklin-thin; font-size: 1.4em; color: #666;
}
.patt {
	background: url('../images/patt.gif');
}
.page {
	width:962px; border-right: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7;  float: left; position: absolute; height: 662px; top: 50px; z-index: 1; border-bottom: 14px solid #947265;
}
.page-content {
	width: 832px; padding: 0 65px; margin: 0 auto; position: relative; height: 662px; z-index: 1;
}
.right-img {
	top: 0; right: 0; position: absolute; z-index: 2; height: 100%;
}
.right-img img {
	width: auto;
	max-height: 100%;
	height: auto\9; /* ie8 */
}
.left-content {
	top: 5%; left: 65px; position: absolute; z-index: 3;
}
.text {
	width: 50%; line-height: 1.5em; margin-top: 60px;
}
.title_foot {
	position: absolute; bottom: 5%; left: 65px; z-index: 2; width: 100%; line-height: 30px !important;
}
.title_foot_navi {
	position: absolute; bottom: 6%; left: 900px; z-index: 2; width: 100%; line-height: 30px !important;
}
.has_video .title_foot {
	left: 120px;
}
.arrow {
	background: url('../images/arrow.png') no-repeat left; padding-left: 20px; line-height: 20px;
}
.video {
	background: #fff; border: 1px solid #d2d2d2; padding: 15px;
	width: 695px;
	top: 25px;
	position: absolute;
	height: 468px;
	position: relative;
	z-index: 2;
	margin: auto;
}
.v_shadow {
	background: url('../images/shadow.png') bottom center no-repeat; height: 60px; position: absolute; bottom: -61px; z-index: 3; width: 100%; left: 0;
}
.sub_menu {
	position: absolute; bottom: 30px; right: 60px; width: 50%; font-family: franklin-thin; font-size: 1.2em; text-transform: uppercase; line-height: 1em;
}
.voice_gr {
	position: absolute; bottom: 50px; left: 65px; z-index: 2; width: 425px; font-family: franklin-thin; text-transform: uppercase; font-size: 1.3em; color: #947265;
}
.label {
	float: left; width: 140px; line-height: 33px; margin-bottom: 10px; clear: left;
}
.labellong {
	float: left; width: 550px; line-height: 33px; margin-bottom: 10px; clear: left;
}
.has_audio {
	float: left; width: 285px;  margin-bottom: 10px;
}
.simple-player-container {
	padding-bottom: 0px !important; overflow: hidden;
}
.simple-player-container li{
overflow: hidden;
}	
.t_contact {
	font-size: 1.3em;
}
div.jp-audio {
	width: 285px;
}
.thumb-bott .right-img {
	top: auto; bottom: 0;
}
.right-img img {
	position: absolute; bottom: 0; right: 0;
}
#page7 .left-content {
	left: 135px;
}