body {
	background-color: #fff;
	margin: 0;
	font: normal 500 100%/1.3em Tahoma, arial, helvetica, san-serif;
	color: #000;
	text-align: center;
}
#frame {
	width: 1124px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}
/* head section
--------------------------------------- */
#header {
	height: 152px;
	display: block;
	position: relative;
}
#topnav {
	background-color: #e6e7e9;
	width: 860px;
	height: 27px;
	position: absolute;
	top: 85px;
	left: 0;
}
#topnav ul {
	margin: 0 0 0 85px;
	padding: 0;
}
#topnav ul li {
	float: left;
	height: 27px;
	line-height: 27px;
	list-style: none;
	border-right: 1px solid #0b215a;
}
#topnav ul li a {
	font-size: 20px;
	color: #0b215a;
	display: block;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 15px;
}
#topnav ul li.on a,
#topnav ul li a:hover {
	background: #dd0105;
	color: #fff;
}
#logo {
	background: url("../img/logo.jpg") no-repeat;
	width: 150px;
	height: 73px;
	position: absolute;
	left: 870px;
	top: 40px;
}
#logo span {
	display: none;
}
/* main section
--------------------------------------- */
#mainimg {
	width: 1124px;
	height: 230px;
	background: url("../img/mainimg.jpg") no-repeat;
	position: relative;
	left: 0;
	top: 40px;
	margin-bottom: 40px;
}
#mainimg a {
	 color: #fff;
	 text-decoration: none;
}
/* Homepage */
h1.home {
	font-size: 140%;
	color: #0b225d;
	margin: 30px 0 -20px 100px;
	font-weight: normal;
}
#homecontent {
	position: relative;
	margin: 60px 0 0 100px;
	width: 800px;
}
#homecontent p a {
	font-weight: bold;
}
#contactinfo {
	position: absolute;
	top: 0;
	left: 590px;
}
#contactinfo p {
	color: #0b225d;
	font-size: 110%;
	line-height: normal;
	margin: 10px;
}
#mainimg h1 {
	color: #fff;
	width: 495px;
	font-weight: normal;
	margin: 0 0 0 320px;
	padding-top: 20px;
	font-size: 120%;
}
#websiteservices,
#onlineservices,
#ourcompany {
	width: 175px;
	color: #fff;
}
#websiteservices {
	position: absolute;
	top: 40px;
	left: 100px;
}
#onlineservices {
	position: absolute;
	top: 40px;
	left: 310px;
}
#ourcompany {
	position: absolute;
	top: 40px;
	left: 560px;
}
#mainimg h2 {
	color: #fff;
	font-size: 120%;
	margin: 0;
	font-weight: normal;
}
#mainimg ul {
	margin: 0;
	padding: 0;
}
#mainimg ul li {
	margin: 5px 0;
	padding-left: 20px;
	list-style: none;
	background: url("../img/bullet.gif") no-repeat 0 7px;
}
#mainimg p {
	color: #fff;
	width: 495px;
	font-weight: normal;
	margin: 0 0 0 320px;
	padding-top: 10px;
	font-size: 100%;
}
#mainimg ul.nav {
	position: absolute;
	margin: 0;
	top: 0;
	left: 95px;
	padding: 20px 0;
	height: 190px;
	border-right: 10px solid #fff;
}


#content {
	margin: 0 0 0 320px;
	width: 800px;
	display: block;
	/*position: relative;
	top: 10px;*/
}
#leftnav {
	position: absolute;
	top: 152px; 
	left: 0;
	background: url("../img/bg-leftnav.jpg") no-repeat;
	width: 279px;
	height: 290px;
}
#leftnav ul {
	margin: 5px 0 0 95px;
	padding: 0;
}
#leftnav ul li,
#mainimg ul.nav li {
	background: url("../img/leftnav-swish.gif") no-repeat bottom;
	width: 158px;
	padding: 4px 15px 4px 10px;
	list-style: none;
}
#leftnav ul li a,
#mainimg ul.nav li a {
	text-decoration: none;
	color: #fff;
	font-size: 85%;
	line-height: normal;
}
#leftnav ul li.on a,
#mainimg ul.nav li.on a {
	font-weight: bold;
}
h2 {
	color: #0b225d;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}
h2,
p {
	width: 560px;
}
#content ul {
	margin: 0;
	padding: 0;
}
#content ul li {
	margin: 5px 0;
	padding-left: 20px;
	list-style: none;
	background: url("../img/bullet.gif") no-repeat 0 7px;
}
#content ul.inline-nobullet li {
	float: left;
	background: none;
	padding-left: 0;
	padding-right: 20px;
}
.column {
	float: left;
	margin: 30px 30px 30px 0;
	width: 210px;
}
.column p,
.column h2 {
	width: 210px;
}
.contactfooter  {
	width: 800px;
	display: block;
	clear: both;
	background: url("../img/fade-line.gif") no-repeat 0 0;
	padding-top: 5px;
	margin-top: 40px;
}
.contactfooter p {
	width: 800px;
	margin-top: 10px;
}
.tel {
	background-color: #d90105;
	color: #fff;
	display: block;
	display: inline-block;
	padding: 1px 10px;
}
p a {
	 color: #0b225d;
}
.sm {
	font-size: 95%;
}
.blue {
	color: #0b225d;
}
img {
	border: 0;
}
/* case studies section
--------------------------------------- */
#maselecimg {
	position: absolute;
	top: 0;
	left: 832px;
	background: url("../img/case-maselec.jpg") no-repeat;
	width: 268px;
	height: 230px;
	overflow: hidden;
}
#lscimg {
	position: absolute;
	top: 0;
	left: 832px;
	background: url("../img/case-lsc.jpg") no-repeat;
	width: 268px;
	height: 230px;
	overflow: hidden;
}
#epimg {
	position: absolute;
	top: 0;
	left: 832px;
	background: url("../img/case-enginepower.jpg") no-repeat;
	width: 288px;
	height: 230px;
	overflow: hidden;
}
/* contact us section
--------------------------------------- */
.borderbox {
	border: 1px solid #c00;
	width: 540px;
	padding: 10px;
}
.contactus {
	background: #e6e7e9;
	width: 540px;
	margin: 0;
	padding: 0;
}
.contacttable {
	width: 520px;
	margin: 10px;
	font-size: 90%;
}
.contacttable td.left {
	width: 130px;
	vertical-align: top;
}
.contacttable td.right {
	text-align: right;
}
.req {
	color: #c00;
}
.std-text {
	width: 185px;
}
.textarea {
	width: 380px;
}
.submit {
	width: 63px;
	height: 21px;
	background: url("../img/submit.gif") no-repeat;
	border: 0;
	color: #fff;
	line-height: 14px;
	font-weight: bold;
}
#footer p {
	margin: 40px 100px;
	display: block;
}
#footer p a {
	color: #000;
	text-decoration: none;
	font-size: 90%;
}
#content ul.sitemap li {
	background-image: none;
	padding: 5px 0;
}
ul.sitemap li a {
	color: #000;
	text-decoration: none;
}
#content ul.sitemap li ul li {
	padding-left: 40px;
}