@font-face {
    font-family: 'lucida_sans_unicoderegular';
    src: url('../fonts/lucida_sans_unicode-webfont.eot');
    src: url('../fonts/lucida_sans_unicode-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lucida_sans_unicode-webfont.woff') format('woff'),
         url('../fonts/lucida_sans_unicode-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{position:absolute;background-color:#32302b; width:100%; }
#main_display{background-color:#2c2825; width:1024px; height:768px; font-family:'lucida_sans_unicoderegular'; -webkit-font-smoothing: antialiased; }

.template_container{position:absolute; top:0; left:0; width:100%; height:100%;  overflow:hidden;}
.bg1{background-color:#2b2925; background:url('../images/bg1.jpg') no-repeat; background-size:1025px 768px; border:none;}
.bg2{background-color:#2b2925; background:url('../images/bg2.jpg') no-repeat; background-size:1025px 768px; border:none;}
.right_box{position:relative;width:130px; height:130px; float:right;}
.selected_menu{position:relative; height:130px; float:left;}

#landing_container{ background:url('../images/landing_bg.jpg') no-repeat; background-size:100% 100%;}

.middle_strip{position:absolute; left:0; top:317px; width:100%; height:130px; background-color:#f8c200;}
.left_box{position:absolute; right:0; top:0; background-color:#e77616; height:100%; width:130px;}
.left_box:hover{cursor:pointer;}

#landing_container .middle_strip{background-color:#f8c200; overflow:visible;}
#landing_container .left_box{background-color:#e77616; }
#landing_container .middle_strip img{}
#landing_name{position:absolute; cursor:default;bottom:118px; right:150px;  font-size:23px; letter-spacing:1px; }
#landing_architext{position:absolute; cursor:default; color:#f2bf25; top:121px; right:140px;  font-size:21px; letter-spacing:0.1px; font-family:'Times New Roman';}
#landing_enter{top:42px;}

#home_container{background-color:#2b2925; background:url('../images/bg2.jpg') no-repeat;}
#home_name{position:absolute; bottom:118px; left:257px; }
#home_architext{position:absolute; top:120px; left:419px;}
#main_menu{position:absolute; top:0; left:0; width:100%; height:100%;}
.main_menu_item{position:relative; float:left; width:130px; height:130px;}
.main_menu_item img{width:100%; height:100%;}
.main_menu_item:hover{cursor:pointer;}
.main_menu_item_label{position:absolute; top:68%; left:48%; color:white; font-family:'lucida_sans_unicoderegular'; font-size:10.5pt; -moz-opacity: 0; opacity:0; filter: alpha(opacity=0);}
.main_menu_item:hover > .main_menu_item_label{-moz-opacity: 1; opacity: 1; filter: alpha(opacity=100);}
#menu_about, #menu_projects {background-color:#e77716;}
#menu_press{background-color:#da241c;}

/*
#menu_about:hover, #menu_press:hover {background-color:#f5c115;}
#menu_projects:hover{background-color:#da241c;}
#menu_contact:hover{background-color:#e77716;}*/

#back_to_home{position:absolute; left:53px; top:263px; width:23px; height:23px; background:url('../images/home.png') no-repeat; background-size:100% 100%; }
#back_to_home:hover{cursor:pointer;}

/*ABOUT*/

#about_container{background-color:#2b2925; background:url('../images/bg1.jpg') no-repeat; background-size:101% 101%; background-position:-1px 0px; border:none;}
.about_text{position:absolute; color:#cccccc; font-family:'lucida_sans_unicoderegular'; font-size:11px; width:500px; right:137px; text-align:justify; line-height:120%;}
#about_text1{top:65px;}
#about_text2{top:495px;}
#about_container .middle_strip{background-color:#e77716;}
#about_image{position:relative; height:130px; width:130px; float:right;}

/*PROJECTS*/

#project_container .middle_strip{background-color:#e77716}
#project_container .middle_strip .right_box{background-color:#da241c}
#project_container .middle_strip .selected_menu{width:130px;}
#categories_menu_container{position:relative;float:left; height:130px; width:125px; }
#categories_list{position:absolute; top:0; left:0; padding:0; margin:0; margin-top:13px; list-style-type:none; height:100%; width:100%; }
.category_item{color:#ffcc01; text-align:right; font-family:'lucida_sans_unicoderegular'; font-size:14px; margin-bottom:2px;}
.category_item:hover{color:white; cursor:pointer;}
.selected_category{color:white;}
#thumbnails_container{position:absolute;top:448px;right:0px; width:382px; height:255px;}
.project_thumbnail{position:relative;float:left;width:125px; height:125px; margin-right:2px; margin-bottom:2px;}
.project_thumbnail:hover{-moz-opacity: 0.25; opacity:0.25; filter: alpha(opacity=25); cursor:pointer;}

#project_menu{position:absolute; left:280px; top:0px; width:600px; height:130px; overflow:hidden; }
#project_menu_carousel{position:absolute; top:20px; left:0px; width:3000px; height:100px;}
#carousel_nav{position:absolute; bottom:10px; left:0; height:15px; width:100%;}
.carousel_nav_button{position:relative; height:15px; width:auto;}
.carousel_nav_button:hover{cursor:pointer; -moz-opacity: 0.4; opacity:0.4; filter: alpha(opacity=40);}
#carousel_left{float:left; margin-left:0px;}
#carousel_right{float:right; margin-right:0px;}
#project_menu_carousel .carousel_item{width:140px; margin-right:5px; margin-left:5px; padding:0; float:left; -moz-opacity: 0.5; opacity:0.5; filter: alpha(opacity=50);}
#project_menu_carousel .carousel_item:hover{cursor:pointer; -moz-opacity:1; opacity:1; filter: alpha(opacity=100);}
.carousel_selected{-moz-opacity:1 !important; opacity:1 !important; filter: alpha(opacity=100) !important;}
#project_name{position:absolute; top:43px; left:0; height:36px; width:120px; display:table;}
#project_name p{display:table-cell; vertical-align:bottom; text-align:center; font-family:lucida_sans_unicoderegular; color:#fdc202; font-size:16px; font-weight:200 !important; line-height:120%;}
#project_location{position:absolute; top:85px; width:110px; left:0;font-family:lucida_sans_unicoderegular; color:#fdc202; font-size:11px; text-align:center;}
#image_viewer{position:absolute; top:60px; right:0; width:384px; height:256px; background-color:black; background-size:100% 100% !important;}
#image_viewer_magnify{position:absolute; bottom:0; right:0;}
#image_viewer:hover{cursor:pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in;}
#full_image_viewer{width:960px; height:638px;}
#black_overlay:hover{cursor:pointer;}
#full_image_left{left:10px; height:20px; width:20px;}
#full_image_right{right:10px; height:20px; width:20px;}
#full_image_left:hover, #full_image_right:hover{cursor:pointer;}
#full_image_viewer_close{position:absolute; top:25px; right:25px;}

/*PRESS*/
#press_menu{position:absolute; left:270px; top:0px; width:754px; height:130px; overflow:hidden;}
#press_container .middle_strip{background-color:#da241c;}
#press_container .middle_strip .selected_menu{width:260px;}
#press_menu_carousel{position:absolute; top:0px; left:0px; width:3000px; height:130px;}
.press_thumb{padding:0; margin:0; height:130px; width:auto; margin-right:33px; -moz-opacity: 0.5; opacity:0.5; filter: alpha(opacity=50);}
.press_thumb:hover{cursor:pointer; -moz-opacity:1; opacity:1; filter: alpha(opacity=100);}


/*CONTACT*/

#contact_img{position:absolute; top:0; right:0;}
#inquiry{position:relative; float:right; width:127px; height:130px; background-color:#e57825;}
#contact_container .middle_strip .selected_menu{width:390px;}
#careers_img{position:absolute; right:0; top:130px;}
#contact_1{position:absolute; right:135px; bottom:10px;}
#contact_2{position:absolute; right:135px; top:160px;}
#inquiry_form_container,#career_form_container{position:absolute; right:127px; top:317px; width:360px; height:342px; background-color:#e57825; color:white; font-family:'lucida_sans_unicoderegular'; -webkit-font-smoothing: antialiased;}
#career_form_container{background-color:#ffcc2b;}
.form_container{margin-left:10px; margin-top:13px; width:350px; height:327px;}
.form_header{font-size:19px;}
.form_table{margin-top:10px;}
.form_table input{width:240px; border:none;}
.form_table textarea{margin-top:4px; width:237px; height:150px; resize:none; border:none;}
.label{font-size:13px; padding-right:15px; padding-bottom:12px; vertical-align:top;}
.form_send, .form_reset{position:absolute; bottom:8px;  width:45px; height: 24px;  display:table; font-size:11px;}
.form_send p, .form_reset p{display:table-cell; text-align:center; vertical-align:middle;}
.form_send:hover, .form_reset:hover{cursor:pointer; color:black;}
.form_send{left:150px; }
.form_reset{right:110px;}
#inquiry_form_send,#inquiry_form_reset{ background-color:#ffcc2b;} 
#career_form_send,#career_form_reset{ background-color:#e57825;} 

/*ANIMATION*/
.animate_500ms{-webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; animation-timing-function: linear; }
.animate_alternate{-webkit-animation-direction: alternate; -moz-animation-direction: alternate; -o-animation-direction: alternate; animation-direction: alternate;}
.animate_menu_slide_right{ -webkit-animation-name: menu_slide_right; -moz-animation-name: menu_slide_right; -ms-animation-name: menu_slide_right; -o-animation-name: menu_slide_right; }
.animate_menu_slide_left{ -webkit-animation-name: menu_slide_left; -moz-animation-name: menu_slide_left; -ms-animation-name: menu_slide_left; -o-animation-name: menu_slide_left;}
.animate_menu_slide_down{ -webkit-animation-name: menu_slide_down; -moz-animation-name: menu_slide_down; -ms-animation-name: menu_slide_down; -o-animation-name: menu_slide_down;}
.animate_menu_fade_in{ -webkit-animation-name: fade_in; -moz-animation-name: fade_in; -ms-animation-name: fade_in; -o-animation-name: fade_in;}

/*KEY FRAMES*/

/*Slide Right*/
@-webkit-keyframes menu_slide_right {
	0%   {-webkit-transform: translate(-100%, 0px); opacity:0;}
	100%   {-webkit-transform:none; opacity:1;}
}
@-moz-keyframes menu_slide_right {
    0%   {-moz-transform: translate(-100%, 0px); -moz-opacity:0;}
	100%   {-moz-transform:none; -moz-opacity:1;}
}
@-o-keyframes menu_slide_right {
    0%   {-o-transform: translate(-100%, 0px); opacity:0;}
	100%   {-o-transform:none; opacity:1;}
}
@keyframes menu_slide_right {
    0%   {transform: translate(-100%, 0px);-ms-transform: translate(-100%, 0px); opacity:0; filter: alpha(opacity=0);}
	100%   {transform: none; -ms-transform:none; opacity:1; filter: alpha(opacity=100);}
}
/*Slide Left*/
@-webkit-keyframes menu_slide_left {
    0%   {-webkit-transform: translate(100%, 0px); opacity:0;}
	100%   {-webkit-transform:none; opacity:1;}
}
@-moz-keyframes menu_slide_left {
    0%   {-moz-transform: translate(100%, 0px); -moz-opacity:0;}
	100%   {-moz-transform:none; -moz-opacity:1;}
}
@-o-keyframes menu_slide_left {
    0%   {-o-transform: translate(100%, 0px); opacity:0;}
	100%   {-o-transform:none; opacity:1;}
}
@keyframes menu_slide_left {
    0%   {transform: translate(100%, 0px);-ms-transform: translate(100%, 0px); opacity:0; filter: alpha(opacity=0);}
	100%   {transform: none; -ms-transform:none; opacity:1; filter: alpha(opacity=100);}
}
/*Slide Down*/
@-webkit-keyframes menu_slide_down {
    0%   {-webkit-transform: translate(0px, -100%); opacity:0;}
	100%   {-webkit-transform:none; opacity:1;}
}
@-moz-keyframes menu_slide_down {
    0%   {-moz-transform: translate(0px, -100%); -moz-opacity:0;}
	100%   {-moz-transform:none; -moz-opacity:1;}
}
@-o-keyframes menu_slide_down {
    0%   {-o-transform: translate(0px, -100%); opacity:0;}
	100%   {-o-transform:none; opacity:1;}
}
@keyframes menu_slide_down {
    0%   {transform: translate(0px, -100%);-ms-transform: translate(0px, -100%); opacity:0; filter: alpha(opacity=0);}
	100%   {transform: none; -ms-transform:none; opacity:1; filter: alpha(opacity=100);}
}
/*Fade In*/
@-webkit-keyframes fade_in {
    0%   {opacity:0;}
	100%   {opacity:1;}
}
@-moz-keyframes fade_in {
    0%   {-moz-opacity:0;}
	100%   {-moz-opacity:1;}
}
@-o-keyframes fade_in {
    0%   {opacity:0;}
	100%   {opacity:1;}
}
@keyframes fade_in {
    0%   {opacity:0; filter: alpha(opacity=0);}
	100%   {opacity:1; filter: alpha(opacity=100);}
}