body {
	background-color: #efefef;

	background: #fff url(../i/bg.jpg) repeat-y 0 0 !important;

	margin: 0 1.6em 1.6em;
}



#banner {

	height: 15.8em;

	margin: 0 0 3.2em;

	position: relative;

}



#hero {

	position: relative;

	height: 276px;

	height: 27.6em;

}



#hero #hero-left {

	position:absolute;

	/*width:710px;*/

	height:240px;

	z-index:20;

	top:0px;

	left:0px;

}

.case-study #hero #hero-left {
	width: 250px;
}



#hero #widget { 

	position: absolute; 
	
	z-index: 50;

	top: -15px; 

	right: -10px; 

/*	background: transparent url(../i/placeholder_widget.jpg) no-repeat;*/

	background: #fefefe url(../i/bg_widget-bttm.jpg) -10px bottom no-repeat;

/*	width: 225px;*/

/*	height: 225px;*/

/*	height: 22.5em;*/

/*	padding: 12px 0 3.6em 25px;*/



}

#hero #widget embed {

	position:relative;

	top:0px;

	left:0px;

}





#hero #widget #wrapper {

	background: transparent url(../i/bg_widget-top-arrow.jpg) -10px 0 no-repeat;

	width: 220px;

	height: 24em;

	padding: 12px 15px 4.3em 15px;
	}



#hero #widget li { 

	padding: 0 0 1em;

}



#hero #widget li a { 

	font-size: 1em;

}



#hero-left img {

	position:absolute;

	z-index:32;

}



/* Flash Widget */



#flash_widget_container {

	position:absolute;

	z-index:40;

	right:0px;

	top:0px;

	width:240px;

	height:280px;

	overflow:hidden;

}



#flash_widget {

	position:absolute;

	right:0px;

	top:0px;

}



#wrap {

	margin: 0 auto;

	width: 960px;

}



.col {

	margin-bottom: 1.5em;

}



body.no-banner .col { padding-top: 1.5em; }



/* TWO COLUMN */

body.two-col .col {

	width: 690px;

	padding-left: 10px;

	padding-right: 10px;

	float: left;

}



body.two-col .col.first .col {



	float: right;

	width: 330px;

	margin-left: 30px;

}



body.two-col .col.last {

	width: 220px;

	float: left;

	position: relative;

	margin-left:30px;
	
	padding:0;
	
}



body#home .col.last, .col.last.screens {

	background: url(../i/bg_sidebar-callout.jpg) top left no-repeat;

	margin-left: 10px;

	padding-left: 15px;

	padding-right: 15px;

	width: 210px;

	}

body#home .col.top 
{
	/*background: url(../i/bg_casestudy-callout-top.jpg) no-repeat left 207px;*/
	background: url(../i/bg_casestudy-callout-top.jpg) no-repeat left 0px;
	float: left;
	margin: 4px 0 20px 10px;
	padding: 0;
	width: 240px;
}

body#home .col.top .outer
{
	background: url(../i/bg_casestudy-callout-bot.jpg) bottom left no-repeat;
	float: left;
	margin: 0;
	padding: 10px 15px 8px 15px;
	width: 210px;
}

body#home .col.top .himm-box{
   padding:50px 19px 37px;
    background:#fff url(../i/bkg_sidebarPromo.png) no-repeat 0 0;
}   

body#home .col.top .himm-box .date{
	Text-transform:none;
	margin-top: -9px;
	margin-bottom:17px;
}

body#home .col.top .himm-box a{
    font-size:1.1em; 
}

body#home .col.top .himm-box h2{
    color:#666666;
    display:block;
    font-family:Cambria,Georgia,"Times New Roman",serif;
    font-size:1.7em;
    font-style:normal;
    font-weight:normal !important;
    line-height:1.2;
    padding-bottom:8px;
}

/* THREE COLUMN */

body.three-col .col {

	width: 300px;

	margin-right: 20px;

	float: left;

}



body.three-col .col:first-child, body.three-col .col.first, body.three-col h2 {

	padding-left: 10px;

}



body.three-col .col.last {

	margin: 0;

}



/* FOUR COLUMN */

body.four-col h1 { margin-left: 10px; margin-right: 10px; }

body.four-col .col {

	width: 220px;

	float: left;

	margin-right: 20px;

}



body.four-col .col.first {

	padding-left: 10px;

}



body.four-col .col.last {

	margin-right: 0;

}



/* FIVE COLUMN */

body.five-col .col {

	width: 172px;

	float: left;

	margin-right: 20px;

}



body.five-col .col.first {

	width: 182px;

}



body.five-col .col.last {

	margin-right: 0;

}



/* CASE STUDIES */

body#work-pg.case-study { background-color: #fff; margin: 0 1.6em 1.6em; padding: 0; }

body#work-pg.case-study #hero, body.no-banner #hero {

	position: relative;

	float: right;

	width: 250px;

	height: 280px;

	z-index:30;

}

body#work-pg.case-study #main.col {

	position:relative;

	z-index:25;

	width: 710px;

	padding: 0;

	background: url(../i/bg_case-study_tile.png) 0 0 repeat-y;

	margin-bottom: 3.6em;

	float: left;

}



body#work-pg.case-study #main.col * {

	margin-left: 20px;

	margin-right: 20px;

}



body#work-pg.case-study #main.col p { padding-right: 80px; }

body#work-pg.case-study #main.col * * { margin-left: 0; margin-right: 0; }

body#work-pg.case-study #main.col .last-child {

	background: url(../i/bg_case-study_bttm.png) bottom left no-repeat;

	margin: 0 !important;

	width: 600px;

	padding: 0 90px 1.8em 20px;

}



body#work-pg.case-study .col.last.screens { float: right; padding: 2em 10px 0 20px; }

body#work-pg.case-study .col.last.screens dl dt { display: none; }

body#work-pg.case-study .col.last.screens dl dd { margin: 0 0 1em; padding: 0; }



body#work-pg.case-study #main.col #img-contain {

	background: url(../i/bg_case-study_top.png) top left no-repeat;

	height: 260px;

	position: relative;

	margin: 0 !important;

	padding: 0 10px 10px;

}

/* DESIGNING FOR BUSINESS */


body#work-pg.designing-for-business { background-color: #fff; margin: 0 1.6em 1.6em; padding: 0; }

body#work-pg.designing-for-business #hero{

	position: relative;

	float: right;

	width: 250px;

	height: 280px;

	z-index:30;

}

body#work-pg.designing-for-business #hero #hero-left{
	margin-top: 10px;
         width:686px;
	left: -700px;
	height:230px;
}
 
body#work-pg.designing-for-business #main.col {

	position:relative;

	z-index:25;

	width: 710px;

	padding: 305px 0 0;

	background: url(../i/bg_case-study_tile.png) 0 0 repeat-y;

	margin-bottom: 3.6em;

	float: left;

}



body#work-pg.designing-for-business #main.col * {

	margin-left: 20px;

	margin-right: 20px;

}



body#work-pg.designing-for-business #main.col p { padding-right: 80px; }

body#work-pg.designing-for-business #main.col * * { margin-left: 0; margin-right: 0; }

body#work-pg.designing-for-business #main.col .last-child {

	background: url(../i/bg_case-study_bttm.png) bottom left no-repeat;

	margin: 0 !important;

	width: 600px;

	padding: 0 90px 1.8em 20px;

}

body#work-pg h3 a.dfb_link { background: url(../i/designingforbiz_arrow.png) no-repeat right 6px; padding-right: 20px;}




body#work-pg.designing-for-business .col.last.screens { float: right; padding: 2em 10px 0 20px; }

body#work-pg.designing-for-business .col.last.screens dl dt { display: none; }

body#work-pg.designing-for-business .col.last.screens dl dd { margin: 0 0 1em; padding: 0; }



body#work-pg.designing-for-business #main.col #img-contain {

	background: url(../i/bg_case-study_top.png) top left no-repeat;

	height: 260px;

	position: relative;

	margin: 0 0 25px !important;

	padding: 10px;

}

body#work-pg.designing-for-business #main.col h4{margin-top:8px;}

body#work-pg.designing-for-business #main.col #img-contain .subnav span{
	border-right: solid 1px #6b6b85;
	padding: 0 7px;
}

body#work-pg.designing-for-business #main.col #img-contain .subnav span.last{
	border-right:none;
}

body#work-pg.designing-for-business #main.col #img-contain .subnav span a{color: #6b6b85;}
body#work-pg.designing-for-business #main.col #img-contain .subnav span a.selected {color: #ff6b0d;}

body#work-pg.designing-for-business .view-case-study{
	clear: both;
	height:42px;
}

body#work-pg.designing-for-business .view-case-study a{
	background: url(../i/button_caseStudy.png) top left no-repeat;
	padding:10px 20px 0px 40px;
	font-size:12px;
	color:#fff;
	position:relative;
	float: left;
	height:42px;
}
body#work-pg.designing-for-business .view-case-study a span{
	background: url(../i/button_arrow_caseStudy.png) top left no-repeat;
	position: absolute;
	top:0;
	right:-21px;
	height:42px;
	width:21px;
	display: block;
}

body.designing-for-business .design-bus-widget{
	background: #fff url(../i/widget_gradient.png) repeat-y 0 0;
	padding:30px 20px 20px;
	margin-left:1px !important;
	margin-right:0 !important;
	width:666px;
}

/* FOOTER */

#foot {

	border-top: 1px solid #ddd;

	padding: 1em 10px 3.6em;

	clear: both;

	font-size: 1.1em;

	color: #999;

}



#foot a { color: #6c6c86; }

#foot a:hover { color: #404066; }



#foot li {

	float: right;

	margin-left: 1em;

	border-left: 1px solid #ddd;

	padding-left: 1em;

}



#foot li#copyright {

	float: left;

}



#foot li#copyright, #foot li.last-child {

	margin: 0;

	padding: 0;

	border: 0;

}



div.WorkList {

	float: left;

}

a.badge
{
	background: url(/i/idBadge.png) no-repeat;
	border: 0;
	float: left;
	height: 160px;
	margin-left: 4px;
	margin-top: -7px;
	text-indent: -10001px;
	width: 160px;
}

/* labs pages */
body#about-pg.two-col .col-lab{
	margin-left: 10px !important;
}

body#about-pg.two-col .screens {
	background: url(../i/bg_sidebar-callout.jpg) top left no-repeat;
	padding:2em 10px 0 20px;
	margin-top: 20px;
	width: 210px;
}

body#about-pg.two-col .screens dl dt {
	display:none;
}

#lab-map{
	height: 344px;
	position: relative;
}

#lab-map img {
	position:absolute;
	top:0;
	left:5px;
}

.lab-label{
	font-size:0.9em; 
}





















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */