/* orange  is  pantone 021 = hex #ff5800         silver #8e9295  stone #8e9295*/
/* {background:#736854 url('/images/3ValPen.jpg') no-repeat bottom left}*/
div,table{margin:auto}
body {max-width:1200px;text-align:center;margin:auto;font-family:sans seriif;font:normal 15px/24px tahoma;text-align:center; padding:0px;vertical-align:bottom;margin-top:0px}
a{text-decoration:none;margin:0px;padding:0px}
p {margin:0px;border:0px;padding:0px}
input{font:normal 12px/16px tahoma;margin:0px;padding:0px}
img{border:none;vertical-align:bottom}
form{margin:0px;padding:0px;border:none}
.italic{font:italic 15px/24px tahoma;}
.center{text-align:center;margin:0px auto}
.left{text-align:left}
.right{text-align:right}
.justify{text-align:justify}
.top{vertical-align:top}
.middle{vertical-align:middle}
.bottom{vertical-align:bottom}
.credit,.credit a{font:normal 8px/11px tahoma;text-align:right;padding:8px 0px 0px 0px;margin:auto}
.registeredAddress {font:normal 9px/11px tahoma;color:#111}
.normal{font:normal 15px/24px tahoma}
.bigText{font:normal 15px/15px tahoma;letter-spacing:0px;margin:0px}
.medText{font:normal 13px/15px tahoma;letter-spacing:0px;margin:0px}
.smallText{font:normal 11px/15px tahoma;letter-spacing:0px;margin:0px}
.megaText{font: normal 100px/100px tahoma}
.padLeft20{padding-left:20px}
h1{font: normal 24px/30px tahoma}
h2{font: normal 20px/26px tahoma}

.scrollerDiv{height:400px;overflow:auto}

/*define colours*/
body,form{color:#111;background-color:#fff}
a{color:#111}
#bodyMiddleMainCol{color:#fff;background-color:#111}
#bodyMiddleMainCol a{color:#fff}
.silver{color:#8e9295}
.grey{color:#d2691e}
.orange,#clientDiv{color:#ff5800}
.bronze{color:#ff4500}
.darkGrey{background-color:#fff}
#footerContactDiv,#footerContactDiv a{color:#111}
#indexBodyTab2,#textBodyTab2,#contactBodyTab2{background-color:#ff5800}
#textBodyTab1{background-color:#ff5800}
body {scrollbar-face-color: #222; 
scrollbar-highlight-color: #111; 
scrollbar-shadow-color: #111; 
scrollbar-3dlight-color: #111; 
scrollbar-arrow-color: #ff5800; 
scrollbar-track-color: #111;
scrollbar-darkshadow-color: #111; 
}
/*menu*/
#menuDiv{font:normal 14px/17px tahoma;text-align:left}
.dropDownTab{position:absolute;top:300px;margin:0px 0px 0px 160px;background-color:transparent;visibility:hidden;width:110px}
#menuTab td {width:260px;height:20px}
#menuTab td:hover .dropDownTab{visibility:visible;font-size:14px}
#menuTab td:hover .dropDownTab td a{visibility:visible;font-size:14px;color:#111}
#menuTab td:hover .dropDownTab td:hover a{color:#111;font-size:16px}
#menuTab td:hover a{font-size:16px;color:#111}
#detailMenuDiv{padding-top:26px}
#detailMenuDiv  td{padding-left:20px}
#detailMenuDiv  td.firstTd{padding-left:0px}
a.here{color:#ff5800}
a:hover{color:#666}
/*template page*/
#bodyDiv,#bodyTab{width:100%}
#bodyMiddleLeftCol{background:#fff url('/images/side-left.jpg') top left repeat-y;width:80px}
#bodyMiddleRightCol{background:#fff url('/images/side-right.jpg') top left repeat-y;width:80px}
#footer{text-align:center}
.glowingText:hover{font-size:16px;color:#fff;background:#111 url('/images/text-glow.jpg') top left repeat}
.reflectionMainColLeft{width:auto;min-width:520px;background:#fff url('/images/index-left-reflect.gif') top left repeat-x;text-align:left;margin:auto}
#businessReflectionMainColLeft,#prReflectionMainColLeft,#designReflectionMainColLeft,#eventsReflectionMainColLeft,#marketingReflectionMainColLeft,#brandingReflectionMainColLeft{min-width:370px}
.reflectionMainColRight{width:280px;background:#fff url('/images/index-right-reflect.gif') top left repeat-x;text-align:center;margin:auto}
#bodyBottomRightCol,#bodyBottomRightLeft{width:80px}

#indexTab,#reflectionTab{width:100%;min-width:800px}
#logoDiv{padding-left:80px;text-align:left}
#reflectionTab{font:normal 14px/49px tahoma}
#indexBodyTab1{width:auto;background:#111 url('/images/lozenge.gif') top left no-repeat;min-width:520px}
#indexBodyTab2{width:280px}
#indexTextContainer{text-align:justify;padding:0px 0px 0px 0px;word-spacing:1px;height:190px;width:280px;overflow:hidden;position:relative}
#indexTextDiv{width:900px;position:relative}
#indexTab .glowingText{padding-left:20px}

#topImgindex{padding-left:80px}
#footerContactDiv{font-size:12px}
#smallLogoImg{padding-left:30px}

#indexReflectImg{padding-left:80px}

#copyDiv{font:bold 10px/15px tahoma;color:#bbb}

/*text page*/
#textTab{width:100%;min-width:800px}
#textNameTab{width:60px}
#textBodyTab1{width:auto;background-color:#111;min-width:460px}
#textBodyTab2{width:280px}
.textDiv{color:#fff;text-align:left;width:370px}
#textTextContainer{text-align:justify;padding:0px 0px 0px 0px;word-spacing:1px;height:190px;width:280px;overflow:hidden;position:relative}
#textScrollDiv{width:900px;position:relative}
.textThumbnailImg{width:60px;height:60px}
.rPad20{padding-right:20px}
.textDiv a{color:red}
#logoSmallImg{padding:4px 0px 0px 30px}


/*gallery page*/
#galleryBodyTab1{background:#333 url('/images/gallery/gallery-bg.gif') top left repeat-x;width:100%;text-align:left;margin:auto;vertical-align:middle}
#galleryReflectionMainColLeft{background:#fff url('/images/index-right-reflect.gif') top left repeat-x}
.galleryPopUp {position:absolute;top:80px;left:120px;visibility:hidden}
#galleryPopUpTab{background-color:#111;width:auto;text-align:left;margin:auto;vertical-align:middle}
#galleryPopUpTabBarCol{width:100px;height:400px}
#galleryPopUpTabImgCol{width:620px;text-align:center;margin:auto;vertical-align:middle}
#galleryPopUpTabImgCol img{height:300px}
#galleryPopUpTabCloseCol{width:100px}
#psdCtrl:hover{}

/*dropdown text div*/
#dropDownMainTab{width:100%;min-width:800px}
.dropDownNameCol{width:60px}
#dropDownTextCol{width:auto;background-color:#111;min-width:340px}
#dropDownTextDiv {text-align:left;width:280px}
.dropDownBarImg{padding-top:80px}
.dropDownMenuCol{width:30px}
#brandingCol{background-color:#69331a}
#marketingCol{background-color:#333333}
#eventsCol{background-color:#de4208}
#designCol{background-color:#df6a14}
#prCol{background-color:#666666}
#dropDownMainTab a{width:100%;font-size:16px}
.dropDownMenuColReflect{width:150px;text-align:right}
/*contact page*/
#contactTab{width:100%;min-width:800px;font:normal 15px/20px tahoma}
#contactNameTab{width:60px}
#contactBodyTab1{width:auto;background-color:#111;min-width:460px;height:447px}
#contactBodyTab1 table td{width:230px}
#contactBodyTab2{width:280px}
#contactDiv{width:460px;text-align:left}
#mapDiv{width:230px;height:360px;background-color:#333}
#contactSSDiv,#contactSSImg{width:280px;height:190px}
#mapForm{position:relative;left:-50px;padding:0px;margin:0px;background-color:transparent}

/*testimonials page*/
#quoteDiv{font-style:italic;text-align:justify;padding:0px 10px 0px 10px}
#clientDiv{text-align:right;padding:0px 10px 0px 0px}