#homewrapper {float:left; width:100%; background:#0c131b url(../images/bg-home.jpg) top center no-repeat;}
#home {position:relative; margin:0 auto; width:980px;}

#masthead {}
#logo {float:left; width:251px; height:78px; margin:30px 0 0 15px; background:url(../images/logo-cstraight.png) top left no-repeat;}
#nav1 {float:right; width:588px; height:66px; margin:30px 0 0 0; background:url(../images/bg-home-nav.png) top left no-repeat;}
#nav1 li {float:left; height:66px;}
#nav1 li a {height:66px; background:url(../images/nav-menu.png);}
	* html #nav1 li a {background:url(../images/nav-menu.gif);}

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

#home h1 {float:left; width:980px; height:90px; margin:33px 0 95px 0; background:url(../images/h1-all-things.png) top center no-repeat;}

#steps {margin:0 0 30px 0;}
	* html #steps {height:185px; overflow:hidden;}
	* + html #steps {height:185px; overflow:hidden;}
#steps div.step {float:left; width:220px; padding:0 5px 0 20px;}
#steps div.step.last {margin-right:-3px;}
#steps h2.step1 {width:165px; height:23px; background:url(../images/step-start-strategic.png) 0 0 no-repeat;}
#steps h2.step2 {width:143px; height:23px; background:url(../images/step-get-creative.png) 0 0 no-repeat;}
#steps h2.step3 {width:101px; height:23px; background:url(../images/step-go-geek.png) 0 0 no-repeat;}
#steps h2.step4 {width:150px; height:23px; background:url(../images/step-stay-ahead.png) 0 0 no-repeat;}

#steps ul {padding:5px 0 20px 0;}
#steps ul li {padding:3px 0 3px 0; font-size:12px; letter-spacing:-.01em; color:#42b7d2;}
#steps a.learnmore {display:block; color:#ffffff; font-size:13px; padding:0 0 8px 12px; letter-spacing:-.06em; font-weight:bold; text-decoration:none; width:193px;}
#steps a.learnmore:hover {color:#fff718;}
#steps a.orange {background:url(../images/arrow-orange.png) 0 5px no-repeat; border-bottom:3px solid #e05f23;}
#steps a.blue {background:url(../images/arrow-blue.png) 0 5px no-repeat; border-bottom:3px solid #0f6f87;}
#steps a.green {background:url(../images/arrow-green.png) 0 5px no-repeat; border-bottom:3px solid #6eb838;}
#steps a.purple {background:url(../images/arrow-purple.png) 0 5px no-repeat; border-bottom:3px solid #9734b3;}

#drawer {width:936px; padding:25px 22px 22px 22px;}
	* html #drawer {padding-bottom:0;}
	* + html #drawer {padding-bottom:0;}
#drawer h4.featured {width:220px; height:25px; margin:0 0 20px 0; background:url(../images/h2-featured-project.png) 0 0 no-repeat;}
#drawer h4.hiring {width:162px; height:25px; margin:0 0 20px 0; background:url(../images/h2-were-hiring.png) 0 0 no-repeat;}
#drawer div.left {float:left; width:585px; padding:0 10px 0 0;}
#drawer div.left img {float:left; padding:0 25px 0 0; cursor:pointer;}
#drawer div.left h5 {font-size:18px; font-weight:bold; padding:0 0 5px 0;}
#drawer div.left p {line-height:18px; font-size:12px; padding:0 0 10px 0;}
#drawer div.left a.seemore {float:left; width:152px; height:31px; background:url(../images/btn-see-more-projects.png) 0 0 no-repeat;}
#drawer div.left a.seemore:hover {background-position:0 -31px;}

#drawer div.right {float:left; width:320px; padding:0 0 0 20px;}
#drawer div.right p {font-size:16px; line-height:24px; padding:0 0 30px 0;}
#drawer div.right a.email {width:172px; height:31px; background:url(../images/btn-shoot-email.png) 0 0 no-repeat;}
#drawer div.right a.email:hover {background-position:0 -31px;}