*, html {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/* 62.5% = 10px = 1em */
body {
	font-size: 62.5%;
	line-height: 1;
	font-family: Georgia, Times, serif;
	font-size:14px;
	width:100%;
	height:100%;
	overflow: hidden;
}

body#thepress {
	overflow: auto;
	background:#2f2f2f url(new-images/pressbg.jpg);
	background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

a, img {
	outline: none;
	border: none;
}

em {
	font-style: italic;
}

ul, ol, dl {
	list-style: none;
}

/* <table cellspacing="0"> */
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: hide;
	table-layout: fixed;
}

.floatLeft {
	float: left;
	display: inline;
}

.floatRight {
	float: right;
	display: inline;
}

.clear {
	clear: both;
}

hr.clear { height:0; visibility: hidden}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}





#nav {
	position: absolute;
	z-index: 100;
	width:96px;
	margin-left:5px;
	top:0px;
}

#wrapper {
	width:100%;
	height:99%;
	left: 0px;
	position: absolute;
	overflow: scroll;
	top: 0px;

}

#subwrapper {
	background:#222 url(new-images/bg.jpg) top left repeat;
	position: relative;
	float: left;
	height: 3763px;
	width: 100%;
	/*height: 3763px;
	width: 3566px;*/
	/*height:100%;
	width:100%;*/
	/*padding-top:10px;*/
}


#contentblockdetails {
	ul;
	li;

}


.block {
	width:986px;
	height:100%;
	position: relative;
	float:left;
}

.block a {color:#000 }
.block a:hover { text-decoration: none}

#hello,#bios,#work,#contact, #newsletter,#outframe{ position: absolute; overflow: hidden;  }
#hello { height:100%; width:100%; z-index:11;  background:#222 url(new-images/bg.jpg) top left repeat; padding-top:10px;}
/*#outframe{ height:3300px; width:1300px; z-index:10; }*/
#bios {height:100%; width:100%;  background:#222 url(new-images/bg.jpg) top left repeat; }
/*#bios { top:667px; left:0;  width:986px; height:2670px; }*/
#work {min-height:1300px; height:100%; width:100%; background:#222 url(new-images/bg.jpg) top left repeat; }
/*#work { top:0; left: 986px; height:2668px; width:1980px; }*/
#contact {height:100%; width:100%; z-index:11; background:#222 url(new-images/bg.jpg) top left repeat;}
/*#contact { width:1200px; height:567px; left:986px; top:2680px; z-index:11; }*/
#newsletter{min-height:800px; height:100%; width:100%; background:#222 url(new-images/bg.jpg) top left repeat;}
/*#newsletter{width:1110px; height:850px; left:2200px; top:2680px; }*/


/**/
#services{background:#222222 url(new-images/bg.jpg) repeat top left; min-height:1000px;}
#services .subnav { position: absolute; top:10px; left:86px;}
#services .services{ width:500px; background-color:#ef821f;display:inline-block; position:relative; margin:102px 0 50px 178px;padding:25px;}
#services .services h2{ font-size:24px; margin-bottom:5px;}
#services .services p, #services .services ul{ margin-bottom:16px; line-height:16px;}
/**/



/**/
#general{background:#222222 url(new-images/bg.jpg) repeat top left; min-height:1000px;}
#general .subnav { position: absolute; top:10px; left:86px;}
#general .general{ width:722px; background-color:#ef821f;display:inline-block; position:relative; margin:102px 0 50px 178px;padding:25px;}
#general .general h2{ font-size:24px; margin-bottom:5px;}
#general .general p, #general .general ul{ margin-bottom:16px; line-height:16px;}
/**/

#nav h1 a, #presswrapper h1 a {
	display: block;
	width:73px;
	height:108px;
	background: url(new-images/logo.png) no-repeat top left;
	text-indent: -9999px;
	margin:5px 0 3px 12px;
}


#nav ul { background: #fff; padding:5px 100px 5px 15px }
#nav ul li a { font-size:22px; color:#000; text-decoration: none}



.subnavContainer ul {
	position: relative;
	z-index: 50;
}


.worksubnavContainer {
	position: absolute;
	/*top:-480px;*/
	top:10px;
	left:95px;
	/*margin-top:-1px;*/
	z-index: 99
	
}

.worksubnavContainer li a{
	font-size:18px !important;
	
}
.worksubnavContainer li h2{
	font-size:22px !important;
}



.biossubnavContainer {
	position: absolute;
	/*top:-480px;
	top:10px;
	left:603px;*/
	top:10px;
	left:95px;
	/*margin-top:-1px;*/
	z-index: 99
}


.subnav {
}

.subnav .title { position:relative; font-size: 72px; color:#fff; padding:10px 27px; background: #000; z-index: 2 }
.subnav .title h2 { font-size: 72px; display: inline;}
.subnav .title h2 a { color:#fff; text-decoration: none}
.subnav ul { margin-left:87px; padding:20px; background-color:#d90414; width:133px;  }
.subnav ul a { color:#000; text-decoration: none; font-size:22px;}
.subnav ul a.selected { color:#fff}




#hello .subnav { position: absolute; left:130px;  }
#hello .title  { line-height: 40px  }
#hello .intro { background: #fff; width:310px; height:375px; padding:20px 18px; font-size:18px; position: absolute; top:163px; left:230px; line-height: 1.4em; }
#hello .intro .red { color:#f00; }

#hello .news { position:absolute; top:193px; left:603px; width:166px; min-height:275px; background: #d90414; padding:14px 14px 24px; font-size:13px}
#hello .news img { width: 166px; height:146px; margin-bottom:14px; }
#hello .news h2 { text-transform: uppercase; line-height: 25px; font-size:28px; margin-bottom: 7px;}
#hello .news h2 a { color:#fff; text-decoration: none;}
#hello .news p { line-height: 1.3em}
#hello .news p a { color:#000}
#hello .news p a:hover { text-decoration: none; }
#hello .news .title { position: absolute; bottom:3px; right:13px; display:inline;}
#hello .news .title a { color:#fff; text-decoration: none; font-size: 18px}


#work .content {
	position: absolute;
	top:102px;
	left:339px;
	width:594px;
	height:460px;
	padding:30px;
	background: #fff;
}


#work .contentclients {
	position: absolute;
	top:102px;
	left:339px;
	width:594px;
	height:100%;
	padding:30px;
	background: #fff;
}

#awardswork .content {
	position: absolute;
	top:102px;
	left:339px;
	width:594px;
	height:1960px;
	padding:30px;
	background: #fff;
}

#work .contentclients img { display:block; margin-bottom:20px}
#work .block .contentclients h2 { font-size:28px; }
#work .block .contentclients p { line-height: 1.0em; margin:10px 0 }


#work .content img { display:block; width:594px; height:272px; margin-bottom:20px}
#work .block .content h2 { font-size:28px; }
#work .block .content p { line-height: 1.5em; margin:10px 0 }








#bios .content {
	/*width:803px;*/
	width:580px;
	padding:14px 20px 35px;
	position: absolute;
	top:102px;
	/*left:128px;*/
	left:372px;
}

#bios .content  a {color:#000;}
#bios .content  a:hover {text-decoration: none }

#bios .content .floatLeft, #bios .content .floatRight { width:270px; margin-top:30px; line-height: 1.5em; }
#bios .content .floatLeft { margin-right: 40px; }

#wax .content { background: #71bcba; }
#monello .content { background: #e94522; }
#rosen .content { background: #fba134; }
#hale .content { background: #e94522; }
#sutterfield .content { background: #71bcba; }
#oppenheimer .content { background: #fba134; }

#bios h2 { color:#fff; font-size:70px; line-height: 55px;}
#bios h3 { color:#fff; font-size:52px; line-height: 40px}



#contact .content { width:387px; height:363px; background-color:#71bcba; padding:30px; position: absolute; top:102px; left:178px}


#contact .contactform { left: 660px;   }

#contact .subnav { position: absolute; top:10px; left:86px;}
#contact h3 { font-size: 52px; color:#fff; margin-bottom:10px; }

#contact h3.themap { font-size: 45px; margin-bottom:40px}


#contact h3 a { color:#fff; text-decoration: none;}
#contact h3 a:hover { text-decoration: underline;}
#contact h3.themap a { text-decoration: underline;}


#contact .contactform h3 { font-size:21px; }

#contact .contactform h5 { font-size:26px; text-transform: uppercase; color:#fff }

.contactform input { border:0; width: 281px; height: 23px; position: relative; float:right; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size:16px; }
.contactform label { position: relative; float:left; width:96px; text-align: right; color: #fff; font-size: 23px; text-transform: uppercase; height:23px; margin:3px 0 15px; padding-right:10px;}
.contactform #submitButton { position: absolute; bottom:-24px; right:-1px; width: 108px; height: 71px }
.contactform ul {
		width:256px;
		color:#000;
		font-size: 18px;
		text-transform: uppercase;
		position: absolute;
		top:254px;
		left:116px;
		float:right;
		background:#d7d5d5;
		display: none;
		z-index: 5
}

.contactform #Subject { background: #fff url(new-images/arrowdown.gif) right center no-repeat}

.contactform ul li { padding: 2px 3px }

.contactform ul li:hover { background: #aaa }

.contactform textarea { border:0; width: 281px; height: 53px; position: relative; float:right; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size:12px; resize: none; }

.contactform form { margin-right:20px; margin-left:-20px; }

#newsletter .main{ width:767px; height:565px;background-color:#ef821f;position:absolute;top:102px; left:178px; padding:30px;}
#newsletter .news img{ width:407px; height:440px; position:absolute;top:155px; left:14px;}
#newsletter .mainright h3{font-size:23px; text-transform: uppercase; color:#fff;width:415px;position:absolute;top:0px; left:14px; padding:30px 0;}
/*#newsletter .mainright h3{font-size:23px; text-transform: uppercase; color:#fff;width:315px;position:absolute;top:0px; right:14px; padding:30px;}*/
#newsletter .login { width:394px;position:absolute; top:30px; right:7px;}
.login input{border:0; width: 270px; height: 23px; position: relative;font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size:16px;}
.login label {position: relative; float:left; width:96px; text-align: right; color: #fff; font-size: 23px; text-transform: uppercase; height:23px; margin:3px 0 5px; padding-right:10px;}
.login #subscribe{ width:108px; height:71px; position:relative; bottom:-17px; left:294px;}
#newsletter .login h4{ font-size:23px; text-transform: uppercase; color:#fff; width:340px; position:relative; top:-89px; right:-56px;}
#month{ position:absolute;top:210px; right:5px; width:350px;font-size:14px; color:#000; line-height:140%; height:385px; overflow-y:auto; overflow-x:hidden;}
#month  h3{ font-size:23px; text-transform: uppercase; color:#000;}
#month .date{ display:-moz-inline-box;  display:inline-block; width:80px;}
#month a { color:#000;  font-family: Georgia, Times, serif;}
#month a:hover{ text-decoration:none;}
#newsletter .subnav { position: absolute; top:10px; left:86px;}


.blackcut { 
	position: absolute; 
	bottom:-69px;
	left:23px;
	z-index: 2; 
	width:70px;
	height:70px;
	background: url(new-images/cut.png) -300px 0 no-repeat;
}

.navcut { 
	position: absolute;
	background: url(new-images/cut.png) no-repeat;
	width:30px; height:30px;
	bottom:-30px;
	left:50px;
}

.introcut {
	position: absolute;
	background: url(new-images/cut.png) -35px 0 no-repeat;
	width:55px; height:55px;
	bottom:-55px;
	left:241px;
}

.redcut {
	position: absolute;
	background: url(new-images/cut.png) -98px 0 no-repeat;
	width:32px; height:32px;
	bottom:-31px; left:145px;
}

#bios .redcut { left:120px; z-index: 2 }

.workcut {
	position: absolute;
	background: url(new-images/cut.png) -135px 0 no-repeat;
	width:51px; height:51px;
	bottom:-50px; left:193px;
	z-index: 2;
}
/*
.workleft {
	position: absolute;
	background: url(new-images/cut.png) -190px 0 no-repeat;
	width:48px; height:48px;
	bottom:-47px;
	z-index: 2;
}

.workright {
	position: absolute;
	background: url(new-images/cut.png) -248px 0 no-repeat;
	width:48px; height:48px;
	bottom:-47px;
	z-index: 2;
}
*/

/*
#work1 .workleft { left:47px; }
#work2 .workleft { left:544px; }
#work3 .workleft { left:540px; }
#work4 .workright { left:85px; }
#work5 .workright { left:554px; }
#work6 .workleft { left:45px; }
#work7 .workleft { left:60px; }
#work8 .workright { left:84px; }
*/

#wax .cut {
	position: absolute;
	background: url(new-images/cut.png) -394px 0 no-repeat;
	width:81px; height:105px;
	bottom:-80px; left:94px;
	z-index: 2;
}

#monello .cut {
	position: absolute;
	background: url(new-images/cut.png) -484px 0 no-repeat;
	width:63px; height:63px;
	bottom:-62px; left:167px;
	z-index: 2;
}

#rosen .cut {
	position: absolute;
	background: url(new-images/cut.png) -551px 0 no-repeat;
	width:105px; height:105px;
	bottom:-104px; left:67px;
	z-index: 2;
}

#hale .cut {
	position: absolute;
	background: url(new-images/cut.png) -663px 0 no-repeat;
	width:78px; height:78px;
	bottom:-77px; left:340px;
	z-index: 2;
}

#sutterfield .cut{
	position: absolute;
	background: url(new-images/cut.png) -394px 0 no-repeat;
	width:78px; height:78px;
	bottom:-77px; left:520px;
	z-index: 2;
}

#oppenheimer .cut{
	position: absolute;
	background: url(new-images/cut.png) -580px 0 no-repeat;
	width:78px; height:105px;
	bottom:-77px; left:100px;
	z-index: 2;
}




.casestudypopup { display: none; position: relative }
.TB_modal span { position: absolute; top:0px; right:10px; z-index: 200}
#TB_ajaxContent .workright { right:30px }
#TB_ajaxContent span a { text-align:center;font-size: 36px !important;}


#TB_window {
	font: 12px Georgia, Times, serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Georgia, Times, serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {}
#TB_window a:focus{color: #666666;}


#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: rgba(0, 0, 0, 0.75);
}

.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	float:right;
	position: relative;
	color:#fff;
}

#TB_closeAjaxWindow a { position: absolute; right:17px }

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
	color:#fff;
}

#TB_title{
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
	overflow: hidden;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}




#presswrapper { width:960px; margin:100px auto; }
#presswrapper .title { width:610px; height:98px }
#presswrapper h1 { display: inline; position: relative; float:left; margin-right:20px }
#presswrapper .title h2 { margin-top:30px }


#pressindent { padding-left:120px; margin-top:60px; }

.singlepress { background: #fff; padding:20px; margin-bottom:100px; line-height: 1.5em; position: relative;}

.singlepress  h3 { font-size:32px; color:#ff0000 }
.singlepress p { margin:2em 0; }
.singlepress p.date { font-style: italic; margin:0 0 1em;}


.singlepress .workright { right:30px }

.singlepress a { color:#f00; text-decoration: underline; }
.singlepress a:hover {  text-decoration: none }

#thepress .subnav { position: relative}

.subnav .backhome { position: absolute; right:62px; z-index: 100}

.subnav .backhome .redcut { left:28px; }

#presswrapper h1 a { margin-top: -5px;}

.backhome { margin-top:-30px; background-color: #D90414; position: relative; width:250px; height:18px; padding:10px 10px 30px }
.backhome h2 a { color:#fff; text-decoration: none; font-size:30px}

p.social-icons { margin-top:23px }
p.social-icons img { margin-right:23px }
