/* v1.0 | 20080212 */

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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family:'DIN-Light',verdana;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.2;
}
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;
}

@font-face {  
font-family: "DIN-Light";  
src: url("../dinlight.ttf");  
font-style: normal;  
font-weight: normal;  
}

@font-face {  
font-family: "DIN-Regular";  
src: url("../dinreg.ttf");
font-weight: normal;  
}

::selection {
	background: transparent; /* Safari */
	}
::-moz-selection {
	background: transparent; /* Firefox */
}

html {
	scrollbar-base-color: #4e718f;
	scrollbar-arrow-color: white;
	scrollbar-track-color: #6d8fa8;
	
	scrollbar-shadow-color: black;
	scrollbar-lightshadow-color: black;
	scrollbar-darkshadow-color: #6d8fa8;
	
	scrollbar-highlight-color: #4e718f;
	scrollbar-3dlight-color: black;
}

html, body {height: 100%;overflow-y:auto;overflow-x:hidden;}
body.js {height: 100%;overflow-y:hidden!important;overflow:hidden;}
body {padding:0;margin:0;background: #1f2831;color: #fff;font-family:'DIN-Light',verdana;
}
div.clear {clear:both;float:none;}

* html #bg, * html #bg_grid { /*\*/position: absolute; top: expression((0  + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); left: expression((0  + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
#bg, #bg_grid {
    position: fixed;
    top: 0px;
    left: 0px;
    border: 0px;
    z-index: -1;
    opacity: 1;
}

body.js #bg {left:-1818px;opacity:0;}

#logo {
	-webkit-animation-name: movearound;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease;
}

@-webkit-keyframes movearound {
	from {
		width: 200px;
		opacity: 0;
		-webkit-transform: scale(0.5) rotate(15deg);
	}
	to {
		width: 400px;
		opacity: 1;
		-webkit-transform: scale(1) rotate(0deg);
	}
}

#bg_grid { z-index: 0;opacity:0.5;display:none; }
#showhidegrid {position:absolute;top:0px;right:0px;color:#666;font-size:10px;background:#fff;opacity:0.5;z-index:101;display:none;}
h4 {color:#fff;margin: 14px 0;}
p {margin: 14px 0;}
ul {margin: 20px 0;}
a {color:#fff;}

ul.sitemap ul {margin:8px 0px 4px 20px;}
ul.sitemap li {margin:8px 0px;}
ul.sitemap li a {text-decoration:none;color:#fff;/*text-shadow:-1px -1px 9px #EEEEEE, 1px 1px 9px #EEEEEE;*/}

#container {min-height: 100%;position: relative;}
#header {position:absolute;top:0px;left:0px;width:450px;height:203px;float:left;z-index:2;}
	#logo {position:absolute;top:30px;left:18px;width:176px;height:136px;background:url('../images/logo.png') no-repeat;_background:url('../images/logo.gif') no-repeat;/*logo_notext*/}
	#header_content {position:absolute;top:77px;left:222px;height:136px;font-family:'DIN-Light',Verdana!important;font-weight:normal!important;font-size:25px;text-align:center;}
	#header_content h1 {font-family:'DIN-Light',Verdana!important;font-weight:normal!important;font-size:20px;cursor:default;}
	#header_content a {display:block;margin:0px 0;padding:7px;font-family:'DIN-Light',Verdana!important;font-weight:normal!important;font-size:13px;color:#fff;text-decoration:none;}
	#header_content a:hover {background-color:#809ab7;}
#body {position:absolute;top:0px;left:0px;bottom:0px;right:0px;width:100%;height:100%;padding: 203px 0 140px 0;z-index:1;min-width:1170px;}
	#sidebar_wrap {position:absolute;top:203px;left:0px;bottom:393px;width:455px;_height:500px;}
	#sidebar {position:absolute;top:0px;left:0px;width:397px;height:100%;overflow:hidden;}
	body.js #sidebar {width:1px;}
	#sidebar.closed {display:block;width:144px;}
		#sidebar.closed #main_navi li div {display:none;}
		#sidebar.closed #main_navi {left:24px;}
		.sb_left   {position:absolute;top:0px;left:0px;width:45px;height:100%;display:none;}
		.sb_center {position:absolute;top:0px;left:0px;width:92%;padding:0 0px 0 0px;height:100%;overflow:auto;overflow-y:auto;overflow-x:hidden;z-index:4;}
		body.js .sb_center {overflow:hidden;}
		.sb_right  {position:absolute;top:0px;right:0px;width:31px;height:100%;z-index:3;_display:none;}
	#sidebar_panel {position:absolute;top:0px;left:134px;width:256px;height:100%;overflow:hidden;font-family:"DIN-Light",Verdana;font-size:13px;}
	#sidebar_panel.closed {display:block;width:0px;}
		#sidebar_panel.closed #sidepanel_navi li {display:none;}
		#sidebar_panel_close {cursor:pointer;font-family:"DIN-Light",verdana;font-size:14px;position:absolute;right:44px;top:20px;z-index:5;text-decoration:none;color:#fff;}
		#sidebar_panel .sb_center {padding:0 0 0 0;}
#footer {
	bottom:352px;
	float:left;
	font-size:10px;
	height:20px;
	left:0;
	padding-left:22px;
	padding-top:4px;
	position:absolute;
	width:100%;}




#nav_up {display:none;position:absolute;top:0px;left:24px;height:81px;}
#nav_up_btn {position:absolute;top:30px;left:0px;height:40px;width:58px;background: url('../images/nav_up.png');cursor:pointer;}

#nav_dn {display:none;position:absolute;bottom:0px;left:24px;height:81px;}
#nav_dn_btn {position:absolute;top:30px;left:0px;height:40px;width:58px;background: url('../images/nav_dn.png');cursor:pointer;}

#main_navi {position:absolute;right:0px;top:81px;bottom:81px;width:340px;margin:0;font-size:15px;font-family:"DIN-Light",Verdana;}
body.js #main_navi {overflow:hidden;}
#main_navi ul {margin-left:58px;}
#main_navi li {margin:9px 0 9px 0px;padding:3px 0px 3px 78px;height:52px;background: no-repeat center left;overflow:hidden;cursor:pointer;position:relative;_padding-left: 0px;}
#main_navi li a {position:absolute;top:0px;left:0px;right:0px;bottom:0px;display:block;height:52px;width:100%;}
#main_navi .nroot {font-size:15px;}
#main_navi .nroot div {float:left;color:#fff;height:58px;line-height:auto;/*text-shadow: #fff 0px 0px 7px;*/width:260px;_width:240px;margin-top:2px;margin-left:20px;font-size: 15px;}
#main_navi .nroot div:hover {color:#788ca7;}

#main_navi li ul li {font-size:15px;}
#main_navi li ul, #main_navi li ul li ul {display:none;}
#main_navi li a {display:block;text-decoration:none;}
#main_navi li a img {float:left;}
#sidebar.closed #main_navi li.active {font-weight:normal;color:#fff;background: url('../images/right_arrow.png') no-repeat 64px center;background: url('../images/right_arrow.png') no-repeat 64px center;}
#sidebar.closed #main_navi li:hover {font-weight:normal;color:#fff;background: url('../images/right_arrow.png') no-repeat 64px center;background: url('../images/right_arrow.png') no-repeat 64px center;}

#sidebar_panel ul {position:absolute;left:0px;top:80px;bottom:81px;width:100%;margin:0;font-size:14px;font-family:"DIN-Light",Verdana;}
body.js #sidebar_panel ul {overflow:hidden;} 
#sidebar_panel li {height:15px;padding:10px 0 6px 5px;/*text-shadow:-1px -1px 9px #EEEEEE, 1px 1px 9px #EEEEEE;*/width:217px;cursor:pointer;position:relative;}
#sidebar_panel li:hover {color:#c6daed;}
#sidebar_panel li a {position:absolute;top:0px;left:0px;right:0px;bottom:0px;display:block;height:22px;width:100%;text-decoration:none;padding-left:4px;}
#sidebar_panel li p {display:none;margin:-3px 2px 0 2px;font-size:14px;}
#sidebar_panel li p:hover {font-size:14px;}
#sidebar_panel li p a {position:relative;display:inline;padding:0 2px;color: #788ca7;}
#sidebar_panel li p a.active {color:#fff;}
#sidebar_panel li.active {color: #788ca7;}
#sidebar_panel li.active p {/*display:block;*/}
#sidebar_panel ul.loading {background: url('../images/ajax-loader.gif') no-repeat 75px 20px;}

#sb_nav_up {display:none;position:absolute;top:0px;left:24px;height:81px;opacity:0.5;filter: alpha(opacity = 50);}
#sb_nav_up_btn {position:absolute;top:30px;left:52px;height:40px;width:58px;background: url('../images/nav_up.png');cursor:pointer;}

#sb_nav_dn {display:none;position:absolute;bottom:0px;left:24px;height:81px;opacity:0.5;filter: alpha(opacity = 50);}
#sb_nav_dn_btn {position:absolute;top:30px;left:52px;height:40px;width:58px;background: url('../images/nav_dn.png');cursor:pointer;}

* html #mrap, * html #home, * html #main { /*\*/position: absolute; left: expression((700  + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }
#mrap, #home, #main {
    position:absolute;
    top: 180px;
    left:455px;
    right: 0;
    display:block;
	text-align:center;
	font-size: 13px;
	min-width: 635px;
}
body.js #mrap, body.js #home, #main {
    position:fixed;
    top: 180px;
    left:380px;
    right: 0;
    bottom: 45px;
    /*overflow:hidden;*/
}
body.dontload, html.dontload {
	height: 100%;
	overflow: hidden;
}
body.dontload #body {}
body.dontload #main {
	position: absolute;
	top: 0px;
	bottom: 0px;
	overflow: auto;
	height: 100%;
}
body.dontload #main .page:first-child {
	margin-top: 220px;
}
body.js #home {
    left:444px;
}
#main .main_load {
display:none;
}
#kohanut_admin .main_load {
display:block;
}
body.js #mrap {position:absolute}
#fadetop {position:absolute;top:180px;left:0px;height:63px;width:100%;background:url('../images/fadetop.png') no-repeat left top;}
#home {	display:none;top:220px;padding-top:50px;}
#main {	top:220px;}
#header.loading {background: url('../images/ajax-loader.gif') no-repeat 45px 172px;}
#main * {font-family:'DIN-Light',Verdana;}
#pages {position:absolute;width:637px;left:50%;margin-left:-318px;}
body.js #pages {height:20000em}
body.js #pages {overflow:hidden;}
#pages .page {
	position:relative;
	overflow: hidden;
	margin:0 auto 60px;
	text-align:left;
	/*border:1px solid #fff;*/
	/*height:500px;*/
	width:635px;
}
#kohanut_admin #pages .page {
padding-bottom: 50px;
}
#scrollbar {position:absolute;z-index:3;top:0px;right:0px;height:100%;width:19px;background:url('../images/scrollbar.png') -95px 0 repeat-y;}
	#scrollpad {position:absolute;top:19px;left:0px;width:100%;height:40%;background:url('../images/scrollbar.png') -114px 0 repeat-y;cursor:pointer;}
	#scrollup {position:absolute;top:0px;left:0px;height:19px;width:100%;background:url('../images/scrollbar.png') 0 0 no-repeat;cursor:pointer;}
	#scrolldn {position:absolute;bottom:19px;left:0px;height:19px;width:100%;background:url('../images/scrollbar.png') -19px 0 no-repeat;cursor:pointer;}
	#scrollbs {position:absolute;bottom:0px;left:0px;height:19px;width:100%;background:url('../images/scrollbar.png') -38px 0 no-repeat;cursor:pointer;}
	#scrollpad:hover {background:url('../images/scrollbar.png') -133px 0 repeat-y;}
		.scrollpadtop {position:absolute;top:0px;left:0px;height:3px;width:100%;background:url('../images/scrollbar.png') -57px 0 no-repeat;}
		#scrollpad:hover .scrollpadtop {background:url('../images/scrollbar.png') -57px -4px no-repeat;}
		.scrollpadbot {position:absolute;bottom:0px;left:0px;height:3px;width:100%;background:url('../images/scrollbar.png') -76px 0 no-repeat;}
		#scrollpad:hover .scrollpadbot {background:url('../images/scrollbar.png') -76px -4px no-repeat;}

.pagedata {display:none;}
.page * {font-family:'DIN-Light',Verdana!important;font-weight:normal!important;font-size:15px;}
.page h1 {color:#a3b2c8;font-size:34px;text-align:left;margin:0px 0;}
.page h1+h1 {margin:0;}
.page h2 {color:#788ca7;font-size:52px;text-align:left;margin:20px 0;}
.page h3 {color:#809ab7;font-size:13px;text-align:left;margin:14px 0;}
.page h4 {color:#788ca7;}
.frame {padding-bottom:36px}
#home .frame {position:absolute;width:635px;left:50%;margin-left:-317px;}
#home_player {height:480px;}
.frame_inset {background: #fff;padding:12px;text-align:center;width:611px;}
.frame h3 {margin : 0px;padding-top:14px;}
.frame_inset img {max-width:100%;}
.middle_shadow {background: url('../images/middle_shadow.png') center top no-repeat;_background:none;height:24px;width:100%;}

.portfolio_page {margin-top:-7px;}
.portfolio_page h4 {border-bottom: 1px solid #788ca7;padding-bottom:7px;}

.portfolio_page .about {
	float:left;
	width:298px;
	margin-right:31px;
}
.portfolio_page .whatwedid {
	float:left;
	width:205px;
	margin-right:31px;
}
.portfolio_page .year {
	float:left;
	width:70px;
}

.staff {cursor:pointer;margin:20px 0;}
.staff:hover, .staff.active {color:#809ab7;}
.staffbio {padding:20px 20px 20px 160px;color:#fff;}
body.js .staffbio {display:none;}

ul.contactform {width:352px;}
ul.contactform label {display:block;}
ul.contactform li {margin: 6px 0;}
ul.contactform li.error {color:#faa;}
.fam-error {float:left;margin-right:7px!important;}
body.js ul.contactform li.error {color:#a3b2c8;border:1px solid #788ca7;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;margin-left:43px;width:291px;padding:3px 8px;}
ul.contactform input, ul.contactform textarea {color:#a3b2c8;border:1px solid #788ca7;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;background-color: transparent;}
ul.contactform textarea {height:169px;}
ul.contactform input.Sprig_Field_Char, ul.contactform textarea.Sprig_Field_Text, ul.contactform input.Sprig_Field_Email {width:342px;padding-left:16px;} 
ul.contactform #best_time {margin: 24px 0;}
ul.contactform input.submit {margin-top:24px;float:right;}
ul.contactform #formsubmitloader {display:none;}
ul.contactform #formsubmitloader.loading {display:block;height:30px;background: url('../images/ajax-loader.gif') no-repeat center center;}

/* Clients Element */
.clienttable {}
.clienttable td {padding: 1.2px 0;}
.clienttable td.projectrow {padding-left:60px;}

#langlinks {
	position: absolute;
	top:5px;
	left:230px;
	z-index: 1000;
}
#langlinks a {
	font-family: 'DIN-Light',verdana; font-size:12px;
}