html, body {
	height: 100%;
	margin: 0;
}
body {
	text-align: center;
	margin: 0;
	padding: 0;
	color: #434242;
	background: #000 url(../images/bg.jpg) no-repeat top center fixed;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
}

a {text-decoration: underline; color: #434242;}
a:hover {text-decoration: none;}
img {border: none;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.to-left {text-align: left;}
.to-right {text-align: right;}
.to-center {text-align: center;}

#container {
	text-align: left;
	width: 970px;
	margin: 0 auto;
}

#wrapper {
	/*position: relative;
	top: 120px;*/
	margin-top: 118px;
	margin-bottom: 40px;
}

#wrapper.with-banner-small {
	margin-top: 350px;
}
#wrapper.with-banner-big {
	margin-top: 520px;
}

#wrap {
	padding-left: 183px;
	padding-right: 141px;
}

#wrap .column {
  position: relative;
  float: left;
}

#header {
	
}

#over-content {
	text-align: center;
	margin: 0 auto;
}

#content {
	width: 581px;
	margin: 9px 8px 15px 10px;
	min-height: 100px;
}

#content-top,
#content-bottom {
	width: 581px;
	height: 13px;
	background-repeat: no-repeat;
	background-color: transparent;
}

#content-top {background-image: url(../images/bg-content-top.png)}
#content-bottom {background-image: url(../images/bg-content-bottom.png)}
#content-inside {
	width: 546px;
	padding: 5px 17px 10px 17px;
	background: transparent url(../images/bg-content.png) repeat-y;
}


#sidebar-left {
	color: #434242;
	min-height: 100px;
	width: 189px;
  	right: 189px;
  	margin-left: -100%;
}

* html #sidebar-left {
  left: 187px;
}

#sidebar-right {
	width: 187px;          
  	margin-right: -197px; 
	min-height: 100px;
	float: right;
}

#top {
	position: absolute;
	top: 0;
	height: 100px;
	width: 961px;
	padding-top: 20px;
	padding-left: 5px;
}

#footer {
	color: #9e9a80;
	background: transparent url(../images/bg-footer.png) repeat-x 0 25px;
	margin-top: 30px;
	padding-bottom: 30px;
}


#footer a {
	text-decoration: none;
}

/*
#footer, #push {
	height: 500px;
	clear: both;
}
*/

#footer-inside {
	width: 971px;
	
	margin: 0 auto;
	text-align: left;
}



/*------------------------------------------*/

ul#top-menu {list-style: none; padding: 0; float: right; margin: 0;}
ul#top-menu li {display: inline;}
ul#top-menu li a {color: #e9e8e8; margin: 0 33px; text-decoration: none;}
ul#top-menu li a img {vertical-align: middle;}


/*------------------------------------------*/

.comment-item {
    background: transparent url(../images/quote-end.png) no-repeat bottom right;
    margin-bottom: 10px;
}

.comment-item img {
    float: left;
    margin: 0 5px 5px 0;
}

.comment-item span.name {font-weight: bold;}
.comment-item span.position_name,
.comment-item span.company_name {font-size: 11px;}

.comment-item span.name,
.comment-item span.position_name,
.comment-item span.company_name {
    color: #535352;
}

.comment-item p.comment {
    font-size: 12px;
    color: #535352;
    padding: 0;
    margin: 5px 0 0 0;
    line-height: 19px;
    padding-top: 7px;
    display: block;
    clear: both;
    padding-right: 12px;
    padding-bottom: 2px;
    /*min-height: 190px;*/
    background: transparent url(../images/quote-start.png) no-repeat top left;
}

/*------------------------------------------*/

.box {
	margin: 10px 0;
}

#sidebar-left .box {
	margin: 10px 0 10px 51px;
}

#sidebar-left .box-ppl {
	margin: 10px 0 0 53px;
}

#sidebar-right .box-ppl {
	margin-left: 2px;
}

.box-ppl {
	margin-bottom: -8px;
}

#sidebar-right {
	padding-left: 2px;
}

.box-ppl .box-top {width: 187px; height: 59px; background: transparent url(../images/bg-box-ppl-top.png) no-repeat; margin-top: 10px;}
.box-ppl .box-bottom {width: 187px; height: 53px; background: transparent url(../images/bg-box-ppl-bottom.png) no-repeat;}
.box-ppl .inside {width: 147px;  background: transparent url(../images/bg-box-ppl.png) repeat-y; padding: 2px 20px; color: #434242;}

.box .box-top, 
.box .box-bottom {width: 187px; min-height: 0; background-repeat: no-repeat; background-color: transparent;}
.box .box-top {background-image: url(../images/bg-box-top.png); padding-top: 8px;}
.box .box-bottom {background-image: url(../images/bg-box-bottom.png); padding-top: 6px; }
.box .box-top p {
	background: transparent url(../images/bg-box-top-h2.png) no-repeat; 
	width: 147px; 
	padding: 6px 20px; 
	height: 21px; 
	margin: 6px 0 0 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold; 
	text-transform: uppercase; 
}

#sidebar-right .box.ribbon .box-top p {
	background: transparent url(../images/bg-box-top-h2-ribbon.png) no-repeat;
	margin: 5px 0 0 -49px; 
	padding: 7px 20px 33px 66px; 
	width: 145px;
}

#sidebar-left .box.ribbon .box-top p {
	background: transparent url(../images/bg-box-top-h2-ribbon-mirror.png) no-repeat;
	margin: 5px 0 0 -4px; 
	padding: 7px 57px 33px 0; 
}

.box.ribbon .box-top p { 
	width: 190px; 
	
	height: 20px; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold; 
	text-transform: uppercase; 
	color: #fff;
	text-align: center;
}

.box.ribbon .inside p {
	text-align: justify;
	padding-top: 0px;
}

.box.ribbon .inside {
	padding-top: 0;
}

.box.tags a {
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.box.tags a:hover,
.box.tags a:focus {
	text-decoration: underline;
}

.box.tags .inside {
	width: 147px;
	padding: 3px 20px 24px 23px;
	background: transparent url(../images/bg-box-tags.png) no-repeat;
	margin-left: -8px;
	min-height: 90px;
}

.box.tags .box-bottom {width: 190px; height: 81px; background: transparent url(../images/bg-box-tags-bottom.png) no-repeat; margin-left: -8px;}

.box .inside {
	width: 147px;
	padding: 3px 20px 24px 20px;
	background: transparent url(../images/bg-box.png) repeat-y;
}

.box .inside p a {
	color: #434242;
}

.box .inside p, 
.box .inside ul {
	margin: 0;
	padding: 5px 0;
	color: #434242;
}

.box .inside ul {
	padding: 0;
	list-style: none;
}

.box .inside ul li {
	padding: 0;
	background: transparent url(../images/ico-arrow-right.png) no-repeat right center;
	border-bottom: 1px solid #dfdcd0;
}

.box .inside ul li:hover,
.box .inside ul li:focus {
	border-bottom: 1px solid #b2b1ad;
} 

.box .inside ul li a {
	color: #3a3939;	
	display: block;
	width: 100%;
	height: 19px;
	padding: 4px 0;
	text-decoration: none;
}	

.box .inside ul li:hover a,
.box .inside ul li:focus a {
	color: #090909;
}

/*------------------------------------------*/

div.block {
	font-size: 13px;
	margin-bottom: 10px;
}



div.quotation {
	width: 130px; 
	padding: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #fff;
	background-color: #f4850c;
}

div.quotation.right {margin-left: 10px;}
div.quotation.left {margin-right: 10px;}

/*------------------------------------------*/

#footer-inside #box-1,
#footer-inside #box-2,
#footer-inside #box-3 {
	margin-top: 25px;
}

#footer-inside {
	color: #8a8888;
}

#footer-inside a {
	color: #9b9999;
}

#footer-inside a:hover,
#footer-inside a:focus {
	color: #fefefe;
} 

#footer-inside #box-1 {
	padding: 0 30px 0 45px;
	width: 470px;
	min-height: 150px;
	float: left;
	margin-top: -40px;
}

#footer-inside #box-1 p {	
	padding: 10px;
}

#footer-inside #box-1 p.underline {
	border-bottom: 1px solid #383838;
}

#footer-inside #box-2 {
	border-right: 1px solid #383838;
	border-left: 1px solid #383838;
	padding: 0 40px 0 60px;
	width: 140px;
	min-height: 150px;
	float: left;
	margin-top: -40px;
}

#footer-inside #box-2 ul {
	list-style: none;
	padding: 0;
}

#footer-inside #box-2 ul li {
	border-bottom: 1px solid #383838;
	padding: 4px 0;
}

#footer-inside #box-2 ul li a {
	color: #9b9999;
	width: 100%;
	height: 100%;
	display: block;
	background: transparent url(../images/ico-arrow-right-white.png) no-repeat center right;	
}

#footer-inside #box-2 ul li a:hover,
#footer-inside #box-2 ul li a:focus {
	color: #fff;
}

#footer-inside #box-3 {
	padding: 0 0 0 30px;
	width: 150px;
	min-height: 150px;
	float: left;
	margin-top: -40px;
}

#footer-inside #box-3 #btn-bookmark {
	float: right;
}

#footer-inside #box-3 ul {
	list-style: none;
	padding: 0;
}

#footer-inside #box-3 ul li {
	border-bottom: 1px solid #383838;
	padding: 4px 0;
}

#footer-inside #box-3 ul li a {
	color: #8a8888;
	font-size: 11px;
	width: 100%;
	height: 100%;
	display: block;
	background: transparent url(../images/ico-arrow-right-white.png) no-repeat center right;
}

#footer-inside #box-3 ul li a img {
	vertical-align: middle;
}

h1.slogan,
h2.slogan,
h3.slogan,
h4.slogan,
h5.slogan,
h6.slogan {
	border-bottom: 1px solid #d8dcdd;
	padding-bottom: 15px;
	font-size: 18px;
	color: #5c5b59;
	font-weight: normal;
	line-height: 20px;
	margin: 8px auto;	
}

/*-----------------------------------------*/

ul#main-menu {
	position: absolute;
	z-index: 501;
	
}

ul#false-menu {
	display: none;
}

ul#main-menu li.l-1 {
	background: transparent url(../images/bg-ul-false-menu-li-span-a.png) no-repeat top right; 
}

ul#false-menu,
ul#main-menu {
	list-style: none;
	padding: 0;
	margin: 0 0 0 -5px;
} 

ul#false-menu li,
ul#main-menu li.l-1 {
	float: left;
}


ul#false-menu li {
	padding: 0 0 0 25px;
}

ul#false-menu li span.a {
	padding: 14px 25px 16px 0px;
	background: transparent url(../images/bg-ul-false-menu-li-span-a.png) no-repeat center right;
	text-decoration: none;
}

ul#false-menu li span.a,
ul#main-menu li.l-1 a.l-1 {
	color: #e4e2e2;
	display: block;
	height: 16px;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #e4e2e2;
	text-transform: uppercase;
	text-decoration: none;
}

ul#main-menu li.l-1 {
	margin-left: -10px;
	margin-right: -11px;
}

ul#main-menu li.l-1 a.l-1 {
	padding: 14px 25px 16px 26px;
	text-decoration: none;
}

ul#main-menu li.l-1.current a.l-1 {
	background: transparent url(../images/bg-ul-main-menu-li-a.png) repeat-x;
} 


ul#main-menu li.l-1:hover,
ul#main-menu li.l-1:focus {
	z-index: 20;
	position: relative;
}

ul#main-menu li.l-1:hover a.l-1,
ul#main-menu li.l-1:focus a.l-1 {
	background: transparent url(../images/bg-ul-main-menu-li-a-hover.png) repeat-x;
	color: #fff;
} 

ul#main-menu li.l-1 span.a-left,
ul#main-menu li.l-1 span.a-right {width: 18px;height: 46px;float: left; display: block;}

ul#main-menu li.l-1.current span.a-left {background: transparent url(../images/bg-ul-main-menu-li-span-a-left.png) no-repeat;}
ul#main-menu li.l-1.current span.a-right {background: transparent url(../images/bg-ul-main-menu-li-span-a-right.png) no-repeat;}

ul#main-menu li.l-1:hover span.a-left {background: transparent url(../images/bg-ul-main-menu-li-span-a-left-hover.png) no-repeat;}
ul#main-menu li.l-1:hover span.a-right {background: transparent url(../images/bg-ul-main-menu-li-span-a-right-hover.png) no-repeat;}

ul#main-menu li.l-1 ul {
	list-style: none;
	margin: 37px 0 0 10px;
	background: transparent url(../images/bg-ul-main-menu-li-ul.png) no-repeat bottom;
	width: 142px;
	padding: 10px 30px 40px 10px;
	position: absolute;
	display: none;
}

ul#main-menu li.l-1.active ul {
	display: block;
}

ul#main-menu li.l-1 ul li {
	border-bottom: 1px solid #383838;
}

ul#main-menu li.l-1 ul li:hover {
	border-bottom: 1px solid #fff;
}

ul#main-menu li.l-1 ul li a {
	color: #9b9999;
	width: 100%;
	height: 100%;
	padding: 4px 0;
	display: block;
	text-decoration: none;
	background: transparent url(../images/ico-arrow-right.png) no-repeat center right;	
}

ul#main-menu li.l-1 ul li a:hover {
	color: #fefefe;
}

/* ------------------------------------------------- */

.project-item {
	border: 1px solid #d2d0d0;
	background-color: #f2eeee;
	display: block;
	width: 544px;
	height: 179px;
	margin: 0 0 16px 0;
}
.project-item img {display: block;}

.project-item:hover {background-color: #f4850c;}

.project-item span.label {
	display: block;
	height: 19px;
	border-top: 1px solid #d2d0d0;
	width: 519px;
	color: #5d5c5b;
	padding: 0 20px 0 5px;
	background: transparent;
}

a.project-item {
	text-decoration: none;
}

.project-item:hover span.label {color: #fefefe;}

.project-item span.label span.right {
	width: 85px;
	display: block;
	background: transparent url(../images/g.png) no-repeat 87px 6px;
	font-size: 11px;
	text-align: right;
	padding-right: 10px;
}

.project-item:hover span.label span.right {
	background: transparent url(../images/o.png) no-repeat 87px 6px;
}

.project-item.featured-work {
	height: 283px;
}

.project-item.logo-item {
	width: 265px;
}

.project-item.logo-item span.label {
	width: 240px;
	background-position: 190px 0;
}
.project-item.logo-item span.label span.right {
	width: 55px;
	background-position: 58px 6px;
}


ul.filter {
	padding-left: 10px !important;
}

ul.filter li {
	background: none !important;
	list-style-image: url(../images/lsi-g.png);
}

ul.filter li.current {
	list-style-image: url(../images/lsi-o.png);
}


ul.pagination {
	list-style: none;
	padding: 10px 0;
	margin: 0;
	height: 22px;
	float: right;
}

ul.pagination li {
	float: left;
	padding: 2px 4px;
}

ul.pagination li.number {
	border-right: 1px solid #787878;
}

ul.pagination li.current span {
	background-color: #f4850c;
	display: block;
	padding: 0 2px;
	color: #fff;
}

ul.pagination li a, ul.pagination li span {
	color: #434242;
	font-size: 11px;
	display: block;
}

ul.pagination li a {

}

ul.pagination li.all {
	padding-left: 10px;
}

ul.pagination li.prev {background: transparent url(../images/previous.png) no-repeat left center; padding-left: 10px;}
ul.pagination li.next {background: transparent url(../images/next.png) no-repeat right center; padding-right: 10px;}

span.pageofpages {
	font-size: 11px;
	float: right;
	display: block;
	height: 22px;
	padding: 12px 0;
	margin-right: 150px;
}

hr {
	border: 0;
	color: #d8dcdd;
	background-color: #d8dcdd;
	height: 1px;
	width: 100%;
	text-align: left;
}

img#corner-label {
	position: absolute	;
	margin-left: -17px;
	margin-top: -17px;
}

img#corner-label-featured-work{
		position: absolute	;
	margin-left: -17px;
	margin-top: -17px;
}

.project-slider {
	border: 1px solid #ecece6;
	width: 546px;
	margin: 20px 0 20px -20px;
	padding: 20px;
	background-color: #fff;
	height: 164px;
}

.project-slider span.header {
	color: #f4850c;
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;	
}

.project-slider div.items {
	height: 164px;
	margin-top: 10px;
}

.project-slider div.items div {
	float: left;
	width: 223px;
	padding: 0 25px;
	border-right: 1px solid #e2e2e2;
}

.project-slider div.items div a.title {
	display: block;
	margin: 10px 0 0 0;
	text-decoration: none;
}

.project-slider div.items div a strong {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #434242;
	padding: 5px 0;
}

.project-slider div.items div p {
	margin: 0;
	color: #646363;
}



.scrollable {
	position: absolute;
	overflow:hidden;
	float: left;
	z-index: 1;
	width: 546px;
	height: 164px;
}

.scrollable .items {
	width: 20000em;
	position:absolute;
	clear:both;
}


a.next, a.previous {
	float:left;
	margin-top: 35px;
}

a.next {
	clear: right; 
	margin-left: 551px;
}
a.previous {margin-left: -21px;} 


#project-detail {
	padding: 0 30px;
}

#project-detail img.image {
	border: 1px solid #d3d1d0;
	margin: 5px 0;
}

.you-tube {
	border: 1px solid #d3d1d0;
	margin: 5px 0;
}

.you-tube object {display: block;}

.project-detail-columns {
	background: transparent url(../images/bg-project-detail-columns.png) repeat-y 130px 0;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.project-detail-columns div.c1,
.project-detail-columns div.c2,
.project-detail-columns div.c3 {
	float: left;
	width: 130px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.project-detail-columns .c1 {padding-right: 24px;}
.project-detail-columns .c2 {padding-right: 24px; padding-left: 24px;}
.project-detail-columns .c3 {padding-left: 24px;}

.project-detail-columns div span.header {
	color: #6bce02;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.project-detail-columns div ul {
	padding: 0;
	margin: 10px 0;
	list-style: none;
}

.project-detail-columns div a {
	color: #434242;
}

.project-detail-columns div img {
	vertical-align: middle;
}

.middle {vertical-align: middle;}

span.project-detail-header {
	display: block;
	padding: 10px 0;
	color: #f4850c;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.navigation a {
	font-size: 11px;
}

.navigation .nav-back {
	float: left;
	padding-left: 10px;
	background: transparent url(../images/previous.png) no-repeat left center;
}

.navigation span {
	float: right;
}

.navigation .nav-previous {
	padding-left: 10px;
	margin-right: 3px;
	background: transparent url(../images/previous.png) no-repeat left center;
}

.navigation .nav-next {
	padding-right: 10px;
	margin-left: 3px;
	background: transparent url(../images/next.png) no-repeat right center;
}


ul.breadcrumbs {
	padding: 0;
	list-style: none;
	margin: 10px 0;
	font-size: 11px;
	text-transform: lowercase;
}

ul.breadcrumbs li {
	display: inline;
} 

ul.breadcrumbs li a {
	text-decoration: none;
}

p.orange-header {
	color: #ff8112;
	font-size: 14px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase; 
}

div.flatpage-item a {
	
}


h1,h2,h3,h4,h5,h6 {
	font-size: 12px;
	font-weight: normal;
	margin: 11px auto;
	padding: 0;	
}

img.asterisk {
	vertical-align: top;
}


#contact, #contact-response {
	width: 250px;
	float: left;	
	padding-right: 30px;
}

#contact-right {
	border-left: 1px solid #d8dcdd;
	padding-left: 35px;
	float: left;
}	

#twitter_update_list{
	list-style: none;
	padding: 0;
	margin: auto 0;
}

#twitter_update_list li {
	border-bottom: none !important;
	background: none;
}

#twitter_update_list li span.tweet_text a {
	background: none;
	display: block;
}

#twitter_update_list li a {
	font-size: 10px;
	background: transparent url("../images/ico-arrow-right.png") no-repeat right center;
	display: inline;
	padding-right: 10px;
}

.flash-big {
	margin: 90px auto -110px 44px;
}

.four-buttons {
	float: left;
	width: 483px;
}


#logo-top {
	margin-left: 22px;
}

.button div:first-child {
	overflow: hidden;
	
}

.button div:first-child a {
	display: block;
}

.rollover {
	cursor: pointer;
}

.rollover {
	/*background: transparent url(../images/bg-rollover.png) repeat;
	background: rgba(0, 0, 0, 0.5);*/
	min-height: 24px;
	text-align: center;
	min-height: 172px;
	background-color: #000;
	/*filter:alpha(opacity=82);
	opacity: 0.82;
	-moz-opacity:0.82;*/
}

.rollover div {
	color: #000;
	/*filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;*/
	position: relative;
}

.rollover a.tt {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #fefefe;
	height: 20px;
	padding-top: 4px;
	display: block;
}

.rollover a {
	color: #fefefe;
}
.rollover p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fefefe;
	padding: 0 15px;
	text-align: left;
}

#box-1 a img {
	margin-right: 5px;
}




#banner-container {
	/* required settings */
	background-color:#000; 
	margin-top: -8px;
	position:relative;
	overflow:hidden;
	width: 966px;
	height: 344px;
}

#frame.small #banner-container {
	height: 172px; 
}

#frame a {
	text-decoration: none;
}

#frame.big #banner-container {
	height: 344px; 
}

#banner-container .items {
	width:20000em;
	position: absolute;
}

.next-browse,
.prev-browse {
	position: absolute;
	margin-top: 14px;
}

.next-browse {
	margin-left: 943px;
}

#frame.small {
	height: 226px; 
}

#frame.big {
	height: 398px; 
}
    			#frame {
    				/*width:966px;*/ 
					background:#000;
					margin: 10px auto -110px -5px;
					width: 966px;
				}
				#frame-header {
					height: 62px;
					position: relative;
					z-index: 500;
					width: 966px;
					
				}
				.banner-item div{overflow:hidden; position:relative;}
				.banner-item .rollover{margin:-24px 0 0 0;}
				
				
#search-list a {
	text-decoration: none;
}			
#search-list .search-item {
	margin-bottom: 10px;
}

img#logo {	
	margin-left: -1px !important;
}


a.hover {background-position: 0 0; width: 16px; height: 16px; display: block; float: left; margin: 2px;}
a.hover:hover {background-position: 0 -16px;}