html,body{margin:0;padding:0}

/* fixed width columns*/

body{font: 76% verdana,sans-serif;text-align:center;background:url(../assets/body_background2.jpg) repeat-y top center;}  
div#bodyContainer{text-align:left;width:980px;margin:0 auto;}
div#headerContainer{position:relative;}
div#mainContainer{float:left;width:100%}
div#contentContainer{margin: 0 480px 0 30px;}
div#subNav{display:none;float:left;width:200px;margin-left:-960px}
div#sideContainer{float:left;width:429px;margin-left:-429px;}
div#footer{width:100%}

/* common content styling */
p{margin:0 0 10px}
a{color: #AB0101;}
h1{font-size:160%;border-bottom:solid 1px #AB0101;color:#AB0101;font-weight:normal;}
h2{font-size:1.2em;margin:0 0 10px;}
h3.hot{background:url(../assets/hot_body.gif) no-repeat;padding-left:32px;height:16px;padding-top:3px;}
.clearAll{clear:both;height:1px;margin:0;padding:0;}
h1 span{display:inline-block;background:url(../assets/hot_heading.gif) no-repeat;width:49px;height:29px;padding-top:9px;}

/* Body */
body{background-color:#FFFFFF ;}
#bodyHolder{background:transparent url(../assets/home_banner_background.jpg) no-repeat top center;width:100%;_height:730px;min-height:730px;}

/* header styling */
div#headerContainer{height:150px;}
#headerContainer #nav{position:absolute;top:0px;right:0px;width:auto;font-size:92%;}
a#logo{background:url(../assets/helix_logo.png) no-repeat;color:#AB0101;position:absolute;top:18px;left:30px;display:block;height:72px;width:141px;font-size:260%;text-decoration:none;}
a#logo span{display:none;}
#companyName{position:absolute;top:62px;left:48px;color:#AB0101;font-size:110%;}

/* SEARCH STYLING */
/* ================================================================== */
#searchFormTop{	position:absolute;top:24px;right:20px;margin:0;padding:0;}
#searchFormTop span{color:#003366;padding:0 0 3px 0;margin:0 2px 0 0;font-size:96%;font-weight:bold;}
#searchFormTop input{font-size:96%;width:120px;height:18px;padding:2px;margin:0;}
#searchFormTop input.Submit{width:33px;height:20px;padding:0 0 0 4px;border:none;}
#searchFormTop{display:none;}

/* Feature */
#pnlFeature{position:absolute;top:110px;left:716px;background:url(../assets/button_back.jpg) no-repeat top;width:245px;height:23px;}
#pnlFeature a{display:block;padding-left:50px;text-decoration:none;margin-top:2px;font-size:90%;color:#AB0000;}
#pnlFeature a:hover{color:#000000;}
#pnlFeature{display:none;}

/* main content styling */
div#contentContainer p{line-height:1.4}
div#contentContainer ul{margin:0;padding:0;margin-bottom:12px;}
div#contentContainer ul li{background:url(../assets/bullet2.gif) no-repeat 0 0.6em;
	list-style:none;padding-left:20px;margin-left:0;line-height:18px;}
div#contentContainer a{text-decoration:none; font-weight:bold;}

/* side container styling */
div#sideContainer{height:561px;background:url(../assets/side_panel_backgroiund2.jpg) no-repeat;margin-top:10px;}
#sideContent{padding:11px;position:relative; color:#FFFFFF;}

#pnlImage{margin-left:27px;}
.SmokeSignals #pnlImage{background:url(../assets/smoke_signals.jpg) no-repeat;width:371px;height:515px;}
.Semiphore #pnlImage{background:url(../assets/semiphore.jpg) no-repeat;width:371px;height:515px;}
.Cans #pnlImage{background:url(../assets/cans.jpg) no-repeat;width:371px;height:515px;}
.Drums #pnlImage{background:url(../assets/drums.jpg) no-repeat;width:371px;height:515px;}
.TownCrier #pnlImage{background:url(../assets/town_crier.jpg) no-repeat;width:371px;height:515px;}
.Telegram #pnlImage{background:url(../assets/telegram.jpg) no-repeat;width:371px;height:515px;}
.Telephone #pnlImage{background:url(../assets/telephone.jpg) no-repeat;width:371px;height:515px;}
.ECQuote #pnlImage{background:url(../assets/ec_quote.jpg) no-repeat;width:371px;height:515px;}
.Pigeon #pnlImage{background:url(../assets/pigeon.jpg) no-repeat;width:371px;height:515px;}
.Board #pnlImage{background:url(../assets/board.jpg) no-repeat;width:371px;height:515px;}
.WalkieTalkie #pnlImage{background:url(../assets/walkietalkie.jpg) no-repeat;width:371px;height:515px;}

/* Team */
.pnlMember{margin-bottom:20px;}
.memberPhoto,.memberProfile{float:left;}
.memberPhoto{width:100px;}
.memberProfile{width:360px;}
.memberProfile h3{margin:0 0 4px 0;}

/* BY CLIENT */
#client{margin:0;padding:0;list-style-type:none;}
div#contentContainer ul#client li{background:none;margin:0;padding:0;margin-bottom:20px;padding-bottom:12px;border-bottom:solid 1px #cccccc;}
.clientPhoto{float:right;}
.clientPhoto img{border:none;}

.clientDetails{float:left;width:190px;}


.pnlColour {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../assets/pnlTransparent.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.pnlColour[class] {
  background-image:url(../assets/pnlTransparent.png);
}

#pnlMessage{position:absolute; bottom:30px;width:370px;}
#pnlMessage div{padding:20px; text-align:center; font-weight:bold;}


/* footer styling */
div#footer{color:#525252;font-size:9px;margin-bottom:0px;
	background:url(../assets/footer_header2.jpg) no-repeat top;height:120px;}
#footerContainer{width:980px;margin:0 auto;position:relative;}

#contentContainer{position:relative;padding-bottom:60px;_height:450px;min-height:496px;}
/*
#strapLine{position:absolute;top:-62px;left:24px;font-size:220%;color:#3F3F3F;font-style:italic;}
*/
#strapLine{position:absolute;bottom:0px;left:0;font-size:180%;color:#3F3F3F;font-style:italic;padding-bottom:20px;}

#strapLine span{color:#AB0101;}

div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD;}
#footerContainer{padding-top:8px;}
.footerBox{display:block;float:left;height:45px;}
.footerContent{padding:0;margin:0;text-align:left;line-height:12px;}

#footerLeft{position:absolute;left:30px;}

#footerCentre{position:absolute;left:330px;height:45px;}
#footerCentre .footerContent{width:220px;}
#footerCentre .footerContent span{color:#AB0101;}

#footerRight{position:absolute;right:10px;}
#footerRight .footerContent{width:auto;padding-right:12px;}

#pnlAddThis{position:absolute;left:30px;top:76px;}

form{margin:0;padding:0;}



html, body {height: 100%;}

#bodyHolder {min-height: 100%;}

#mainContainer {overflow:auto;
	padding-bottom: 150px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -120px; /* negative value of footer height */
	height: 120px;
	clear:both;} 




















































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */