/*------------General-------------*/

body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	font: 13px "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
	background: #678FC2 url('images/head_bg.gif') repeat-x top;
	margin-bottom:20px;
}

acronym{
	border-bottom: 1px dotted #000;
}

#maincontainer{
	width: 840px; 
	margin: 0 auto; /*centre container on page*/
}

#contentwrapper{
    float: left;
	width: 100%;
}

h2 span {
	display:none;
}

h3 {
	font-size: 1.3em;
	color: #678FC2;
	padding-top: 10px;
}


.copyright{
	float: left;
	color: #E5F0FE;
	padding-left: 0px;
	font-size: 0.9em;
	padding-top: 10px;
}


a{
	color: #406DA0;
}

a:hover{
	background-color: #678FC2;
	color: #E5F0FE;
	text-decoration: none;
}




/*------------Header-------------*/

#topsection{
	height: 180px; 
	background: #678FC2 url("images/banner.jpg") no-repeat;
}


#topsection h1{
	margin: 0;
	display: none;
}



/*------------Left Links Column-------------*/

#leftcolumn{
	float: left;
	width: 200px;
	margin-left: 25px; 
	padding-top: 20px;
	padding-bottom: 20px;
	background:#678FC2;
	display: inline;	
}



.bluefg{
  	background:#D0D2FC;
	padding: 20px;
}

#leftcolumn ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #E5F0FE;
}

#leftcolumn ul li {
	border-bottom: 1px solid #E5F0FE;
	line-height: 2.5em;
}

#leftcolumn a {
	display:block;
	color:#406DA0;
	text-decoration: none;
}
#leftcolumn a:hover {
	color:#406DA0; 
	background: #E5F0FE;
}


/*------------Left Links Column Rounded Corners-------------*/

.blue{display:block
}

.blue *{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#D0D2FC;
}

.blue1{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #8ba9d4;
	border-right:1px solid #8ba9d4;
	background:#a6bce2;
}

.blue2{
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #6f95c6;
	border-right:1px solid #6f95c6;
	background:#abc0e4;
}

.blue3{
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #abc0e4;
	border-right:1px solid #abc0e4;
}

.blue4{
	border-left:1px solid #8ba9d4;
	border-right:1px solid #8ba9d4
}

.blue5{
	border-left:1px solid #a6bce2;
	border-right:1px solid #a6bce2;
}






/*------------Right Content Column-------------*/

#contentcolumn{
	margin-left: 224px;
	padding-top: 0px; 
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	width: 595px;
	float: right;
	position: absolute;
	display: inline;
}

#contentcolumn ul { 
	list-style-image: url("images/bullet.gif");
	margin-left: 2em; 
	padding-left: 0;
}



.rightfg{
	background:#E5F0FE;
	padding: 20px;
}


.design{
	float: right;
	color: #E4E5F5;
	padding-left: 0px;
	font-size: 0.9em;
	padding-top: 10px;
}

a.designa{
	color: #E4E5F5;
}

a.designa:hover{
	background-color: #E4E5F5;
	color: #2D748B;
	text-decoration: none;
}



.headoffice{
	background-image: url(images/headoffice.jpg); 
	background-repeat: no-repeat;
	background-position: right;
	min-height: 385px;
}


.backoffice {
	background-image: url(images/backoffice.jpg); 
	background-repeat: no-repeat;
	background-position: right;
	min-height: 172px;
	margin-right: 100px;
}

.customers {
	background-image: url(images/globe.gif); 
	background-repeat: no-repeat;
	background-position: right;
	min-height: 307px;
	color: #406DA0;
}

.bespoke {
	background-image: url(images/bespoke.jpg); 
	background-repeat: no-repeat;
	background-position: right;
	min-height: 184px;
}

/*------------Right Content Column Rounded Corners-------------*/

.right{
	display:block;
}

.right *{
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#E5F0FE
}

.right1{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-left:1px solid #75acb2;
	border-right:1px solid #75acb2;
	background:#abd7d0;
}

.right2{
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	border-left:1px solid #3d8194;
	border-right:1px solid #3d8194;
	background:#b5ded5;
}

.right3{
	margin-left:1px;
	margin-right:1px;
	border-left:1px solid #b5ded5;
	border-right:1px solid #b5ded5;
}

.right4{
	border-left:1px solid #75acb2;
	border-right:1px solid #75acb2;
}

.right5{
  border-left:1px solid #abd7d0;
  border-right:1px solid #abd7d0;
}




/*------------Right Content Headings-------------*/

#home h2{
width:72px;
height:19px;
background: url("images/home.gif") no-repeat;
padding: 0px;
margin: 0px;
}

#backoffice h2{
width:143px;
height:22px;
background: url("images/backoffice.gif") no-repeat;
padding: 0px;
margin: 0px;
}

#headoffice h2{
width:149px;
height:22px;
background: url("images/headoffice.gif") no-repeat;
padding: 0px;
margin: 0px;
}

#communications h2{
width:207px;
height:21px;
background: url("images/communications.gif") no-repeat;
padding: 0px;
margin: 0px;
}

#bespoke h2{
width:223px;
height:28px;
background: url("images/bespoke.gif") no-repeat;
padding: 0px;
margin: 0px;
}

#customers h2{
width:128px;
height:19px;
background: url("images/customers.gif") no-repeat;
padding: 0px;
margin: 0px;
}

#about h2{
width:116px;
height:21px;
background: url("images/about.gif") no-repeat;
padding: 0px;
margin: 0px;
}

#contact h2{
width:95px;
height:19px;
background: url("images/contact.gif") no-repeat;
padding: 0px;
margin: 0px;
}



/*------------Forms-------*/

#contactform{
	background-image: url(images/contact.jpg); 
	background-repeat: no-repeat;
	background-position: right;
}

form{
	width: 350px;
}

form legend {
	font-size: 1.3em;
	color: #678FC2;
	font-weight: bold;
	padding-bottom: 10px;
}

form fieldset {
	padding: 0px;
	margin: 0px;
}

form dt {
	float: left;
	padding-left: 10px;
}

form dd {
	margin: 0;
	padding-right: 10px;
	padding-bottom: 0px;
	text-align: right;
}

.button{
	font-size: 1em;
}

td {
	width: 150px;
}

th {
	text-align: left;
}