#servicewrapper {float:left; width:100%; background:#111d29;}
#services {position:relative; margin:0 auto; width:980px;}
#services div.section {height:75px; margin:0 0 25px 0; border-bottom:1px solid #1b2530;}
#services div.section h2.services {float:left; width:295px; height:40px; margin:31px 0 0 0; background:url(../images/h2-services.png) 0 0 no-repeat; border-bottom:4px solid #0f6f87;}

#nav3 {float:right; width:588px; height:66px; margin:15px 0 0 0;}
#nav3 li {float:left; height:66px;}
#nav3 li a {height:66px; background:url(../images/nav-menu.png);}
	* html #nav3 li a {background:url(../images/nav-menu.gif);}

#nav3 li a.about {width:160px; background-position:0 0;}
#nav3 li a.about:hover {background-position:0 -66px;}
#nav3 li a.services {width:140px; background-position:-160px 0;}
#nav3 li a.services:hover {background-position:-160px -66px;}
#nav3 li a.active {background-position:-160px -66px;}
#nav3 li a.portfolio {width:145px; background-position:-300px 0;}
#nav3 li a.portfolio:hover {background-position:-300px -66px;}
#nav3 li a.contact {width:143px; background-position:-445px 0;}
#nav3 li a.contact:hover {background-position:-445px -66px;}

#module {margin:0 0 25px 0;}

#sections {margin:1px 0 0 0; height:375px; overflow:hidden;}
#sections div.section {height:375px;}
#sections div.section div.left {float:left; width:318px; height:315px; background:url(../images/bg-section.png) 0 0 repeat-y; padding:30px 20px 30px 20px;}
#sections div.section div.left h5 {width:318px; height:20px; padding:0 0 10px 0; background:url(../images/h5-what-we-do.png) 0 0 no-repeat; border-bottom:1px solid #1f3346;}
#sections div.section div.left ul {margin:5px 0 5px 0;}
#sections div.section div.left ul li {color:#a5c0dc; font-size:14px; padding:7px 0 7px 25px; font-weight:bold; background:url(../images/bullet-checkbox.png) 0 8px no-repeat;}

#sections div.section div.right {float:left; width:522px; height:295px; padding:30px 50px 50px 50px; background:#0f1924 url(../images/bg-why-do-it.png) bottom right no-repeat;}
#sections div.section div.right h3 {width:159px; height:24px; background:url(../images/h3-why-we-do-it.png) 0 0 no-repeat; padding:0 0 5px 0;}
#sections div.section div.right h4 {color:#a5c0dc; font-size:14px; padding:10px 0 10px 0; font-weight:bold;}
#sections div.section div.right p {font-size:14px; color:#ffffff; line-height:20px; padding:10px 0 10px 0}

#services div.top {clear:both; height:32px; overflow:hidden;}
#services div.top a.top {float:right; display:block; width:153px; height:22px; padding:10px 0 0 0; color:#192836; font-weight:bold; text-transform:uppercase; text-decoration:none; text-align:center; background:url(../images/btn-services-top.png) 0 0 no-repeat; font-size:12px;}
#services div.top a.top:hover {color:#fff718;}


/* steps Menu */
.steps {margin:0; padding:0; width:980px; height:79px; background:url(../images/bg-kwicks.png) 0 0 repeat-x;}
.steps li {width:70px; height:79px; margin:0; cursor:pointer; border-right:1px solid #192d41;}
#step1 {float:left; background:url(../images/steps-menu.png) 0 0 no-repeat;}
#step2 {float:left; background:url(../images/steps-menu.png) -245px 0 no-repeat;}
#step3 {float:left; background:url(../images/steps-menu.png) -490px 0 no-repeat;}
#step4 {float:left; background:url(../images/steps-menu.png) -735px 0 no-repeat;}

#step1.active {background-position:0 -79px;}
#step2.active {background-position:-245px -79px;}
#step3.active {background-position:-490px -79px;}
#step4.active {background-position:-735px -79px;}