/* 
* www.tag-architecture.com 2015 
* Coder: AyazWeb
*/

/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
article, aside, figure, footer, header,
hgroup, nav, section { display:block; }
ol,ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; cursor:pointer; outline:0; text-decoration:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
label{cursor:pointer;}

/* magic! */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }

/* defaults */
html{background: #ffffff;}
body{ font: normal 15px/1 Myriad Condensed, serif; border-top: 3px solid #494949;color: #383838;}
.main-width{width: 960px;}
.centered{margin: 0 auto;}
.scripts{height: 0;overflow: hidden;visibility: hidden;}

/* typography */
h2{font-size: 22px;margin: 0 0 1em 0;font-weight: normal;}
h3{font-size: 14px;margin: 0 0 .5em 0;font-weight: bold;}
h3{line-height: 1.2em;}
p{line-height: 1.7em;margin: 0 0 1em 0;}
a{color: #000000;}

/* layout */
#container{width: 960px;margin: 0 auto;}

#header{height: 105px;position: relative; margin-left:430px; margin-top:75px; margin-bottom:5px;}
    #header h1{position: absolute;bottom: 0;left: 4px; margin-bottom:15px;}
        #header h1 a{width: 100px;height: 72px;display: block;background: url(../img/stc/logo.png) 0 0 no-repeat;text-indent: -9999px; margin-bottom:80px; }

#navigation{display:block; width:700px; position: absolute;bottom: 0;right: 0; }
    #navigation li{text-align:center; float: left;margin: 0 8px 0 0;  }
        #navigation ul .last{margin: 0;}
    #navigation li a{padding: 0 5px 10px 5px;border-bottom: 1px solid #cacaca;width: 101px;display: block; font-size: 22px;margin: 0 0 1em 0;font-weight: normal;}
    #navigation .last a{width: 102px;}
        #navigation li a:hover,
        #navigation .current_page_item a,
        #navigation .current-page-ancestor a{border-bottom: 1px solid #494949;}
        #navigation .current_page_item a,
        #navigation .current-page-ancestor a{color: #1e1e1e;}

#wrapper{padding: 0px 0 0 0;}
    #wrapper .column-left{width: 352px;margin: 0 20px 0 0;float: left;}
    #wrapper .column-right{width: 588px;float: right;}
    #wrapper .seperated{padding: 0 0 20px 0;margin: 0 0 -20px 0;}

#footer{padding: 20px 0 0 0;}
    #footer .inner{padding: 8px 0;border-top: 1px solid #cacaca;}
        #footer .inner .left{float: left;}
        #footer .inner .right{float: right;}
            #footer .inner .current{text-decoration: underline;}
            #footer .inner .top-pad{padding: 2px 0 0 0; }
			     #footer .inner .top-pad a{color:#000 }
            #footer .inner li{float: left;margin: 0 10px 0 0;}
            #footer .inner .last{margin: 0 0 0 5px;}
            #footer .inner .social{margin: 0 5px 0 0;}
            #footer .inner li,
            #footer .inner li a{color: #888;}
            #footer .inner li a:hover{text-decoration: underline;}
                #footer .inner .social a{background: url(../img/stc/social.jpg) 0 0 no-repeat;width: 19px;height: 18px;display: block;}
                #footer .inner .social a:hover{text-decoration: none !important;}
                #footer .inner li .facebook{}
                    #footer .inner li .facebook:hover{background-position: 0 -18px;}
                #footer .inner li .twitter{background-position: -19px 0;}
                    #footer .inner li .twitter:hover{background-position: -19px -18px;}
                #footer .inner li .instagram{background-position: -38px 0;}
                    #footer .inner li .instagram:hover{background-position: -38px -18px;}
                #footer .inner li .linkedin{background-position: -57px 0;}
                    #footer .inner li .linkedin:hover{background-position: -57px -18px;}

/* templates */
.about .team{overflow: hidden;}
    .about .team .wrapper,
    .about .press .wrapper,.press-item-wrapper .press{width: 990px; margin-left:95px; height:530px;}
    .about .team .person,
    .about .press .item,.press-item-wrapper .press .item{width: 140px;float: left;margin: 0 27px 27px 0;}
    .about .team .person{height: 320px;}
    .about .press .item,.press-item-wrapper .press .item{height: 205px;}
        .about .press .item a,.press-item-wrapper .press .item a{text-decoration: underline;}
        .about .team .person .title{font-size: 11px;line-height: 1em;font-style: italic;font-weight: normal;}
        .about .team .person .image,
        .about .press .item .image,.press-item-wrapper .press .item .image{width: 220px;height: 136px;overflow: hidden;margin: 0 0 12px 0;}
        .about .press .item p,.press-item-wrapper .press .item p{margin: 0;}

.contact a:hover{text-decoration: underline;}
    .contact .column-right .inner{border: 1px solid #cacaca;height: 386px;overflow: hidden;}

.page-id-7 #wrapper,
.page-id-21 #wrapper{padding: 10px 0 0 0;}

#project-navigation-wrapper{ padding: 0 0px 0 372px;margin: 10px 0 10px 0; }
#project-navigation{}
    #project-navigation li{float: left;margin: 0 8px 0 0;}
    #project-navigation .last{margin: 0;width: 112px !important;}
    #project-navigation li,
    #project-navigation li a{color: #f4f4f4;}
    #project-navigation .has-select,
    #project-navigation .has-select ul{width: 111px;}
        #project-navigation .has-select .text-wrapper{background: #494949 url(../img/stc/arrow-down.gif) 90% 50% no-repeat;line-height: 14px;padding: 10px 0 10px 15px;display: block;}
        #project-navigation .has-select .text-wrapper,
        #project-navigation .has-select ul li a{background-color: #494949;line-height: 14px;padding: 10px 0 10px 15px;display: block;cursor: pointer;}
        #project-navigation .last .text-wrapper{background-image: none !important;}
        #project-navigation .has-select ul{display: none;position: absolute;z-index: 99;}
            #project-navigation .has-select ul li{float: none;margin: 0;}
            #project-navigation .has-select ul li a:hover{background-color: #666;}
        #project-navigation .has-select:hover ul{display: block;}

#project-dates li .current,
#project-types li .current{background: #555 !important;}

#project-list-type li{margin: 0 8px 0 0;}
#project-list-type .type-last{margin: 0;}
    #project-list-type li a{background-color: #494949;background-repeat: no-repeat;padding: 10px 0 10px 23px;background-position: 6px 10px;display: block;width: 88px;line-height: 14px;opacity: 0.3;filter: alpha(opacity=30);}
        #project-list-type li .current,
        #project-list-type li a:hover{opacity: 1;filter: alpha(opacity=100);}
    #project-list-type li .thumb{background-image: url(../img/stc/list-type-thumb.gif);}
    #project-list-type li .list{background-image: url(../img/stc/list-type-list.gif);}

#project-thumb-list li{margin: 0 0 15px 0;}

.project-thumb{overflow: hidden;position: relative;display: block;width: 100%;height: 159px;cursor: pointer;}
.project-thumb img{display: block;}
.project-thumb img,
.project-thumb .wrapper,
.project-thumb .image-wrapper{width: 510px;height: 159px;}
.project-thumb .image-wrapper{float: left;}
.project-thumb .wrapper{position: absolute;top: 0;left: 0;background: rgba(255,255,255,0.7);display: none;}
.project-thumb .info-wrapper{float: left;padding: 0 0 0 12px;width: 438px;}
    .project-thumb .info-wrapper .title{padding: 6px 0 .4em 0;font-size: 22px;display: block;margin: 0 0 .4em 0;border-bottom: 1px solid #cacaca;}
    .project-thumb .info-wrapper .information{font-size: 13px;}
    .project-thumb .info-wrapper .title,
    .project-thumb .info-wrapper .information{line-height: 1.1em;}
.project-thumb:hover .wrapper{display: block;}
.project-thumb:hover .info-wrapper .title{border-bottom: 1px solid #494949;}

.single-project .project-left{width: 352px;float: left;padding: 0 20px 0 0;}
    .project-left .information{font-size: 13px;font-weight: bold;line-height: 1em;padding: 12px 0;border-top: 1px solid #cacaca;margin: 0;}
    .project-left .description{padding: 20px 0;border-top: 1px solid #cacaca;text-align: justify;}
        .project-left .description p{margin: 0;}
    .project-left .details{padding: 16px 0;border-top: 1px solid #cacaca;}

#project-details{margin: 0;padding: 0;}
    #project-details td{padding: 3px 0;vertical-align: top;}
    #project-details .value{font-weight: none;}
        #project-details .value .project-status{margin: 0 !important;position: relative;top: -1px;float: left;}
        #project-details .value .status-text{margin: 0 0 0 3px;position: relative;top: 1px;}

#about-images{width: 588px;height: 388px;overflow: hidden;}
#project-images{width: 600px;height: 400px;overflow: hidden; float:right;}

#project-next-image,
#project-previous-image{position: absolute;right: 0;top: 0;background-color: #494949;line-height: 14px;background-repeat: no-repeat;color: #f4f4f4;}
#project-next-image{background-image: url(../img/stc/arrow-right.gif);padding: 10px 0 10px 10px;width: 56px;background-position: 90% 50%;}
#project-previous-image{right: 70px;background-image: url(../img/stc/arrow-left.gif);padding: 10px 0 10px 25px;width: 41px;background-position: 10% 50%;}

#project-image-navigation{padding: 11px 0 0 0;float: right;}
    #project-image-navigation li{float: left;margin: 0 0 11px 11px;}
        #project-image-navigation li a{width: 12px;height: 12px;display: block;border: 1px solid #494949;background: #f4f4f4;text-indent: -9999px;}
        #project-image-navigation .activeSlide a{background: #494949;}

.project-status{width: 9px;height: 9px;border: 3px solid #494949;text-indent: -9999px;margin: 0 0 0 5px;}
    .status-1{background: #494949;}
    .status-2{}
    .status-3{background: url(../img/stc/project-status.gif) 0 0 repeat;}

.press-wrapper{}
    .press-wrapper h2 .sub{font-size: 14px;line-height: 1;}
    .press-wrapper .press-info-wrapper{padding: 0 0 8px 0;border-bottom: 1px solid #CACACA;}
    .press-wrapper .press-item-wrapper{margin: 22px 0 0 0;overflow: hidden;}

/* specials */
#link-to-projects,
#link-to-projects a{width: 960px;height: 528px;position: relative;overflow: hidden;}
    #link-to-projects a,
    #link-to-projects a img{display: block;}

/* overrides */
.ui-jqgrid-bdiv{overflow: hidden !important;}
.ui-jqgrid .ui-jqgrid-hbox{padding: 0;}
.ui-jqgrid-htable{}
    .ui-jqgrid-htable th{text-align: left !important;color: #f4f4f4;font-size: 13px;font-weight: bold;background: #494949;line-height: 1em;vertical-align: middle;margin: 0 !important;}
        .ui-jqgrid-htable th div{padding: 12px 12px 14px 12px;}
    .ui-jqgrid-htable .ui-state-hover{background: #666;}
.ui-jqgrid .ui-jqgrid-resize{display: none !important;}
.ui-icon-asc{background: url(../img/stc/arrow-down.gif) 0 0 no-repeat;}
.ui-icon-desc{background: url(../img/stc/arrow-up.gif) 0 0 no-repeat;}
.ui-grid-ico-sort{width: 9px;height: 5px !important;margin: 4px !important;}
.ui-state-disabled{display: none !important;}
.ui-jqgrid tr.ui-row-ltr td{border: none;border-bottom: 1px solid #cacaca;font-size: 13px;vertical-align: middle;padding: 12px;}
.ui-jqgrid .no-border td{border: none !important;}
.ui-jqgrid-btable .ui-state-hover{background: #e7e7e7;cursor: pointer;}
.ui-jqgrid-btable .no-hover{background: #f4f4f4 !important;cursor: default !important;}
#load_project-list{top: 32px;}
.project-title-td{font-size: 16px !important;font-weight: bold !important;letter-spacing: -1px;}

#slider .panel { opacity: 0; }

#projectsx {display:block; margin-left:180px; width:660px; margin-top:-10px;}
#projectsx  ul {overflow:hidden; }
#projectsx  ul li {float:left; margin-right:5px;}
#projectsx ul li img:hover { opacity: 0.3; filter: alpha(opacity=30); }
#projectsx ul li img:active { opacity: 1; filter: alpha(opacity=1); }
.clear {clear: both}

#lang{height:20px; width:%100; display:block; margin: 20px;}
#lang a {text-decoration:none; }
#lang .en {display:block; float:right; margin-left:10px; font: normal 18px/1 Myriad Condensed, sans-serif; font-weight:bold;}
#lang .tr {display:block; float:right; font: normal 18px/1 Myriad Condensed, sans-serif;}