body{background:#fff; font-family:'calibri', Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal; color:#1a1a1a; margin:0px; padding:0px; }

a
{
text-decoration:none; color:#1a1a1a;
}

a:hover
{

text-decoration:underline;
}
.g-recaptcha{
margin:10px 0;
}


p
{
	margin:0px; color:#000; font-size:12px; line-height:18px;
}

h1, h2, h3{
font-weight:normal;
color:#000;
margin:0px;
margin-bottom:15px;
}

h1{font-size:24px;}

.cleardiv{clear:both; padding:0px; margin:0px;}


ul
{
margin:10px 0px 10px 40px;
padding:0px;
}

ul li{ padding:0px; margin:0px; list-style-type:square; }
.flat-left{ float:left;}
.flat-right{ float:right;}
img{ border:0px;}



/*HelveticaNeueRegular font family */
@font-face {
    font-family: 'helvetica_neueregular';
    src: url('../font/helveticaneue-light-webfont.eot');
    src: url('../font/helveticaneue-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/helveticaneue-light-webfont.woff') format('woff'),
         url('../font/helveticaneue-light-webfont.ttf') format('truetype'),
         url('../font/helveticaneue-light-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*Helvetica font family */
@font-face {
	font-family: 'Conv_helr65w';
	src: url('../font/helr65w.eot');
	src: local('☺'), url('../font/helr65w.woff') format('woff'), url('../font/helr65w.ttf') format('truetype'), url('../font/helr65w.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*Helvetica Neue font family */

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

}

/*Myriad-Pro font family */

@font-face {
    font-family: 'MyriadWebProRegular';
    src: url('../font/myriad-web-pro-webfont.eot');
    src: url('../font/myriad-web-pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/myriad-web-pro-webfont.woff') format('woff'),
         url('../font/myriad-web-pro-webfont.ttf') format('truetype'),
         url('../font/myriad-web-pro-webfont.svg#MyriadWebProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'ProximaNovaLight';
    src: url('../font/proximanova-light-webfont.eot');
    src: url('../font/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-light-webfont.woff') format('woff'),
         url('../font/proximanova-light-webfont.ttf') format('truetype'),
         url('../font/proximanova-light-webfont.svg#ProximaNovaLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('../font/proximanova-regular-webfont.eot');
    src: url('../font/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-regular-webfont.woff') format('woff'),
         url('../font/proximanova-regular-webfont.ttf') format('truetype'),
         url('../font/proximanova-regular-webfont.svg#ProximaNovaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaSemibold';
    src: url('../font/proximanova-semibold-webfont.eot');
    src: url('../font/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-semibold-webfont.woff') format('woff'),
         url('../font/proximanova-semibold-webfont.ttf') format('truetype'),
         url('../font/proximanova-semibold-webfont.svg#ProximaNovaSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('../font/proximanova-bold-webfont.eot');
    src: url('../font/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-bold-webfont.woff') format('woff'),
         url('../font/proximanova-bold-webfont.ttf') format('truetype'),
         url('../font/proximanova-bold-webfont.svg#ProximaNovaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaExtrabold';
    src: url('../font/proximanova-extrabold-webfont.eot');
    src: url('../font/proximanova-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/proximanova-extrabold-webfont.woff') format('woff'),
         url('../font/proximanova-extrabold-webfont.ttf') format('truetype'),
         url('../font/proximanova-extrabold-webfont.svg#ProximaNovaExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}



#wrap{ width:100%; padding:0px; margin:0px auto; }
.content, .footer{ width:955px; padding:0px; margin:0px auto; clear:both;}

.header{ position:relative; width:100%; height:506px;  padding:0px; margin:0px; }
.header .banner{ height:357px; width:955px; padding:0px; margin:0px auto;  position:relative;}
.header .banner .bannerCont{ background:url(../images/whitetransprante.png) repeat; padding:20px 13px; width:600px; position:absolute; top:35%; left:21%; }
.header .banner .bannerCont h2{ font-family:'ProximaNovaExtrabold',Arial, Helvetica, sans-serif; font-size:90px; color:#1a1a1a; font-weight:normal; margin:0px;}
.header .banner .bannerCont p{ font-size:18px; font-family:'ProximaNovaBold',Arial, Helvetica, sans-serif; width:79%; float:left;}
.header .banner .bannerCont span{ float:right; width:20%; padding-top:10px;}
.header .banner .bannerCont span a{ display:block; float:right; color:#333; background:url(../images/rightarrow.png) no-repeat 100% center; padding-right:18px; font-family:'ProximaNovaBold',Arial, Helvetica, sans-serif;}

.header .topPan{ width:100%; position:absolute; top:0px; left:0px; z-index:500;}

.topPan1{ width:955px; position:relative; margin:0 auto; top:0px; left:0px; z-index:1000;}

.topPan .topheader{ height:38px; width:895px;  padding:20px 30px; background:#1a1a1a; margin:0px auto;}
.logo{float:left;}
.menu{ float:right; padding:10px 0 0; margin:0px}
.menu ul{padding:0px; margin:0px}
.menu ul li{ list-style-type:none; margin-left:24px; float:left; line-height:18px;}
.menu ul li a{ display:block; color:#fff;  font-family:'helveticaneuebold',Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; }
.menu ul li a:hover, .header .topheader .menu ul li.active{background:url(../images/menuline.png) repeat-x 0 100%;}
.menu ul li:first-child{ margin-left:0px;}


/*content*/
.content{ padding:33px 0px 40px !important; font-family:'MyriadWebProRegular',Arial, Helvetica, sans-serif;}
.content .leftCont{ width:600px; padding:0px 24px; margin:0px; float:left; font-family:'MyriadWebProRegular',Arial, Helvetica, sans-serif;  }
.content .leftCont h1{font-family:'MyriadWebProRegular',Arial, Helvetica, sans-serif; font-weight:bold; font-size:36px; margin:0px 0 -12px 0;}
.content .leftCont p{ font-size:18px; line-height:18px; margin:15px 0 0px; font-family:'MyriadWebProRegular',Arial, Helvetica, sans-serif; font-weight:normal; }
.content .leftCont p.fontSize-19{ font-size:19px;}
.content .leftCont p:first-child{ margin-top:0px;}
.content .margin-top{ margin-top:10px;}


.content .leftCont #formdiv{ padding:0px; margin:20px 0 0;}
.content .leftCont #formdiv form{ padding:0px; margin:0px; border:0px; font-family:'MyriadWebProRegular',Arial, Helvetica, sans-serif; }
.content .leftCont #formdiv form label{ color:#a0a0a0; line-height:44px; display:block;}
.content .leftCont #formdiv form input[type="text"]{ border:1px solid #b3b3b3; font-size:16px; background:#fff; width:275px; height:14px; padding:15px 5px; display:block; margin-bottom:18px;}
.content .leftCont #formdiv form .txtarea{ width:98%; height:101px;  border:1px solid #b3b3b3; font-size:16px; padding:10px 5px;}
.content .leftCont #formdiv form input[type="submit"]{ text-align:right; margin:17px 0 0; color:#333333; background:url(../images/arrow.jpg) no-repeat 100% center; padding-right:20px; font-family:'helveticaneuebold',Arial, Helvetica, sans-serif; font-size:17px;  border:0px; float:right;}
.content .leftCont #formdiv form input[type="submit"]:hover{ color:#fbb03b; cursor:pointer; background:url(../images/arrow-hover.jpg) no-repeat 100% center;}
.content .rightCont{ width:268px; padding:0px; margin:0px; float:right; font-family:'MyriadWebProRegular',Arial, Helvetica, sans-serif;}
.content .rightCont .graybox{ width:236px;  background:#e8e8e8; padding:14px 14px 17px 16px; overflow:hidden; float:right; *padding-top:25px !important;}
.content .rightCont .graybox p{ margin:10px 0 15px; }
.content .rightCont .graybox p span{ background:#333333; font-size:17px; line-height:27px; color:#fff;  padding:7px 10px; margin:2px 0 2px 0px;  *padding:7px 8px;   padding:7px 8px\9; }
.content .rightCont .graybox .photo{ font-weight:100; vertical-align:middle; padding:15px 0 0;  font-family:'helveticaneuebold',Arial, Helvetica, sans-serif;}
.content .rightCont .graybox .photo img{float:left; margin-right:20px; margin-top:-11px; }

.content .rightCont .contDetainl{ background:#e8e8e8; padding:17px 16px; width:236px; margin-bottom:30px; font-family:'MyriadWebProRegular',Arial, Helvetica, sans-serif; }
.content .rightCont .contDetainl h2{ margin:0px 0 5px; font-size:16px; color:#333333; font-weight:bold; font-family:'MyriadWebProRegular',Arial, Helvetica, sans-serif; }
.content .rightCont .contDetainl .detail{ width:100%; padding:0px; margin:0px; font-size:16px; font-family:'MyriadWebProRegular',Arial, Helvetica, sans-serif;}
.content .rightCont .contDetainl .detail .leftdetail{ float:left; width:75px; color:#777777; font-family:'MyriadWebProRegular',Arial, Helvetica, sans-serif;}
.content .rightCont .contDetainl .detail .rightDetainl{ float:left; width:150px; color:#1a1a1a; font-family:'MyriadWebProRegular',Arial, Helvetica, sans-serif; }

.height-25{ height:25px;}



.office{ width:955px; padding:0px; margin:0px auto 68px; *margin-top:-32px; *margin-bottom:104px;}
.office .officeBlock{ width:272px; padding:0px; margin:0px 23px; float:left;}

.office .officeBlock .imgblock1 a{ display:block; width:65px; height:59px; background:url(../images/office-fitouts.jpg) no-repeat left top; margin:0px auto 24px; *margin-bottom:27px; }
.office .officeBlock .imgblock1 a:hover{ background-position:0px 100%;}

.office .officeBlock .imgblock2 a{ display:block; width:65px; height:60px; background:url(../images/office-partitions.jpg) no-repeat left top; margin:0px auto 24px; *margin-bottom:27px; }
.office .officeBlock .imgblock2 a:hover{ background-position:0px 100%;}

.office .officeBlock .imgblock3 a{ display:block; width:57px; height:67px; background:url(../images/office-demolition.jpg) no-repeat left top; margin:0px auto 16px; *margin-bottom:19px; }
.office .officeBlock .imgblock3 a:hover{ background-position:0px 100%;}





.office .officeBlock h2{ font-weight:100; font-size:20px; text-align:center; margin:0px 0 5px; font-family:'helveticaneuebold',Arial, Helvetica, sans-serif; }
.office .officeBlock h2 a{ color:#333333;}
.office .officeBlock h2 a:hover{ color:#fbb03b; text-decoration:none;} 

.office .officeBlock h2 img{ margin:-3px 0 0 4px; vertical-align:middle; *margin-top:3px;}
.office .officeBlock h2.officeArrow img{ margin-left:2px;}
.office .officeBlock p{ text-align:center; font-size:13px; font-weight:100; margin:0px; line-height:16px; font-family:'MyriadWebProRegular',Arial, Helvetica, sans-serif;}

.call{ margin:0px auto 0px; border:1xp solid #000; width:955px; *margin-bottom:33px;  *margin-top:-35px;}
.call h2{ font-size:27px;  float:left; padding-left:10px;  font-family:'helveticaneuebold',Arial, Helvetica, sans-serif; color:#333333; text-align:center;}
.call h2 span{ text-decoration:underline;}
.call img{ float:right; margin:-10px 10px 0;}

.call{ margin:0px auto 0px; border:1xp solid #000; width:955px; *margin-bottom:33px;  *margin-top:-35px;}
.call h2{ font-size:27px;  float:left; padding-left:10px; width:820px;  font-family:'helveticaneuebold',Arial, Helvetica, sans-serif; color:#333333; text-align:left;}
.call h2 span{ text-decoration:underline;}
.call img{ float:right; margin:0px 10px 0;}

.call h2 a
{
outline:none;
color:#333333;
}


.footer{ background:#1a1a1a; height:59px; text-align:center; color:#fff; font-size:12px; line-height:59px; margin-top:20px !important; font-family:'MyriadWebProRegular',Arial, Helvetica, sans-serif;}
.footer a{ color:#fff; text-decoration:none; display:inline;}
.footer a:hover{ color:#fbb03b;}


/*--------------------------------------------office-fitouts page------------------------------------------------------*/
#innerPageWrap{ width:955px; padding:0px; margin:0px auto;}
.content, .footer{ width:955px; padding:0px; margin:0px auto; clear:both;}

.innerPageheader{width:955px; padding:0px; margin:0px; }

.innerPageheader .innertopheader{ height:38px; width:895px;  padding:20px 30px; background:#1a1a1a; }
.logo{float:left;}
.menu{ float:right; padding:10px 0 0; margin:0px}
.menu ul{padding:0px; margin:0px}
.menu ul li{ list-style-type:none; margin-left:24px; float:left; line-height:18px;}
.menu ul li a{ display:block; color:#fff;  font-family:'helveticaneuebold',Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; }
.menu ul li a:hover, .menu ul li.active{background:url(../images/menuline.png) repeat-x 0 100%;}
.menu ul li:first-child{ margin-left:0px;}



.innerPagebanner{ width:955px; padding:0; margin:23px auto -35px 0; }
*+html .innerPagebanner{ margin-bottom:-50px;}  
.innerPagebanner-officefitouts { width:955px; padding:0; margin:23px auto -15px !important; position:relative; }
.innerPagebanner-officePartition{ width:955px; padding:0; margin:23px auto -15px !important; position:relative; }
.innerPagebanner-officedemo{ width:955px; padding:0; margin:23px auto -15px !important; position:relative; }

.contactbanner{ width:955px; padding:0; margin:23px auto 22px; position:relative; }

.office-fitoutsThumImg{ padding:0px; margin:0px 0;}
.office-fitoutsThumImg ul{ padding:0px; margin:0px; list-style-type:none;}
.office-fitoutsThumImg ul li{ float:left; margin:0  0 17px 17px;}
.office-fitoutsThumImg ul li:first-child{ margin-left:0px;}

.margintop20{ *margin-top:20px;}