@charset "utf-8"; @import url(reset.css); /* ----------------- // Body //------------------ */ body { width:100%; height:100%; text-align:center; font:normal 12px/14px Arial, sans-serif; color:#252525; } a, a:visited{ text-decoration:none; color:#252525 } a:hover { text-decoration:underline; } h1 { font-size: 32px; font-weight:bold} h2 { font-size: 24px; font-weight:bold} h3 { font-size: 20px; font-weight:bold} h4 { font-size: 16px; font-weight:bold} h5 { font-size: 13px; font-weight:bold} h6 { font-size: 12px; font-weight:normal; } #footer { width:740px; margin:auto; font-size:11px; color:#8E8E8E; line-height:18px; padding-bottom:10px } #footer a, #footer a:visited { color:#8E8E8E; text-decoration:underline;} #footer a:hover { color:#000;} /* ----------------- // common styles // ------------------ */ .bold { font-weight:bold; } .clear { clear:both } .floatR { float:right } .floatL { float:left } a.bluelink:link, a.bluelink:visited,a.bluelink:hover { color:#007EE2 } a.darkbluelink:link, a.darkbluelink:visited,a.darkbluelink:hover { color:#004F8F; text-decoration:underline } a.blueboldlink:link, a.blueboldlink:visited { color:#004F8F; font-weight:bold; } a.blueboldlink:hover { color:#004F8F; text-decoration:underline; font-weight:bold; } /* ----------------- // common styles //------------------ */ /*-----------------// Main menu //--------------*/ #container { position:absolute; width:764px; height:27px; top:199px; left:22px; xborder:1px solid red } #nav { width:759px; list-style:none; margin:0; padding:0; display:inline; overflow:hidden;} #nav li { float: left; width:106px; height:27px; margin:0 3px 0 0; padding:0; display:inline; list-style-type: none; } #nav a, #nav a:active { float: left; width:106px; height:27px; color:#73808E; line-height:27px; text-align:center; font-weight:bold; overflow:hidden; background: url(../images/mainnav_bg.gif) top left no-repeat; } #nav a:hover, #nav a.current { color:#fff; text-decoration:none; background-position: 0 -27px; } /*--------------// Main menu ends // --------------*/ /*--------------// box curves // --------------*/ .topcurves { float:left; width:100%; height:8px; background: url(../images/boxmidbg_top.gif) repeat-x top left; display:block; overflow:hidden; clear:both;} .topcurves .CL, .topcurves .CR { width:8px; height:8px; display:block; } .topcurves .CL { float:left; background: url(../images/TL.gif) no-repeat top left } .topcurves .CR { float:right; background: url(../images/TR.gif) no-repeat top left } /*--------------// box curves // --------------*/ .servicetxt { width:800px; line-height:20px; margin:0 auto; font-size:10px; color:#5885B5; } /*--------------// top nav header // --------------*/ #topheader { position:relative; width:800px; height:190px; margin:0 auto; background:url(../images/masthead_bg.jpg) no-repeat top left } #topheader .logo{ position:absolute; top:44px; left:33px; width:205px; height:109px; } /*--------------// top nav header // --------------*/ .content { float:left; width:800px; height:auto; } #companyintro, #xscad_servicesinfo { width:800px; margin:0 auto; text-align:left; background:url(../images/boxmidbg.gif) repeat-y top left; margin-top:29px; margin-bottom:12px; border-bottom:1px solid #DBDBD9; } .mainpix { float:left; width:560px; height:364px; padding:2px; margin:19px 0 0 23px; background:#DEDEDC; border:1px solid #E9E9E9; display:inline} .mainpix img { border:1px solid #fff; /* new */} .mainpix object { border:1px solid #fff; /* new */} /* Left navigation links */ #leftnav_container { float:left; width:183px; height:auto; margin:19px 0 5px 7px;} #leftnav_container ul#leftnav { float:left; width:183px; height:auto;} #leftnav_container ul#leftnav li { width:183px; height:29px; text-align:center; margin-bottom:2px } #leftnav_container ul#leftnav li a { width:183px; height:29px; background:url(../images/leftmenubg.jpg) no-repeat top left; color:#fff; text-align:center; display:block; line-height:29px; font-weight:bold; text-decoration:none } #leftnav_container ul#leftnav li a:hover, #leftnav_container ul#leftnav li a#current { color:#000; } /* Left navigation links */ .linkselect { color:#000; display:block; text-align:center; height:22px;line-height:29px; font-weight:bold; background:url(../images/leftmenubg.jpg) no-repeat top left; } h1.welcomeXS{ float:left; width:800px; height:33px; background:url(../images/welcome.jpg) no-repeat top left; text-indent:-9999px; display:inline; margin:19px 0 0 0; } .introtxt { float:left; width:778px; padding:13px 0px 0px 22px; display:inline; text-align:justify; } .introtxt p { line-height:16px; margin:0 21px 15px 0 } #co_contact { position:relative; float:left; width:800px; height:80px; display:inline; background:#DDEBF7 url(../images/contact_bgtxt.jpg) no-repeat top left;} #co_contact span { display:none} .contactinfo { float:left; width:582px; padding:10px 23px 8px 19px; font-size:12px; } .email, .telnos { position:absolute; top: 19px; right:17px; width:126px; height:24px; } .telnos { top: 49px; right:15px; width:126px; height:24px; } .email a, .telnos { color:#004F8F; font-weight:bold} .email a:hover { color:#004983; text-decoration:underline} .telnos:hover { color:red; font-weight:bold } #xscad_servicesinfo { margin-top:12px; margin-bottom:0px; padding-bottom:17px;} .infoboxlt { float:left; width:374px; height:211px; margin:14px 0 0 23px; display:inline; background:url(../images/service_gradbg.jpg) no-repeat top left; overflow:hidden } .infoboxlt .infopic { float:left; width:248px; height:194px; margin:9px 0 17px 4px; display:inline; } .infoboxlt .infopic img { border:1px solid #fff; } .infoboxlt .infotxt { float:left; width:100px; margin:9px 0px 0px 5px; font-size:11px; xbackground:pink; } .infoboxlt .infotxt h6 { color:#004A84; font-weight:bold; margin-bottom:8px; } .infoboxlt .infotxt p a { color:#949799 } .infoboxlt .infotxt p a:hover { color:#004A84 } .infoboxrt { float:left; width:374px; height:211px; margin:14px 0 0 6px; display:inline; background:url(../images/service_gradbg.jpg) no-repeat top left; overflow:hidden } .infoboxrt .infopic { float:left; width:248px; height:194px; margin:9px 0 17px 4px; display:inline; } .infoboxrt .infopic img { border:1px solid #fff; } .infoboxrt .infotxt { float:left; width:100px; margin:9px 0px 0px 5px; font-size:11px; xbackground:pink} .infoboxrt .infotxt h6 { color:#004A84; font-weight:bold; margin-bottom:8px; } .infoboxrt .infotxt p a { color:#949799 } .infoboxrt .infotxt p a:hover { color:#004A84 } .osinfotxt, .portinfotxt { float:left; width:555px; margin:19px 10px 0 23px; display:inline; text-align:justify; } .osinfotxt p.hdr, .portinfotxt p.hdr { width:100%; height:17px; clear:both; margin:0 0 20x 0; color:#004f8f; font-weight:bold; font-size:18px; font-family:Arial, Helvetica, sans-serif; } .osinfotxt span, .portinfotxt span { display:none } .portinfotxt {width:755px; } .portinfotxt p.hdr { width:100%; height:17px; clear:both; margin:0 0 20x 0; color:#004f8f; font-weight:bold; font-size:18px; font-family:Arial, Helvetica, sans-serif; } .osinfotxt p, .portinfotxt p { margin:0 0 15px 0 } .osinfotxt h6 { margin:0 0 15px 0 } .osinfotxt ul#homebuilders {float:left; width:555px; padding:0; margin:0px;} .osinfotxt ul#homebuilders li { margin:0 15px 5px 15px; list-style-image:url(../images/bullet_blue.gif)} .abtinfotxt { float:left; width:755px; margin:19px 10px 0 23px; display:inline; text-align:justify; text-align:justify; } .abtinfotxt p.hdr { width:100%; height:15px; clear:both; margin:0 0 20x 0; color:#004f8f; font-weight:bold; font-size:18px; font-family:Arial, Helvetica, sans-serif; } .abtinfotxt span { display:none } .abtinfotxt p { margin:0 0 15px 0 } .abtinfotxt h6 { margin:0 0 15px 0 } .abtinfotxt ul#homebuilders {float:left; width:755px; padding:0; margin:0px;} .abtinfotxt ul#homebuilders li { margin:0 15px 5px 17px; list-style-image:url(../images/bullet_blue.gif)} #homebuilder_b { float:left; width:550px; color:#16478a; margin:10px 0 0 0} #homebuilder_b .row { width:550px; height:auto; background:#c7d7ee repeat-y; margin-bottom:2px; } #homebuilder_b .left { float:left; width:210px; padding:2px 0 2px 10px; background:#c7d7ee; } #homebuilder_b .right { float:left; width:320px; padding:2px 0 2px 10px; background:#d8dee7} #contact_b { float:left; width:320px; color:#061b38; margin:10px 0 0 0} #contact_b .row { width:320px; height:auto; background:#c7d7ee repeat-y; margin-bottom:2px; } #contact_b .left { float:left; width:80px; padding:2px 0 2px 10px; background:#c7d7ee; } #contact_b .right { float:left; width:220px; padding:2px 0 2px 10px; background:#d8dee7} .productdisplay {float:left; width:auto; margin:20px 10px 0px 23px; display:inline} .prodleft, .prodright {float:left; width:341px; height:209px; margin:0 0 20px 0; padding:8px 0 0 19px; display:inline; background:url(../images/service_gradbg2.gif)} .prodright {float:right; margin-right:20px;} .pixgallery { float:left; width:798px; margin-bottom:18px; } .navtabs { float:left; width:98%; } .navtabs ul.tabmenu { width:100%; margin:0 0 0 22px; } .navtabs ul.tabmenu li { float:left; display:inline; margin-right:4px; } .navtabs ul.tabmenu li a.res { display:block; width:109px;height:22px; background:url(../images/tab_resi.gif) no-repeat top left; text-indent:-9999px;} .navtabs ul.tabmenu li a.comm { display:block; width:109px;height:22px; background:url(../images/tab_comm.gif) no-repeat top left; text-indent:-9999px;} .navtabs ul.tabmenu li a.leis { display:block; width:109px;height:22px; background:url(../images/tab_leis.gif) no-repeat top left; text-indent:-9999px;} .navtabs ul.tabmenu li a.ret { display:block; width:109px;height:22px; background:url(../images/tab_ret.gif) no-repeat top left; text-indent:-9999px;} .navtabs ul.tabmenu li a.phtmon { display:block; width:109px;height:22px; background:url(../images/tab_phtmon.gif) no-repeat top left; text-indent:-9999px;} .navtabs ul.tabmenu li.currestab { color:#000; display:block; text-indent:-9999px; width:109px;height:22px; font-weight:bold; background:url(../images/tab_resi.gif) bottom left; } .navtabs ul.tabmenu li.curcommtab { color:#000; display:block; text-indent:-9999px; width:109px;height:22px; font-weight:bold; background:url(../images/tab_comm.gif) bottom left; } .navtabs ul.tabmenu li.curleistab { color:#000; display:block; text-indent:-9999px; width:109px;height:22px; font-weight:bold; background:url(../images/tab_leis.gif) bottom left; } .navtabs ul.tabmenu li.currettab { color:#000; display:block; text-indent:-9999px; width:109px;height:22px; font-weight:bold; background:url(../images/tab_ret.gif) bottom left; } .navtabs ul.tabmenu li.curphtmontab { color:#000; display:block; text-indent:-9999px; width:109px;height:22px; font-weight:bold; background:url(../images/tab_phtmon.gif) bottom left; } .navtabs ul.tabmenu li a:hover, .navtabs ul.tabmenu li a#current { background-position: bottom left } #pixwrapper {float:left; width:798px; background:url(../images/portf_main_gradpixelbg.gif) repeat-y; border:1px solid #D5D5D5} .largepic { float:left; width:560px; margin:7px 0 0 20px; padding-bottom:14px; display:inline; } .largepic img { border:1px solid #fff } #pixwrapper #thumbnails { float:right; width:162px; height:auto; margin:7px 30px 0 0px; display:inline; } .thumbs { float:left; width:64px; height:49px; padding:4px 0 0 8px; margin-bottom:6px; border:1px solid #D5D5D5 } .thumbs a { float:left; width:52px; height:42px; display:block; border:2px solid #fff ; text-indent:-9999px; } .thumbs a#currentthumb { border:2px solid #b0b0ad; background-position:left bottom } .thumbs a.one:hover, .thumbs a.two:hover, .thumbs a.three:hover, .thumbs a.four:hover, .thumbs a.five:hover, .thumbs a.six:hover, .thumbs a.seven:hover, .thumbs a.eight:hover,.thumbs a.nine:hover,.thumbs a.ten:hover,.thumbs a#current { background-position:left bottom; border:2px solid #b0b0ad; } .thumbs a.commone:hover, .thumbs a.commtwo:hover, .thumbs a.commthree:hover, .thumbs a.commfour:hover, .thumbs a.commfive:hover, .thumbs a.commsix:hover, .thumbs a.commseven:hover, .thumbs a.commeight:hover,.thumbs a.commnine:hover,.thumbs a.commten:hover,.thumbs a#current { background-position:left bottom; border:2px solid #b0b0ad; } .thumbs a.leione:hover, .thumbs a.leitwo:hover, .thumbs a.leithree:hover, .thumbs a.leifour:hover, .thumbs a.leifive:hover, .thumbs a.leisix:hover, .thumbs a.leiseven:hover, .thumbs a.leieight:hover,.thumbs a.leinine:hover,.thumbs a.leiten:hover,.thumbs a#current { background-position:left bottom; border:2px solid #b0b0ad; } .thumbs a.retone:hover, .thumbs a.rettwo:hover, .thumbs a.retthree:hover, .thumbs a.retfour:hover, .thumbs a.retfive:hover, .thumbs a.retsix:hover, .thumbs a.retseven:hover, .thumbs a.reteight:hover,.thumbs a.retnine:hover,.thumbs a.retten:hover,.thumbs a#current { background-position:left bottom; border:2px solid #b0b0ad; } .thumbs a.phtoone:hover, .thumbs a.phtotwo:hover, .thumbs a.phtothree:hover, .thumbs a.phtofour:hover, .thumbs a.phtofive:hover, .thumbs a.phtosix:hover, .thumbs a.phtoseven:hover, .thumbs a.phtoeight:hover,.thumbs a.phtonine:hover,.thumbs a.phtoten:hover,.thumbs a#current { background-position:left bottom; border:2px solid #b0b0ad; } .thumbs a.one { background:url(../images/Autodesk-MAX-Residential_thumb.jpg) no-repeat top left; } .thumbs a.two { background:url(../images/Bathroom-CGI-Residential_thumb.jpg) no-repeat top left; } .thumbs a.three { background:url(../images/Bedroom-Rendering-Residential_thumb.jpg) no-repeat top left; } .thumbs a.four { background:url(../images/Bedroom-Viz-Residential_thumb.jpg) no-repeat top left; } .thumbs a.five { background:url(../images/Birds-Eye-CGI-Rendering-Residential_thumb.jpg) no-repeat top left; } .thumbs a.six { background:url(../images/House-Rendering-Residential_thumb.jpg) no-repeat top left; } .thumbs a.seven { background:url(../images/Internal-Visualisation-Residential_thumb.jpg) no-repeat top left; } .thumbs a.eight { background:url(../images/Photoshop-CGI-Residential_thumb.jpg) no-repeat top left; } .thumbs a.nine { background:url(../images/Planning-Application-Residential_thumb.jpg) no-repeat top left; } .thumbs a.ten { background:url(../images/Residential-Planning-Image_thumb.jpg) no-repeat top left; } .thumbs a.commone { background:url(../images/3D-Airport-Model_thumb.jpg) no-repeat top left; } .thumbs a.commtwo { background:url(../images/Airport-Master-Planning-Image_thumb.jpg) no-repeat top left; } .thumbs a.commthree { background:url(../images/CGI-Industrial-Premises_thumb.jpg) no-repeat top left; } .thumbs a.commfour { background:url(../images/CGI-Office-Building_thumb.jpg) no-repeat top left; } .thumbs a.commfive { background:url(../images/Commercial-CGI-Image_thumb.jpg) no-repeat top left; } .thumbs a.commsix { background:url(../images/Commercial-Planning-CGI_thumb.jpg) no-repeat top left; } .thumbs a.commseven { background:url(../images/Commercial-Rendering_thumb.jpg) no-repeat top left; } .thumbs a.commeight { background:url(../images/Computer-Generated-Image_thumb.jpg) no-repeat top left; } .thumbs a.commnine { background:url(../images/Photo-Realistic-Commercial-Interior_thumb.jpg) no-repeat top left; } .thumbs a.commten { background:url(../images/Visualisation-Offices_thumb.jpg) no-repeat top left; } .thumbs a.leione { background:url(../images/3D-Image-Hotel-Complex_thumb.jpg) no-repeat top left; } .thumbs a.leitwo { background:url(../images/3D-Rendering-Hotel_thumb.jpg) no-repeat top left; } .thumbs a.leithree { background:url(../images/Architectural-Image-Reception-Area_thumb.jpg) no-repeat top left; } .thumbs a.leifour { background:url(../images/Architectural-Visualisation-Image_thumb.jpg) no-repeat top left; } .thumbs a.leifive { background:url(../images/Architetcural-Image-Leisure-Centre_thumb.jpg) no-repeat top left; } .thumbs a.leisix { background:url(../images/Autodesk-Viz-Image_thumb.jpg) no-repeat top left; } .thumbs a.leiseven { background:url(../images/Computer-Generated-Image-Hospitality_thumb.jpg) no-repeat top left; } .thumbs a.leieight { background:url(../images/Hotel-Bedroom-CGI_thumb.jpg) no-repeat top left; } .thumbs a.leinine { background:url(../images/Master-Planning-CGI_thumb.jpg) no-repeat top left; } .thumbs a.leiten { background:url(../images/Photo-Realistic-Bedroom-Image_thumb.jpg) no-repeat top left; } .thumbs a.retone { background:url(../images/Autodesk-Max-Image-Retail_thumb.jpg) no-repeat top left; } .thumbs a.rettwo { background:url(../images/Birds-Eye-CGI-Rendering-Retail_thumb.jpg) no-repeat top left; } .thumbs a.retthree { background:url(../images/CGI-Shopping-Mall-Retail_thumb.jpg) no-repeat top left; } .thumbs a.retfour { background:url(../images/Computer-Generated-Image-Retail_thumb.jpg) no-repeat top left; } .thumbs a.retfive { background:url(../images/Computer-Rendering-Retail_thumb.jpg) no-repeat top left; } .thumbs a.retsix { background:url(../images/Master-Planning-CGl-Retail_thumb.jpg) no-repeat top left; } .thumbs a.retseven { background:url(../images/Photo-Realistic-Food-Mall-Retail_thumb.jpg) no-repeat top left; } .thumbs a.reteight { background:url(../images/Planning-Application-Image-Retail_thumb.jpg) no-repeat top left; } .thumbs a.retnine { background:url(../images/Store-Front-CGI-Retail_thumb.jpg) no-repeat top left; } .thumbs a.retten { background:url(../images/Visualisation-Shop-Front_thumb.jpg) no-repeat top left; } .thumbs a.phtoone { background:url(../images/3D-Rendering-Photomontage_thumb.jpg) no-repeat top left; } .thumbs a.phtotwo { background:url(../images/Aerial-Photography-Photomontage_thumb.jpg) no-repeat top left; } .thumbs a.phtothree { background:url(../images/Autodesk-MAX-CGI_thumb.jpg) no-repeat top left; } .thumbs a.phtofour { background:url(../images/Leisure-Viz-Photomontage_thumb.jpg) no-repeat top left; } .thumbs a.phtofive { background:url(../images/Master-Planning-Photomontage_thumb.jpg) no-repeat top left; } .thumbs a.phtosix { background:url(../images/Outdoor-Photomontage_thumb.jpg) no-repeat top left; } .thumbs a.phtoseven { background:url(../images/Photo-Realistic-Photomontage_thumb.jpg) no-repeat top left; } .thumbs a.phtoeight { background:url(../images/Planning-Application-Photomontage_thumb.jpg) no-repeat top left; } .thumbs a.phtonine { background:url(../images/Store-Front-CGI_thumb.jpg) no-repeat top left; } .thumbs a.phtoten { background:url(../images/Viz-Photomontage_thumb.jpg) no-repeat top left; } .mrgL14 { margin-left:14px} .txtarial184 { width: 184px; height: 14px; font-size: 12px; border: #CCCCCC 1px solid; font-family: Arial, Helvetica, sans-serif;COLOR: #5D5D5D;} .txtararial184 {width: 184px; height: 90px; font-size: 12px; border: #CCCCCC 1px solid; font-family: Arial, Helvetica, sans-serif;COLOR: #5D5D5D;}