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

/* BLOCKS */

#container{position:relative; margin-left:auto; margin-right:auto; margin-top:15px; top:0px; padding-top:0px; width:960px; background-color:#FFFFFF; background-repeat:no-repeat; background-position:top right;}
#containerSplash{position:relative; margin-left:auto; margin-right:auto; margin-top:72px; top:0px; padding-top:0px; width:612px; height:480px; background-color:#000000;}

#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; }
/*#topBarEmailLink{position:relative; left:804px; top:87px; width:52px; height:17px; z-index:30;}*/


#menubar{position:relative; top:1px; left:30px; width:900px; height:23px; z-index:2; background-image:url(images/rhblank.jpg); background-position:right; background-repeat:no-repeat; background-color:#000000; }
#menu{position:relative; left:0px; top:0px; width:900px; height:23px; z-index:3; border-left:#FFFFFF 1px solid;}

/*#header{position:relative; left:30px; width:930px; height:214px; z-index:1;}*/

#mainContainer{position:relative; top:12px; left:0px; width:960px; z-index:3; padding-bottom:0px;}
#mainContainerAdmin{position:relative; left:0px; width:960px; z-index:3; padding-bottom:0px;}



#leftCol{float:left; margin-top:28px; width:165px; z-index:16; padding:0px 20px 11px 40px; height:260px; background-image:url(images/3comgold.gif); background-position:bottom right; background-repeat:no-repeat;}
#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;}


#leftColBlank{float:left; margin-top:28px; width:165px; z-index:16; padding:0px 0px 31px 40px; height:260px; text-align:center}

#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:930px; z-index:16; height:1050px; padding:30px 0px 0px 30px; background-color:#ffffff;}

#centreColServices{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; height:338px; padding:24px 0px 0px 16px; background-image:url(images/Design.jpg); background-position:top right; background-repeat:no-repeat; color:#000000;}
#centreColServicesB{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; height:388px; padding:24px 0px 0px 16px; background-image:url(images/bespback.jpg); background-position:top right; background-repeat:no-repeat; color:#000000;}
#centreColServicesM{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; height:523px; padding:24px 0px 0px 16px; background-image:url(images/manufback.jpg); background-position:top right; background-repeat:no-repeat; color:#000000;}

#centreColProducts{float:left; margin-left:0px; margin-top:0px; width:705px; z-index:16; height:555px; padding:24px 0px 0px 16px; background-image:url(images/accessories.gif); background-position:top left; background-repeat:repeat-y;color:#000000;}
#centreColProductsE{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; height:600px; padding:24px 0px 0px 16px; background-image:url(images/accessories.gif); background-position:top left; background-repeat:repeat-y;color:#000000;}
#centreColProductsD{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; height:4800px; padding:24px 0px 0px 16px; background-image:url(images/accessories.gif); background-position:top left; background-repeat:repeat-y;color:#000000;}
#centreColProductsH{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; height:720px; padding:24px 0px 0px 16px; background-image:url(images/accessories.gif); background-position:top left; background-repeat:repeat-y;color:#000000;}
#centreColProductsWcomp{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; height:720px; padding:24px 0px 0px 16px; background-image:url(images/accessories.gif); background-position:top left; background-repeat:repeat-y; color:#000000;}
#centreColProductsWgran{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; height:1350px; padding:24px 0px 0px 16px; background-image:url(images/accessories.gif); background-position:top left; background-repeat:repeat-y; color:#000000;}
#centreColProductsWsteel{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; height:620px; padding:24px 0px 0px 16px; background-image:url(images/accessories.gif); background-position:top left; background-repeat:repeat-y; color:#000000;}
#centreColProductsWtimb{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; height:920px; padding:24px 0px 0px 16px; background-image:url(images/accessories.gif); background-position:top left; background-repeat:repeat-y; color:#000000;}

#centreColTestimonials{float:left; margin-left:0px; margin-top:0px; width:691px; z-index:16; padding:24px 0px 0px 16px; background-image:url(images/accessories.gif); background-position:top left; background-repeat: repeat-y; color:#000000;}

#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;background-image:url(images/accessories.gif); background-position:top left; background-repeat:repeat-y; color:#000000;}

#centreColContact{float:left; margin-left:30px; margin-top:0px; width:900px; height:170px; z-index:16; padding:315px 0px 0px 485px; 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;}


#homeLink01{position:absolute; left:44px; top:375px; width:265px; height:125px; z-index:16; padding:0px 10px 10px 10px;}
#homeLink02{position:absolute; left:352px; top:433px; width:150px; height:60px; z-index:16;color:#ffffff;}
#homeLink02image{position:absolute; left:339px; top:375px; width:265px; height:125px; z-index:15; color:#ffffff;}
#homeLink03{position:absolute; left:643px; top:436px; width:260px; height:55px; z-index:16; color:#ffffff;}
#homeLink03image{position:absolute; left:633px; top:375px; width:283px; height:143px; z-index:15;color:#ffffff;}


#homeCaseStudiesBox{float:left; margin-left:0px; margin-top:8px; width:230px; height:59px; z-index:16; padding:180px 10px 5px 10px; background-image:url(images/casestudyhabitat.jpg); background-position:top right; background-repeat:no-repeat; background-color:#f5f5f5; border-left: 34px solid #ffffff;}
#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{ left:0px; width:900px; background-color:#231f20; font-size:7pt; font-family:"Arial, Helvetica, sans-serif"; color:#565253; z-index:8; padding: 10px 30px 10px 30px; border-top: 8px solid #000000;}

/* 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;
}
img.GoldImage{
border-left: 10px solid #ffffff;
border-bottom: 10px solid #ffffff;
}
A{
color:#4c0000;
font-weight:bold;
}
A:visited{
color:#4c0000;
font-weight:bold;
}

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

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

.footerLink A:HOVER{
font-family:Arial, Helvetica, sans-serif;
font-size:7pt;
color:#ffffff;
text-decoration:none;
}
.pageTitle{
color:#333333;
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;
}
TD.train A{
color:#fc9a05;
text-decoration:none;
font-size:7pt;
}
TD.train A:HOVER{
color:#999999;
text-decoration:none;
font-size:7pt;
}
TD.train A:VISITED{
color:#fc9a05;
text-decoration:none;
font-size:7pt;
}
.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:10pt;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
line-height:263%;
text-decoration:none;
}
.hpkm A:HOVER{
color:#666666;
text-decoration:none;
}
.testi{
color:#000000;
font-size:8pt;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
line-height:140%;
text-decoration:none;
}