/* CSS Document */
body,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,form,input,textarea {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  color: #464646;margin:0;
	padding:0;
}
#header {
	position:absolute;
	left:50%;
	top:10px;
	width:980px;
	height:90px;
	margin-left:-490px;
}
#bodywrapper {
	position:absolute;
	left:50%;
	top:100px;
	width:980px;
	margin-left:-490px;
	margin-top:10px;
		}
#footer {
	position:absolute;
	width:950px;
	height:80px;
	background-image: url(images/baseline.png);
	background-repeat: no-repeat;
	padding: 15px 15px 0 15px;
	}
#footer a {
color:#184094;}
a {
color:#184094;}
a:hover {
color:#184094;
text-decoration:underline;}
#footerlinks {
	position:absolute;
	top:20px;
left:10px;
	width: 441px;
}
#footercopy {
	position:absolute;
	top:20px;
	left:550px;
	width: 400px;
	text-align:right;
}

	
#menuposition {	position: absolute;	top: 16px;	left: 280px;}
.menu {	margin: 0;	padding: 0;	list-style: none;	background: #fff;}
.menu li {	padding: 0;	margin: 0;	height: 60px;	list-style: none;	background-repeat: no-repeat;}
.menu li a, .menu li a:visited {	display: block;	text-decoration: none;	text-indent: -2500px;	height: 60px;	background-repeat: no-repeat;}
.expandyourbusiness {	background-image: url(images/how-we-can-expand-your-business-roll.png);	width: 293px;}
.expandyourbusiness a {background-image: url(images/how-we-can-expand-your-business.png); }
.expandyourbusinessactive {background-image:url(images/how-we-can-expand-your-business-active.png); width: 293px;}
.getintouch {background-image: url(images/get-in-touch-with-us-now-roll.png);	width: 207px;}
.getintouch a {	background-image: url(images/get-in-touch-with-us-now.png);}
.getintouchactive {background-image:url(images/get-in-touch-with-us-now-active.png); width: 207px;}
.readclientcasestudies {background-image: url(images/read-client-case-studies-roll.png);	width: 200px;}
.readclientcasestudies a {	background-image: url(images/read-client-case-studies.png);}
.readclientcasestudiesactive {background-image: url(images/read-client-case-studies-active.png); width: 200px;}
ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {display: block; height: 0; clear: both; visibility: hidden;}

.secondlevel {
margin-top:10px;
padding:10px;
}
.secondlevel h1 {
	font-size:20px;
	color:#333333;
	padding:15px 0 10px 0;}


#breadcrumb {
	width: 965px;
	height: 35px;
	line-height: 30px;
	padding-left: 15px;
	position: absolute;
	top: 110px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.tickbox {
	font-size: 12px;
	height: 35px;
	vertical-align: middle;
	background-image: url(images/button_ok.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	line-height: 30px;
}
.star {
	font-size: 12px;
	height: 20px;
	vertical-align: middle;
	background-image: url(images/star.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 20px;
	margin-top:4px;
	margin-left:15px;
}
#boldbox {
	background-image: url(images/bluebox.png);
	padding: 15px;
	height: 332px;
	width: 630px;
	float: left;
}
#boldboxpic {
	float: left;
	width: 280px;
	height:330px;
	margin-right: 10px;
}
#boldboxtext {
	margin-left: 10px;
}
#boldbox h1 {
	font-size:20px;
	color:#333333;
	margin-bottom: 10px;
}
#clearfloat {
	clear: both;
}
#siderighttext {
	float: left;
	position: absolute;
	width: 300px;
	left: 670px;
}
.teaser {
	padding:0 0 0 11px;
	margin:10px;
	margin-right:25px;
	width:350px;
	background:url("images/tsr-l.png") top left no-repeat;
	margin-left: 0px;
	}
	.teaser h3 {
		background:url("images/tsr-r.png") top right no-repeat;
		margin:0;
		padding:12px 0 10px 0;
		font-size:20px;
	color:#333333;
	
	}
	.teaser h4 {
	font-size:18px;
	color:#333333;
	margin:0 0 0 -11px;
	padding:0 11px 0.5em;
	border:1px solid #d8d8d8;
	border-width:0 1px;
	background:#fff;
	vertical-align:middle;
	line-height:35px;
	}
	
	.teaser p {
		margin:0 0 0 -11px;
		padding:0 11px 0.5em;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
	}
	
	.teaser div {
		margin:0 0 0 -11px;
		padding-left:11px;
		background:url("images/tsr-l.png") bottom left no-repeat;
	}
	.teaser .more {
		display:block;
		margin-left:0px;
		padding:5px 10px 10px 0;
		background:url("images/tsr-r.png") bottom right no-repeat;
	}
.bulletpoints {
	position:absolute;
	left:380px;
	top: 380px;
}

.bulletpoints h1 {
	font-size:20px;
	margin-bottom: 15px;
}
#offerhead {
	background-image: url(images/590greenbar.png);
	height: 25px;
	width: 580px;
	font-size: 16px;
	padding-top: 5px;
	padding-left: 10px;
	color: #FFFFFF;
}
#offerbody {
	background-image: url(images/590greenbody.png);
	padding: 10px;
	height: 205px;
	width: 570px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#offerbody h1 {
font-size:20px;
	margin-bottom: 4px;
	}
	
#maincontent h1 {
font-size:20px;
	margin-bottom: 4px;
	}
h2 {
font-size:14px;
}

#featurebigbox {
float:right;
	width:676px;
	height:222px;
	margin-right:7px;
	margin-bottom:25px;
	background-image:url(images/featurebigbox.jpg);
	padding-left:10px;
	}
#costwrapper {
float:right;
width:175px;
margin-right:7px;
}
#shinywrapper {
float:right;
width:290px;
margin-right:7px;
}
#featurewrapper {
float:right;
width:660px;
margin-right:20px;
margin-bottom:25px;
}
#servicewrapper {
float:right;
width:275px;
margin-right:7px;
height:244px;
margin-bottom:25px;
}
#featurebigbox h1 { font-size:20px;
margin:10px 0 10px 0;}

#featurehead {
height:30px;
width:645px;
line-height:29px;
vertical-align:middle;
padding-left:15px;
background-image:url(images/featureheader.png);
}
#costhead {
height:29px;
width:160px;
line-height:29px;
vertical-align:middle;
padding-left:15px;
background-image:url(images/resourceheader.png);
}
#shinyhead {
height:31px;
width:275px;
line-height:29px;
vertical-align:middle;
padding-left:15px;
background-image:url(images/blackshinymenu.png);
}
#costbody {
background-image:url(images/resourcebody.png);

padding:10px 10px 0px 10px;
}
#shinybody {
background-image:url(images/blackshinymenucontent.png);

padding:10px 10px 0px 10px;
}
#featurebody {
background-image:url(images/featurebody.png);
padding:5px 10px 5px 10px;
}

#featurebase {
height:15px;
width:660px;
background-image:url(images/featurebase.png);
}
#costbase {
height:15px;
width:175px;
background-image:url(images/resourcebase.png);
}
#shinybase {
height:15px;
width:290px;
background-image:url(images/blackshinymenubase.png);
}

#servicewrapper h1 {
margin-top:2px;
font-size:20px;
}
#featurehead h1 {
font-size:14px;
font-weight:bold;
vertical-align:middle;
}
#servicewrapper li {
margin-bottom:5px;
}
div.blue, span.blue {

	background: #f4f5f6;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
	background-image: url(images/chart.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;

}
div.pink, span.pink {

	background: #fff5eb;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
	background-image: url(images/monitor.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;
}
div.green, span.green {
	background: #f5faeb;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
	background-image: url(images/monitor.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;
}



div.yellow, span.yellow {

	background: #fffdeb;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
	background-image: url(images/features.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;
}
div.yellow, span.yellow,

div.green, span.green,

div.pink, span.pink,

div.blue, span.blue {

	margin: 5px 0px 5px 0px;

	padding: 7px 10px 7px 75px;

}
#casestudy h1 {
margin-top:2px;
font-size:20px;
}
#casestudyhead {
	height:13px;
	width:980px;
	background-image:url(images/fullwidthtop.png);
}
#casestudybase {
	height:15px;
	width:980px;
	background-image:url(images/fullwidthbase.png);
}
#casestudybody {
	width:970px;
	padding-left:10px;
	background-image:url(images/fullwidthbody.png);
}
#casewebsite {
float:left;
width:300px;
}
#casewebsite h1 {
	font-size:20px;
	margin-bottom: 5px;
}
#casedescrip {
float:left;
width:460px;
}
#casedescrip h1 {
margin-top:2px;
font-size:20px;
margin-bottom:5px;
}
#casekeywork {
float:left;
width:200px;
}
#casekeywork h1 {
margin-top:2px;
font-size:20px;
margin-bottom:5px;
}
#casedivide {
clear:both;
width:960px;
	height:20px;
	background-image: url(images/baseline.png);
	}
div.bluecase, span.bluecase {

	background: #f4f5f6 url(../images/div_info.png) 3px 3px no-repeat;

	border-top: 1px dotted #78be5a;

	border-bottom: 1px dotted #78be5a;

}
div.pinkcase, span.pinkcase {

	background: #fff5eb url(../images/div_alert.png) 3px 3px no-repeat;

	border-top: 1px dotted #ffb4a0;

	border-bottom: 1px dotted #ffb4a0;

}
div.greencase, span.greencase {

	background: #f5faeb url(../images/div_download.png) 3px 3px no-repeat;

	border-top: 1px dotted #78be5a;

	border-bottom: 1px dotted #78be5a;

}



div.yellowcase, span.yellowcase {

	background: #fffdeb url(../images/div_tip.png) 3px 3px no-repeat;

	border-top: 1px dotted #ffc864;

	border-bottom: 1px dotted #ffc864;

}
div.yellowcase, span.yellowcase,

div.greencase, span.greencase,

div.pinkcase, span.pinkcase,

div.bluecase, span.bluecase {

	margin: 0px 0px 5px 0px;

	padding: 7px 10px 7px 10px;

}
div.yellowcase ul {
margin:5px 0 0 15px;
padding:0;}