@charset "utf-8";
/* CSS Document */

/* BLOCKS */

#container{position:relative; margin-left:auto; margin-right:auto; width:960px; margin-top:10px; background-color:#ffffff;}


#mainContainer{position:relative; top:15px; left:0px; width:960px; z-index:3; background-color:#ffffff;}
#mainContainerSplash{position:relative; top:15px; left:30px; width:900px; z-index:3; background-color:#ffffff;}
#mainContainerIndex{position:relative; width:960px; top:0px; left:0px; z-index:3;}
#mainContainerAdmin{position:relative; width:960px; top:0px; left:0px; z-index:3;}


#topNavigation{position:absolute; left:494px; top:0px; width:960px; height:96px; z-index:20; }
#topBar{position:relative; left:0px; top:0px; width:960px; height:96px; z-index:1; background-image:url(images/signature-logo.jpg); background-repeat:no-repeat;}


#menubar{position:relative; top:0px; left:30px; width:900px; height:23px; z-index:2; background-color:#000000;}
#menu{position:relative; left:0px; top:0px; width:900px; height:23px; z-index:3;}



#homeLink01{position:absolute; left:44px; top:380px; width:265px; height:145px; z-index:16; padding:0px 10px 10px 10px; background-image: url(images/Link01.png); background-repeat:no-repeat; }
#homeLink02{position:absolute; left:352px; top:438px; width:150px; height:60px; z-index:16;color:#ffffff;}
#homeLink02image{position:absolute; left:339px; top:380px; width:265px; height:145px; z-index:15; color:#ffffff;}
#homeLink03{position:absolute; left:633px; top:380px; width:283px; height:73px; z-index:15;color:#ffffff;}
#homeLink04{position:absolute; left:633px; top:452px; width:283px; height:73px; z-index:15;color:#ffffff;}

#slideshow{position:absolute; width:900px; height:531px; z-index:4;}
#splash{position:absolute; width:900px; height:531px; top:15px; z-index:4; }


#leftColBlank{float:left; margin-top:28px; width:165px; z-index:16; padding:0px 0px 31px 40px; height:260px; text-align:center}
#leftCol{float:left; margin-top:28px; width:165px; z-index:16; padding:0px 20px 11px 40px; height:260px;}
#leftColGallery{float:left; margin-left:30px; margin-top:-2px; width:188px; height:372px; z-index:16; padding:0px 10px 0px 0px; font-size:7pt;}
#leftColServices{float:left; margin-left:30px; margin-top:-2px; width:188px; z-index:16; padding:0px 4px 0px 0px; font-size:7pt;}
#leftColProducts{float:left; margin-left:30px; margin-top:-2px; width:188px; z-index:16; padding:0px 4px 0px 0px; font-size:7pt;}


#workSurfaceLogo{position:absolute; top:20px; left:704px; width:200px; height:40px; z-index:100;}


/*#centreColHome{float:left; margin-left:30px; margin-top:0px; width:900px; height:555px; z-index:16; padding:0px 00px 0px 0px; background-image:url(images/homepageimage.jpg); background-repeat:no-repeat;}*/
#centreColGallery{float:left; margin-left:0px; margin-top:0px; width:702px; height:372px; z-index:16; padding:0px 0px 0px 0px; background-color:#ffffff;}
#centreCol2{float:left; margin-top:14px; width:370px; z-index:16; padding:0px 0px 11px 20px; overflow:visible; border-left: 1px solid #a7a7a7;}
#centreColAdmin{float:left; margin-left:50px; margin-top:17px; width:640px; z-index:16; padding:0px 20px 11px 0px;}

#centreColTerms{float:left; margin-left:0px; margin-top:0px; width:700px; z-index:16; padding:30px 0px 0px 140px; background-color:#ffffff;}

#centreColServices{float:left; width:300px; z-index:16;  padding:24px 391px 0px 16px; background-image:url(images/Design.jpg); background-position:top right; background-repeat:no-repeat;  border-left: 1px solid #a7a7a7;}
#centreColServicesB{float:left; width:300px; z-index:16; padding:24px 391px 20px 16px; background-image:url(images/bespback.jpg); background-position:top right; background-repeat:no-repeat;  border-left: 1px solid #a7a7a7;}
#centreColServicesM{float:left; width:300px; z-index:16; padding:24px 391px 20px 16px; background-image:url(images/manufback.jpg); background-position:top right; background-repeat:no-repeat;  border-left: 1px solid #a7a7a7;}

#centreColProducts{float:left; margin-left:0px; margin-top:0px; width:705px; z-index:16; padding:24px 0px 0px 16px;  border-left: 1px solid #a7a7a7;}
#centreColProductsE{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; padding:24px 0px 0px 16px;  border-left: 1px solid #a7a7a7;}
#centreColProductsD{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; padding:24px 0px 0px 16px;  border-left: 1px solid #a7a7a7;}
#centreColProductsH{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; padding:24px 0px 0px 16px;  border-left: 1px solid #a7a7a7;}
#centreColProductsWcomp{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; padding:24px 0px 0px 16px;  border-left: 1px solid #a7a7a7;}
#centreColProductsWgran{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; padding:24px 0px 0px 16px;  border-left: 1px solid #a7a7a7;}
#centreColProductsWsteel{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; padding:24px 0px 0px 16px;  border-left: 1px solid #a7a7a7;}
#centreColProductsWtimb{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; padding:24px 0px 0px 16px;  border-left: 1px solid #a7a7a7;}

#centreColTestimonials{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; padding:24px 0px 0px 16px; border-left: 1px solid #a7a7a7;}

#centreColTransformMenu{float:left; margin-left:0px; margin-top:0px; width:200px; z-index:18; height:100px; background-color:#00CC00}
#centreColTransform{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; padding:24px 0px 0px 16px; border-left: 1px solid #a7a7a7;}

#centreColContact{float:left; margin-left:30px; margin-top:0px; width:900px; height:170px; z-index:16; padding:375px 0px 0px 541px; background-image:url(images/map.jpg); background-position:top left; background-repeat:no-repeat;}


#rightCol{float:left; margin-left:40px; margin-top:20px; width:251px; z-index:16;}



#gallerySlider{float:left; margin-left:12px; margin-top:8px; width:936px; height:162px; z-index:16; padding:0px 0px 0px 0px; background-color:#ffffff; }
#swatchDiv{position:absolute; top:272px; left:24px; width:204px; height:106px; z-index:100;}




#subFooter{float:left; width:900px; background-color:#131313; font-size:7pt; font-family:"Arial, Helvetica, sans-serif"; color:#565253; z-index:8; padding: 10px 30px 10px 30px; border-top: 8px solid #131313; border-bottom: 8px solid #131313;}





/* SLIDING PANELS DIVS */

#clientsSlideBox.SlidingPanels {
	float: left;
	height: 115px;
}
#clientsSlideBox .SlidingPanelsContentGroup {
	float: left;
	width: 10000px;
}
#clientsSlideBox .SlidingPanelsContent {
	float: left;
	width:890px;
}
#portSlideBox .SlidingPanelsContent {
	float: left;
	width:890px;
}
#portSlideBox .SlidingPanelsContentGroup {
	float: left;
	width: 10000px;
}




/* STYLES */

body{
margin-top:2px;
font-size:8pt;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
background-color:#000000;
background-position:top;
background-repeat:repeat-x;
line-height:140%;
}

TD{
font-size:7pt;
font-family:Arial, Helvetica, sans-serif;
line-height:140%;
}



.clearfloat{
font-size: 1px;
line-height: 0px; 
height: 0px;
clear:both; 
margin: 0px;
}

img{
border:0px;
}



A{
color:#4c0000;
font-weight:bold;
outline:none;
}
A:visited{
color:#4c0000;
font-weight:bold;
}

A:HOVER{
color:#000000;
font-weight:bold;
}



.footerLink A{
font-family:Arial Narrow,Arial, Helvetica, sans-serif;
font-size:8pt;
color:#565253;
text-decoration:none;
}
.footerLink A:visited{
font-family:Arial Narrow,Arial, Helvetica, sans-serif;
font-size:8pt;
color:#565253;
text-decoration:none;
}

.footerLink A:HOVER{
font-family:Arial Narrow,Arial, Helvetica, sans-serif;
font-size:8pt;
color:#333333;
text-decoration:none;
}



.pageTitle{
color:#666666;
font-size:20pt;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
line-height:140%;
}
.pageTitleB{
color:#333333;
font-size:20pt;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
.pageSubTitle{
color:#999999;
font-size:10pt;
font-weight:bold;
/*line-height:200%;*/
font-family: Arial, Helvetica, sans-serif;
}
.pageSubTitle A{
font-family:Arial, Helvetica, sans-serif;
color:#999999;
text-decoration:none;
}


.pageSubTitle A:visited{
color:#999999;
text-decoration:none;
}

.pageSubTitle A:HOVER{
color:#fc9a05;
text-decoration:none;
}



.leftSubMenu{
color:#666666
}

.leftSubMenu A{
font-family:Arial, Helvetica, sans-serif;
color:#555555;
font-size:11px;
line-height:200%;
text-decoration:none;
}

.leftSubMenu A:visited{
color:#666666;
text-decoration:none;
}

.leftSubMenu A:HOVER{
color:#aaaaaa;
text-decoration:none;
}



.sectionHead{
color:#999999;
font-size:11pt;
font-weight:bold;
font-family: Verdana;
}

.emphasis{
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
}

.hpkm A{
color:#ffffff;
font-size:9pt;
font-weight:normal;
font-family:Arial Narrow, Arial, Helvetica, sans-serif;
line-height:300%;
text-decoration:none;
}
.hpkm A:HOVER{
color:#666666;
text-decoration:none;
}

.testi{
color:#666666;
font-size:9pt;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
line-height:160%;
text-decoration:none;
}