/*-------------------------
	VISUALHERO DESIGN CO.
	AUTHOR (s): FIREWORKS / DREW / DAVID
-------------------------*/

/* RESET*/
h1,h2,h3,h4 { margin:0px; padding:0px; line-height:1.8em; color:#333;}
ul,li,dl,dt,dd { margin:0px; padding:0px; list-style:none; list-style-type:none; line-height:1.8em; }
a { outline:none; text-decoration:none; color:#01b730;}
a:hover { text-decoration:none; background: #fdffe3;}
a img { border:none 0px; }
object:hover { border:none; }

html { height:100%; background: #e2e0dc;}
h5 { font-size: 11px; padding:0; margin:0px;}
h4 { font-size:1.2em; }
h3 { font-size:1.2em; }
h1 { margin:30px 0px 3px 0px; font-size:1.8em;}
p { line-height:1.8em; color:#333; margin:0px; padding:0px;}
span.desc { font-size:1.1em; }
.gray { color: #B3B3B1; }
body { border-top: 5px solid #cdcbc7; margin:0px 0px; text-align:center; background:#e2e0dc url(../images/bk.jpg) top center; font-size: 62.5%; /* Resets 1em to 10px */ font-family: Helvetica, Arial, Sans-Serif; min-height: 202px;} 
#container { margin:0px auto; width:997px; }

hr { clear: both; border: 1px solid #fff; border-top: 1px solid #f1f1f1; margin: 5px 0px;}





/*slider*/
#slider {
    width: 960px;
    height: 550px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 550px;
    width: 960px;
    overflow: auto;
    overflow: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    height: 550px;
    width: 960px;
    
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
    color: #777;
    right:0px;
    top: -48px;
    position: absolute;
}

ul.navigation li {
    display: inline;
    margin: 0px 10px 0px 0px;
    
}

ul.navigation a {
    padding: 10px;
    color: #777;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
    color: #000;
}

ul.navigation a.selected {
    color: #000;
    font-weight: bold;
}

ul.navigation a:focus {
    outline: none;
}

div.main img.scrollButtons {
    position: absolute;
    top: 275px;
    cursor: pointer;
    z-index: 50;
    visibility: hidden;
}

div.main:hover img.scrollButtons {
    position: absolute;
    top: 275px;
    cursor: pointer;
    z-index: 50;
    visibility: visible;
}

div.main img.scrollButtons.left {
    left: -32px;
}

div.main img.scrollButtons.right {
    right: -25px;
}

.hide {
    display: none;
}

div.main {
padding: 0 25px;
margin-left: -25px;
}
div.main div#slider{
	margin-left:2px;
}


/*home slider*/
div.home div#content div#slider {
    width: 982px;
    height: 296px;
    margin: 0 auto;
    position: relative;
}

div.home div#content div#slider div.scroll {
    height: 297px;
    width: 982px;
    overflow: auto;
    overflow: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

div.home div#content div#slider div.scroll div.scrollContainer div.panel {
    height: 297px;
    width: 982px;
}

div.home div#content div#slider {
    width: 982px;
    height: 297px;
    margin: 0 auto;
    position: relative;
}


div.home div#content div.display img.scrollButtons {
    position: absolute;
    top: 145px;
    cursor: pointer;
    z-index: 50;
    visibility: hidden;
}

div.home div#content div.display:hover img.scrollButtons {
    position: absolute;
    top: 145px;
    cursor: pointer;
    z-index: 50;
    visibility: visible;
}





div.home div#content div.display img.scrollButtons.left {
    left: 5px;
}

div.home div#content div.display img.scrollButtons.right {
    right: 5px;
}

/*project slider*/
a.site { color: #888; padding: 10px;  position: absolute; padding-left:18px; background: url(../images/launch.jpg) no-repeat 5px;}
a.site:hover { text-decoration: none; color: #000;}

div#primary.studio div.insideslide{
	width: 682px;
	height: 307px;
	padding-top: 10px;
	border-top: 1px solid #eee;
}

div#primary.approach div.insideslide{

}

div.insideslide{
	width: 682px;
	height: 330px;
}

div.insideslide div#slider {
    width: 682px;
    height: 350px;
	float:left;    
	position: relative;
	display:block;
}

div.insideslide div#slider div.scroll {
    height: 310px;
    width: 681px;
    overflow: auto;
    overflow: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
    border: 1px solid #ddd;
}

div.insideslide div#slider div.scroll div.scrollContainer div.panel {
    height: 310px;
    width: 682px;
}

div.insideslide div#slider {
    width: 682px;
    height: 310px;
    margin: 0 auto;
    position: relative;
}


div.insideslide img.scrollButtons {
    position: absolute;
    top: 145px;
    cursor: pointer;
    z-index: 50;
    visibility: hidden;
}

div.insideslide:hover img.scrollButtons {
    position: absolute;
    top: 145px;
    cursor: pointer;
    z-index: 50;
    visibility: visible;
}

div.insideslide img.scrollButtons.left {
    left: 5px;
}

div.insideslide img.scrollButtons.right {
    right: 5px;
}

div.insideslide div#slider ul.navigation {
    list-style: none;
    margin: 5px 0;
    padding: 0;
    padding-bottom: 9px;
    color: #999;
    right:0px;
    top: auto;
    position: absolute;
}

div.insideslide div#slider ul.navigation li {
    display: inline;
    margin: 0px;
}

div.insideslide div#slider ul.navigation a {
    padding: 5px;
    margin: 0px;
    color: #999;
    text-decoration: none;
}

div.insideslide div#slider ul.navigation a:hover {
    background-color: transparent;
    color: #000;
}

div.insideslide div#slider ul.navigation a.selected {
    color: #000;
    font-weight: bold;
}

div.insideslide div#slider ul.navigation a:focus {
    outline: none;
}

/* GLOBAL CLASSES*/
.replaced { text-indent:-9999px; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.highlight { color:#01b730; }
.lowlight { color:#B3B3B1; }

img.header {margin: 30px 10px;}

/* NAV
#header { height:49px; background:transparent url(../images/headerBg.png) 734px 0px no-repeat; }
h1#logo { float:left; margin-top:30px; margin-left:30px; width:167px; height:20px; display:block; }
h1#logo a { display:block; float:left; width:217px; height:20px; background:transparent url(../images/visualhero.gif) no-repeat; background-position: 0px -20px;}
h1#logo a:hover { background-position: 0px -1px;}
h1#logo a span { display:none; }
.nav { float:left; width:535px; height:13px; margin:35px 0 0 265px; }
.nav li { float:left; }
.nav li a { display:block;  height:12px; padding:0px;  background: url(../images/nav.gif) no-repeat top left;  text-indent: -9000px; overflow: hidden; float:left; }
.nav li.approach a:hover, .nav li.approach a:focus, .nav li.approach a:active { width:57px; background-position: 0px -1px;}
.nav li.work a:hover, .nav li.work a:focus, .nav li.work a:active { width:52px; background-position: -99px -1px; }
.nav li.papers a:hover, .nav li.papers a:focus, .nav li.papers a:active { width:44px; background-position: -175px -1px; }
.nav li.studio a:hover, .nav li.studio a:focus, .nav li.studio a:active { width:42px; background-position: -250px -1px; }
.nav li.contact a:hover, .nav li.contact a:focus, .nav li.contact a:active{ width:85px; background-position: -320px -1px; }
.nav li.approach a { margin-right:30px; width:57px; background-position: 0px -28px; }
.nav li.work a {  margin-right:30px; width:52px; background-position: -99px -28px; }
.nav li.papers a { margin-right:30px; width:44px; background-position: -175px -28px; }
.nav li.studio a { margin-right:50px; width:42px; background-position: -250px -28px; }
.nav li.contact a { margin-left:115px; width:85px; background-position: -320px -28px; }
*/

/* NAV*/
#header { height:49px; }
h1#logo { float:left; margin-top:30px; margin-left:30px; width:167px; height:20px; display:block; }
h1#logo a { display:block; float:left; width:217px; height:20px; background:transparent url(../images/visualhero.gif) no-repeat; background-position: 0px -20px;}
h1#logo a:hover { background-position: 0px -1px;}
h1#logo a span { display:none; }
.nav { float:left; width:535px; height:13px; margin:35px 0 0 265px; }
.nav li { float:left; }
.nav li a { display:block;  height:12px; padding:0px;  background: url(../images/nav.gif) no-repeat top left;  text-indent: -9000px; overflow: hidden; float:left; }
.nav li.approach a:hover, .nav li.approach a:focus, .nav li.approach a:active { width:57px; background-position: 0px -1px;}
.nav li.work a:hover, .nav li.work a:focus, .nav li.work a:active { width:52px; background-position: -99px -1px; }
.nav li.papers a:hover, .nav li.papers a:focus, .nav li.papers a:active { width:44px; background-position: -175px -1px; }
.nav li.studio a:hover, .nav li.studio a:focus, .nav li.studio a:active { width:42px; background-position: -250px -1px; }
.nav li.contact a:hover, .nav li.contact a:focus, .nav li.contact a:active{ width:85px; background-position: -320px -1px; }
.nav li.approach a { margin-left: 55px; margin-right:30px; width:57px; background-position: 0px -28px; }
.nav li.work a {  margin-right:30px; width:52px; background-position: -99px -28px; }
.nav li.papers a { margin-right:30px; width:44px; background-position: -175px -28px; }
.nav li.studio a { margin-right:50px; width:42px; background-position: -250px -28px; }
.nav li.contact a { margin-left:115px; width:85px; background-position: -320px -28px; }



/* Master */
#primary { margin-top:24px;  text-align:left; background:#fff; margin-bottom:20px; float:left; width:996px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding:0px;}
#subSec { margin-top:40px; margin-left:16px; margin-right:16px; padding-bottom:30px; border-top:#222 11px solid; font-size:1.1em;}
#subSec .sec { margin-top:28px; }
#footer { margin-top:8px; margin-left:37px; padding-bottom:100px; text-align:left; color:#B3B3B1; font-size:1.1em; float:left; }
#footer .copyright { width:230px; }
#footer .street { width:493px; }
#footer .profile { width:180px; }
#footer .profile a { color:#01b730; font-weight:bold; }
#primary #content { float:left; width:682px; min-height:600px; margin-left:37px;  }
#primary #content .copy { margin:15px 0px 0px 0px; padding:15px 0 0 0; font-size:1.2em; line-height:1.8em; border-top:#eee 1px solid; width: 682px;}
#primary #content .copy.small { font-size:1.1em; line-height:1.6em; }
#primary #content .copy h4 { font-size:1.2em; }
#primary #content .copy h3 { font-size:1.0em; margin-bottom:0px;}
#primary #content .copy p { margin-bottom:18px; }
#primary #content .copy p a { font-weight:bold; }
#primary #content .copy p span.desc, #primary #content .copy p span.desc a { font-style:italic; font-weight:normal; color:#B3B3B1; font-size:1.0em;}
#primary #content .copy dl dt {font-size: 11px;}
#primary #content ul.archive { margin:0 0 18px -8px; float:left;}
#primary #content ul.archive li { margin:0px; padding-left:9px; width:220px; float:left; }
#primary #content ul.archive a { color:#01b730; }
#primary #rtSideBar { margin-top:10px; float:left; width:210px; margin-left:20px;}
#primary #rtSideBar dl {margin-bottom: 24px;}
#primary #rtSideBar dl dt {color:#888;}
#primary #rtSideBar div.desc { margin-top:12px; border-top: 1px solid #eee;}
#primary #rtSideBar li { display:block; }
#primary #rtSideBar .subNav { width:212px; font-size:1.2em; font-weight:bold;}
#primary #rtSideBar .subNav { padding:0 0 18px 0; border-bottom:#eee 1px solid; }
#primary #rtSideBar .subNav li a:link,
#primary #rtSideBar .subNav li a:visited { color:#111; }
#primary #rtSideBar .subNav li a:hover,
#primary #rtSideBar .subNav li a.sel { color:#01b730; text-decoration:none; background: transparent;}


/* Footer */
#subSec .findUs { margin-left:20px; width:232px; }
#subSec .findUs dt { font-weight:bold; color:#333;}
#subSec .findUs dd { float:left; width:160px;   color:#01b730; }
#subSec .findUs dd a { color:#01b730; padding: 3px;}
#subSec .findUs dd a:hover {text-decoration: none; background:#fdffe3;}
#subSec .random { width:462px; margin-right:30px; float:left; display:block;}
#subSec .random dt { color:#111; font-weight:bold;}
#subSec .random dd { font-weight:bold; color:#42aab3;}
#subSec .random a { color:#42aab3; padding:3px;}
#subSec .random a:hover {text-decoration: none; background:#fdffe3;}
#subSec .random span { width:462px; margin-right:30px; float:left; display:block;}





#subSec .getInTouch dl { margin-top:10px; width:125px; background:#fff url(../images/arrow.gif) right 12px no-repeat; }
#subSec .getInTouch dd { color:#B9B9B9; }
#subSec .getInTouch dl a.getintouch { background:url(../images/getInTouch.gif) no-repeat; width:98px; height:19px; display:block;}
#subSec .getInTouch dl a.getintouch span { display:none; }
#primary #content .col { min-width:227px; float:left; margin:0px; font-size:1.0em;}
#primary #content .col dl { margin-bottom:30px; }
#primary #content .col dl dt a {color:#000;}
#primary #content .col dl dt h4 { margin:0px; padding:0px; line-height:1.8em;}
#primary .  h4 { margin:15px 0 7px 0; }
#primary .teaser p { margin:0px; line-height:1.8em; color:#4BB6B8; }
#primary .teaser { background:#111 url(../images/teaser.gif) top left no-repeat;  margin:18px 0 0 0; height: 100px; width:176px; float:left; padding:12px; color:#fff;}
#primary .teaser:hover { background-position: 0 -124px; }
#primary .teaser a { color:#fff; font-size:1.2em; font-weight:bold; height: 100px; width:180px; display:block; }
#primary .teaser a:hover {text-decoration:none; background: transparent;}
#primary .teaser h4 { margin:15px 0 7px 0; }
/*#primary .teaser { margin:18px 0 0 0; height: 100px; width:176px; float:left; padding:12px; background:#222; color:#fff;}
#primary .teaser:hover { background:#111 url(../images/arrow_white.gif) top right no-repeat; background-position: 180px 16px; }*/

/* APPROACH*/
#primary #content .display { border-top:1px solid #eee; padding: 12px 0px 0px;}


/* Home */
#primary.home #content .col { min-width:227px; float:left; margin:0px; font-size:1.2em;}

#primary.home #content { width:990px; min-height:400px; padding: 0px; margin: 0px;}
div#primary.home div#content div.display { padding:7px 0px; height:300px; width:983px; margin: 0px 5px 5px 7px; background:#fff left top no-repeat; border:0px; clear: both; }
#primary.home #content .display a.caption { position:relative; top:235px; left:5px; color:#01b730; }
#primary.home .newsfeed { margin:0 0 0 -28px; float:left;}
#primary.home .feed { margin:18px 0 0 28px; height:auto; width:216px; float:left; padding:0px; background:none; }
#primary.home .feed p { margin:0px; line-height:1.8em; color:#4BB6B8; }
#primary.home .feed a { color:#4BB6B8; }
h1.designingExperiences { float:left; font-size:1.8em; line-height:1.2em; width:100px;}
#primary.home #subSec { margin-top:48px; }





/* WORK*/
#primary.work #content .col dl dt { border-bottom:1px solid #f1f1f1; width: 200px; }
#primary.work #content { width:960px; min-height:400px; padding: 0px; margin: 0px 20px;}
#primary.work #content .folio { padding-top:11px; padding-bottom: 3px; border-top:#eee 1px solid; margin-left:0px;} 
#primary.work #content .folio li { border:1px solid #ddd; float:left; margin-bottom:15px; margin-right:22px; padding:0px;  }
#primary.work #content .folio li:hover { border:1px solid #222; }
#primary.work #content .folio li.last { margin-right:0px; }
#primary.work #content .folio li p { font-weight:bold; color:#fff; line-height:1.8em; padding:20px 40px 20px 20px; font-size:1.2em; }
#primary.work #content .folio li p span {  color:#777; font-size:1.0em; display:block; width:180px; font-weight:normal; }
#primary.work #content #gallery { padding-top:11px; padding-bottom: 11px; border-top:#eee 1px solid; margin-left:0px;} 
#primary #content .col { color: #888; }
#primary #content .col a { color: #000; }
#primary #content .col a:hover { color: #01b730; }		
.process { border-top:1px solid #eee; }
.process .item { border-bottom:1px solid #f1f1f1; min-height:170px; padding:12px 0 ; display:block; }
.process .item a, .process .item a:visited { color:#01b730; }
.process .item p, .process .item img, .process .item h3 { margin-left:30px; width:212px; float:left; font-size:1.2em; }
.process .item img { width:inherit; }
.process .item span { color:#B3B3B1; font-size:1.1em; min-height:170px; width:150px; float:left; margin-left:20px; }
.process .item p { width:250px;}	



/* Work Project Slider */
.folio ul li {list-style:none; float:left; background: #fff; position:relative; overflow:hidden; height:165px;}
.folio ul li p { display: block; position: relative; overflow: hidden; width:160px; height:165px; top:182px; color: #fff; background:#222 url(../images/p_bk.png) repeat-x top; }
.folio ul li:hover { cursor:pointer; }
.folio ul li p { text-decoration: none; }
.folio ul li img { position: absolute; top: 0; left: 0; border: 0; }
#primary.work #content .folio li a { color:#01b730; font-weight:bold; }
#primary.work #content .folio li a:hover { text-decoration:none; background:url(../images/arrow_green.gif) center right no-repeat; padding-right:16px; }
#primary.aff div#content div.copy {margin:0px; }
#primary.studio div#content div.copy {margin:0px; }
.aff .copy dt { font-weight:bold; padding:0px; margin:0px; }
.aff .copy dl { margin: 0 0 18px; width:550px; float:left;}
.aff .copy span a{ color:#ccc; font-size:.9em; font-weight:normal; }	
.aff .copy img { float:left; padding-right:30px;}




/* Studio */
#primary.studio #content { float:left; width:682px; min-height:600px;  margin-left:37px; }
#primary.studio #content .copy { clear:both; border-top:1px solid:#111; }
#primary.studio #content .copy dl { margin-top:12px; margin-bottom:12px; }
#primary.studio #content .copy dd { display:block; color:#666; margin-bottom:5px; }
#primary.studio #content .copy dt { font-weight:bold; margin-bottom:5px; }
.people { border-top:1px solid #eee; }
.people .profile { border-bottom:1px solid #eee; min-height:170px; padding:12px 0 ; display:block; }
.people .profile a, people .profile a:visited { color:#01b730; }
.people .profile p, .people .profile span, .people .profile img, .people .profile h3 { margin-left:30px; width:300px; float:left; font-size:1.2em; }
.people .profile img { margin-left:0px; width:auto; }
.people .profile span.desc { color:#B3B3B1; font-size:1.1em; }


/* Contact */
#primary.contact #rtSideBar h4 { margin-bottom:8px; }
#primary.contact #rtSideBar .item { float:left; padding:12px 0 8px; width:202px; border-top:#eee 1px solid; background:none; color:#333; display:block;  }
#primary.contact #rtSideBar .item a { color:#01b730; }
#primary.contact #rtSideBar .item dl dd, #primary.contact #rtSideBar .item dl dt, #primary.contact #rtSideBar .item p { font-size:1.2em;}
#primary.contact #rtSideBar .top { border:0px; padding:0px 0 8px; }


/* Papers */
#primary.papers #rtSideBar h4 { }
#primary.papers #rtSideBar .item { float:left; width:202px; border-bottom:#eee 1px solid; background:none; color:#333; display:block; }
#primary.papers #rtSideBar .item a { color:#01b730; }
#primary.papers #rtSideBar .item p span { width:200px; display:block; }

#primary.approach #rtSideBar { margin-left: 30px;}
#primary.studio #rtSideBar { margin-left: 30px;}
#primary.aff #rtSideBar { margin-left: 30px;}
#primary.papers #rtSideBar { margin-left: 30px;}
#primary.approach #rtSideBar .item { float:left; padding:12px 0 8px; width:202px; border-bottom:#eee 1px solid; background:none; color:#333; display:block; }
#primary.approach #rtSideBar .item a { color:#01b730; }
#primary.approach #rtSideBar .item p span { width:200px; display:block; }

#primary.papers #content { float:left; width:682px;  margin-left:37px;  }
#primary.papers #content .paperWrapper { clear:both; padding:10px 0px; border-top:#eee 1px solid; }
#primary.papers #content .paper { margin:0px 0px; padding:30px 50px 30px 50px; background:url(../images/paper_tile.gif) top left repeat-y; }
#primary.papers #content .paper h4 { font-size:1.5em; }
#primary.papers #content .paper span { font-size:1.2em; }
#primary.papers #content .paper p { margin-top:0; margin-bottom:30px; clear:both; font-size:1.2em; line-height:1.8em;}
#primary.papers #content .paperTop { background:url(../images/paper_top.gif) top left no-repeat; height:47px;}
#primary.papers #content .paperBottom { margin-top:-30px; height:36px; background:url(../images/paper_bottom.gif) top left no-repeat; }
#rtSideBar .title,
#rtSideBar .author,
#rtSideBar .desc { font-size:1.1em; line-height:1.6em; }
.title { display:block; }
.author { display:block; color:#B3B3B1; }
.pdf { padding-left:18px; padding-bottom:4px; background:url(../images/pdf.jpg) top left no-repeat; line-height:1.8em; }
.papcontainer { width: 682px; margin-bottom:10px; padding-bottom:18px; background:url(../images/graph_tile.gif) repeat-y; }
.papcontainer .pap { float:left; margin:18px 0 0 18px ; padding:10px 20px 10px 14px; width:169px; height:134px; display:block; background:url(../images/paper.gif) no-repeat; }
.papcontainer .pap p a { width:200px; display:block; }

ul:hover span.arrow { width:15px; height:30px; display:block; background:url(../images/hover_arrow.png) no-repeat; position:absolute; top:30px; left:100px; }

/* IE6 Upgrade Page */
#primary.ie6 #content { min-height: 150px; width:900px; }
.upgrade { width:120px; float:left; padding:20px; border:1px solid #fff; }
.upgrade:hover { border:1px solid #f1f1f1; }
.upgrade img { width:115px; }

.imgr {
	text-indent: -10000em;
	font-size: 1px;
	display: block;
	}

div#headline div.headline h1 {
	background: url(../images/home_headline.gif) no-repeat;
	width: 625px;
	height: 25px;
	margin: 30px 0px 40px 5px;
	float: left;
	}
	
div#headline div.link h4 a {
	background: url(../images/home_work.gif) no-repeat;
	width: 199px;
	height: 13px;
	margin: 35px 0px 40px 100px;
	float: left;
	display: block;
	}	
	
#primary.home #content 	div.content {
	width: 930px;
	margin: 0 auto;
	padding: 0px;
	}
	
#service, #design, #news, .link, .main {
	float: left;
	}

#design li:hover, #service li:hover { color: #555;}

#news, #design, #service { margin: 20px 0px 20px 8px;}
#news { margin-left: 35px; }
#news ul { border-top: 1px solid #eeeeee; }
#news ul li { border-bottom: 1px solid #eee;}
#news ul li:hover { background: #fdffe3;}
#news ul li a { padding: 5px 2px; height: 18px; width: 190px; display:block;}
#news ul li a:hover { color: #42aab3; text-decoration: none;}

#primary.work #content .col dl dt { border-bottom:0px solid #f1f1f1; width: 200px; }
#primary.work #content .col {width: 240px;	}
#primary.work #headline { width: 960px; margin:10px 0 0 20px; clear: both;}
#primary.work #headline div.clear {width:960px; display:block; border-top: 1px solid #eee;height: 1px; margin-bottom: 10px;}
#primary.work #headline h1 {float:left; margin:27px 0 4px 0;}
#primary.work #headline a {float:right; color: #888; margin: 35px 0 0 0;}
#primary.work #headline a:hover {color: #000; text-decoration:none;}

#primary.work #content.inside { width:682px; min-height:400px; padding: 0px; margin: 0px 10px 0px 38px;}
#primary.work div#headline { width:920px; padding: 0px; margin: 0px 38px;}
#primary.work div#headline div.clear{ width:920px;}
#primary.approach div#headline { width:920px; padding: 0px; margin: 0px 38px;}
#primary.approach div#headline div.clear{ width:920px;}
#primary.studio div#headline { width:920px; padding: 0px; margin: 0px 38px;}
#primary.studio div#headline div.clear{ width:920px;}
#primary.papers div#headline { width:920px; padding: 0px; margin: 0px 38px;}
#primary.papers div#headline div.clear{ width:920px;}
#primary.aff div#headline { width:920px; padding: 0px; margin: 0px 38px;}
#primary.aff div#headline div.clear{ width:920px;}
#primary.contact div#headline { width:920px; padding: 0px; margin: 0px 38px;}
#primary.contact div#headline div.clear{ width:920px;}

div.item { border-bottom:1px solid #eee; margin: 10px 0px; padding: 0px 0px 10px;}