﻿html { height:100%;}
body { height:100%; margin:0; background:url(images/bg.jpg) repeat-x #c1d0d9; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#606f78;}

p { line-height:25px;}
a { color:#f81818;}
b, h1, h2, h3, h4, h5, h6 { font-size:12px; color:#2b3236;}
a:hover { }
ul, ol, li, dl, dt, dd { margin:0; padding:0;}
.left {
	float:left;
	padding-top: 12px;
}
.right { float:right;}
.clear { clear:both;}
.red { color:#fd0000;}
.imgright { margin-left:20px;}
.imgleft { margin-right:20px;}

ol.list { margin-left:30px; line-height:18px;}
ol.list li { margin-bottom:10px;}


.blue { font-size:15px; color:#307d9c;}
h2.blue { font-size:12px; color:#81d0ed;}
div.blue { font-size:12px; color:#fff; background-color:#2b3236;}

#container { width:970px; margin:0 auto;}

#header { background:url}
* html #header { background:url(images/customer-services-01782811055.jpg) no-repeat 100% 110px;}
*+html #header { background:url(images/customer-services-01782811055.jpg) no-repeat 100% 110px;}

#navtop { width:575px; height:29px; background:url(images/navbg.png) no-repeat; margin:-50px 0 0 230px;}
#navtop ul { padding-left:10px;}
#navtop ul li { float:left; list-style-type:none;}
* html #navtop ul li { padding-bottom:1px;}
*+html #navtop ul li { padding-bottom:1px;}
#navtop ul li a { padding:5px 14px 7px 14px; line-height:28px; font-weight:bold; color:#fff; text-decoration:none;}
#navtop ul li span { padding:5px 14px 7px 14px; line-height:28px; font-weight:bold; color:#fff; text-decoration:none; background:url(images/active.png) no-repeat center bottom;}
#navtop ul li a:hover {background:url(images/active.png) no-repeat center bottom;}

#content { background:url(images/content-bg.png) repeat-y; height:100%}
#top { background: url(images/top.png) no-repeat; height:20px;}
#bottom { background: url(images/bottom.png) no-repeat; height:20px;}

.innerleft { width:408px; float:left;}
.innerright { width:265px; float:right;text-align:center;}
.innerright img { margin-bottom:32px;}

#leftcol { float:left; width:230px; height:558px; }
#leftcol ul { margin-left:20px;}
#leftcol ul li { margin-bottom:10px; list-style-type:none; line-height:14px;}
#leftcol ul li a { display:block; width:180px; background:url(images/link.png) no-repeat; height:37px; text-decoration:none; color:#2b3236; text-transform:uppercase; font-weight:bold; padding-left:10px; padding-top:9px;}
#leftcol ul li a:hover { padding-left:20px;}
#leftcol ul li a span { display:block; font-size:11px; color:#606f78; text-transform: capitalize; font-weight:normal; }

#rightcol { float:left; width:680px; padding:12px 30px 0px 30px;}
* html #rightcol { float:left; width:680px; padding:12px 20px 0px 20px;}
.intro { width:380px; float:left;}
.threebox { border-top:2px solid #d9d9d9; border-bottom:2px solid #d9d9d9; margin-top:32px; margin-bottom:20px;}
* html .threebox { height:142px; padding-top:10px;}
*+html .threebox { height:152px; padding-top:10px;}
.threebox div { float:left; width:206px; padding:0 10px;}
#blue { background:url(images/blue-bg.png) no-repeat; width:660px; height:158px; margin-left:-8px; color:#fff; padding:20px 20px 0px 20px;}
* html #blue {
	position:absolute;
	left: 100px;
	top: 589px;
}

#blue div { float:left; width:200px; padding:0 10px;}
#blue h1 { color:#fff; font-size:16px; margin:0 0 10px 0; padding:0px;}

.case { background: url(images/case-studies-bottom.png) no-repeat left bottom #f3f3f3; width:700px; margin:25px 0 25px -10px;}
.case div.content { width:292px; float:left; margin-left:20px;}
.case div.caseshot { width:365px; float:right; padding-top:100px;}

.map { text-align:right}
.map img{ margin-bottom:10px;}
.enlarge { background:url(images/magnify.png) no-repeat left top; padding-left:15px; font-size:11px; margin-top:10px;}

#footer { font-size:11px; height:40px; background:url(images/sales-direct-07782217821.jpg) no-repeat right top; text-align:right; padding-top:81px; color:#959b9e;}
#footer a { color:#fff; text-decoration:none;}
#footer a:hover { text-decoration: underline;}
.styleH1 {
	color: #FFFFFF;
	font-size: x-large;
}
.styleH2 {
	color: #F81818;
	font-family: "Arial Narrow";
	font-size: small;
}
.styleH3 {
	color: #2B3236;
	font-size: x-large;
}
.styleH4 {
	color: #FFFFFF;
	text-align: right;
	font-size: x-large;
}
	.styleF1 {
		border-left-width: 0;
		border-top-width: 0;
		border-right-color: #C0C0C0;
		border-right-width: 0;
		border-bottom-color: #C0C0C0;
		border-bottom-width: 0;
	}
	.styleF3 {
		border-left: 1px solid #C0C0C0;
		border-right-style: solid;
		border-right-width: 1px;
		border-top: 1px solid #C0C0C0;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		font-family: "Arial Narrow";
		color: #FF0000;
		text-align: left;
	}
	.styleF4 {
		font-family: Arial, Helvetica, sans-serif;
	}
	.styleF5 {
		border-left: 1px solid #C0C0C0;
		border-right-style: solid;
		border-right-width: 1px;
		border-top: 1px solid #C0C0C0;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		text-align: right;
	}
	.styleF6 {
		font-family: "Times New Roman";
	}
	.styleF7 {
		color: #FF0000;
	}
	.styleF8 {
		border-left: 1px solid #C0C0C0;
		border-right-style: solid;
		border-right-width: 1px;
		border-top: 1px solid #C0C0C0;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		text-align: center;
	}

