* HTML 
#tlcw
{
    HEIGHT: 1%
}
#trcw
{
    HEIGHT: 1%
}
#tlcw
{
    ZOOM: 1
}
#trcw
{
    ZOOM: 1
}



body {
	margin:0;
	padding:0;
	width:100%;
	background:#fff;
	min-width:1024px;		/* Minimum width of layout - remove line if not required */
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 14px;
	color:#160C5B;
	text-decoration: none;
	text-align:center;
	background:#fff;
    	
}
a {
	color:#ED136F;
	text-decoration:none;
}

h1 {

FONT-SIZE: 1.4em;
}

h2 {

FONT-SIZE: 1.3em;
}

h3 {

FONT-SIZE: 1.1em;
}
h4 {

FONT-SIZE: 1em;
}


#header {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	
}

#attic {
      position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page - amend for different site sections */
	overflow:hidden;		/* This chops off any overhanging divs */
	margin-left:0;
	background:URL('../images/bg_attic_filler.gif') repeat-x;
}
#header #home {
	margin-left:-45px;
	float:left;
   	width:105%;
      	background:#ccc;
     	align: center;
      	font-size:93%;
      	line-height:normal;

}

#header #customer 
{
margin-left:-45px;
	float:left;
   	width:104%;
      background:#ccc;
      align: center;
      font-size:93%;
      line-height:normal;

}
	
#header #partner 
{
margin-left:-45px;
	float:left;
   	width:104%;
      background:#ccc;
      align: center;
      font-size:93%;
      line-height:normal;

}
#header #property 
{
margin-left:-45px;
	float:left;
   	width:104%;
      background:#ccc;
      align: center;
      font-size:93%;
      line-height:normal;

}
#header #about 
{
margin-left:-45px;
	float:left;
   	width:104%;
      background:#ccc;
      align: center;
      font-size:93%;
      line-height:normal;

}
#header #contact 
{
margin-left:-45px;
	float:left;
   	width:104%;
      background:#ccc;
      align: center;
      font-size:93%;
      line-height:normal;

}

    #header ul {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
      margin-top:0;
      list-style:none;
      }
    #header li
{
     float:left;
     padding-top:2px;
      padding-bottom:2px;	
      align:center;
      width:16.66%;
      background:url("../images/norm_left.gif") no-repeat left;
      }

   #header li a
{
      color:#160C5B;	

}

    #header li a:hover
{
      color: #ed136f;
      }


    #header #line
{
background:#fff;
}
    #header a {
      display:block;
      text-decoration:none;
      }

#home #current {
   	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	float:left;
   	padding-top:2px;
	padding-bottom:5px;	
      line-height:normal;
	background:#ccc;
 
      }


    #customer #current {
   	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	float:left;
   	padding-top:2px;
	padding-bottom:5px;	
      line-height:normal;
	background:#Ed136F;
 
      }
#partner #current {
   	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	float:left;
   	padding-top:2px;
	padding-bottom:5px;	
      line-height:normal;
	background:#59B224;
 
      }

#property #current {
   	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	float:left;
   	padding-top:2px;
	padding-bottom:5px;	
      line-height:normal;
	background:#FF6309;
 
      }

#about #current {
   	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	float:left;
   	padding-top:2px;
	padding-bottom:5px;	
      line-height:normal;
	background:#0C015A;
 
      }

#contact #current {
   	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	float:left;
   	padding-top:2px;
	padding-bottom:5px;	
      line-height:normal;
	background:#465582;
 
      }

	

    #header #current a {
      float:left;
      width:100%;
      font-size:93%;
      color: #fff;
      }

    #header #current a:hover {
      float:left;
      width:100%;
      font-size:93%;
      color: #fff;
      }


#home_navigation_arm {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:16.67%;			/* width of whole page - amend for different site sections */
	overflow:hidden;		/* This chops off any overhanging divs */
	margin-left:-1px;
	background:URL('../images/contact/arm_2.gif') repeat-x;
}

#colmask_home {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:1024px;/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	FONT-SIZE: 0.8em;
	background:#fff;
	
}

#colmid_home {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:200%;
	margin-top:-70px;		/* Need to adjust this to get the middle column to overlay the colmask. NB - Different between IE & FF */
	left:325px;
	background:#fff;    	/* Centre column background colour */

}

/* hack for IE6 */
html>body #colmid_home {
	left:0px;		/* this needs to be 170px for FF but 44px for IE */

}


#colright {
	position:relative;
	clear:both;
	float:left;
	width:100%;
        left:50%;
	margin-left:-300px;
	background:#fff;    	/* Right column background colour */
	

}

#col1wrap {			/* Main content positioning */
	clear:both;
	float:right;
	width:80%;
	position:relative;
	right:100%;/* Move centre col right */
}



#col1pad {
	margin:0px 0 0 915px; /* Main content positioning */
	overflow:hidden;
	text-align:left;

}
#col1 {
	width:100%; /* Main content width */
	overflow:hidden;
	margin-left:0px;
	padding-right:2px;
	padding-left:0px;
	padding-top:10px;
	text-align:left;
}

#col1 a {
	text-decoration:none;

}


#col2_home {
	float:left;
	width:0px; /* 1st Column width */
	position:relative;
	margin-left:-50%;
	margin-top:45px;
	left:25px;
	overflow:hidden;
	
:}


#col3_home {
	float:left;
	width:293px; /* 3rd Column width */
	position:relative;
	left:-20px;
	overflow:hidden;
	margin-top:71px;
	margin-left:2px;
	padding-right:2px;
	text-decoration: none;
	

}

#footer
{
clear: both;
margin: 0;
font-size:11px;

}

#whitebox_home
{
    PADDING-RIGHT: 0px;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 0px;
    WIDTH: 700px;
    MARGIN-RIGHT: 0px;
    PADDING-TOP: 0px;
    POSITION: relative;
    TEXT-ALIGN: left
}





#boxcontent
{
    PADDING-RIGHT: 3em;
    PADDING-LEFT: 3em;
    PADDING-BOTTOM: 3em;
    PADDING-TOP: .6em;
    
}
#boxcontent H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    COLOR: #160C5B;
    FONT-FAMILY: helvetica, geneva, arial, sans-serif
}

#boxcontent A
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    COLOR: #ed136f;
    FONT-FAMILY: helvetica, geneva, arial, sans-serif
}

#boxcontent img
{
	margin-top: .6em;
}

#boxcontent H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.3em;
    COLOR: #160C5B;
    FONT-FAMILY: helvetica, geneva, arial, sans-serif
    MARGIN-TOP: 1em
   
}

#boxcontent H4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
    COLOR: #160C5B;
    FONT-FAMILY: helvetica, geneva, arial, sans-serif
    MARGIN-TOP: 1em
   
}
#boxcontent p
{
    MARGIN-TOP: 1em
   
}

#home_container
{
	display: table;
	text-decoration: none;
	width:100%;
	overflow:hidden;
	margin-top:70px;
	margin-left:0px;
	
}
#home_container h1
{
margin-top:75px;


}
#col3_container
{
	display: table;
	text-decoration: none;
	width:100%;
	overflow:hidden;
	margin-top:5px;
	margin-left:5px;
	
}


#col3_container h2
{
	text-align:center;
	background:#59B224;
	padding-top:5px;
	padding-bottom: 5px;
	color:#fff;

}
#col3_container img
{
	
	padding-left:5px;
}
#col3_container p
{
	text-align:left;
	padding-left:5px;
}

#col3_container li
{
	text-align:left;
	padding-left:5px;
}

#form_container
{
	padding-top:2px;
	padding-left:5px;
}

#footer_row
{
	display: table-row;
	width:100%;
	overflow:hidden;
	vertical-align:bottom;
	margin-top:auto;
	margin-left:auto;
	text-align:left;


}

#row
{
	display: table-row;
	width:100%;
	padding-top:15px;
}
#first_column
{
	display: table-cell;
	width:40%;
	float:left;
}
#second_column
{
	display: table-cell;	
	width:60%;
	float:right;
	
}


#img
{

	vertical-align:text-top;
	margin-top:0.6em;	
}


#footer_column1{
	display: table-cell;	
	width:25%;
	margin-top:10px;
	float:left;
	
}
#footer_column2{
	display: table-cell;	
	margin-top:10px;
	width:25%;
	float:left;
	
}
#footer_column3
{
	display: table-cell;
	width:25%;
	margin-top:10px;
	float:left;
}
#footer_column4{
	display: table-cell;	
	width:25%;
	margin-top:10px;
	float:left;
	
}


#second_column H3{

	FONT-SIZE: 1em; 

}
#second_column p
{
	FONT-SIZE: 1em;	

}
#second_column p a{

	color: #Ed136F;
}




#tlc
{
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: transparent
}
#trc
{
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: transparent
}
#blc
{
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: transparent
}
#brc
{
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: transparent
}
#tlc
{
    BACKGROUND-POSITION: 0% 0%;
    BACKGROUND-IMAGE: url(../images/tlc.gif)
}
#trc
{
    BACKGROUND-POSITION: 100% 0%;
    BACKGROUND-IMAGE: url(../images/trc.gif)
}
#blc
{
    BACKGROUND-POSITION: 0% 100%;
    BACKGROUND-IMAGE: url(../images/blc.gif)
}
#brc
{
    BACKGROUND-POSITION: 100% 100%;
    BACKGROUND-IMAGE: url(../images/brc.gif)
}
#tb
{
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-COLOR: transparent
}
#bb
{
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-COLOR: transparent
}
#tb
{
    BACKGROUND-POSITION: 0% 0%;
    BACKGROUND-IMAGE: url(../images/tb.gif)
}
#bb
{
    BACKGROUND-POSITION: 50% 100%;
    BACKGROUND-IMAGE: url(../images/bb.gif)
}
#rb
{
    BACKGROUND-POSITION: 100% 0%;
    BACKGROUND-IMAGE: url(../images/r.gif);
    BACKGROUND-REPEAT: repeat-y
}

#lb
{
    BACKGROUND-POSITION: 0% 100%;
    BACKGROUND-IMAGE: url(../images/l.gif);
    BACKGROUND-REPEAT: repeat-y;
    BACKGROUND-COLOR: #eeeeee
}




#tlcw
{
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: transparent
}
#trcw
{
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: transparent
}
#blcw
{
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: transparent
}
#brcw
{
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: transparent
}
#tlcw
{
    BACKGROUND-POSITION: 0% 0%;
    BACKGROUND-IMAGE: url(../images/tlcw.gif)
}
#trcw
{
    BACKGROUND-POSITION: 100% 0%;
    BACKGROUND-IMAGE: url(../images/trcw.gif)
}
#blcw
{
    BACKGROUND-POSITION: 0% 100%;
    BACKGROUND-IMAGE: url(../images/blcw.gif)
}
#brcw
{
    BACKGROUND-POSITION: 100% 100%;
    BACKGROUND-IMAGE: url(../images/brcw.gif)
}
#tbw
{
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-COLOR: transparent
}

#bbw
{
    BACKGROUND-REPEAT: repeat-x;
    BACKGROUND-COLOR: transparent
}
#tbw
{
    BACKGROUND-POSITION: 0% 0%;
    BACKGROUND-IMAGE: url(../images/tbw.gif)
}

#bbw
{
    BACKGROUND-POSITION: 50% 100%;
    BACKGROUND-IMAGE: url(../images/bbw.gif)
}

#rbw
{
    BACKGROUND-POSITION: 100% 0%;
    BACKGROUND-IMAGE: url(../images/rw.gif);
    BACKGROUND-REPEAT: repeat-y
}

#lbw
{
    BACKGROUND-POSITION: 0% 100%;
    BACKGROUND-IMAGE: url(../images/lw.gif);
    BACKGROUND-REPEAT: repeat-y;
    BACKGROUND-COLOR: #fff
}





#tlcp
{
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: transparent
}
#trcp
{
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: transparent
}
}
#tlcp
{
    BACKGROUND-POSITION: 0% 0%;
    BACKGROUND-IMAGE: url(../images/button-left.jpg)
}
#trcp
{
    BACKGROUND-POSITION: 0% 100%;
    BACKGROUND-IMAGE: url(../images/button-right.jpg)
}