@charset "utf-8";*{margin:0;padding:0;}
body{margin:0;padding:0px;background:url(../images/bg_grid.gif) repeat;font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;color:#3f3f3f;font-size:13px;line-height:13px;}
a img{border:none;text-decoration:none;z-index:100;}
#pageRightPortfolio img {margin-bottom:30px;border:6px solid #ececec}
#pageRightPortfolioMain img {margin-top:0px;border:3px solid #ececec}

/*Font*/
h1{font-size:40px;color:#c5a66a;letter-spacing:0px;z-index:100;;margin-bottom:15px;margin-top:15px;}
h2{font-size:20px;color:#636363;margin:0;letter-spacing:0px;}
h3{font-size:20px;position:relative;color:#c5a66a;z-index:1;margin:0 0 0 0;}
h4{font-size:12px;position:relative;color:#636363;z-index:1;}
h5{font-size:24px;position:relative;color:#707070;z-index:1;margin-bottom:5px;}
p.pt1{font-size:12px;position:relative;color:#c5a66a;z-index:1;margin-bottom:5px;text-transform:none}
p.pt2{font-size:20px;position:relative;color:#696969;z-index:1;margin-bottom:5px;text-transform:none}
p.pt3{font-size:28px;position:relative;color:#c5a66a;z-index:1;margin-bottom:8px;text-transform:none}
p{margin:1px 0px 1.4em;font-size:12px;line-height:18px;letter-spacing:0px;text-align:justify;}
p.seven{font-size:12px;color:#6b6b6b;margin-top:0px;margin-bottom:0px;}
p.seven a{color:#2c2c2c;}
a{text-decoration:none;color:#b2831f;cursor:pointer;font-size:12px}
a.aType1{font-size:11px}
h6{font-size:34px;color:#000000;letter-spacing:1px;z-index:100;position:absolute;top:70px;right:0px;}
p.mpThumbDes{color:#464646;font-size:11px;text-align:left;line-height:15px;padding-top:3px}
a.mpThumbView{color:#f26722;font-size:10px;position:absolute;bottom:0;right:5px}
p.fLeft{float:left;width:50%;text-align:left}
p.fRight{float:left;width:50%;text-align:right;color:#8a8a8a}
a.aGold {color:#c5a66a}
a.grey{color:#707070}
p.grey{color:#707070}
p.gL{color:#707070;font-size:11px;line-height:20px;}
p.gL a:hover{color:#9e9e9e}
p.pColor1{color:#c5a66a}
p.rateBig{color:#c5a66a;font-size:60px;letter-spacing: -1px;line-height: 60px;margin-left: 190px;margin-top: 40px;}
p.highlight{font-size:20px}
a:hover.grey{color:#c5a66a}
.box1 strong{color:#c5a66a}
#pageLeftPortfolio a.tagBox3, .portfolioThumb a.tagBox3{font-size:9px;text-transform:uppercase;background-color:#9e9e9e;color:#fff;padding-left:5px;padding-right:7px;height:11px;margin-right:0px;margin-top:5px;margin-bottom:5px;text-align: left;}
#pageLeftPortfolio a:hover.tagBox3, .portfolioThumb a:hover.tagBox3{background-color:#c5a66a}
#pageLeftPortfolio a.tagBox4, .portfolioThumb a.tagBox4{font-size:9px;text-transform:uppercase;background-color:#c8c8c8;color:#fff;padding-left:5px;padding-right:7px;height:11px;margin-right:0px;margin-top:5px;margin-bottom:5px;cursor:default;text-align: left;}
.portfolioThumb p{font-size:10px}
#pageLeftPortfolio a.tagBox5, .portfolioThumb a.tagBox5{font-size:11px;text-transform:uppercase;background-color:#9e9e9e;color:#fff;padding-left:10px;padding-right:10px;height:11px;margin-right:0px;margin-top:5px;margin-bottom:5px;cursor:default;text-align: left;line-height:16px}
#portfolioSummary .portfolioThumb2 p a, #portfolioSummary .portfolioThumb2S p a{font-size:9px}
#portfolioSummary .portfolioThumb2 img, #portfolioSummary .portfolioThumb2S img {border: 3px solid #ECECEC; margin-top: 0;}

/*Header*/
#header{position:relative;display:block;width:980px;height:63px;top:0px;z-index:2;margin-bottom:10px;margin-top:0;clear:both;}
#logo{display:block;float:left;position:relative;width:222px;height:55px;margin-top:10px;background:url(../images/logo.png) no-repeat}
#logo a{display:block;width:100%;height:100%;border:0}
#logoNone{display:block;float:left;position:relative;width:174px;height:90px}
#hotline{display:block;position:relative;float:right;width:235px;height:30px;margin-top:6px}
#hotline a{color:#707070}
#hotline p{color:#707070;font-size:12px}
#social{display:block;position:absolute;top:15px;left:1000px;width:110px;height:100px}
a.feedbackA{color:#646363}
#naviBar {display:block;float:right;position:relative;height:22px;width:462px;margin-top:5px;z-index:10000}
#naviBar p{font-size:18px;color:#464646}
#naviBar a{font-size:13px;color:#464646;text-transform:uppercase}
#naviBar a:hover{color:#c5a66a}
#naviBar ul li a:hover.nolink{cursor:default}
#navbar li {
   list-style: none;
   float: left;
   z-index:10000;
   margin-right:-7px}
#navbar li a {
   display: block;
   font-weight:bolder;
   line-height:15px;
   height:23px;
   padding: 5px 17px;
   margin-top:0px;
   margin-bottom:0px;
   color: #3f3f3f;
   text-decoration: none;
   z-index:10000 }

#navbar li a.dc {
padding-top:2px;padding-bottom:2px;height:16px
}
#navbar li a:hover {
   color: #c5a66a;
 }
   
#navbar li ul {
   display: none; 
   width: 10em; /* Width to help Opera out */
   z-index:10000
}

#navbar li ul a {
	min-width:120px;
	z-index:10000
 }

#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0;
   z-index:10000;}
#navbar li:hover li, #navbar li.hover li {
   float: none; 
   z-index:10000}
#navbar li:hover li a, #navbar li.hover li a {
   background-color: #000066;
   border-bottom: 1px solid #fff;
   color: #fff;
   z-index:10000 }
#navbar li li a:hover {
   background-color: #8db3ff;
   z-index:10000 }


.dropContent{overflow:visible;z-index:10}
.dropContent p{display:block;color:#fff}
#dropdown_5columns, #dropdown_5columns2, #dropdown_5columns3{
        background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #d7d7d7;
    opacity: 0.85;
    padding-top:10px}
    
#dropdown_5columns{width:182px;height:213px;float:left;position:absolute;left:-999em;text-align:left;z-index:10;}
#navbar li:hover #dropdown_5columns{left:69px;display:block;z-index:10000}

#dropdown_5columns2{width:150px;height:98px;float:left;position:absolute;left:-999em;text-align:left;z-index:10;}
#navbar li:hover #dropdown_5columns2{left:165px;display:block;z-index:10000}

#dropdown_5columns3{width:180px;height:95px;float:left;position:absolute;left:-999em;text-align:left;z-index:10;}
#navbar li:hover #dropdown_5columns3{left:278px;display:block;z-index:10000}

/*Left Navi*/
#leftNavi{display:block;position:relative;float:right;margin:0px 0px 0px 0px;width:200px;}
#sliding-navigation3{width:200px;margin:25px 0px 0px 0px;overflow:hidden;}
#sliding-navigation3 ul{margin:0;padding:0;list-style:none;font-size:11px;display:block;position:relative;float:left;width:160px;}
#sliding-navigation3 li{margin:0;padding:0;list-style:none;font-size:9px;display:block;position:relative;float:left;width:160px;}
#sliding-navigation3 ul{list-style:none;}
#sliding-navigation3 a{width:100%;display:block;padding:2px 5px 4px 20px;background:#524c4c center right no-repeat;margin:3px 0;text-decoration:none;}
#sliding-navigation3 h3.principal{width:140px;display:block;padding:2px 5px 3px 10px;margin:5px 0;text-decoration:none;}
#sliding-navigation3 a{color:#fff;}
#sliding-navigation3 h3{font-size:13px;}
#sliding-navigation3 h3.principal{}

/*Div*/
#main{}
.container{margin:0px auto;width:980px;min-height:100%;}
.containerW{margin:0px auto;width:980px;min-height:100%;}
.bgLight{margin:0px 0px 0px 0px;background:url(../images/bg_light.jpg) no-repeat;}
#page{display:block;position:relative;float:left;margin-top:0px;width:980px;min-height:500px;z-index:1;}
#pageContent{display:block;position:relative;float:right;margin:25px 0px 0px 20px;width:760px;min-height:600px;}
#pageTitle{float:left;position:relative;margin:0px 0px 0px 0px;width:700px;height:100%;padding:5px 0px 5px 0px;}
#pageText{font-size:1.1em;line-height:1.4em;text-decoration:none;text-align:justify;width:760px;margin:0px 0px 0px 0px;}
#spaceBF{float:left;margin:0px 0px 0px 0px;height:15px;width:980px;}
.mpIntroThumb{display:block;position:relative;float:left;margin-left:15px;width:233px;height:197px;padding-top:7px;background:url(../images/thumbtop.png) no-repeat}
.mpIntroThumb2{display:block;position:relative;float:left;margin-right:0px;width:211px;height:197px;padding-left:22px}
.mpIntroThumb3{display:block;position:relative;float:left;margin-right:0px;width:205px;height:197px;padding-right:12px;padding-top:12px}
.mpThumbTitle{color:#414141;font-size:10px;font-weight:700;text-align:left;margin-top:7px;margin-bottom:4px;height:15px}
#map{display:block;position:relative;float:left;margin:5px 5px 0px 0px;width:500px;}
#sectionTitle{display:block;position:relative;float:left;margin:10px 0px 20px 0px;width:100%;height:100%;}
#contactDetail{display:block;position:relative;float:left;margin:5px 5px 0px 5px;}
#mainPageIntro{margin-top:0px;width:980px;position:relative;float:left;}
.mpIntroSection{display:block;position:relative;width:270px;height:380px;margin-right:80px;float:left;}
.mpIntroSectionS{display:block;position:relative;width:280px;float:left;}
p.more{bottom:0;right:0;position:absolute;display:block;font-size:12px;}
table{font-size:10px;}
#w500{width:500px;float:left;display:block;}
#pageRight{display:block;position:relative;float:left;width:450px;min-height:620px;margin-left:19px}
.pcText {padding-right:10px}
strong {font-weight:bold;}
img{border:none;}
#pageLeft1{position:relative;float:left;width:490px;margin-top:20px}
#pageRight1{position:relative;float:left;width:470px;margin-left:20px;margin-top:20px}
.w360{position:relative;float:left;width:360px}
#pageRightPortfolio{position:relative;float:left;width:715px;margin-left:50px;margin-top:13px}
#pageRightPortfolioMain{position:relative;float:left;width:715px;margin-left:50px;margin-top:13px}
#pageLeftPortfolio{position:relative;float:left;width:210px;margin-top:15px}
.portfolioListBtm{position:relative;float:left;width:230px;margin-top:15px}
.box1{width:150px;height:150px;margin-right:20px;margin-bottom:20px;float:left;position:relative;background:#f6f6f6;padding:10px}
.portfolioThumb{width:210px;height:200px;margin-left:24px;margin-bottom:20px;float:left;position:relative}
.portfolioThumb2{width:180px;height:145px;margin-left:11px;margin-bottom:0px;float:left;position:relative}
.portfolioThumb2S{width:180px;height:145px;margin-bottom:0px;float:left;position:relative}
.box2{float:left;position:relative;width:480px;height:205px}
.box3{float:left;position:relative;width:230px;height:205px}
.box4{float:left;position:relative;width:240px;height:205px}
#pLeft1{float:left;position:relative;width:710px;height:100%;margin-right:30px}
.p710{float:left;position:relative;width:710px;height:100%}
.w190{float:left;position:relative;width:190px;height:100%;margin-top:15px}
.w520{float:left;position:relative;width:520px;height:100%;margin-top:15px}
#rateBox{display:block;position:relative;float:left;width:757px;height:178px;background:url(../images/plan_bg.gif) no-repeat}
#priceBox{display:block;position:relative;float:left;width:757px;height:100px}
#buttonBox{display:block;position:relative;float:left;width:757px;height:70px}
#portfolioSummary {float:left;position:relative;width:760px;margin-top:30px}
#action {float:left;position:relative;width:760px}
#action2 {float:left;position:relative;width:760px;margin-top:20px;background:url(../images/plan-action.gif) no-repeat;}
#action2 p{padding-top:3px;padding-left:8px}
.feature {float:left;position:relative;width:125px;height:130px;margin-left:15px;margin-right:15px;padding-top:15px}
.feature p {text-align:center;margin-top:15px}
.featureLine {float:left;position:relative;width:1px;height:130px;margin-top:15px;background:url(../images/140h.gif) no-repeat;}
#benefit{float:left;position:relative;width:270px;height:160px;margin-left:20px;background:url(../images/benefit-bg.png) no-repeat;}
#benefit p {padding-top:50px;padding-left:20px}
#w760 {float:left;position:relative;width:760px;height:200px}
.point{display:block;position:relative;float:left;width:980px;height:300px;margin-top:0px}
.pointImg{display:block;position:relative;float:left;width:430px;height:300px}
.pointText{display:block;position:relative;float:left;width:480px;height:300px;margin-top:30px}
.pointText p{margin-top:12px}
#pageTop{float:left;position:relative;width:980px;height:400px;margin-top:20px}
#pageTopLeft{float:left;position:relative;width:480px;height:350px;padding-top:15px}
#pageTopRight{float:left;position:relative;width:400px;height:400px;margin-left:80px}

#profileTopLeft{float:left;position:relative;width:600px;height:150px;margin-right:100px;margin-top:20px}
#profileTopRight{float:left;position:relative;width:280px;height:40px;margin-top:80px}

/*Footer*/
#footer{clear:both;padding-top:0px;margin:0px 0px 0px 0px;position:relative;font-size:10px;width:100%;}
#footer p{font-size:10px;text-decoration:none;color:#8a8a8a;letter-spacing:0px;text-transform:uppercase}

/*Form*/
#form2{color:#fff;float:left;position:relative;display:block;width:980px;}
#form2 input, textarea{font:100% Trebuchet MS, Arial, Helvetica, Sans-Serif;line-height:160%;color:#333;}
#form2 fieldset{margin:0;padding:0;border:none;background:#2e2e2e;padding-bottom:1em;}
#form2 legend{display:none;}
#form2 p{margin:.5em 20px;color:#CCCCCC;}
#form2 label{display:block;}
#form2 input{width:270px;border:1px solid #111;background:#282828;padding:5px 3px;margin-top:10px;color:#fff;}
#form2 textarea{width:600px;border:1px solid #111;background:#282828;padding:5px 3px;margin-top:10px;color:#fff;}
#form2 textarea{height:142px;overflow:auto;}
#form2 p.submit{text-align:center;}
#form2 button{padding:0px 20px;height:32px;line-height:25px;border:1px solid #FFCC00;background:#ffbe00;color:#000;cursor:pointer;text-align:center;font-weight:bold;}
#contactBoxLeft{display:block;float:left;width:300px;}
#contactBoxRight{display:block;float:left;width:630px;}
#enquiry{display:block;position:relative;float:left;width:980px;}
#bigText{display:block;width:980px;text-align:center;font-size:88px;padding-top:100px;padding-bottom:30px;}
#serviceBox{display:block;float:left;margin-top:50px;width:980px;text-align:center;font-size:16px;}
#serviceIntro{display:block;float:left;width:300px;margin-left:12px;text-align:center;font-size:16px;}
#serviceText{margin:10px 0px 0px 0px;padding:5px 10px 5px 10px;background-color:#ffffff;color:#000000;width:200px;float:left;}
#serviceText a{color:#000000;}
p.webpackagenote{font-size:10px;line-height:1.4em;text-align:left;color:#000000;letter-spacing:0px;}
.webpackageshortdes p{font-size:10px;line-height:1.2em;text-align:justify;color:#2c2c2c;letter-spacing:0px;}
p.webpackagetitle{font-size:12px;line-height:1.2em;letter-spacing:0px;text-align:left;font-weight:bold;color:#000000;}
p.webpakcageprice{line-height:1.2em;letter-spacing:0px;font-size:10px;text-align:left;color:#000000;}
.webpackagepriceno{font-size:18px;line-height:1.2em;letter-spacing:0px;text-align:left;font-weight:bolder;color:#000000;}
.boxN{width:300px;height:170px;float:left;overflow:hidden;position:relative;margin-right:40px;margin-top:40px;}
.boxS{width:300px;height:170px;float:left;overflow:hidden;position:relative;margin-right:0px;margin-top:40px;}
.boxgrid{width:324px;height:185px;float:left;background:#161613;overflow:hidden;position:relative;margin-right:4px;margin-top:4px;}
.boxgridS{width:324px;height:185px;float:left;background:#161613;overflow:hidden;position:relative;margin-top:4px;}
.boxgridM{width:324px;height:185px;float:left;overflow:hidden;position:relative;margin-top:4px;}
.boxgrid img, .boxgridS img{position:absolute;top:0px;left:0px;}
.boxgrid p, .boxgridS p{padding:0 10px;color:#afafaf;font-weight:bold;font:10pt "Lucida Grande", Arial, sans-serif;}

/*Slider*/
.svwp{width:50px;height:20px;background:#fff;z-index:1}
.svwp ul{position:relative;left:-999em}
.slideViewer{position:relative;overflow:hidden;margin:0;margin-top:20px;padding:0;background:#fff;}
.slideViewer ul{position:relative;left:0;top:0;width:1%;list-style-type:none;margin:0;padding:0;}
.slideViewer ul li{float:left;}
.slideViewer span.typo{padding:6px;background:#fff;color:#000;font:normal 10px Verdana;}
.thumbSlider{overflow:hidden;width:1%;background:#fff;}
.thumbSlider ul{list-style-type:none;margin:0;padding:0;}
.thumbSlider ul li{float:left;margin:0;}
.thumbSlider a img{border:0;display:block;padding:0;}
.thumbSlider p.tmbrdr{position:relative;left:0;font-size:0.01em;left:0;margin:0;padding:0;}
a.left, a.right{background:transparent;color:#ff0000;font:bold 16px Arial;overflow:hidden;}
a.left span, a.right span{}
a.left img, a.right img{border:0;}
a.l_dis, a.r_dis{background:transparent;cursor:default;}
a.l_dis span, a.r_dis span{display:none;}
a:focus{outline:none;}

span.ValidationErrors{display:inline-block;font-size:10px;color:#f26722;padding-left:10px;font-style:italic}

/*portfolio Cat*/
#catDiv {position:relative;float:left;width:650px;height:40px;margin-left:70px;margin-top:15px;z-index:1000;text-transform:uppercase}
#portfolioCat {position:relative;float:right;width:145px;height:20px;z-index:1000}
#catP{position:relative;float:right;width:110px;height:23px;z-index:1000;padding-top:6px;font-size:10px}
#catP2{position:relative;float:right;width:130px;height:23px;z-index:1000;padding-top:6px;font-size:10px}

#catDiv #portfolioCat ul {
    font-size: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#catDiv #portfolioCat ul li {
    display: block;
    position: relative;
    float: left;
	width:130px;
	height:20px;
}
#catDiv #portfolioCat li ul {
    display: none;
}
#catDiv #portfolioCat ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    border-top: 1px solid #ffffff;
    padding: 5px 10px 5px 15px;
    background: #9e9e9e;
    margin-left: 1px;
    white-space: nowrap;
}
#catDiv #portfolioCat ul li a:hover {
background: #c5a66a;
}
#catDiv #portfolioCat li:hover ul {
    display: block;
    position: absolute;
}
#catDiv #portfolioCat li:hover li {
    float: none;
    font-size: 10px;
}
#catDiv #portfolioCat li:hover a { background: #9e9e9e; }
#catDiv #portfolioCat li:hover li a:hover {
    background: #c5a66a;
}

/*portfolio Cat*/
#catDiv2 {position:relative;float:right;width:280px;height:40px;margin-left:70px;margin-top:15px;z-index:1000;text-transform:uppercase}
#portfolioCat {position:relative;float:right;width:145px;height:20px;z-index:1000}
#catP{position:relative;float:right;width:110px;height:23px;z-index:1000;padding-top:6px;font-size:10px}
#catP2{position:relative;float:right;width:130px;height:23px;z-index:1000;padding-top:6px;font-size:10px}

#catDiv2 #portfolioCat ul {
    font-size: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#catDiv2 #portfolioCat ul li {
    display: block;
    position: relative;
    float: left;
	width:130px;
	height:20px;
}
#catDiv2 #portfolioCat li ul {
    display: none;
}
#catDiv2 #portfolioCat ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    border-top: 1px solid #ffffff;
    padding: 5px 10px 5px 15px;
    background: #9e9e9e;
    margin-left: 1px;
    white-space: nowrap;
}
#catDiv2 #portfolioCat ul li a:hover {
background: #c5a66a;
}
#catDiv2 #portfolioCat li:hover ul {
    display: block;
    position: absolute;
}
#catDiv2 #portfolioCat li:hover li {
    float: none;
    font-size: 10px;
}
#catDiv2 #portfolioCat li:hover a { background: #9e9e9e; }
#catDiv2 #portfolioCat li:hover li a:hover {
    background: #c5a66a;
}





/* Quotation */
.perQuestion{margin-top:20px;float:left;position:relative}
.quoteRow {width:100%;height:100%;float:left;position:relative}
.qrLeft {width:300px;height:100%;float:left;position:relative}
.qrLeft2 {width:230px;height:100%;float:left;position:relative}
.qrRight {width:200px;height:100%;float:left;position:relative}
.qrRight2 {width:220px;height:100%;float:left;position:relative}

.different { display: none; }

.mpDes{position:relative;float:left;height:90px;margin-top:20px;margin-bottom:20px}
.goldLine{position:relative;float:left;width:980px;height:1px;background-color:#c5a66a}
.goldLine3{position:relative;float:left;width:980px;height:3px;background-color:#c5a66a}
.mpdL{float:left;position:relative;width:300px;height:70px;margin-left:0px;margin-top:0px}
.mpdR{float:left;position:relative;width:650px;height:70px;margin-left:20px;margin-top:10px}