*{margin:0; padding:0;}
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
div#header{position:relative;width:770px;height: 167px;margin:0;padding:0}
div#header h1 {font-size:180%}
div#header h1 span {background:url(http://content.onlineagency.com/sites/39605/images/header.jpg) no-repeat;position: absolute;width: 100%;height: 100%}
div#container{text-align:left}
div#container {background: #feff99;}
div#container{background: url(http://content.onlineagency.com/sites/39605/images/container.jpg) repeat-y left center;}
div#content p{line-height:1.4;padding:10px;}
div#content a:link,div#content a:visited{color: #993300;text-decoration: none;}
div#content a:hover{color: #996600;}
div#navigation{background: #b8c9b7 url(http://content.onlineagency.com/sites/39605/images/lef_nav_bg.jpg) repeat-x left top;}
div#footer{background: #366835;color: #FFF}
div#footer{padding-top:25px; padding-bottom:20px;text-align:center;}
div#footer p{font: normal 110% Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}
/* layout control edit only widths */
div#container{width:770px;margin:0 auto}
div#content{float:right;width:568px}
div#navigation{float:left;width:200px; height:568px;}
div#extra{float:left;clear:left;width:200px}
div#footer{clear:both;width:100%}

.lf_service {margin:4px 10px}

.lf_box{width:30%;float:left;height:300px;margin:5px;background:#386747;overflow:auto;background:url(http://content.onlineagency.com/sites/39605/images/shadow_1.jpg) no-repeat bottom right;}
.lf_box h1{font: bold 110% Verdana, Arial, Helvetica, sans-serif;padding:4px 0px;text-align:center;color:#feff92;margin-right:2px;}
.lf_box p{font: normal 80% Verdana, Arial, Helvetica, sans-serif; color:#ffffff; padding:5px 0px;margin-right:2px;}
.lf_box h1{background: url(http://content.onlineagency.com/sites/39605/images/Body_h1_bg.jpg) repeat-x left center;}
.lf_box img {float:right;}

.lf_box2{width:30%;float:left;height:300px;margin:5px;background:#386747;overflow:auto;background: url(http://content.onlineagency.com/sites/39605/images/shadow_1.jpg) no-repeat bottom right;margin-bottom:30px;}
.lf_box2 h1{font: bold 110% Verdana, Arial, Helvetica, sans-serif;padding:4px 0px;text-align:center;color:#feff92;margin-right:2px;}
.lf_box2 p{font: normal 80% Verdana, Arial, Helvetica, sans-serif; color:#ffffff; padding:5px 0px;margin-right:2px;}
.lf_box2 h1{background: url(http://content.onlineagency.com/sites/39605/images/Body_h1_bg.jpg) repeat-x left center;}
.lf_box2 img {float:right;}


#lf_navigation { width: 180px;margin-left:8px; padding-top:25px;padding-r1ght:10px; }
#lf_navigation ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	font-weight:normal;
	text-align: left;
	color: #FFFFFF;
}
#lf_navigation a
{
	display: block;
	padding: 3px;
	width: 180px;
	border-bottom: 1px solid #000000;
	background: #59824a url(http://content.onlineagency.com/sites/39605/images/bullet.jpg) no-repeat 10px center;
	color: #FFFFFF;
	text-indent: 20px;
}
#lf_navigation a:link, #lf_list a:visited{color: #EEEEEE;text-decoration: none;}
#lf_navigation a:hover{background-color: #83AF72;color: #ffffff;}