@charset "utf-8";
/* CSS Document */

body {
	margin:0 22px;
	padding:0;
}
a {
	outline:none;
}
* {
	margin:0;
	padding:0;
}
div#wrapper {
	float:left;
	width:960px;
}

div#header {
	float:left;
	padding:45px 0 20px 0;
	width:960px;	
	position:fixed;
	background-color:#FFF;
	z-index: 40;

	
}

div#nav-left {
	float:left;
	width:140px;
	line-height: 1.4em;
	position:fixed;
	margin: 80px 0 0 0;

}
div#nav-left ul li {
	list-style: none;
}

div#entire-scrollable-div {
	float:right;
	margin: 80px 0 0 140px;

}
/*-------------------------------
	PROJECT
	-----------------------------*/
	
div#projects {
	float:left;
	height:520px;
	width:774px;
}
div#projects-left {
	border-bottom:2px solid #000;
	border-top:2px solid #000;
	float:left;
	height:401px;
	width:50px;
	margin: 0 15px 100px 0;
}
div#projects-middle {
	float:left;
	height:500px;
	width:582px;
}
div#projects-right {
	float:left;
	height:520px;
	width:126px;
}
div#projects-sub-col-right {
	float:left;
	height:329px;
	width:126px;
}
div#projects-image {
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	float:left;
	height:386px;
	padding: 8px 0 8px 0;
	width:566px;
}
div#projects-image img {
	border:none;
	
}
div#projects-tags {
	border-top:2px solid #000;
	float:left;
	line-height:1.5em;
	margin-bottom:10px;
	padding-top:10px;
	width:126px;
}
div#projects-tags ul {
	list-style: none;
}
div#projects-description {
	border-top:1px solid #000;
	float:left;
	padding-top:6px;
	width:126px;

}
div#projects-tools {
	border-top:1px solid #000;
	float:left;
	height:62px;
	line-height:1.5em;
	margin-bottom:8px;
	padding-top:3px;
	width:126px;
	display: inline;
}
div#print-btn a {
	background:url(../images/print.gif) no-repeat;
	display: block;
	padding-left: 15px;
}
div#print-btn a:hover {
	background:url(../images/print-on.gif) no-repeat;
}
div#email-btn a {
	background:url(../images/email.gif) no-repeat;
	display: block;
	padding-left: 15px;
}
div#email-btn a:hover {
	background:url(../images/email-on.gif) no-repeat;
}
div#share-btn a {
	background:url(../images/share.gif) no-repeat;
	display: block;
	padding-left: 15px;
}
div#share-btn a:hover {
	background:url(../images/share-on.gif) no-repeat;
}
div#projects-archive {
	border-top:2px solid #000;
	float:left;
	line-height:1.4em;
	padding-top:4px;
	width:126px;
}
div#projects-archive ul li, div#news-archive ul li {
	list-style:none;
	float:left;
	/*padding: 2px 0 0 4px;*/
}
/* FF3 and IE7 hack
div#projects-archive ul li, div#news-archive ul li, x:-moz-any-link, x:default {
 padding: 0 0 0 4px;
} */
.left-nav-item {
	width: 126px;
	float:left;
}
.left-nav-archive {
	width: 60px;
	float:left;
}
.paging span {
	padding:0 4px 0 0;
}
.paging li {
	padding:0 0 0 5px;
}
div#projects-img-nav {
	border-bottom:1px solid #000;
	float:left;
	height:14px;
	line-height: 1em;
	padding: 5px 0 0 0;
	width:427px;
}
div#projects-img-nav li, div#news-img-nav li {
	list-style:none;
	float:left;
}
div#projects-img-nav a, div#news-img-nav a {
	margin-left:7px;
	display:block;
	float:left;
}
div#projects-img-nav .arrow-red a, div#news-img-nav .arrow-red a {
	color: #F00;
	display:block;
	float:left;
	margin: 0;
}
div#projects-title {
	border-bottom:1px solid #000;
	float:left;
	height:15px;
	padding: 4px 0 0 0;
	width:139px;
/*	line-height: 1em;*/
}


/* projects-menu */

div#projects-menu {
	float:left;
}
#projects-menu ul {
	float: left;
	width: 134px;
	padding: 0 10px 1px 0;
	margin-top: 3px;
	list-style: none;
}
#projects-menu li a {
	color: #999;
	display: block;
	margin-top: 2px;
	padding: 0 0 1px 1px;
	border-bottom: 1px solid #999;
	text-decoration: none;
}
#projects-menu li a.selected, #projects-menu li a:hover {
	color: #000;
	display: block;
	margin: 2px 0 -1px 0;
	border-bottom: 2px solid #000;
	text-decoration: none;
}
/*-------------------------------
	PROFILE
	-----------------------------*/
div#profile {
	float:left;
	height:830px;
	width:774px;
}
div#profile-left {
	border-bottom:2px solid #000;
	border-top:2px solid #000;
	float:left;
	height:588px;
	margin-right:15px;
	width:50px;
}
div#profile-middle {
	float:left;
	width:582px;
	height:780px;
}
div#profile-right {
	float:left;
	height:780px;
	width:126px;
}
div#about {
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	float:left;
	height:144px;
	margin-bottom:28px;
	padding-top:26px;
	width:566px;
}
div#about p {
	padding: 8px 0 12px 0;
}
div#about ul li {
	list-style-type:none;
	background-image:url(../images/dash-red.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	padding: 0 0 3px 14px;
}
div#profile-top-right-spacer {
	border-bottom:2px solid #000;
	border-top:2px solid #000;
	float:left;
	height:169px;
	width:126px;
}
div#profile-bottom-right-spacer {
	border-bottom:2px solid #000;
	border-top:1px solid #000;
	float:left;
	height:285px;
	width:126px;
}
/*-------------------------------
	NEWS
	-----------------------------*/
div#news {
	height:390px;
	margin-bottom:32px;
	border-bottom:1px solid #000;
	width: 566px;
	clear:left;
}
div#news-menu {
	float:left;
	height:90px;
	width:566px;
	border-top:1px solid #000;
	margin-top: 4px;
	padding: 4px 0 4px 0;
}
div#news-images {
	float:left;
	margin-right:10px;
	width:276px;
}
div#news-text-content {
	float:left;
	height:235px;
	padding: 4px 0 10px 0;
	width:280px;
	line-height: 1.4em;
}
div#news-img-nav {
	float:left;
	height:14px;
	width:280px;
	line-height: 1em;
}
div#news-archive {
	float:left;
	height:30px;
	line-height:1.4em;
	margin: 98px 0 3px 0;
	width:126px;
}
/* news-items */

.item {
	float:left;
	height: 17px;
}

.date a {
	border-bottom:1px solid #000;
	float:left;
	width:133px;
	height:12px;
	margin: 2px 10px 0 0;
	padding: 0 0 1px 1px;
}
.title a {
	border-bottom:1px solid #000;
	float:left;
	height:12px;
	margin-top:2px;
	padding: 0 0 1px 1px;
	width:421px;
}

.title.selected a, .date.selected a {
	color:#000;
}



.item:hover span a {
	border-bottom:2px solid #000;
	color: #000;
}


/*-------------------------------
	CLIENTS AND PUBLICATIONS
	-----------------------------*/
div#clients {
	float:left;
}
.clients-heading {
	float:left;
	height:12px;
	width:145px;
}
div#clients-hr {
	width: 566px;
	height: 1px;
	border-bottom:1px solid #000;
	padding-top: 9px;
	float:left;
}
div#clients-list {
	float:left;
	height:132px;
	width:582px;
}
div#clients-nav {
	border-bottom:1px solid #000;
	float:left;
	height:12px;
	margin-top:167px;
	padding-bottom:6px;
	width:126px;
}

div#clients-list ul, div#publications-list ul {
	float: left;
	padding-right: 10px;
	margin-top: 3px;
	list-style: none;
}
div#clients-list ul {
	width: 134px;
}
div#publications-list ul {
	width: 278px;
}
div#clients-list ul li, div#publications-list ul li {
	display: block;
	padding-left: 1px;
	margin-top: 2px;
	padding-bottom: 1px;
	border-bottom: 1px solid #000;
	text-decoration: none;
}
div#publications-list .date {
	margin-right: 8px;
}

/*-------------------------------
	CONTACT
	-----------------------------*/
div#contact {
	float:left;
	height:570px;
	width:774px;
}
div#contact-left {
	border-top:2px solid #000;
	float:left;
	height:584px;
	margin-right:15px;
	width:50px;
}
div#contact-middle {
	border-top:1px solid #000;
	float:left;
	margin-right:16px;
	padding-top:26px;
	width:566px;
}
div#contact-right {
	border-top:2px solid #000;
	float:left;
	width:126px;
}
div#contact-sub-right {
	float:left;
	width:126px;
	border-bottom:2px solid #000;
	height:59px;
	padding:94px 0 0;
}
div#contact-details {
	float:left;
	height:110px;
	line-height:1.4em;
	margin-bottom:6px;
	padding-top:6px;
	width:566px;
	border-bottom:1px solid #000;
}
div#contact-details p {
	padding-top: 0;
	padding-bottom: 2px;
}
div#contact-details .left {
	float:left;
	width: 95px;
}
div#contact-details .right {
	float:left;
	width: 470px;
}
div#contact-details .bottom {
	float:left;
	width: 565px;
	padding: 10px 0 0 0;
}
div#contact-map {
	background-color:#CCC;
	float:left;
	height:250px;
	width:566px;
}
div#contact-form {
	float:left;
	width:566px;
	margin-top: 8px;
}
div#contact-form .left {
	float:left;
	width:280px;
	padding: 10px 0 0 0;
	clear:both;
}
div#contact-form .right {
	float:right;
	width:280px;
	padding: 10px 0 0 0;
}
div#contact-google-map {
	float:left;
	padding-top: 6px;
	width:126px;
}
div#contact-download {
	border-bottom:1px solid #000;
	float:left;
	padding: 218px 0 6px 0;
	width:126px;
}
/*-------------------------------
	EXTRANET
	-----------------------------*/

div#extranet {
	float:left;
	height:180px;
	width:774px;
}
div#extranet-left {
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	float:left;
	height:179px;
	margin-right:15px;
	width:50px;
}
div#extranet-middle {
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	float:left;
	margin-right:16px;
	padding-top:26px;
	width:566px;
	height:154px;
}
div#extranet-right {
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	float:left;
	width:126px;
	padding: 137px 0 6px 0;
}
div#extranet-form {
	padding: 10px 0 0 0;
}
div#extranet-form .right {
	float:right;
	width:280px;
	padding: 10px 0 0 0;
}
div#extranet-form .left {
	float:left;
	width:280px;
	padding: 10px 0 0 0;
	clear:both;
}
/*-------------------------------
	FOOTER
	-----------------------------*/
	
div#footer {
	float:left;
	width:774px;
	padding: 10px 0 600px 0;
}
div#footer-left {
	float:left;
	margin-right:15px;
	width:50px;
	text-align: right;
}
div#footer-middle {
	float:left;
	margin-right:16px;
	width:566px;
}
div#footer-right {
	float:left;	
	width:126px;
}

.selected {
	font-weight: bold;
}


/*-------------------------------
	TC
	-----------------------------*/

.tc {
	float:left;
	width:774px;

	line-height: 16px;
	margin:0;
}

.tc p {
	padding: 0 0 20px 0;
}

.tc-content {
	border-top:1px solid #000;
	float:left;
	padding: 18px 0 8px 0;
	margin:0;
	width:692px;
}


.tc-left {
	border-top:2px solid #000;
	float:left;
	width:50px;
	margin: 0 15px 0 0;
}