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, 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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}

/* ==================================== */




@font-face {
    font-family: 'FrutigerBold';
    src: url('font/ftb_____-webfont.eot');
    src: url('font/ftb_____-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ftb_____-webfont.woff') format('woff'),
         url('font/ftb_____-webfont.ttf') format('truetype'),
         url('font/ftb_____-webfont.svg#FrutigerBold') format('svg');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'FrutigerRoman';
    src: url('font/ftr_____-webfont.eot');
    src: url('font/ftr_____-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ftr_____-webfont.woff') format('woff'),
         url('font/ftr_____-webfont.ttf') format('truetype'),
         url('font/ftr_____-webfont.svg#FrutigerRoman') format('svg');
    font-weight: 400;
    font-style: normal;

}



/* ==================================== */

body {
	font-family:'FrutigerBold', Arial, Helvetica, sans-serif;
	font-weight: 300;
    font-style: normal;

	background:url(images/bg_body.jpg) #444444;	
	text-align:center;
	padding:0;
	margin:0;
	
}
p {
	font-family:'FrutigerRoman', Arial, Helvetica, sans-serif;
	font-weight: 300;
    font-style: normal;
	font-size:16px;
	line-height:1.75em;
	color:#252525;
	
}

.smallcopy {
	font-family:'FrutigerRoman', Arial, Helvetica, sans-serif;
	font-weight: 300;
    font-style: normal;
	font-size:11px;
	line-height:1.75em;
	color:#999999;
	margin-top:10px;
}

.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 */

a.def_link {
	text-decoration:none;
	color:#ff7601;
	transition:color 0.4s;
	-webkit-transition:color 0.4s; /* Safari and Chrome */
}
a.def_link:hover {
	color:#ffffff;	
	
}

.white{
	color:#ffffff;	
}

/* ==================================== */

#loading {
	width:100%;
	height:100%;
	padding:0;	
	margin:0;
	/*background:url(../images/loading.gif) #ffffff no-repeat center center;*/
	background:url(images/loading2.gif) #ffffff no-repeat center center;
	
	position:fixed;
	left:0;
	top:0;
	z-index:5000;
	
}
#fader {
	width:100%;
	height:100%;
	padding:0;	
	margin:0;
	
	position:fixed;
	left:0;
	top:0;
	z-index:5100;
	/*opacity:0;*/
	visibility:hidden;
	
}


/* ==============   SELECT   ====================== */

#btn_select_wrapper {
	width:100%;
	height:121px;
	margin:0;
	padding:0;	
	z-index:1000;
	position:fixed;
	text-align:center;
	top:161px;
	left:0px;
	pointer-events:none;
	
}

#btn_select_innerwrapper {
	width:100%;
	max-width:1300px;
	min-width:1040px;
	height:121px;
	margin:0 auto;
	padding:0;
	position:relative;
	pointer-events:none;
	overflow:hidden;
}

#btn_select {
	display:block;
	width:34px;
	height:121px;
	top:0px;
	left:0px;
	position:absolute;
	/*background:url(images/btn_select.png) no-repeat -5px top;*/
	background-image:url(images/btn_select.png);
	background-repeat:no-repeat;
	background-position:-5px;
	margin:0;
	padding:0;
	pointer-events:auto;
	cursor:pointer;
	transition:background-position 0.15s;
	-webkit-transition:background-position 0.15s; /* Safari and Chrome */

}
#btn_select:hover {
	background-position:0px;
	
}




#ss_select_wrapper {
	width:100%;
	height:100%;
	margin:0;
	padding:0;	
	z-index:2000;
	position:fixed;
	text-align:center;
	top:0px;
	left:0px;
	pointer-events:auto;
	opacity:0;
	visibility:hidden;
}

#ss_select_innerwrapper {
	width:100%;
	max-width:1300px;
	min-width:1040px;
	height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
	pointer-events:auto;
	/*background:#333333;*/
	/*opacity:0.98;*/
	overflow:hidden;
}
#ss_select_conts_wrapper {
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(37,37,37,0.95);
	left:-99%;
	display: table;

}

#ss_select_conts_table {
	display: table-cell;
    vertical-align:middle;
	text-align:center;
		
}

#ss_select_innerconts {
	
	display:inline-block;
	width:970px;
	height:610px;
	background-color:#1f1f1f;	
	position:relative;
	margin-right:800px;
	padding:0;
	
}

#ss_select_left_wrapper {
	width:557px;
	display:inline-block;
	height:600px;	
	margin:0;
	vertical-align:top;
}

#ss_select_right_wrapper {
	width:400px;
	display:inline-block;
	height:100%;	
	border-left:solid 2px #151515;
	margin:0;
	vertical-align:top;

}

.ss_select_conts {
	padding:100px 40px 40px 90px;
		
}

.ss_select_conts h1 {
	font-family:'FrutigerRoman', Arial, Helvetica, sans-serif;
	font-weight: 100;
    font-style: normal;
	font-size:20px;
	line-height:20px;
	color:#aaaaaa;
	letter-spacing:0.07em;
	/*margin-bottom:20px;*/
}


#ss_select_right_wrapper>.ss_select_conts {
	text-align:left;
}


#ss_select_left_wrapper>.ss_select_conts {
	padding-left:89px;
	padding-right:80px;
}



ul#ss_select_ul {
	margin-top:40px;

}

#ss_select_ul > li {
	
	font-family:'FrutigerBold', Arial, Helvetica, sans-serif;
	font-weight: 100;
    font-style: normal;
	font-size:11px;
	line-height:21px;
	color:#aaaaaa;
	letter-spacing:0.07em;
	margin-bottom:10px;
	text-transform:uppercase;
	display:block;
}
#ss_select_ul > li > a {
	text-decoration:none;
	color:#aaaaaa;	
	transition:color 0.4s, font-weight 0.4s;
	-webkit-transition:color 0.4s, font-weight 0.4s; /* Safari and Chrome */
	display:block;
	width:100%;
	hieght:100%;
}

li.leading12 {
	line-height:12px;	
}
#ss_select_ul > li > a:hover {
	
	color:#ff7800;
	font-weight:1000;
	
}

#ss_select_hexwrapper {
	
	margin-top:40px;
	position:relative;	
	width:390px;
	height:400px;
	/*background:#ff0000;*/
}



.select_icon_wrapper {
	width:86px;
	height:96px;
	position:absolute;
	pointer-events:auto;
	background-position:top center;
	background-repeat:no-repeat;
	background-image:url(images/small/hexagon0.png);
}
.select_icon_front, .select_icon_back {
	width:86px;
	height:96px;
	position:absolute;
	top:0px;
	left:0px;
	background-position:top center;
	background-repeat:no-repeat;
	background-image:url(images/small/hexagon1.png);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	pointer-events:none;
	
}

.select_icon_back {
	background-image:url(images/small/hexagon1_2.png);
}


.select_icon_btn {
	width: 86px;
	height: 96px;
	position: absolute;
	top: -1px;
	left: 1px;
	pointer-events:auto;
}



#select1 {
	top:0px;
	left:0px;	
}


#select2 {
	top:0px;
	left:100px;	
}

#select3 {
	top:0px;
	left:200px;	
}

#select4 {
	top:0px;
	left:300px;	
}

#select5 {
	top:89px;
	left:50px;	
}
#select6 {
	top:89px;
	left:150px;	
}
#select7 {
	top:89px;
	left:250px;	
}

#select8 {
	top:178px;
	left:0px;	
}


#select9 {
	top:178px;
	left:100px;	
}

#select10 {
	top:178px;
	left:200px;	
}

#select11 {
	top:178px;
	left:300px;	
}

#select12 {
	top:267px;
	left:50px;	
}
#select13 {
	top:267px;
	left:150px;	
}
#select14 {
	top:267px;
	left:250px;	
}





#select1 .select_icon_front {
	background-image:url(images/small/hexagon1.png);
}
#select1 .select_icon_back {
	background-image:url(images/small/hexagon1_2.png);
}


#select2 .select_icon_front {
	background-image:url(images/small/hexagon2.png);
}
#select2 .select_icon_back {
	background-image:url(images/small/hexagon2_2.png);
}


#select3 .select_icon_front {
	background-image:url(images/small/hexagon3.png);
}
#select3 .select_icon_back {
	background-image:url(images/small/hexagon3_2.png);
}


#select4 .select_icon_front {
	background-image:url(images/small/hexagon4.png);
}
#select4 .select_icon_back {
	background-image:url(images/small/hexagon4_2.png);
}


#select5 .select_icon_front {
	background-image:url(images/small/hexagon5.png);
}
#select5 .select_icon_back {
	background-image:url(images/small/hexagon5_2.png);
}


#select6 .select_icon_front {
	background-image:url(images/small/hexagon6.png);
}
#select6 .select_icon_back {
	background-image:url(images/small/hexagon6_2.png);
}


#select7 .select_icon_front {
	background-image:url(images/small/hexagon7.png);
}
#select7 .select_icon_back {
	background-image:url(images/small/hexagon7_2.png);
}


#select8 .select_icon_front {
	background-image:url(images/small/hexagon8.png);
}
#select8 .select_icon_back {
	background-image:url(images/small/hexagon8_2.png);
}


#select9 .select_icon_front {
	background-image:url(images/small/hexagon9.png);
}
#select9 .select_icon_back {
	background-image:url(images/small/hexagon9_2.png);
}


#select10 .select_icon_front {
	background-image:url(images/small/hexagon10.png);
}
#select10 .select_icon_back {
	background-image:url(images/small/hexagon10_2.png);
}


#select11 .select_icon_front {
	background-image:url(images/small/hexagon11.png);
}
#select11 .select_icon_back {
	background-image:url(images/small/hexagon11_2.png);
}


#select12 .select_icon_front {
	background-image:url(images/small/hexagon12.png);
}
#select12 .select_icon_back {
	background-image:url(images/small/hexagon12_2.png);
}


#select13 .select_icon_front {
	background-image:url(images/small/hexagon13.png);
}
#select13 .select_icon_back {
	background-image:url(images/small/hexagon13_2.png);
}


#select14 .select_icon_front {
	background-image:url(images/small/hexagon14.png);
}
#select14 .select_icon_back {
	background-image:url(images/small/hexagon14_2.png);
}










/* ============= CONTACT =============== */


#contact {
	width:100%;
	height:100%;
	/*opacity:0;
	visibility:hidden;	*/
	position:fixed;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	z-index:2000;
}

#contact_bg {
	width:100%;
	height:100%;
	background-color:#252525;
	opacity:0.95;
	position:absolute;
	top:0px;
	left:0px;
}

#contact_wrapper {
	width:100%;
	height:100%;	
	position:absolute;
	top:-600px;
	left:0px;
	display: table;
}


#contact_conts_wrapper {
	display: table-cell;
    vertical-align:middle;
	text-align:center;
}


#contact_conts {
	display:inline-block;
	width:970px;
	height:460px;
	background-color:#1f1f1f;	
	position:relative;
}



#contact_conts_left {
	width:200px;
	height:280px;
	position:absolute;
	top:75px;
	left:55px;
	text-align:left;
}

#contact_conts_left p {
	font-family:'FrutigerRoman', Arial, Helvetica, sans-serif;
	font-weight: 100;
    font-style: normal;
	font-size:12px;
	line-height:20px;
	color:#aaaaaa;
	letter-spacing:0.03em;

}





#contact_conts_left h1 {
	font-family:'FrutigerRoman', Arial, Helvetica, sans-serif;
	font-weight: 100;
    font-style: normal;
	font-size:20px;
	line-height:20px;
	color:#aaaaaa;
	letter-spacing:0.07em;
	margin-bottom:17px;
}



#contact_map {
	position:absolute;
	top:75px;
	right:70px;
	width:550px;
	height:280px;
	background:#000000;	
}


p#large_map {
	position:absolute;
	bottom:3px;
	left:0px;	
}

p#large_map a {
	color:#ffffff;
	opacity:0.6;
	text-decoration:none;
	transition:opacity 0.4s;
	-webkit-transition:opacity 0.4s; /* Safari and Chrome */
}



p#large_map a:hover {
	opacity:1;	
}



.close_btn {
	width:30px;
	height:30px;
	position:absolute;
	/*opacity:0.6;*/
	top:13px;
	right:13px;	
	cursor:pointer;
}
.close_icon {
	opacity:0.6;	
}

.close_hotspot {
	width:30px;	
	height:30px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;	
}







/* ==================================== */

#ss_wrapper {
	
	
	
	margin:0 auto;
	padding:0;
	width:100%;
	height:100%;	
	max-width:1300px;
	min-width:1040px;
	text-align:left;
	background:transparent;
	position:relative;
	pointer-events:auto;
	margin-bottom:356px;
}





/* ==================================== */

#ss_header_wrapper {
	width:100%;
	height:110px;
	margin:0;
	padding:0;	
	z-index:1000;
	position:fixed;
	text-align:center;
	top:0px;
	left:0px;
}

#ss_header {
	width:100%;
	max-width:1300px;
	min-width:1040px;
	/*background:url(images/bg_nav.jpg) repeat-x top;*/
	height:110px;
	margin:0 auto;
	padding:0;
	position:relative;
}
#ss_header_bg {
	position:absolute;
	width:100%;	
	height:99px;
	top:0px;
	left:0px;
	background-color:#ffffff;
	margin:0;
	padding:0;
}
#ss_header_bgG {
	position:absolute;
	width:100%;	
	height:99px;
	top:0px;
	left:0px;
	background-color:#252525;
	margin:0;
	padding:0;
	opacity:0;
	visibility:hidden;
}

#ss_logo {
	width:270px;
	height:120px;	
	background:url(images/logo.png) no-repeat 0px 40px;
	left:40px;
	position:absolute;
}
#ss_logoG {
	width:270px;
	height:120px;	
	background:url(images/logoG.png) no-repeat 0px 40px;
	left:40px;
	position:absolute;
	opacity:0;
	visibility:hidden;

}

#ss_logo a, #ss_logoG a {
	display:block;
	height:50px;
	width:260px;
	position:absolute;
	top:45px;	
}

#ss_nav {
	width:300px;
	height:50px;
	position:absolute;	
	right:35px;
	top:40px;
	text-align:right;
}

a.top_nav_hotspot {
	width:38px;	
	height:38px;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;	
	/*background:#ff0000;*/
}
.top_nav_btn {
	width:38px;
	height:38px;	
	position:relative;
	display:inline-block;
	margin-right:0px;
}
.top_nav_btn_txt {
	opacity:0;	
}







/* ============  Page top btns   ============== */



.page_top  {
	position:absolute; 
	width:100%;
	height:50px;
	bottom:-16px;	
	text-align:center;
}


.page_top div{
	display:inline-block;
	width:70px;
	height:70px;
	position:relative;
}
.page_top div div{
	display:inline-block;
	width:70px;
	height:70px;
	position:absolute;
	top:0px;
	left:0px;
}


a.top_hotspot {
	width:50px;	
	height:50px;
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	cursor:pointer;	
	/*background:#ff0000;*/
}


/* =========== gallery page header========================= */





#ss_page_header {
	background-color:#ff7601;
	height:250px;
	/*margin-top:-13px;	*/
	padding-top:99px;
	position:relative;
	overflow:hidden;
	margin-bottom:3px;
}

.ss_page_header_img {
	position:absolute;
	/*top:0px;*/
	top:99px;
	right:50%;
}

#ss_page_header h1 {
	font-family:'FrutigerBold', Arial, Helvetica, sans-serif;
	font-weight: 100;
    font-style: normal;
	position:absolute;
	color:#111111;
	font-size:42px;
	letter-spacing:0.1em;
	line-height:1em;
	left:10%;
	left:40%;
	top:170px;
	text-transform:uppercase;
}
#ss_page_header h1 span.tr {
	font-size:16px;
	color:#111111;
	letter-spacing:0.01em;
	margin-top:-10px;
	display:inline-block;
	vertical-align:top;
	margin-right:-4px;
	margin-left:-2px;
}

#ss_page_header h1.cs {
	font-size:40px;	
	letter-spacing:0.065em;
	line-height:0.95em;
}
#ss_page_header h1 span.casestudy {
	font-size:26px;
	color:#ffffff;
	line-height:26px;	
}
#ss_page_header p {
	
	font-family:'FrutigerRoman', Arial, Helvetica, sans-serif;
	font-weight: 100;
    font-style: normal;

	position:absolute;
	color:#ffffff;
	font-size:16px;
	letter-spacing:0.055em;
	line-height:1.4em;
	left:10%;
	left:40%;
	top:210px;
	

}


/* =============== gallery page  ===================*/





#ss_gallery_content {
	/*background:#ffffff;*/
	background:#f7f7f7;
	min-height:1200px;	
	
}







/* ================ home page generic==================== */

#home_panel_wrapper {
	text-align:center;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	/*z-index:-1000;*/
}

#home_panel {
	background-color:#ff7601;
	height:900px;
	margin:0 auto;
	padding:0;
	max-width:1300px;
	min-width:1040px;
	position:relative;
	text-align:center;
}

#home_infopanel {
	text-align:center;
	margin:0;
	position:relative;
	z-index:500;
	margin-top:830px;
	/*border-bottom:#dddddd solid 1px;*/

}
#home_cspanel {
	text-align:center;	
	/*margin-top:-220px;*/
	/*padding-top:30px;*/
	background:#ffffff;
	z-index:400;
	overflow:visible;
	position:relative;
	/*border-bottom:#dddddd solid 1px;*/
		/*border-top:1px solid #999999;*/
	pointer-events:auto;

}
#home_vpanel {
	text-align:center;	
	background:#e9e9e9;
	/*background:#ffffff;*/
	z-index:300;
	overflow:visible;
	position:relative;
	/*margin-top:-320px;*/
	/*padding-top:30px;*/
	/*border-top:1px solid #dddddd;*/
	pointer-events:auto;
}


/* ============  Home panel   ============== */

#ribbon {
	width:175px;
	height:139px;	
	background:url(images/ribbon1.png) top left no-repeat;
	position:absolute;
	right:-1px;
	top:96px;
	pointer-events:none;
}

#ribbon.ribbon_1 {
background:url(images/ribbon1.png) top left no-repeat;
}

#ribbon.ribbon_2 {
background:url(images/ribbon2.png) top left no-repeat;
}

#ribbon.ribbon_3 {
background:url(images/ribbon3.png) top left no-repeat;
}

#ribbon.ribbon_4 {
background:url(images/ribbon4.png) top left no-repeat;
}




 #panel_wrapper {
		top:95px;
		width:990px;
		height:700px; 
		position:relative;
		/*background:url(guide.jpg) top left no-repeat;*/
		padding:0;
		margin:0 auto;
 }


h1#panel_title {
	font-family:'FrutigerBold', Arial, Helvetica, sans-serif;
	font-weight: 200;
    font-style: normal;
	text-align:center;
	padding:0;
	margin:0;
	color:#111111;
	font-size:46px;
	letter-spacing:0.09em;
	position:absolute;
	top:100px;
	left:0px;
	width:100%;
		
}

.hex_icon_wrapper {
	width:154px;
	height:172px;
	position:absolute;
	pointer-events:auto;
	background-position:top center;
	background-repeat:no-repeat;
	background-image:url(images/hexagon0.png);

}


#hex1 {
	top:160px;
	left:82px;
}

#hex2 {
	top:160px;
	left:250px;
}
#hex3 {
	top:160px;
	left:418px;
}
#hex4 {
	top:160px;
	left:586px;
}
#hex5 {
	top:160px;
	left:754px;
}




#hex6 {
	top:307px;
	left:1px;
}

#hex7 {
	top:307px;
	left:169px;
}

#hex8 {
	top:307px;
	left:337px;
}

#hex9 {
	top:307px;
	left:505px;
}

#hex10 {
	top:307px;
	left:673px;
}

#hex11 {
	top:307px;
	left:841px;
}


#hex12 {
	top:454px;
	left:82px;
}
#hex13 {
	top:454px;
	left:250px;
}
#hex14 {
	top:454px;
	left:418px;
}
#hex15 {
	top:454px;
	left:586px;
}
#hex16 {
	top:454px;
	left:754px;
}





#hex1 .hex_icon_front {
	background-image:url(images/hexagon1.png);
}
#hex2 .hex_icon_front {
	background-image:url(images/hexagon2.png);
}
#hex3 div.hex_icon_front {
	background-image:url(images/hexagon3.png);
}
#hex4 div.hex_icon_front {
	background-image:url(images/hexagon4.png);
}
#hex5 div.hex_icon_front {
	background-image:url(images/hexagon5.png);
}
#hex6 div.hex_icon_front {
	background-image:url(images/hexagon6.png);
}
#hex7 div.hex_icon_front {
	background-image:url(images/hexagon7.png);
}
#hex8 div.hex_icon_front {
	background-image:url(images/hexagon8.png);
}
#hex9 div.hex_icon_front {
	background-image:url(images/hexagon9.png);
}
#hex10 div.hex_icon_front {
	background-image:url(images/hexagon10.png);
}
#hex11 div.hex_icon_front {
	background-image:url(images/hexagon11.png);
}
#hex12 div.hex_icon_front {
	background-image:url(images/hexagon12.png);
}
#hex13 div.hex_icon_front {
	background-image:url(images/hexagon13.png);
}
#hex14 div.hex_icon_front {
	background-image:url(images/hexagon14.png);
}
#hex15 div.hex_icon_front {
	background-image:url(images/hexagon15.png);
}
#hex16 div.hex_icon_front {
	background-image:url(images/hexagon16.png);
}




#hex1 .hex_icon_back {
	background-image:url(images/hexagon1_2.png);
}
#hex2 .hex_icon_back {
	background-image:url(images/hexagon2_2.png);
}
#hex3 .hex_icon_back {
	background-image:url(images/hexagon3_2.png);
}
#hex4 .hex_icon_back {
	background-image:url(images/hexagon4_2.png);
}
#hex5 .hex_icon_back {
	background-image:url(images/hexagon5_2.png);
}
#hex6 .hex_icon_back {
	background-image:url(images/hexagon6_2.png);
}
#hex7 .hex_icon_back {
	background-image:url(images/hexagon7_2.png);
}
#hex8 .hex_icon_back {
	background-image:url(images/hexagon8_2.png);
}
#hex9 .hex_icon_back {
	background-image:url(images/hexagon9_2.png);
}
#hex10 .hex_icon_back {
	background-image:url(images/hexagon10_2.png);
}
#hex11 .hex_icon_back {
	background-image:url(images/hexagon11_2.png);
}
#hex12 .hex_icon_back {
	background-image:url(images/hexagon12_2.png);
}
#hex13 .hex_icon_back {
	background-image:url(images/hexagon13_2.png);
}
#hex14 .hex_icon_back {
	background-image:url(images/hexagon14_2.png);
}
#hex15 .hex_icon_back {
	background-image:url(images/hexagon15_2.png);
}
#hex16 .hex_icon_back {
	background-image:url(images/hexagon16_2.png);
}





.hex_icon_front, .hex_icon_back {
	pointer-events:none;
	width:154px;
	height:172px;
	position:absolute;
	top:0px;
	left:0px;
	background-position:top center;
	background-repeat:no-repeat;
	background-image:url(images/hexagon1.png);
	backface-visibility: hidden;
	-webkit-perspective: 0;
	-webkit-transform  : translateZ(0); 
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);	
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	
	
}

.hex_icon_back {
	/*background-image:url(images/hexagon1_2.png);*/
	
	/*transform:rotateY(-180deg);*/
	
}


.hex_icon_btn {
	width: 154px;
	height: 172px;
	position: absolute;
	top: -1px;
	left: 1px;
	pointer-events:auto;
}
.hex_icon_btn area {
	pointer-events:auto;
}









/* ============  INFO   ======================== */


#page_top_info {
	position:absolute; 
	width:100%;
	height:56px;
	bottom:-28px;	
	text-align:center;
}


#home_infopanel_wrapper_top{
	background:url(images/bg_info.png) top center no-repeat;
	height:15px;
}

#home_infopanel_wrapper {
	background:#e9e9e9;
	height:440px;
	padding-top:135px;
}

p#hello {
	font-family:'FrutigerBold', Arial, Helvetica, sans-serif;
	font-weight: 200;
	font-size:16px;
	letter-spacing:0.02em;
	color:#252525;
	font-style:italic;
	
}
h1#info {
	font-family:'FrutigerBold', Arial, Helvetica, sans-serif;
	font-weight: 200;
	color:#252525;
	font-size:65px;
	line-height:67px;
	letter-spacing:0.1em;
	border-bottom:3px solid #252525;
	display:inline-block;
	margin-bottom:25px
}

p#body {
	font-family:'FrutigerBold', Arial, Helvetica, sans-serif;
	font-weight: 200;
	color:#252525;
	font-size:15px;
	line-height:27px;
	letter-spacing:0.025em;
	margin-bottom:23px;
	font-style:italic;
}

ul.mainlink {
	display:inline-block;
	height:18px;
	padding:0 162px;
	background:url(images/kl3px.jpg) repeat-x 0px 11px;
}
ul.mainlink li {
	padding:0 10px;
	/*background-color:#ffffff;*/
	background-color:#e9e9e9;
}

ul.mainlink  a {
	font-family:'Frutigerbold', Arial, Helvetica, sans-serif;
	font-weight: 200;
    font-style: normal;
	font-size:14px;
	line-height:17px;
	letter-spacing:0.08em;
	color:#252525;
	text-transform:uppercase;
	height:20px;
	text-decoration:none;
	font-style:italic;
	/*background:#ffffff;*/
	background:#e9e9e9;
	display:block;
	padding:4px 9px 0 8px ;
	
	transition:color 0.4s, background-color 0.4s;
	-webkit-transition:color 0.4s, background-color 0.4s; /* Safari and Chrome */

}



ul.mainlink  a:hover {
	color:#e9e9e9;	
	background-color:#252525;
}










/* ==== CS VIDEO Common ==== */

h1.subhead {
	font-family:'FrutigerBold', Arial, Helvetica, sans-serif;
	font-weight: 200;
    font-style: normal;
	font-size:32px;
	letter-spacing:0.06em;
	color:#252525;
	display:inline-block;
	padding-bottom:7px;
	border-bottom:3px solid #252525;
	margin-bottom:26px;
}
p.subtext {
	font-family:'FrutigerRoman', Arial, Helvetica, sans-serif;
	font-weight: 400;
    font-style: normal;
	font-size:15px;
	line-height:27px;
	letter-spacing:0.02em;
	color:#252525;
}

div.cs_video_wrapper{
	width:960px;
	margin:0 auto;	
	padding:140px 0 160px 0;
	pointer-events:auto;

}

/* ============  CS   ======================== */

#page_top_cs {
	position:absolute; 
	width:100%;
	height:56px;
	bottom:-28px;	
	text-align:center;
}


#cs_grid_wrapper {
width:960px;
margin:90px auto 0 auto;	
}


div.cs_box, div.cs_box_right {
	width:300px;
	height:140px;
	background-color:#e9e9e9;
	padding:0;
	margin-right:30px;
	margin-bottom:30px;
	float:left;
	position:relative;
	overflow:hidden;
}

div.cs_box_right {
	margin-right:0px;
}

div.cs_ro_bg{
	width:300px;	
	height:140px;
	/*background-color:#252525;*/
	background-color:rgba(37,37,37,0.9);
	/*border:solid 1px #ff7601;*/
	position:absolute;
	/*top:141px;*/
	/*left:-40px;*/
	visibility:hidden;
	opacity:0;
}

div.cs_ro {
	width:300px;	
	height:140px;
	position:absolute;
	top:0px;
	left:0px;
	display: table;
	visibility:hidden;
	opacity:0;
}

div.cs_ro  p {
	display: table-cell;
    vertical-align: middle;
	color:#ffffff;
	font-family:'FrutigerRoman', Arial, Helvetica, sans-serif;
	font-weight: 200;
    font-style:normal;
	font-size:13px;
	line-height:17px;
	/*letter-spacing:0.09em;*/
	text-transform:uppercase;
}

div.cs_box a, div.cs_box_right a {
	display:block;
	width:300px;
	height:140px;
	position:absolute;	
}

div.cs_view {
	width:20px;
	height:16px;
	position:absolute;
	bottom:6px;
	right:5px;
	background:url(images/view_arrow.png) top center no-repeat;
	visibility:hidden;
	opacity:0;

}

div#cs1 {
	background: url(images/cs_1.png) no-repeat center center #f0f0f0;
}
div#cs2 {
	background: url(images/cs_2.png) no-repeat center center #f0f0f0;
}
div#cs3 {
	background: url(images/cs_3.png) no-repeat center center #f0f0f0;
}
div#cs4 {
	background: url(images/cs_4.png) no-repeat center center #f0f0f0;
}
div#cs5 {
	background: url(images/cs_5.png) no-repeat center center #f0f0f0;
}
div#cs6 {
	background: url(images/cs_6.png) no-repeat center center #f0f0f0;
}
div#cs7 {
	background: url(images/cs_7.png) no-repeat center center #f0f0f0;
}
div#cs8 {
	background: url(images/cs_8.png) no-repeat center center #f0f0f0;
}
div#cs9 {
	background: url(images/cs_9.png) no-repeat center center #f0f0f0;
}
div#cs10 {
	background: url(images/cs_10.png) no-repeat center center #f0f0f0;
}
div#cs11 {
	background: url(images/cs_11.png) no-repeat center center #f0f0f0;
}
div#cs12 {
	background: url(images/cs_12.png) no-repeat center center #f0f0f0;
}
div#cs13 {
	background: url(images/cs_13.png) no-repeat center center #f0f0f0;
}








/* ============  VIDEO   ======================== */


#video_frame {
width:954px;
height:537px;
/*border:#252525 solid 2px;*/
margin:100px auto;	
	
}
ul.vidlink {
	display:inline-block;
	height:18px;
	padding:0 30px;
	background:url(images/kl2px.jpg) repeat-x 0px 11px;
}
ul.vidlink li {
	padding:0 7px;
	/*background-color:#ffffff;*/
	background-color:#e9e9e9;
}

ul.vidlink  a {
	font-family:'FrutigerRoman', Arial, Helvetica, sans-serif;
	font-weight: 100;
    font-style: normal;
	font-size:12px;
	line-height:20px;
	letter-spacing:0.06em;
	color:#252525;
	text-transform:uppercase;
	height:21px;
	text-decoration:none;
	font-style:italic;
	/*background:#ffffff;*/
	background:#e9e9e9;
	display:block;
	padding:3px 9px 0 8px ;
	
	transition:color 0.4s, background-color 0.4s;
	-webkit-transition:color 0.4s, background-color 0.4s; /* Safari and Chrome */

}



ul.vidlink  a:hover {
	color:#e9e9e9;	
	background-color:#252525;
}






/* ================ FOOTER  ==================== */



.page_top_footer {
	position:absolute; 
	top:302px;	
	text-align:center;
	z-index:10;
}




#ss_footer_wrapper {
	text-align:center;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	z-index:-3000;
	
}


#ss_footer {
	height:456px;
	background:#1e1e1e;
	text-align:center;
	padding:0 ;
	margin:0 auto;
	width:100%;
	max-width:1300px;
	min-width:960px;

}
#ss_footer_top {
	height:236px;
	background:#252525;
	text-align:center;
	position:relative;
	overflow:visible;
	padding-top:100px;
}

#ss_footer_top_conts {
	width:960px;
	margin:0 auto 0 auto;
	text-align:center;	
	color:#777777;
}
div.ss_footer_top_conts_col {
	font-family:'FrutigerRoman', Arial, Helvetica, sans-serif;
	font-weight: 300;
    font-style: normal;
	letter-spacing:0.03em;
	width:320px;
	text-align:center;
	font-size:10.5px;
	line-height:19px;
	float:left;
	position:relative;
	top:70px;
	font-style:italic;
	color:#666666;
}

div.ss_footer_top_conts_col strong {
	font-family:'FrutigerBold', Arial, Helvetica, sans-serif;
	font-weight: 500;
	
}

#ss_footer_top_conts h1 {
	font-family:'FrutigerRoman', Arial, Helvetica, sans-serif;
	font-weight: 500;
    font-style: normal;
	letter-spacing:0.08em;
	font-size:20px;
	line-height:22px;
	position:relative;
	top:48px;
}

#ss_footer_bot {
	background:#1e1e1e;
	text-align:center;
	position:relative;

}

#ss_footer_bot p{
	font-family:'FrutigerRoman', Arial, Helvetica, sans-serif;
	font-weight: 100;
    font-style: normal;
	font-size:13px;
	line-height:19px;
	color:#727272;
	position:relative;
	letter-spacing:0.04em;
	top:44px;
}
#ss_footer_bot p.copyright {
	font-size:10px;
	color:#3d3d3d;
	line-height:12px;
	margin-top:6px;
}