body {

margin-top:0px;
margin:auto;
color: #666666;
font-family: Arial, Helvetica, sans-serif;
background-color:#E6E6E6;
font-size: 12px;
}
.clear {

height:1px;
}


div {
	margin: 0px;
	padding: 0px;
	scrollbar-face-color: 		#005990;
	scrollbar-shadow-color: 	#0092D0;
	scrollbar-highlight-color: 	#0092D0;
	scrollbar-3dlight-color: 	#0092D0;
	scrollbar-darkshadow-color: #0092D0;
	scrollbar-track-color: 		#0092D0;
	scrollbar-arrow-color: 		#FFFFFF;
}

#spacer {

height:100px;
}

#container {
	width: 952px;
	text-align: left;
	margin-left:auto;
	margin-top:5px;
	margin-right:auto;
	max-width: 952px;
	height: 465px;
}

#head{
	width:952px;
	height:80px;
	clear:both;
	background-color: #003A62;
}
#codeebusiness{
	width:317px;
	height:70px;
	background-color: #005187;
	float: left;
	color: #FFFFFF;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 15px;
}
#news{
	width:450px;
	height:20px;
	background-color: #005187;
	float: left;
	color: #B8B9BB;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 55px;
}

#news a{
    text-decoration:none;
	color: #B8B9BB;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	
}

.scrollArea {
	overflow: auto;
	width: 608px;
	/* to stop firefox messing things up  */
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
	margin-left: 70px;
	padding-right: 13px;
	height: 250px;
	margin-top: 120px;
}

.scrollArea2 {
	overflow: auto;
	width: 608px;
	/* to stop firefox messing things up  */
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #FFFFFF;
	margin-left: 80px;
	padding-right: 13px;
	height: 250px;
	margin-top: 150px;
	text-align: justify;
}

.scrollArea3{
	overflow: auto;
	width: 608px;
	/* to stop firefox messing things up  */
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #FFFFFF;
	margin-left: 80px;
	padding-right: 13px;
	height: 350px;
	margin-top: 50px;
	text-align: justify;
	list-style: none;
}

.scrollArea3 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #FFFFFF;
	text-decoration:none;

}


.scrollArea3 ul {list-style: none;}




#news a:hover{
    text-decoration:underline;
	
}

#flash {
	width:952px;
	height:467px;
	background-color: #E6E6E6;
	z-index: 100;
	clear:both;
	margin-bottom: 0px;
	padding-top: 2px;
}

#footnote {
	width:952px;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#AFAFB0;
	margin-top: 3px;
	margin-bottom: 2px;
	text-align: right;
}

#footnote a{
color:#AFAFB0;
text-decoration:none;
}

#footnote a:hover{
color:#AFAFB0;
text-decoration:underline;
}

#leftcontact {
	width:195px;
	margin-top:3px;
	height:467px;
	font-size:10px;
	background-color: #FFFFFF;
	z-index: 100;
	clear:both;
	float: left;
	padding-left: 15px;
	margin-bottom: 3px;
}

#left {
	width:195px;
	margin-top:3px;
	height:467px;
	font-size:10px;
	background-color: #fff;
	z-index: 100;
	clear:both;
	float: left;
	padding-left: 15px;
	margin-bottom: 3px;
}

#leftproducts {
	width:210px;
	margin-top:3px;
	height:467px;
	font-size:11px;
	background-color: #fff;
	z-index: 100;
	clear:both;
	float: left;
	margin-bottom: 3px;
	background-repeat:no-repeat;
	font-weight: normal;
	background-image: url(../images/siderbar2.jpg);
	position: relative;
	padding-right: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#leftproducts p{
margin-left:15px;
}
#newsleft2 {
	width:210px;
	margin-top:2px;
	height:468px;
	font-size:11px;
	background-color: #FFFFFF;
	z-index: 100;
	clear:both;
	text-decoration:none;
	float: left;
	padding-left: 0px;
	margin-bottom: 3px;
}

#newsleft2 ul {padding:0; margin:0; list-style: none;}
#newsleft2 ul li {
	float:left;
	position:relative;
	margin-right:1px;
	width: 195px;
	padding-left: 15px;
	border-bottom-style:solid;
	border-bottom-color:#CCCCCC;
	border-bottom-width:1px;
	margin-top: 2px;
}


#newsleft2 a{
color:#000000;
line-height:18px;
text-decoration:none;
}

#newsleft2 a:hover{
color:#000000;
line-height:18px;
text-decoration:underline;
}


#newsleft {
	width:195px;
	margin-top:2px;
	height:468px;
	font-size:11px;
	background-color: #FFFFFF;
	z-index: 100;
	clear:both;
	text-decoration:none;
	float: left;
	padding-left: 15px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
}

#newsleft ul {padding:0; margin:0; list-style: none;}
#newsleft ul li {
	float:left;
	position:relative;
	margin-right:1px;
	width: 185px;
	padding-left: 15px;
}


#newsleft a{
color:#000000;
line-height:18px;
text-decoration:none;
}

#newsleft a:hover{
color:#000000;
line-height:18px;
text-decoration:underline;
}

#right {
	width:742px;
	margin-top:3px;
	height:467px;
	background-color: #FFFFFF;
	z-index: 100;
	float: right;
	margin-bottom: 3px;
}

#clients {
	width:742px;
	margin-top:2px;
	height:467px;
	background-color: #0091D0;
	z-index: 100;
	float: right;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 18px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
}

#clients a{
	background-color: #0091D0;
	z-index: 100;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 18px;
	font-family:Arial, Helvetica, sans-serif;
}

#clients a:hover{
text-decoration:none;
}


#latestnews{
	width:742px;
	margin-top:3px;
	height:467px;
	background-color: #0192D1;
	z-index: 100;
	float: right;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 18px;
	margin-bottom: 3px;
}
#newscontent {
	width:435px;
	margin-top:20px;
	height:425px;
	z-index: 100;
	float: left;
	font-size: 11px;
	padding-left: 35px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	overflow: auto;
}

#column1 {
	width:220px;
	margin-top:40px;
	height:425px;
	z-index: 100;
	float: left;
	border-right-color: #4099CF;
	border-right-style: solid;
	border-right-width: 1px;
	font-size: 10px;
	padding-left: 30px;
}

#column3 {
	width:220px;
	margin-top:40px;
	height:425px;
	z-index: 100;
	float: right;
	font-size: 10px;
	padding-left: 10px;
	border-left-color: #4099CF;
	border-left-style: solid;
	border-left-width: 1px;
}

#column2 {
	width:220px;
	margin-top:40px;
	height:425px;
	z-index: 100;
	float: left;
	font-size: 10px;
	padding-left: 10px;
	float: left;
}
#rightpic {
	width:237px;
	margin-top:40px;
	height:425px;
	z-index: 100;
	float: right;
	font-size: 10px;
}

#nav {
	width: 625px;
	float: left;
	text-align: left;
	display:block;
	background-color: #003A62;
	padding-left: 327px;
	height: 22px;
}

#nav a {
	height: 22px;
	width:108px;
	padding-left:8px;
	font-size:10px;
	font-weight:bold;
	
	display:block;
	line-height:18px;
	list-style-type:none;
	list-style-position:inherit;
    
	padding-right:8px;
	color: #fff;
	text-align: left;
	text-decoration: none;
	margin: 0 0 0px 0;
	background-color: #0092D0;
}
#nav a:hover {
	color: #FFFFFF;
	background-color: #005187;
}

#nav ul {padding:0; margin:0; list-style: none;}
#nav ul li {float:left; position:relative; margin-right:1px;}
#nav ul li ul {display: none;}

#subnav {
	width: 744px;
	float: left;
	text-align: left;
	position:relative;
	background-color: #003A62;
	padding-left: 208px;
	height: 22px;
	
}

#sidebarsub {
	width: 205px;
	text-align: left;
	display:block;
	padding-top: 15px;
	background-repeat: no-repeat;
	height: 50px;
	vertical-align: bottom;
	bottom: 0px;
	margin-bottom: 0px;
	left: 0px;
	position: absolute;
	margin-left: 0px;
	padding-bottom: 10px;
}
#sidebarsubbottom {
	width: 238px;
	text-align: left;
	display:block;
	vertical-align:bottom;
	background-color: #848587;
	background-image:url(../images/greynavbottom.jpg);
	height: 22px;
}

#sidebarsub a {
color:#FFFFFF;
text-decoration:none;
}
#sidebarsub a:hover {
	text-decoration:underline;

}

#sidebarsub ul {padding:0; margin:0; list-style: none;}
#sidebarsub ul li {
	float:left;
	margin-right:1px;
	width: 200px;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 3px;
	color: #FFFFFF;
	padding-left: 15px;
	padding-top: 1px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica, sans-serif;
}




.suba {
	background: #eee;
	padding-left: 30px;
	color: #666666;
}
#contentcontainer {
	width: 952px;
	height: auto;
	
}
#content {
	width: 742px;
	float: left;
	background-color: #0092D0;
	background-image: url(../images/teambackground.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}

#team {
	width: 742px;
	float: left;
	background-color: #0092D0;
	background-image: url(../images/teamcode.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#rightimage {
	width: 742px;
	float: left;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
	background-color: #1592CC;
}

#portfolio {
	width: 742px;
	float: left;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
	background-color: #1592CC;
}

#portfolio a{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-decoration:none;
color:#FFFFFF;
}

#portfolio a:hover{
	text-decoration:underline;
}



#marketing{
	width: 742px;
	float: left;
	background-color: #0092D0;
	background-image: url(../images/marketingbackground.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#experience {
	width: 742px;
	float: left;
	background-color: #0092D0;
	background-image: url(../images/experience.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}


#shop2{
	width: 714px;
	float: right;
	background-color: #0092D0;
	background-image: url(../images/bigshop3.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}

#sidebar {
	width: 714];
	float: left;
	background-color: #E1E1E1;
	background-image: url(../images/sidebartop.jpg);
	background-position: top;
	background-repeat: no-repeat;
	height: 465px;
	width: 238px;
	margin-bottom: 3px;
	margin-top: 3px;
}

h1 {
font-family: georgia;
font-size: 17px;
font-weight: normal;
margin: 0;
color: #000;
}
h2 {
font-size: 11px;
font-weight: normal;
margin: 5px 0 20px 0;
}
p {
	line-height: 16pt;
	padding-left: 0px;
	padding-right: 5px;
}
p a {
	color: #407DA5;
}

p a:hover {
	color: #5F6062;
}
#footerboxes {
	width: 953px;
	height: 72px;
	margin-top: 2px;

}
#footer {
width: 100%; 
height: 72px;
border-top: 1px solid #ccc; 
margin: 40px 0 0 0; 
padding: 30px 0 0 0;
text-align: center;
}
#footer a {
color: #333;
font-size: 11px;
text-decoration: none;
padding: 0 10px;
border-right: 1px solid #ccc;
}
#footer .last {
border: 0;
}

h3 {
	font-family: Georgia;
	font-size: 12px;
	color: #000;
	margin: 0 0 5px 0;
}
.h4 {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.h5 {font-size: 14px;
color:#5F6062;}
.h6 {font-size: 14px;
font-weight:bold;}

.boxes {
	width: 118px;
	float: left;
	background-color: #0092A7;
	height: 72px;
	margin-right:0px;
}

#boxes a {
	height: 58px;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	padding-top: 14px;
	margin-right: 1px;
}

#boxes a:hover {
	color: #FFFFFF;
	background-color: #006DB6;
}
.boxeslinks {
	font-size: 10px;
	color: #FFFFFF;
	width: 108px;
	margin-top:0px;
	background: #0064A6;
	float: left;
	padding: 0px;
	height: 72px;
	padding-left: 10px;
	letter-spacing: 1px;
}

.boxeslinks a:hover{
background-color:#007381;
}
.boxeslinks2 {
	font-size: 10px;
	color: #FFFFFF;
	width: 109px;
	margin-top:0px;
	background: #0064A6;
	float: left;
	padding: 0px;
	height: 72px;
	padding-left: 10px;
	letter-spacing: 1px;
}

.boxeslinks2 a:hover{
background-color:#007381;
}

.imagelinks {
	font-size: 12px;
	color: #FFFFFF;
	background: #9A9A9C;
	float: left;
	margin-right: 1px;
}
.imagelinks a{
	font-size: 12px;
	color: #FFFFFF;
	background: #9A9A9C;
	float: left;
	margin-right: 1px;
}
input {
	background-color: #848587;
	border: 1px solid #79B9DF;
	color: #FFFFFF;
	
}
textarea {
	padding: 2px; /* a bit of breathing room*/
	font-size: 13px;
	text-align: left;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	background-color: #79B9DF;
	color: #000000;
	border: 1px solid #79B9DF;
}


#sidebarsub2 {
	width: 214px;
	text-align: left;
	display:block;
	padding-top: 15px;
	background-repeat: no-repeat;
	height: 124px;
	vertical-align: bottom;
	bottom: 5px;
	margin-bottom: 0px;
	left: 0px;
	position: absolute;
	margin-left: 0px;
	padding-bottom: 10px;
	background-color: #C0C0C2;
	font-family: Arial, Helvetica, sans-serif;
}
#sidebarsubbottom2 {
	width: 238px;
	text-align: left;
	display:block;
	vertical-align:bottom;
	background-color: #848587;
	background-image:url(../images/greynavbottom.jpg);
	height: 22px;
}

#sidebarsub2 a {
color:#FFFFFF;
text-decoration:none;
}
#sidebarsub2 a:hover {
	text-decoration:underline;

}

#sidebarsub2 ul {padding:0; margin:0; list-style: none;}
#sidebarsub2 ul li {
	float:left;
	margin-right:1px;
	width: 195px;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 3px;
	color: #FFFFFF;
	padding-left: 15px;
	padding-top: 1px;
	margin-bottom: 2px;
}
#content2 {
	width: 747px;
	float: right;
	background-color: #0092D0;
	background-image: url(../images/shopbackground.jpg);
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#intranet {
	width: 742px;
	float: right;
	background-color: #0092D0;
	background-image:url(../images/staffintranetbackground.jpg);
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#external {
	width: 742px;
	float: right;
	background-color: #0092D0;
	background-image:url(../images/clientextranetbackground.jpg);
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#cms {
	width: 742px;
	float: right;
	background-color: #0092D0;
	background-image:url(../images/cmsbackground.jpg);
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#collaboration {
	width: 742px;
	float: right;
	background-color: #0092D0;
	background-image:url(../images/collaborationbackground.jpg);
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}

#procurement {
	width: 742px;
	float: right;
	background-color: #0092D0;
	background-image:url(../images/procurementbackground.jpg);
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#distributor {
	width: 742px;
	float: right;
	background-color: #0092D0;
	background-image:url(../images/disributorbackground.jpg);
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#questions {
	width: 742px;
	float: right;
	background-color: #0092D0;
	background-image:url(../images/questionsbackground.jpg);
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#questions a{

	color:#FFFFFF;

}

#legal {
	width: 742px;
	float: right;
	background-color: #0092D0;
	height: 467px;
	margin-bottom: 0px;
	margin-top: 2px;
}
#estateagents {
	width: 742px;
	float: right;
	background-color: #0092D0;
	background-image:url(../images/estateagentbackground.jpg);
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#sports {
	width: 742px;
	float: right;
	background-color: #0092D0;
	background-image:url(../images/sportsbackground.jpg);
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}

#magazine {
	width: 742px;
	float: right;
	background-color: #0092D0;
	background-image:url(../images/magazinebackground.jpg);
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}

#video {
	width: 742px;
	float: right;
	background-color: #0092D0;
	background-image:url(../images/videobackground.jpg);
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#bespoke {
	width: 742px;
	float: right;
	background-color: #0092D0;
	background-image:url(../images/bespokebackground.jpg);
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}

#boltons{
	width: 742px;
	float: right;
	background-color: #0092D0;
	background-image:url(../images/boltonsbackground.jpg);
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}

#businesspro{
	width: 742px;
	float: right;
	background-color: #0092D0;
	background-image:url(../images/businessprobackground.jpg);
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}

#businesspro a{
color:#FFFFFF;
}
#businesspro a:hover{
color:#FFFFFF;
text-decoration:none;
}
#shop{
	width: 742px;
	float: right;
	background-color: #0092D0;
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#shoppro{
	width: 742px;
	float: right;
	background-color: #0092D0;
	background-image:url(../images/shopbackground.jpg);
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}
#shopenterprise{
	width: 742px;
	float: right;
	background-color: #0092D0;
	background-image:url(../images/shopcodeenterprisebackgroun.jpg);
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}

#businessstarter{
	width: 742px;
	float: right;
	background-color: #0092D0;
	background-image:url(../images/businessstarterbackground.jpg);
	background-repeat: no-repeat;
	height: 467px;
	margin-bottom: 3px;
	margin-top: 3px;
}
.bulletpoints {font-size: 11px}