/* $Id$ */
/* =reset.css (by Andy Clarke) */
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, 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-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; font-family:Georgia, "Times New Roman", Times, serif; }

.clear { clear: both; font-size: 1px; line-height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

html { height:100%; overflow:hidden; }
body { background:url(../img/bg_side.gif) left top repeat-y; overflow:hidden; height:100%; }
body a { text-decoration:none; color:red; }
body a:hover { text-decoration:underline; color:red; }

#loader { position:absolute; z-index:99; left:0px; top:0px; width:100%; height:100%; background:#000 url(../img/ajax-loader.gif) 55% 50% no-repeat; display:none; }
#loader.show { opacity:0.5; filter:alpha(opacity=50); display:block; }

#container { auto !important; min-height:100%; float:left; position:absolute; top:0px; left:0px; width:100%; height:100%; }
#side { width:187px; background:#272727; margin-right:20px; position:absolute; top:0px; left:0px;z-index:170; height:100%; }
#main_menu { padding:140px 0 0px 20px; float:left; width:165px; }
#main_menu li { float:left; width:100%; list-style:none; color:#737373; }
#main_menu li a { font-size:14px; color:#737373; display:block; width:100%; cursor:pointer; }
#main_menu li a:hover { color: rgb(255, 120, 0); /*#F78E1E;*/ text-decoration:none; }
#main_menu li.selected a { color:#FFF; }

#main_menu ul.submenu { float:left; padding:5px 0 6px 18px; width:156px; }
#main_menu ul.submenu li { float:left; width:100%; }
#main_menu ul.submenu li a { font-size:14px; color:#737373; display:block; width:100%; text-indent:-8px; cursor:pointer; }
#main_menu ul.submenu li a:hover { color: rgb(255, 120, 0); /*#F78E1E;*/ text-decoration:none; }
#main_menu ul.submenu li.selected a { color:#FFF; }

#main_menu ul.s_archive {float:left; padding:5px 0px 6px 18px; width:156px;}
#main_menu ul.s_archive li { float:left; width:100%; }
#main_menu ul.s_archive li a { font-size:14px; color:#737373; display:block; width:100%; text-indent:-8px; cursor:pointer; }
#main_menu ul.s_archive li a:hover { color: rgb(255, 120, 0); /*#F78E1E;*/ text-decoration:none; }
#main_menu ul.s_archive li.selected a { color:#FFF; }

#main { position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; }

div.index { padding:32px 20px 20px 207px; font-size:40px; color:#999; min-height:350px; height:100%; }
span.black { color:#333; }
span.orange { color: rgb(255, 120, 0); /*#F78E1E;*/ }

h1.bottom_info { position:absolute; left:20px; top:35px; z-index:110; float:left; z-index:300; width:160px; }
* html h1.bottom_info { position:relative; padding:35px 0 0 0; }
h1.bottom_info a { display:block; width:90px; float:left; }
h1.bottom_info p { padding:20px 0 0px 0px; display:block; width:100%; float:left; color:#737373; font-size:14px;  }
h1.bottom_info p a { color:#737373; font-size:14px; width:100%; }
h1.bottom_info p a:hover { color:#FFF; text-decoration:none; }

ul.bottom_works { position:absolute; left:0px; top: 0; display:block; padding:0 0 0 207px; }
* html ul.bottom_works { bottom:60px; }
ul.bottom_works li { float:left; width:47%; list-style:none; /*border-top:1px solid #CCC;*/ padding:20px 10px 0 0; }
ul.bottom_works li a { float:left !important; }
ul.bottom_works li img { border:none; /*1px solid #999;*/ margin-right:14px; float:left; }
ul.bottom_works li div.text { /*float:left;*/ width:60%; color:#fff; display: inline; }
ul.bottom_works li div.text h2 { /*float: left;*/ clear: right; display: inline; }
ul.bottom_works li div.text p { font-family:Arial, Helvetica, sans-serif; font-size:10pt; padding-top: 6px; }
ul.bottom_works li div.text a { text-decoration:none; color:#999; }
ul.bottom_works li.work { width:130px; border-left:1px solid #CCCCCC; padding:20px 0 0 10px; }
ul.bottom_works li.work a.finger { background: url('/img/finger_white_orange.jpg') 0px 0px no-repeat; display: block; height: 61px; width: 110px; }
ul.bottom_works li.work a.finger:hover { background: url('/img/finger_white_orange.jpg') 110px 0px ; display: block; height: 61px; width: 110px; }
ul.bottom_works li.work img { border:none; }
ul.bottom_works li div.text h2 a { font-size:24pt; color:#fff; display:block; float:none !important; font-style:normal; }
ul.bottom_works li div.text h2 a:hover { text-decoration:none; color:#FF7900; /*#666;*/ border:none; }
ul.bottom_works li.work div.text { width:100%; padding:5px 0 0 0; }
ul.bottom_works li.work div.text p { font-family:Arial, Helvetica, sans-serif; font-size:10pt; margin-left: 6px; }
ul.bottom_works li.work div.text p a { font-family:Arial, Helvetica, sans-serif; font-size:10pt; }
ul.bottom_works li.work div.text p a:hover { color:/*#666;*/ rgb(255,120,0);}

div.heading { font-size:40px; color:#999; padding-bottom:32px; }
div.text { font-size:24pt; color:#333; width: 100%;/*1053;*/ padding: 0 20px 0 0;}
div.text span.alter { color:#808080; }
div.text span.small { font-family:Arial, Helvetica, sans-serif; font-size:10pt; /*12pt;*/ color:#999; display:block; padding:30px 0 0 0;}
div.text a { color:#ff5900; font-style:italic; }
div.text span.alter a { color:#808080; }
div.text a:hover { color:#333; text-decoration:none; }
div.text span.alter a:hover { color:#ff5900; text-decoration:none; }
div.friends_alter a { }

div.map_right { float:right; padding:0 0 0 20px; }

div.news_right { padding:0 20px 0 20px; /*font-family:Arial, Helvetica, sans-serif; font-size:12pt;*/ color:#999; }
div.news_right p { /*font-family:Arial, Helvetica, sans-serif; font-size:12pt;*/ color:#999;}
div.news_right span.more { display:block; padding:20px 0 0 0; }
div.news_right span.more a { color:#333; }

div.news_img img { border:1px solid #CCCCCC; float:left; margin:0 20px 0 0; }

div.news_text { font-size:24pt; color:#333; height:100%; }
div.news_text span.alter { color:#808080; }
div.news_text span.small { font-family:Arial, Helvetica, sans-serif; font-size:12pt; color:#999; display:block; padding:30px 0 0 0;}
div.news_text a { color:#ff5900; font-style:italic; }
div.news_text a:hover { color:#333; text-decoration:none; }

div.map_right { float:right; padding:0 0 0 20px; }

div.news_right { padding:110px /*127px*/ 20px /*0*/ 0 20px; /*font-family:Arial, Helvetica, sans-serif; font-size:12pt;*/ color:#999; }
div.news_right p { /*font-family:Arial, Helvetica, sans-serif; font-size:12pt;*/ color:#333;}
div.news_right span.more { display:block; padding:20px 0 0 0; }
div.news_right span.more a { color:#333; }

div.news_img { padding:110px/*127px*/ 0 0 20px; float:left; } 
div.news_img img { border:1px solid #CCCCCC; float:left; margin:0 20px 0 0; }

ul.work_list li { float:left; list-style:none; width:180px; margin:0 43px 8px 0px; height:175px; }
ul.work_list li a { display:block; width:180px; height:128px; border:1px solid #CCC; }
ul.work_list li a span { display:block; float:left; clear:both; font-family:Helvetica, sans-serif; font-size:13px; /*11pt;*/ color:#999; /*#808080;*/ padding:5px 0px;  }
ul.work_list li a:hover { opacity:0.5; filter:alpha(opacity=50); }
ul.work_list li a div.gif_wrap { display:block; overflow:hidden; width:180px; height:128px; }
ul.work_list li a div.gif_wrap img { display:block; margin-left:-12px; }

#home_bottom { position:absolute; bottom:0; left:0px; width:100%; z-index:160; height:170px; /*132px;*/ background:url(../img/homepage_bg.png); opacity:1.0; filter:alpha(opacity=100); }

#bottom { position:absolute; bottom:0; left:0px; width:100%; z-index:160; height:100px; /*132px;*/ }
#bottom.news_navigation { height:100px; }
#bottom.news_navigation div.bottom_navigation  { height:100px; }
div.bottom_navigation { margin:0 0 0 187px; background:#444; height:100px;/*132px;*/ opacity:0.9; filter:alpha(opacity=90); }
div.bottom_navigation ul { min-width:1000px;  }
div.bottom_navigation li { float:left; width:33%; list-style:none; border-top:1px solid #CCC; padding:20px 0 0 0; }
a.bottom_navigation { opacity:0.9; filter:alpha(opacity=90); }

div.caption { position: absolute; top:-42px; padding:13px 0px 13px 201px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:100%; background:#444; opacity:0.9; filter:alpha(opacity=90); overflow:hidden; }
div.caption b { font-family:Arial, Helvetica, sans-serif; }
div.caption p { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
div.caption p a { color:#fff; text-decoration:underline; }
div.caption p a:hover { text-decoration:none; }

#primary_level { position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; background:#FFF; clear:left; margin:0 0 0 187px; float:left; }
#primary_level ul.project_list { float:left; position:absolute; top:0px; left:0px; overflow:hidden; height:100%; width:3000%;  }
#primary_level ul.project_list li { float:left; list-style:none; overflow:hidden; width:100%; height:1000px;}
#primary_level ul.project_list li img { float:left; }
#primary_level ul.project_list li a.img_video { float:left; margin-right:20px; position:relative;}
#primary_level ul.project_list li a.img_video img { margin:0px; }
#primary_level ul.project_list li a.img_video span.btn { position:absolute; left:50%; top:50%; margin:-40px 0 0 -40px; width:80px; height:80px; background:url(../img/play_right.png) left top no-repeat; }
#primary_level ul.project_list li a.img_video:hover span.btn { background:url(../img/play_right.png) left bottom no-repeat; }
#primary_level div.index { padding:32px 20px 20px 20px; font-size:40pt; color:#999; min-height:350px; height:100%; }

.secondary_level { height:100%; overflow:hidden; width:100%; }
.secondary_level ul.project_list_detail { float:left;  }
.secondary_level ul.project_list_detail li { float:left; list-style:none; overflow:hidden; height:100%; width:100%; }

div.bottom_navigation a.hidden { display:none; }
div.bottom_navigation a.prev_inactive { background-position:left bottom; color:#818181; }
div.bottom_navigation a.next_inactive { background-position:right bottom; color:#818181; }
div.bottom_navigation a span.text { float:left; display:block; }
.page_info { position:absolute; top:39px; left: 600px; height:24px; display:block; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:24px; padding:0 30px 0 0; }

a.prev_navigation { position:absolute; top:39px; /*72px;*/ left:207px; height:24px; display:block; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:24px; background:url(../img/prev_navigation.gif) left top no-repeat; padding:0 0 0 30px; }
a.prev_navigation:hover { color: rgb(255, 120, 0); /*#F78E1E;*/ text-decoration:none; cursor:pointer; background:url(../img/prev_navigation.gif) left -24px no-repeat; }

a.next_navigation { position:absolute; top:39px; /*72px;*/ right:20px; height:24px; display:block; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:24px; background:url(../img/next_navigation.gif) right top no-repeat; padding:0 30px 0 0; }
a.next_navigation:hover { color: rgb(255, 120, 0); /*#F78E1E;*/ text-decoration:none; cursor:pointer; background:url(../img/next_navigation.gif) right -24px no-repeat; }

a.top_navigation { position:absolute; top:10px; /*53px;*/ left:600px; height:24px; display:block; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:24px; background:url(../img/top_navigation.gif) left top no-repeat; padding:0 0 0 30px; }
a.top_navigation:hover { color: rgb(255, 120, 0); /*#F78E1E;*/ text-decoration:none; cursor:pointer; background:url(../img/top_navigation.gif) left -24px no-repeat; }

a.bottom_navigation { position:absolute; top:68px; /*91px;*/ left:600px; height:24px; display:block; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:24px; background:url(../img/bottom_navigation.gif) left top no-repeat; padding:0 0 0 30px; }
a.bottom_navigation:hover { color: rgb(255, 120, 0); /*#F78E1E;*/ text-decoration:none; cursor:pointer; background:url(../img/bottom_navigation.gif) left -24px no-repeat; }
div.bottom_navigation a.none {  }

a.top_navigation_studio { position:absolute; top:53px; left:600px; height:24px; display:block; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:24px; background:url(../img/top_navigation.gif) left top no-repeat; padding:0 0 0 30px; }
a.top_navigation_studio:hover { color: rgb(255, 120, 0); /*#F78E1E;*/ text-decoration:none; cursor:pointer; background:url(../img/top_navigation.gif) left -24px no-repeat; }

a.bottom_navigation_studio { position:absolute; top:91px; left:600px; height:24px; display:block; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:24px; background:url(../img/bottom_navigation.gif) left top no-repeat; padding:0 0 0 30px; }
a.bottom_navigation_studio:hover { color: rgb(255, 120, 0); /*#F78E1E;*/ text-decoration:none; cursor:pointer; background:url(../img/bottom_navigation.gif) left -24px no-repeat; }

a.middle { left:723px; /* 746 - 20 */ }

div.news_navigation a.prev_navigation { top:39px; }
div.news_navigation a.next_navigation { top:39px; }
div.news_navigation a.top_navigation { top:20px; }
div.news_navigation a.bottom_navigation { top:60px; }

div.absolute_heading { font-size:40px; position:absolute; z-index:150; left:207px; top:32px;/*27px;*/ color:#999; }
h1.absolute_heading { font-size:40px; position:absolute; z-index:150; left:207px; top:32px;/*27px;*/ color:#999; }
h1.js_error { font-size:40px; position:absolute; z-index:1500; left:207px; top:32px;/*27px;*/ color:#999; background:#FFF !important; }

div.project_with_text { padding:109px 0 0 0; }

div.detail_text { padding:0px 20px  0 20px; float:none; font-size:24pt; color:#333333; margin:0 0 0 0; }
div.detail_text b { font-weight:bold; color:#333333; }
div.detail_text p { font-size:24pt; }
div.detail_text a { color:#333333; }
div.detail_text a:hover { color:#ff5900; text-decoration:none; }

div.feedback_text { padding:24px 20px/*0*/ 0 20px; float:none; font-size:24pt; color:#888888; margin:0 0/*208px*/ 0 0; font-style: italic }
div.feedback_text p { font-size:24pt; color: #888888; }
div.feedback_text a { color:#888888; }
div.feedback_text a:hover { color:#ff5900; text-decoration:none; }

div.project_right { float:right; width:208px; padding:0 0 0 20px; font-size:12px; color:#808080; font-family:Arial, Helvetica, sans-serif !important; }
div.project_right strong { font-family:Arial, Helvetica, sans-serif !important; font-weight:bold; }
div.project_right p { font-family:Arial, Helvetica, sans-serif !important; }
div.project_right ul { float:left; width:200px; padding-bottom:30px; font-family:Arial, Helvetica, sans-serif;}
div.project_right b { display:block; float:left; width:200px; padding-bottom:3px; color:#383838; font-family:Arial, Helvetica, sans-serif; }
div.project_right ul li { list-style:none; font-size:12px; width:100% !important; height:auto !important; padding:0 0 3px 0px; font-family:Arial, Helvetica, sans-serif;}
div.project_right ul li a { text-decoration:none; color:#808080; font-family:Arial, Helvetica, sans-serif; }
div.project_right ul li a:hover { text-decoration:none; color:#999999; }

#client_logo, #friends_image { float:right; width:140px; height: 100%; padding:0 0 0 20px; font-size:12px; color:#808080; font-family:Arial, Helvetica, sans-serif !important; }

#map_canvas { width:282px; height:204px; }
#street_view { width:282px; height:204px; }

.news-archive { padding:0px 0px 6px 10px; }
.news-archive ul { display:none; padding:5px 0 6px 11px !important; }
a.video { color:#999 !important; }
a.video:hover { color:#333 !important; }

div.work_filter { position:absolute; color:#272727; padding:10px 10px 10px 20px; top:30px; right:20px; z-index:999; }
div.work_filter form label { font-size:18px; color:#999999; padding-right:10px; line-height:39px; float:left; }
div.work_filter form ul.filter_menu { float:right; padding:0px; list-style:none; }
div.work_filter form ul.filter_menu li { float:left; margin:0px; position:relative; }
div.work_filter form ul.filter_menu li a { display:block; padding:0px; font-size:18px; font-weight:normal; color:#fff; background:#444 url(../img/btn_filter.png) 220px center no-repeat; width:230px; padding:7px 13px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; opacity:0.95; filter: alpha(opacity=95); }
div.work_filter form ul.filter_menu li.hover a { color:#FF7800; background:#444 url(../img/btn_filter_down.png) 220px center no-repeat; text-decoration: none; -moz-border-radius: 15px 15px 0 0 !important; -webkit-border-radius: 15px 15px 0px 0px !important; -khtml-border-radius: 15px 15px 0 0 !important; border-radius: 15px 15px 0 0 !important; }
div.work_filter form ul.filter_menu li a:hover { color:#FF7800; background:#444 url(../img/btn_filter_down.png) 220px center no-repeat; text-decoration: none; }

div.work_filter form ul.filter_menu li ul { clear:left; float:left; left:-999em; margin:0; position:absolute; width:256px; z-index:99; -moz-border-radius: 0px 0px 15px 15px; -webkit-border-radius: 0px 0px 15px 15px; -khtml-border-radius: 0px 0px 15px 15px; border-radius: 0px 0px 15px 15px; list-style:none; background:#444444; padding-bottom:10px; opacity:0.95; filter:alpha(opacity=95); }
div.work_filter form ul.filter_menu li ul li { margin: 0; padding:0px; float:left; clear:left; text-align:left; background:none; border:none; }
div.work_filter form ul.filter_menu li ul li a { color:#fff; border:none; background:none !important; text-transform:none; width:228px; padding:3px 13px; }
div.work_filter form ul.filter_menu li.hover ul li a { color:#fff; }
div.work_filter form ul.filter_menu li ul li a:hover { color:#ff7800; background:none; text-decoration: none; }
div.work_filter form ul.filter_menu li.hover ul { left: auto; }

@media screen and (max-device-width: 480px){
/*--- iPhone only CSS here ---*/
	#main_menu { padding:100px 0 0 20px !important; }
	h1.bottom_info { top: 12px !important; }	
	ul.bottom_works li img { width:50px !important; }

	.detail_text, .detail_text p, p.d_size, div.text, div.news_text, div.feedback_text p { font-size:20px !important;; -webkit-text-size-adjust:none;} 
	.absolute_heading { font-size:25px !important;; -webkit-text-size-adjust:none;}
	ul.bottom_works li div.text p { font-size:15px !important;; -webkit-text-size-adjust:none;}
	div.text span.small { font-size:12px !important;; -webkit-text-size-adjust:none;}
	
	ul.work_list li a img { width:100px; height:71px; }
	ul.work_list li { width:100px; margin:0 20px 5px 0; }
	
	#primary_level ul.project_list li div.article_resize img { width:200px !important; } 
	#primary_level ul.project_list li div.news_resize img { width:200px !important; }		
	div.news_text div.news_right { padding-left:225px !important; }
	
	a.top_navigation { width:120px; margin-left:-63px; background-position:center top; } 
	a.top_navigation:hover { background:url(../img/top_navigation.gif) center -24px no-repeat; }
	
	a.bottom_navigation { width:120px; margin-left:-63px; background-position:center top; } 
	a.bottom_navigation:hover { background:url(../img/bottom_navigation.gif) center -24px no-repeat; }
	
}

@media only screen and (device-width: 768px) {
/* For general iPad layouts */
	div.no_right_m { padding-right:0px; }
	ul.work_list li { margin:0 10px 8px 0px !important; }
	ul.work_list li.no_margin { margin:0 0px 8px 0px; }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	/* For portrait layouts only */
	div.no_right_m { padding-right:0px; }
	ul.work_list li { margin:0 10px 8px 0px !important; }
	ul.work_list li.no_margin { margin:0 0px 8px 0px; }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	/* For landscape layouts only */
	div.no_right_m { padding-right:0px; }
	ul.work_list li { margin:0 10px 8px 0px !important; }
	ul.work_list li.no_margin { margin:0 0px 8px 0px; }
}