/*--------------COMMON----------------*/

.left {float: left;}
.right {float: right;}
.clr {clear: both;}
.wrap {
	width: 1000px;
	margin: 0 auto;
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #b4b4b4;
}
.pinkBg {
	background: url(../img/pink_bg.png) 0 96px no-repeat;	
}
.yellow {color: #F1BC05;}

.logo {
	background: url(../img/logo2.png) 0 0 no-repeat;
	width: 194px;
	height: 59px;
	display: block;
}
.logo:hover {
	background-position:0 -59px;
}
*html .logo:hover {
	background-position:0 -58px;
}

a { color:#7B7E86; text-decoration:underline; } 
a:hover { text-decoration:none }

/*----------------------TOP---------------------------------------------------*/
#top {
	padding: 48px 0 18px 0;
}
.requestBtn {
	background: url(../img/request_btn.png) 0 0 no-repeat;
	width: 170px;
	height: 37px;
	display: block;
	text-decoration: none;
}
.requestBtn.active, .requestBtn:hover {
	background-position: 0 -37px;
}
#top .call {
	height: 32px;
	padding: 0 40px;
}

/*-----------------------HEADER------------------------------------------*/
#header td {
	vertical-align: top;
}
#header .leftPart,
#footer .leftPart,
.menu2 .leftPart {
	background: url(../img/plate_l.png) 0 0 no-repeat;
	width: 18px;
	height: 59px;
}
#header .rightPart,
#footer .rightPart,
.menu2 .rightPart {
	background: url(../img/plate_r.png) right 0 no-repeat;
	width: 18px;
	height: 59px;
}
#header .border,
#footer .border,
.menu2 .border {
	background: url(../img/plate_c.png) 0 0 repeat-x;
	height: 59px;
}
#header .slogan {
	padding: 22px 0 0 17px;
}
#header ul {
	padding-top: 20px; //padding-top: 23px;
}
#header ul li {
	float: left;
	margin-right: 26px;
}
*html #header ul li {
	margin-right: 21px;
}
#header li a {
	height: 18px;
	text-decoration: none;
	display: block;
	overflow: hidden;
}
#header li a:hover {
	height: 18px;
}
#header li a.m1 {
	background: url(../img/m1.png) 0 0 no-repeat;
	width: 93px;
}
#header li a.m2 {
	background: url(../img/m2.png) 0 0 no-repeat;
	width: 88px;
}
#header li a.m3 {
	background: url(../img/m3.png) 0 0 no-repeat;
	width: 87px;
}
#header li a.m4 {
	background: url(../img/m4.png) 0 0 no-repeat;
	width: 88px;
}

#header li a:hover,
#header li a.active {
	background-position: 0 -18px;
}
*html #header li a:hover,
*html #header li a.active {
	background-position: 0 -17px;
}



/*---------------------MAIN----------------------------------*/
/*------Paging-----------*/
#main .paging {
	padding: 8px 0;
	width: 100%;
	text-align: center;
	float: left;
}
#main .paging-portfolio-list {
	padding: 10px 0;
}

#main .paging-portfolio-item {
	padding: 2px 0 10px 0;
}

#main .paging ul {
	display: table;
	width: auto;
	margin: 0 auto;
	list-style: none;
	font-size: 12px;
	padding: 0;
}
*html #main .paging span {
	display: inline-block;
}
*:first-child+html #main .paging span {
	display: inline-block;
}
#main .paging ul li {
	float: left;
	margin-right: 5px;
	width: 9px;
	height: 9px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	font-weight: bold;
	position: relative;
	cursor: default;
}
#main .paging ul li.last {
	margin-right: 0;
}

#main .paging li a {	
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: url(../img/paging.png) 0 0 no-repeat;
	text-align: center;
	width:9px;
	height: 9px;
	padding:0;
}

#main .paging li a.active {
	background-position: 0 -9px !important;
}
/*-------paging2---------------*/
.paging2 {
	border-top: solid 1px #45484f;
}
.paging2 ul { 
	margin: 11px 0 0 330px;
}
.paging2 ul ul {
	margin: 0;

}
.paging2 li {
	float: left;
	margin-right: 14px;
	font: bold 13px Tahoma, Geneva, sans-serif;
}
.paging2 li a {
	color: #7B7E86;
	font: bold 13px Tahoma, Geneva, sans-serif;
	line-height: 29px;
	text-decoration: none;
}
.paging2 li a:hover {
	text-decoration: none;
	color:#FFC601;
}
.paging2 li.p2-pages {
	padding-top: 6px;
	color: #7B7E86;
}

.paging2 li a.prev {
	background: url(../img/portfolio_prev_3.png) 0 0 no-repeat;
	width: 151px;
	height: 29px;
	display: block;
}
.paging2 li a.prev:hover { background-position: 0 -29px;}


.paging2 li a.next {
	background: url(../img/portfolio_next_3.png) 0 0 no-repeat;
	width: 121px;
	height: 29px;
	display: block;
}
.paging2 li a.next:hover {background-position: 0 -29px;}

.portfolio-works .paging2 li a.prev {
	background: url(../img/portfolio_prev_4.png) 0 0 no-repeat;
	width: 132px;
}
.portfolio-works .paging2 li a.prev:hover {background-position: 0 -29px;}

.portfolio-works .paging2 li a.next {
	background: url(../img/portfolio_next_4.png) 0 0 no-repeat;
	width: 109px;
}
.portfolio-works .paging2 li a.next:hover {background-position: 0 -29px;}

a.main-projects-prev:hover {
	background: url(../img/prev_btn.png) 0 -41px no-repeat;
}
a.main-projects-next:hover {
	background: url(../img/next_btn.png) 0 -41px no-repeat;
}


#main .paging2 .paging {
	margin: 3px 0 0 0;
	width:auto;
}
.total {
	padding: 18px 12px 0 0; 
	color: #7B7E86;
	font: normal 13px Arial;
}
.portfolio-back {
	background:url(../img/back_to_list.png) 0 0 no-repeat;
	height: 29px;
	width: 111px;
	margin-top: 11px;
	display: block;
}
.portfolio-back:hover {
	text-decoration: none;
	color:#FFC601;
	background-position: 0 -29px;
}

/*------mainPic--------*/
#main .mainPic {
	background2:url(../img/pic1.png) 0 0 no-repeat;
	width: 1000px;
	height: 227px;
	position: relative;
}
.mainPic .prev {
	background:url(../img/prev_btn.png) 0 0 no-repeat;
	width: 28px;
	height: 41px;
	overflow: hidden;
	display: block;
	text-decoration: none;
	position: absolute;
	top: 95px;
	left: 26px;
	z-index:1000;
}
.mainPic .next {
	background:url(../img/next_btn.png) 0 0 no-repeat;
	width: 28px;
	height: 41px;
	overflow: hidden;
	display: block;
	text-decoration: none;
	position: absolute;
	top: 95px;
	left: 938px;
	z-index:1000;
}
.mainPic a.active {
	background-position: 0 -41px;
}
.mainPic .main-projects-corner-left {
	position: absolute;
	bottom: 0;
	left:0;
	width:18px;
	height:18px;
	background: url(../img/fh-corner-left.png) 0 0 no-repeat;
	z-index: -1;
}

.mainPic .main-projects-corner-right {
	position: absolute;
	bottom: 0;
	right:0;
	width:18px;
	height:18px;
	background: url(../img/fh-corner-right.png) 0 0 no-repeat;
	z-index: -1;
}

/*--------Menu------------*/
.menu {
	height: 60px;	
}
.menu .leftPart,
.menu .rightPart {
	background:url(../img/plate2_l.png) 0 0 no-repeat;
	width: 18px;
	height: 60px;
}
.menu .rightPart {
	background:url(../img/plate2_r.png) 0 0 no-repeat;
}
.menu .center {
	background: url(../img/plate2_c.png) 0 0 repeat;
	width: 964px;
	float: left;
	height: 60px;
}
.menu ul {
	margin-top: 16px;
	float: left;
}
.menu ul li.first {
	padding: 8px 18px 0 28px;
}
.menu ul li {
	float: left;
}
.menu ul li a { 
	text-decoration: none;
	display: block;
	height: 32px;
}
.menu ul li a.subM1 {
	background: url(../img/sub_m1.png) 0 -32px no-repeat;
	width: 178px;
}
.menu ul li a.subM2 {
	background: url(../img/sub_m2.png) 0 -32px no-repeat;
	width: 184px;
}
.menu ul li a.subM3 {
	background: url(../img/sub_m3.png) 0 -32px no-repeat;
	width: 210px;
}
.menu ul li a.subM4 {
	background: url(../img/sub_m4.png) 0 -32px no-repeat;
	width: 209px;
}
.menu ul li a:hover {
	background-position: 0 -64px;
}
.menu ul li a.active,
.menu ul li a.active:hover {
	background-position: 0 0;
 	
}

/*-----Menu2-------*/
.menu2 {
	margin-top: 17px;
}
.menu2 ul {
	padding: 23px 0 0 106px;
}
.menu2 li {
	float: left;
	margin: 0 17px 0 0;
}
.menu2 li a {
	text-decoration: none;
	display: block;
	height: 16px;
	overflow: hidden;
}
.menu2 li a.subM1 {
	background: url(../img/sub2_m1.png) 0 0 no-repeat;
	width: 148px;
}
.menu2 li a.subM2 {
	background: url(../img/sub2_m2.png) 0 0 no-repeat;
	width: 155px;
}
.menu2 li a.subM3 {
	background: url(../img/sub2_m3.png) 0 0 no-repeat;
	width: 182px;
}
.menu2 li a.subM4 {
	background: url(../img/sub2_m4.png) 0 0 no-repeat;
	width: 193px;
}
.menu2 li a:hover {
	background-position: 0 -32px;
}
*html .menu2 li a:hover {
	background-position: 0 -31px;
}
.menu2 li a.active,
.menu2 li a.active:hover {
	background-position: 0 -16px;	
}

/*------banner---------*/
.banner {
	margin-top: 23px;
}
.banner .leftPart,
.banner .rightPart {
	background:url(../img/banner_l.png) 0 0 no-repeat;
	width: 18px;
	height: 72px;
}
.banner .rightPart {
	background:url(../img/banner_r.png) 0 0 no-repeat;
}
.banner .center {
	background: url(../img/banner_c.png) 0 0 repeat;
	width: 964px;
	float: left;
	height: 72px;
}
.banner .center ul {
	padding-top2: 15px;
}
.banner .center li {
	position:relative;
	float: left;
	width: 198px;
	border-right2: solid 1px #929197;
	height2: 60px;
	padding-top: 7px;
}
.banner .center li.first,
.banner .center li.last,
.banner .center li.last a,
.banner .center li.first a {
	width: 182px;
}
.banner .center li.last {
	border: none;
}

.banner .center li div.one-banner {   }
.banner .center li div.one-banner a {display:block; text-decoration: none;}
.banner .center li div.one-banner img { margin:10px 0 0 25px; }
.banner .center li.first  div.one-banner img { margin:10px 0 0 15px; }

.banner .center li div.v-line { position: absolute; right:0; top:15px; width:1px; height:48px; background-color:#929197  }
.banner .center li.last div.v-line  {display:none}
/*
.banner .center li a.logo1 {
	background:url(../img/l1.png) center 0 no-repeat;
	height: 30px;
}
.banner .center li a.logo1:hover {
	background-position: center -30px;
}
.banner .center li a.logo2 {
	background:url(../img/l2.png) center 0 no-repeat;
	height: 35px;
	overflow: hidden;
}
.banner .center li a.logo2:hover {
	background-position: center -35px;
}
.banner .center li a.logo3 {
	background:url(../img/l3.png) center 0 no-repeat;
	height: 31px;	
}
.banner .center li a.logo3:hover {
	background-position: center -31px;
}
.banner .center li a.logo4 {
	background:url(../img/l4.png) center 0 no-repeat;
	height: 23px;
}
.banner .center li a.logo4:hover {
	background-position: center -23px;
}
.banner .center li a.logo5 {
	background:url(../img/l5.png) center 0 no-repeat;
	height: 21px;	
}
.banner .center li a.logo5:hover {
	background-position: center -21px;
}
*/

/*----content------*/
.content {
	padding-bottom: 30px;
}
.content-portfolio {
	padding-bottom: 10px;
}
.content-portfolio .cat-title { text-align:center; padding:5px; font-size:26px; color:#eee; margin-bottom:10px }
.portfolio-project-h { min-height:450px; }

.padding { 
	padding-top: 25px;
}
.content .slogan2 {
	padding: 36px 28px 0 61px; //padding: 16px 28px 0 61px;
}
.content p.home {
	float: left;
	width: 563px;
	font: normal 15px Arial, Helvetica, sans-serif;
	color: #909195;
	padding-top: 48px; //padding-top: 28px;
}
.content .leftColumn { 
	width: 333px;
}
.content .leftColumn p {
	padding: 5px 20px 10px 0;
}
.content .leftColumn p.fix {
	padding: 0px 20px 24px 0;
	margin-top: -3px;
}
.content .leftColumn p a { color: #ca9f09;}
.content .leftColumn .address {
	font: bold 13px Tahoma, Geneva, sans-serif;
	padding: 0 20px 20px 0;
}
.content .leftColumn .gmap {
	background: url(../img/google_map.png) 0 0 no-repeat;
	height: 37px;
	display: block;
	margin: 27px 0 10px 0;
	padding-left:34px;
}
.content .leftColumn .gmap:hover {
	text-decoration: none;
}
.leftColumn .caption {
	margin: 0px 0 19px 0;
}

.leftColumn .map {
	background: url(../img/map.gif) 0 0 no-repeat;
	width: 316px;
	height: 282px;
}
.content .rightColumn { 
	width: 649px;
	border-left: solid 1px #484b53;
	padding-left: 17px;
}
.rightColumn .caption {
	margin: 0px 0 19px 0;
}
.rightColumn .persons {
	float: left;
	margin-bottom: 42px;
}
.persons .person {
	width: 338px;
}
.person .photo {
	width: 135px;	
}
.person .desc {
	width: 170px;
	width2: 320px;
}
.person h3 {
	font: normal 20px Tahoma, Geneva, sans-serif;
	color: #f1bc05;
}
.person h4 {
	font: bold 14px Tahoma, Geneva, sans-serif;
	color: #FFF;
	padding: 0 0 15px 0;
}
.person p {
	clear: both;
	line-height: 16px;
	padding: 10px 30px 0 0;
}
.persons .person2 {
	width: 310px;
}
.person2 .desc {
	width: 145px;	
	width2: 295px;
}

.person31 .desc { width: 170px; }
.person32 .desc { width: 145px; }

.rightColumn .contact {
	float: left;
	margin-bottom: 45px;
}
.contact .phones {
	width: 295px;
}
.contact .emails {
	width: 310px;
	margin-left: 44px;
}
.contact h6 {
	color: #F1BC05;
	font: bold 13px Tahoma, Geneva, sans-serif;
	padding: 0 0 14px 0;
	border-bottom: solid 1px #484b53;
}
.contact .border {
	border-bottom: solid 1px #484b53;
	padding: 12px 0;
	font: normal 17px Tahoma, Geneva, sans-serif;
}
*html .contact .border {
	font: bold 15px Tahoma, Geneva, sans-serif;
}
.portfolio span.item-title {
	font: normal 13px Arial;
	text-decoration:none;
	color: #D3D3D3;
	display: block;
	padding: 9px 0 25px 11px;
}
.pr-bottom-line span.item-title { padding: 9px 0 21px 11px; }

.portfolio span.item-title-3 {
	font: normal 13px Arial;
	text-decoration:none;
	color: #D3D3D3;
	display: block;
	padding: 7px 0 12px 11px;
}

.portfolio span.item-title-4 { color: #454D55; }

/*--leftColumn2, rightColumn2--*/
.content .leftColumn2 {
	width: 480px;
}
.content .rightColumn2 {
	width: 500px;
}
.leftColumn2 span {
	font: bold 13px Tahoma, Geneva, sans-serif;
	display: block;
	color: #FFF;
	padding: 9px 0 0 11px;
}
.rightColumn2 .caption {
	margin: 25px 0 21px 0;
}
.rightColumn2 p {
	margin: 0 10px 23px 0;
}
.rightColumn2 .quotes {
	background: url(../img/ic2.png) 0 0 no-repeat;
	margin-bottom: 26px;
}
.rightColumn2 .quotes div {
	background: url(../img/ic3.png) right bottom no-repeat;
	padding: 0 50px;
	font-style: italic;
}
.rightColumn2 .info {
	margin-bottom: 29px;
}
.info li{
	background: url(../img/list.gif) 0 center no-repeat;
	padding: 0 0 0 16px;
}
.info li.cap {
	background: none;
	padding: 0 0 10px 0;
}
.rightColumn2 .launchBtn {
	background: url(../img/launch_btn.png) -1px 1px no-repeat;
	width: 214px;
	height: 36px;
	text-decoration: none;
	display: block;
	margin-bottom:26px;
	margin-right:10px;
	float:left;
}
.rightColumn2 .launchBtn:hover {
	background-position:-1px -35px;
}

.launchVideo {
	background: url(../img/launch_video_btn.png) -1px 1px no-repeat;
	width: 214px;
	height: 36px;
	text-decoration: none;
	display: block;
	float:left;
	margin-bottom:26px;
}
.launchVideo:hover {
	background-position:-1px -35px;
}

.project-buttons { margin-top:10px; }

/*------column------*/
.content .columns {
	margin-top: 25px;
	
}
.content .columns td {
	border-right: solid 1px #484b53;
	padding-left: 14px;
	vertical-align: top;
	padding-bottom: 19px;
}
.columns img {
	margin-bottom: 16px;
}
.columns h3 {
	font: normal 20px Tahoma, Geneva, sans-serif;
	color: #FFC601;
	margin-bottom: 12px;
}
.columns p {
	margin-bottom: 18px;
	margin-right: 20px;
}
.columns .info {
	margin-bottom: 18px;
}
.columns .viewBtn {
	background: url(../img/view_btn.png) 0 0 no-repeat;
	width: 170px;
	height: 37px;
	text-decoration: none;
	display: block;
}

/*-------Request Quote-------------*/
.requestQuote {
	margin: 24px 0 0 16px;
}
.requestQuote td {
	vertical-align: top;
}
.requestQuote .cap {
	margin: 0 0 30px 1px;
}
.requestQuote .vertBorder {
	background:url(../img/border.gif) center 0 repeat-y;
}
.requestQuote .subtitle {
	float: left;
	margin-right: 13px;
	height: 16px;
}
.requestQuote .horBorder {
	background: url(../img/border.gif) 0 center repeat-x;
	height: 16px;
}
.requestQuote p {
	text-align: right;
	color: #929498;
	padding-top: 13px;
}
.requestQuote .contactForm2 {
	margin-bottom: 27px;
	margin-top: 10px;
}
.requestQuote .contactForm2 td{
	padding: 6px 0;
	vertical-align: middle;
	color: #909196;
}
.requestQuote .contactForm2 .leftTd {
	width: 126px;
	text-align: right;
	padding-right: 10px;
	white-space: nowrap;
}
.requestQuote .textAreaBlock td {
	padding: 0;
}
.requestQuote ul {
	width: 300px;
	padding-bottom: 31px;
	margin-top: 5px;
}
.requestQuote ul li {
	clear: both;
}
.requestQuote a {
	color: #929499;
}
.requestQuote ul li a {
	float: left;
	display: block;
	padding-top: 8px;
}
.requestQuote ul li a:hover {
	text-decoration: none;
}
/*
.requestQuote ul li .checkbox {
	background: url(../img/checkbox.gif) 0 -25px no-repeat;
	height: 25px;
	width: 23px;
	margin: 0 12px 0 14px;
	text-decoration: none;
	padding: 0;
} */


.requestQuote ul li .active {
	background-position: 0 0;
}
.requestQuote .close {
	display: block;
	float: left;
	background: url(../img/close.gif) 0 0 no-repeat;
	width: 13px;
	height: 13px;
	margin: 14px 0 15px 9px;
}
.requestQuote .clr .inputWrap {
	margin: 3px 16px 0 0;
}
.requestQuote .uploadBtn,
.requestQuote .submitBtn {
	background: url(../img/upload_btn.png) 0 0 no-repeat;
	width: 170px;
	height: 37px;
	display: block;
	text-decoration: none;
	border: none;
}
.requestQuote .submitBtn {
	background: url(../img/submitBtn_2.png) -2px -1px no-repeat;
	margin: 16px 10px 0 0;
	cursor: pointer;
}
.requestQuote .submitBtn:hover {
	background: url(../img/submitBtn_2.png) -2px -40px no-repeat;
}
.requestQuote .textAreaBlock textarea {
	height: 58px;
}

/*---contactForm----*/
.contactForm {
	border-top: solid 1px #484b53;
	padding-top: 10px;
}
.contactForm td {
	padding: 6px 0;
}
.contactForm .leftTd {
	padding-right: 10px;
	width: 128px;
	font: bold 13px Tahoma, Geneva, sans-serif;
	color: #F1BC05;
	text-align: right;
}
.contactForm .submitBtn {
	background:url(../img/submitBtn_2.png) -2px -1px no-repeat;
	height: 37px;
	width: 170px;
	cursor: pointer;
	border: none;
}
.contactForm .submitBtn:hover {
	background:url(../img/submitBtn_2.png) -2px -40px no-repeat;
}
img.required {
	margin: 9px;
	float: left;
}
.inputWrap {
	float:left;
	width:255px;
}
.inputWrap div {
	background:transparent url(../img/input_l.png) no-repeat scroll 0 0;
	float:left;
	height:29px;
	line-height:29px;
	padding-left:14px;
}
.inputWrap div span {
	background:transparent url(../img/input_r.png) no-repeat scroll right top;
	display:block;
	float: left;
	height:29px;
	padding-right: 14px;
}
*html .inputWrap div span {
	border-left: solid 1px #919297;
}
.inputWrap div span input {
	padding:3px 0;
	width:227px;
	border: none;
	margin-top:3px;
	background: none;
}

.textAreaBlock td {
	padding: 0;
}
.textAreaBlock .top_l,
.textAreaBlock .top_r,
.textAreaBlock .bottom_l,
.textAreaBlock .bottom_r {
	height: 17px;
	width: 17px;
}
.textAreaBlock .top_l {
	background: url(../img/top_l.png) 0 0 no-repeat;
}
.textAreaBlock .top_r {
	background: url(../img/top_r.png) 0 0 no-repeat;
}
.textAreaBlock .bottom_l {
	background: url(../img/bottom_l.png) 0 0 no-repeat;
}
.textAreaBlock .bottom_r {
	background: url(../img/bottom_r.png) 0 0 no-repeat;
}
.textAreaBlock .grayBg {
	background-color: #929499;
}
.textAreaBlock textarea {
	margin: 0 17px;
	width: 477px;
	border: none;
	padding: 0;
	height: 102px;
	background-color: #929499;	
}

/*--------FOOTER---------------*/
#footer .address {
	margin: 14px 0 0 33px;
	background: url(../img/earth.png) 0 0 no-repeat;
	height: 35px;
	padding: 1px 0 0 55px;
}
*html #footer .address {
	margin-left: 15px;
}
#footer img.right {
	margin: 14px 30px 0 0;
}
*html #footer img.right {
	margin-right: 15px;
}
.copyright {
	color: #7b7e86;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 18px;
	padding-bottom: 30px;
}

.copyright a{color: #7b7e86;text-decoration:underline;}
.copyright a:hover{text-decoration:none;}

/* ------------------------------------------------------------------------
	This you can customize
------------------------------------------------------------------------- */

label.checkbox span.holder {
	background: url(../img/checkbox.png) 0 -25px no-repeat;
	height: 25px;
	width: 23px;
	text-decoration: none;
	padding: 0;
}
*html label.checkbox span.holder { background: url(../img/checkbox.gif) 0 -25px no-repeat; }
	
label.checked span.holder,
label.checked span.holder,
label.checked:hover span.holder,
//label.checked:hover span.holder { top: -42px !important; } /* Background position when checked */
label.checked span.holder { background-position:0 0 !important; } /* Background position when checked */

/* ------------------------------------------------------------------------
	Customize at your own risk
------------------------------------------------------------------------- */

label.list {
	float: left; clear: left;
	margin: 0 0 -5px 13px;
	line-height:30px;
}

label.inline {
	float: left; margin: 0 10px 0 0;
}

input.hiddenCheckbox {
	position: absolute; left: -10000px; /* Hide the input */
}

label.prettyCheckbox span.holderWrap {
	display: block; float: left;
	position: relative;
	margin-right: 5px;
	overflow: hidden;
}

label.prettyCheckbox span.holder {
	display: block;
	position: absolute;
	top: 0; left: 0;
}



.portfolio-works-scroll { position:relative; width:100%; overflow:hidden; }
.portfolio-works-scroll table.slim {border-collapse:collapse;}
.portfolio-works-scroll table.slim td.slim {padding:0; margin:0; border:none; vertical-align:top;}
.portfolio-works-scroll .scroll-td { width:1004px;  }


.main-projects-scroll { width:100%; height:227px; overflow:hidden; }
.main-projects-scroll table.slim {border-collapse:collapse;}
.main-projects-scroll table.slim td.slim {padding:0; margin:0; border:none; vertical-align:top;}
.main-projects-scroll .scroll-td { width:1000px;  }

.projectName {
	font-size:32px;
	line-height:60px;
	height:50px;
	padding-top:18px;
	color:#eee;
}

span.projectSmallName {
	color:#b4b4b4;
}

#idVideo { display:none; position:relative;  }
#idVideo .panel {
	position: absolute;
	top: 15px;
	left: 130px;
	z-index: 999;
	width:769px; 
	height:440px; 
	background: url(../img/video_panel.png) 0 0 no-repeat;
}
#idVideo .close {
	position: absolute;
	z-index: 1001;
	right:26px;
	top: 26px;
}
#idVideo .player {
	position: absolute;
	z-index: 1000;
	top: 26px;
	right:62px;
	width:644px;
	height: 388px;
}
#idVideo .player a { color: #FFC601;}



table.center-paging {border-collapse:collapse; width:100%; }
table.center-paging td {text-align:center; vertical-align:top;}


.project-images-scroll { position:relative; width:449px; overflow:hidden; }
.project-images-scroll table.slim {border-collapse:collapse;}
.project-images-scroll table.slim td.slim {padding:0; margin:0; border:none; vertical-align:top;}
.project-images-scroll .scroll-td { width:449px;  }


#idProjectPopup { display:none; position:relative;  }
#idProjectPopup .panel {
	position: absolute;
	top: -59px;
	left: -1px;
	z-index: 999;
	width:1001px; 
	height:592px; 
	background: url(../img/project_popup_panel.png) 0 0 no-repeat;
}
#idProjectPopup .panel .close {
	position: absolute;
	z-index: 1001;
	right:20px;
	top: 20px;
}
#idProjectPopup .panel .image {
	position: absolute;
	z-index: 1000;
	top: 46px;
	right:46px;
	width:902px;
	height:501px;
	background-color2:red;
}
#idProjectPopup .panel .image img { margin:auto;}
#idProjectPopup .panel .title {
	position: absolute;
	z-index: 1000;
	left:58px;
	bottom:17px;
	color:#fff;
}
#idProjectPopup .image a { color: #FFC601;}


.home-bottom { padding: 30px 20px 0 56px; //padding-top:0px}
.home-bottom table {border-collapse:collapse;}
.home-bottom .home-text {padding-left:28px; font: normal 13px Arial, Helvetica, sans-serif; color: #909195; }


.company-h3 { font-size: 20px; }