/* ----------------------------------------------------------------------------- 
   stackpolepartners.com                                                         
   ----------------------------------------------------------------------------- */

	body {margin:0px; background:#fff; font:12px verdana,sans-serif;}
	#container {width:850px;}
	a {text-decoration:none;}
	h1, h2, h3, h4, div, ul, ol, li, a, p, dl, dd, dt, img {padding:0px;}
	a {color:#0ac92b;}
	a:hover {color:#51e11f;}
	
/* logo ------------------------------------------------------------------------ */

	h1 {text-indent:-5000px; margin:0px;}
	#logo img, #logohome img {border:0px; border-bottom:1px solid #0ac92b; margin:0px;}
	#logohome {width:230px; height:77px; overflow:hidden; display:block; background:transparent;}
		
/* index ----------------------------------------------------------------------- */

	#topbarhome {position:absolute; width:100%; height:77px; left:0px; border-bottom:1px solid #0ac92b; margin:0px;}
	#h2home {position:absolute; top:0px; margin:0px 0px 0px 230px; border-left:1px solid #0ac92b; height:77px; min-width:545px; font:normal 12px/100px verdana,sans-serif; color:#000; text-indent:20px;}
	#contentlefthome {position:relative; float:left; width:262px; margin:395px 0px 0px 20px; display:inline; font-size:12px; line-height:23px;}
	#contentrighthome {position:relative; float:left; width:485px; margin:385px 0px 0px 35px; display:inline;}
	#contentrighthome {line-height:23px;}
	#illustrationhome {position:absolute; border-right:1px solid #0ac92b; border-top:1px solid #0ac92b; top:77px; width:797px; height:295px; background:url(../images/homeill.gif) #ccffff; margin:0px;}

	#recentwork {width:231px; height:188px; margin:20px 20px 0px 0px; display:inline; float:left; background:url(../images/stackpole_report_3.jpg) transparent no-repeat;}
	#rwheader, #rwheadercontainer {width:137px; height:27px; background:url(../images/h3home-research.gif) transparent no-repeat;}
	#rwheadercontainer {margin:12px 0px 0px 15px; float:left; display:inline;}
	#recentworkmore {margin:20px 0px 0px 0px; height:20px; width:65px; float:right;}

	#blog {width:231px; height:188px; margin:20px 0px 0px 0px; display:inline; float:left; background:url(../images/blog.jpg) transparent no-repeat;}
	#blogheader, #blogheadercontainer {width:137px; height:27px; background:url(../images/h3home-blog.gif) transparent no-repeat;}
	#blogheader {margin:0px; text-indent:-9999px; display:block;}
	#blogheadercontainer {margin:12px 0px 0px 15px; float:left; display:inline;}
	#blogmore {margin:20px 0px 0px 0px; height:20px; width:65px; float:right;}

	#newsteaser {width:231px; height:188px; margin:20px 0px 0px 0px; display:inline; float:left; background:url(../images/stackpole_new_teaser.jpg);}
	#newsteaser p {width:170px; height:100px; margin:10px 0px 0px 30px;}
	#ntheader, #ntheadercontainer {width:135px; height:27px; background:url(../images/h3home-resources.gif) transparent no-repeat;}
	#ntheadercontainer {margin:12px 0px 0px 15px;}
	#rwheader, #ntheader {text-indent:-9999px; display:block; margin:0px;}
	.more {font-weight:bold; font-size:10px; text-transform:uppercase;}
		
/* h2s ------------------------------------------------------------------------- */

	#h2sectiontitle {position:absolute; top:125px; text-indent:-5000px; width:290px; height:134px; margin:0px;}
	.h2about {background:url(../images/about.gif) #fff no-repeat;}
	.h2work {background:url(../images/work.gif) #fff no-repeat;}
	.h2experience {background:url(../images/experience.gif) #fff no-repeat;}
	.h2resources {background:url(../images/resources.gif) #fff no-repeat;}
	.h2contact {background:url(../images/contact.gif) #fff no-repeat;}
	
/* illustrations --------------------------------------------------------------- */

	#illustration {position:absolute; border:#0ac92b solid; border-width:0px 1px 0px 1px; left:305px; top:0px; width:491px; height:290px; margin:0px;}
	.illabout {background:url(../images/aboutill.gif) #ccffff;}
	.illwork {background:url(../images/workill.gif) #ccffff;}
	.illexperience {background:url(../images/experienceill.jpg) #ccffff;}
	.illresources {background:url(../images/resourcesill.gif) #ccffff;}
	.illcontact {background:url(../images/contactill.gif) #ccffff;}

/* navigation ------------------------------------------------------------------ */

	#navbar {position:absolute; top:290px; left:0px; height:37px; width:100%; background:#0ac92b; margin:0px auto;}
	#navbarhome {position:absolute; top:372px; height:37px; width:100%; background:#0ac92b; margin:0px auto;}
	#navcontainer {position:absolute; left:305px; top:290px; height:37px; width:494px;}
	#navcontainerhome {position:absolute; left:305px; top:372px; height:37px; width:493px;}
	/* suckerfish */
	#nav, #nav ul {margin:0px; list-style:none; text-align:center;}
	#nav li {float:left;}
	#nav li ul {position:absolute; left:-999em;}
	#nav li ul#aboutul {width:100px;}
	#nav li ul#experienceul {width:107px;}
	#nav li ul#resourcesul {width:121px;}
	#nav li:hover ul {left:auto;}
	#nav li:hover ul, #nav li.sfhover ul {left:auto;}
	/* all dropdown nav links */
	#nav a {display:block; font:bold 12px/37px verdana,sans-serif; color:#fff; background:#0ac92b; height:37px;}
	#nav a {text-transform:uppercase;}
	#nav a:hover {background:#51e11f;}
	/* about */
	#aboutnavtop {border-bottom:2px solid #fff;}
	a.aboutnav {width:100px; border-bottom:2px solid #fff;}
	#aboutnavbottom {border:0px;}
	/* work */
	a.worknav {width:75px;}
	a.worknav:hover {width:75px;}
	/* experience */
	#experiencenavtop {border-bottom:2px solid #fff;}
	a.experiencenav {width:107px; border-bottom:2px solid #fff;}
	a.experiencenav:hover {width:107px; border-bottom:2px solid #fff;}
	#experiencenavbottom {border:0px;}
	/* resources */
	#resourcesnavtop {border-bottom:2px solid #fff;}
	a.resourcesnav {width:121px; border-bottom:2px solid #fff;}
	a.resourcesnav:hover {width:121px; border-bottom:2px solid #fff;}
	#resourcesnavbottom {border:0px;}
	/* contact */
	a.contactnav {width:90px;}
	a.contactnav:hover {width:90px;}

/* right ----------------------------------------------------------------------- */
	
	#contentright {position:relative; float:left; width:485px; margin:230px 0px 0px 35px; display:inline;}
	#contentright p {line-height:23px;}
	#contentright ul {list-style:outside url(../images/li.gif); margin:10px 0px 10px 0px; padding-left:50px;}
	#contentright ol {list-style:none; margin:0px 0px 50px 0px;}
	#contentright li {margin:0px 0px 10px 0px;}
	#contentright ul li ul, #contentright ul li ul {margin:10px 0px 0px 0px; padding-left:30px; list-style:url(../images/li2.gif);}
	#contentright h4 {color:#036; font-size:12px; margin:40px 0px -5px 0px; text-transform:uppercase;}
	/* columns */
	.columnleft, .columnright {width:210px; float:left; display:inline;}
	#contentright .columnleft h4, #contentright .columnright h4 {margin:0px 0px 13px 0px;}
	.columnleft {margin:0px 40px 0px 0px;}
	.columnright {margin:0px;}
	/* h3 headers */	
	#contentright h3 {text-indent:-5000px; width:465px; height:50px; margin:0px; clear:left;}
	#contentright div#h3container {border-bottom:1px solid #0ac92b; width:465px; margin:0px 0px 25px 0px;}
	.h3background {background:url(../images/h3background.gif) #fff no-repeat; clear:left;}
	.h3dropusaline {background:url(../images/h3dropusaline.gif) #fff no-repeat; clear:left;}
	.h3expertise {background:url(../images/h3expertise.gif) #fff no-repeat; clear:left;}
	.h3home-recentwork {background:url(../images/h3home-recentwork.gif) #fff no-repeat; clear:left;}
	.h3home-resources {background:url(../images/h3home-resources.gif) #fff no-repeat; clear:left;}
	.h3brandawareness {background:url(../images/h3brandawareness.gif) #fff no-repeat; clear:left;}
	.h3categorylaunch {background:url(../images/h3categorylaunch.gif) #fff no-repeat; clear:left;}
	.h3customeracquisition {background:url(../images/h3customeracquisition.gif) #fff no-repeat; clear:left;}
	.h3brandpositioning {background:url(../images/h3brandpositioning.gif) #fff no-repeat; clear:left;}
	.h3productlaunch {background:url(../images/h3productlaunch.gif) #fff no-repeat; clear:left;}
	.h3resources {background:url(../images/h3resources.gif) #fff no-repeat; clear:left;}
	.h3whatwedo {background:url(../images/h3whatwedo.gif) #fff no-repeat; clear:left;}
	.h3articles {background:url(../images/h3articles.gif) #fff no-repeat; clear:left;}
	.h3links {background:url(../images/h3links.gif) #fff no-repeat; clear:left;}
	.h3clientlist {background:url(../images/h3clientlist.gif) #fff no-repeat; clear:left;}
	.h3industryexperience {background:url(../images/h3industryexperience.gif) #fff no-repeat; clear:left;}
	.h3team {background:url(../images/h3team.gif) #fff no-repeat; clear:left;}
	.h3location {background:url(../images/h3location.gif) #fff no-repeat; clear:left;}
	.h3philosophy {background:url(../images/h3philosophy.gif) #fff no-repeat; clear:left;}
	.h3sitemap {background:url(../images/h3sitemap.gif) #fff no-repeat; clear:left;}
	.h3news {background:url(../images/h3news.gif) #fff no-repeat; clear:left;}
	.h3careers {background:url(../images/h3careers.gif) #fff no-repeat; clear:left;}
	.h3capabilities {background:url(../images/h3capabilities.gif) #fff no-repeat; clear:left;}
	/* articles */
	#contentright ul#articlelist {padding-left:20px;}
	#contentright ul#articlelist li {margin:0px 0px 12px 0px;}
	/* case study lightbox thumbnails */	
	#casestudyimages {margin:20px 0px 0px 0px;}
	#casestudyimages a img {border:1px solid #cccccc;}
	#casestudyimages a:hover img {border:1px solid #0ac92b;}
	.casestudy1, .casestudy2, .casestudy3 {display:inline;}
	.casestudy1, .casestudy3 {margin:0px;}
	.casestudy2 {margin:0px 20px 0px 20px;}
	/* capabilities */
	#contentright .capability {margin:30px 0px 30px 0px; float:left;}
	#contentright .capability h4 {font:bold 12px/30px verdana,sans-serif; margin:0px 0px 10px 0px; display:block; width:465px; height:30px; background:#c4d9f6; text-indent:10px; float:left;}
	#contentright .capability p {font:bold 12px/15px verdana,sans-serif;}
	#contentright .capability ul {padding-left:20px;}
	#contentright .capability ul li, #contentright .capability ul li {margin-bottom:5px;}
	#contentright .capability ul li ul, #contentright .capability ul li ul {margin:10px 0px 0px 0px; padding-left:5px; list-style:inside url(../images/li2.gif);}
	/* news */
	#contentright .newsitem {margin:0px 0px 50px 0px;}
	#contentright .newsitem h4 {font-size:14px; line-height:20px; margin-top:0px; text-transform:none;}
	#contentright .newsitem .date {font-size:10px;color:#aaa;}
	#contentright .news_post_image {margin:0px; width:250px;}
	#contentright .news_image_container {float:left; display:inline; margin:0px 30px 15px 0px;  width:250px;}
	#contentright .news_image_container img {margin:0px 0px 5px 0px; width:250px;}
	#contentright div.news_image_container p {float:left; margin:0px; font-size:10px; color:#aaa; line-height:13px;}
	#contentright .newsitem .newsitembody {line-height:23px;}
	#archive_navigation {border-top:1px dotted #ccc; margin:0px; color:#ccc; float:left; width:485px;}
	#contentright #archive_navigation #nextlink {padding:0px; font-size:10px; margin:0px 0px 0px 5px; float:left;}
	#contentright #archive_navigation #previouslink {padding:0px; font-size:10px; margin:0px 5px 0px 0px; float:right;}
	/* portfolio */
	#h3portfoliocontainer, h3#h3portfolio {background:url(../images/h3portfolio.gif) transparent bottom left no-repeat; width:100px; height:40px;}
	h3#h3portfolio {text-indent:-5000px; margin:0px; display:block;}
	#h3portfoliocontainer {margin:0px 0px 20px 13px;}
	.portfoliocolumn {margin:0px 0px 0px 12px; float:left; width:213px; display:inline;}
	#portfoliocontainer {width:480px; height:460px; background:url(../images/portfolio.gif) no-repeat; margin:0px 0px 20px 0px;}	
	dl {list-style-type:none; width:213px; height:65px; margin:0px 0px 12px 0px; border:1px solid #0ac92b; background:#fff;}
	dt {font:bold 12px verdana,sans-serif; color:#036; margin:10px 0px 5px 10px; text-transform:uppercase;}
	dd {display:inline; float:left; margin:0px 0px 0px 10px;}	
	dd a img {border:1px solid #51e11f;}
	dd a:hover img {border:1px solid #036;}
	/* contact */
	#contact p {margin:20px 0px 0px 0px;}
	ul#checkboxes {list-style:none; margin:20px 0px 0px 0px; padding:0px;}
	ul#checkboxes li {margin:10px 0px;}
	.textbox, .textarea {width:300px; border:1px solid #cccccc; background:#f9f9f9;}
	.required {color:#0ac92b;}
	.button {border:1px solid #ccc; background:#eee; text-align:center; color:#036;}

/* left ------------------------------------------------------------------------ */
	
	#contentleft {position:relative; float:left; display:inline; width:262px; margin:230px 0px 0px 20px;}
	.work_link, #leftnav ul, #contentleft h3, #contentleft h4 {font:bold 12px verdana,sans-serif; color:#036;}
	/* left nav */
	#leftnav {margin:50px 0px 0px 0px;}
	#leftnav ul {text-transform:uppercase; list-style:none; text-align:right; margin:0px;}
	#leftnav li {margin:0px 0px 20px 0px;}
	#contentleft h3 {margin:0px 0px 5px 13px; text-transform:uppercase;}
	#contentleft h4 {margin:0px 0px 0px 13px;}
	/* expanding box on work page */
	.boxtop {background:url(../images/boxtop.gif) top left no-repeat;}
	.boxmiddle {margin:12px 0px 0px 0px; width:260px; background:url(../images/boxmiddle.gif) top left repeat-y;}
	.boxbottom { margin:12px 0px 0px 0px; background:url(../images/boxbottom.gif) bottom left no-repeat; padding:0px 0px 15px 0px;}
	/* expanding box on contact page */
	.contactinfo {margin:12px 0px 0px 0px; width:260px; background:url(../images/boxmiddle.gif) transparent top left repeat-y; font-size:12px;}
	.contactinfo p {margin:0px 0px 25px 13px;}
	.contactinfo a {margin:0px 0px 20px 13px; display:block;}
	/* case study sidebar on work page */
	#h3casestudiescontainer, #h3casestudies {background:url(../images/h3casestudies.gif) no-repeat; width:133px; height:50px;}
	h3#h3casestudies {text-indent:-5000px; margin:0px;}
	#h3casestudiescontainer {margin:0px 0px 0px 13px;}
	/* case study thumnails on the five case study pages */
	#casethumb1, #casethumb2, #casethumb3, #casethumb4, #casethumb5 {margin:0px 0px 20px 13px; display:block; width:232px; height:74px;}
	#casethumb1, #casethumb2, #casethumb3, #casethumb4, #casethumb5 {border:1px solid #0ac92b;}
	#casethumb1:hover, #casethumb2:hover, #casethumb3:hover, #casethumb4:hover, #casethumb5:hover {border:1px solid #036;}
	#casethumb1 {background:url(../images/casethumb1.jpg) no-repeat;}
	#casethumb2 {background:url(../images/casethumb2.jpg) no-repeat;}
	#casethumb3 {background:url(../images/casethumb3.jpg) no-repeat;}
	#casethumb4 {background:url(../images/casethumb4.jpg) no-repeat;}
	#casethumb5 {background:url(../images/casethumb5.jpg) no-repeat;}
	.work_link {text-align:right; margin:0px 0px 30px 0px; text-transform:uppercase;}
	.casestudysubtitle {font:bold 10px verdana,sans-serif; color:#036; text-align:right; margin:0px 0px 15px 0px;}
	.casestudysubtitle {text-transform:uppercase;}
	.blue strong {color:#036;}

/* footer ---------------------------------------------------------------------- */

	#globalnav {float:left; width:783px; height:50px; text-transform:uppercase; color:#ccc; font-size:10px; margin:20px 0px 0px 0px;}
	#globalnav ul {margin:0px 0px 10px 317px;}
	#globalnav li {display:inline; margin:0px;}
	#globalnav a {color:#aaa;}
	#globalnav a:hover {color:#0ac92b;}