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

body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background-image:url(logo_bottom.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;
	background-attachment:fixed;
}
a {
	outline:none;
}
* {
	margin:0;
	padding:0;
}
div#wrapper {
margin-left:auto;
margin-right:auto;
width:960px;
}

div#header {
background-image:url(headerbg.png);
	float:left;
	padding:0px;
	width:960px;	
	position:fixed;
	z-index: 40;

	
}

div#nav-left {
	float:left;
	width:180px;
	line-height: 1.4em;
	position:fixed;
	margin: 168px 0 0 0;
	font-size:11px;

}
div#nav-left ul li {
	list-style: none;
	line-height:2em;
}

div#entire-scrollable-div {
	float:right;
	margin: 152px 0 0 190px;
	background-image:url(whitetrans.png);
	
	}
/*-------------------------------
	PROJECT
	-----------------------------*/
	
div#projects {
	float:left;
	height:330px;
	width:774px;
	border-top:1px solid #992065;
}
div#projects-left {
	border-top:20px solid #992065;
	float:left;
	height:330px;
	width:50px;
	margin: 0 15px 100px 0;
}
div#projects-middle {
	float:left;
	height:300px;
	width:582px;
}
div#projects-right {
	float:left;
	height:220px;
	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:450px;
	width:774px;
	border-top:1px solid #992065;
}
div#profile-left {
	border-top:20px solid #992065;
	float:left;
	margin-right:15px;
	width:50px;
	height:450px
}
div#profile-middle {
	float:left;
	padding-left:20px;
	width:582px;
	height:450px;
}

div#profile-middle ul {
padding-left:20px;
list-style-image:url(bullet.gif);
}

div#profile-right {
	float:left;
	width:126px;
}


/*/////////////////////*/

#health, #didyouknow, #links, #payment, #contact{
	float:left;
	height:380px;
	width:774px;
	border-top:1px solid #992065;
}
#health{
	height:230px;
}	

#contact {
	height:360px;
}

#twitter{
	width:290px!important;
	float:right;
	line-height:15px !important;
	padding-left:20px;
	color:#992065!important;
	border-left-width: 0px;
	border-left-style: none;
	border-left-color: #992065;
}

#twitter-right{
padding:5px;
border-left:1px dashed color:#992065}

#health-left, #didyouknow-left, #links-left, #welcome-left, #payment-left, #contact-left{
	border-top:20px solid #992065;
	float:left;
	margin-right:15px;
	width:50px;
	height:370px
}
#health-middle, #didyouknow-middle, #links-middle, #payment-middle, #contact-middle{
	float:left;
	width:774px;
	padding-left:20px;
	width:582px;
	height:370px;
}
#welcome{
width:474px!important;
height:460px!important;
}

#health-left, health-middle{
height:230px
}

#links{
height:400px;
}



/*//////////////////////*/

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#location {
	float:left;
	height:570px;
	width:774px;
	border-top:1px solid #992065;
}
div#location-left {
	border-top:20px solid #992065;
	float:left;
	height:584px;
	margin-right:15px;
	width:50px;
}
div#location-middle {
	float:left;
	margin-right:16px;
	padding-top:26px;
	width:582px;
}
div#location-right {
	border-top:2px solid #000;
	float:left;
	width:126px;
}
div#location-sub-right {
	float:left;
	width:126px;
	border-bottom:2px solid #000;
	height:45px;
	padding:94px 0 0;
}
div#location-details {
	float:left;
	height:96px;
	line-height:1.4em;
	margin-bottom:6px;
	padding-top:6px;
	width:566px;
	border-bottom:1px solid #000;
}
div#location-details p {
	padding-top: 0;
	padding-bottom: 2px;
}
div#location-details .left {
	float:left;
	width: 95px;
}
div#location-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 {
border-top:8px solid #992065;
	float:left;
	width:774px;
	padding: 0px 0 400px 0;
}
div#footer-left {
	float:left;
	margin-right:15px;
	width:50px;
	text-align: right;
}
div#footer-middle {
	float:left;
	margin-right:16px;
	width:674px;
}
div#footer-right {
	border-top:20px solid #992065;
	float:left;	
	width:50px;
}

.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;
}

.tweet ul{
padding-left:20px;
list-style-image:url(bullet.gif);
}