/*--if using a CSS "reset" stylesheet, import it here--*/
@import "reset.css";

/*-----------------*/
/*------BASICS-----*/
/*-----------------*/
body {
	background-color: #F2F2F2;
}

.containerWrap {
	margin: 0px auto;
	width: 1001px;
	background: #F2F2F2 url('../images/container_shadow.gif') repeat-y left top;
}
	
	.container {
		width: 953px;
		margin: 0px auto;

	}

a, a:visited {}

a:hover {}

h1 {}

h2 {}

h3 {}

h1, h2, h3 {
	margin-bottom: 15px;
}

hr {
	width: 100%;
	color: #CCC;
	background-color: #CCC;
	border: none;
	height: 1px;
	float: left;
	clear: left;
}

#contentPlain hr {
	margin-bottom: 20px;
}

p {
	margin-bottom: 20px;
	/*float: left;
	clear: both;*/
}

#skipLinks {
	width: 953px;
}

#skipLinks a {
	position: absolute;
	left: -9999px;	
}

.row {
	width: 100%;
}

.rowitem{
float:left;
width:130px;
padding:1px;
text-align:center;
font-weight:bold;
margin: 0px 2px;
display:inline;
}

.rowitem a {font-weight:normal;}

.col48 p {
	width: 100%;
}

.col30 p {
	width: 100%;
}

/*------FLOAT CLASSES------*/

.fLeft {float:left;}

.fRight {float: right;}

.fNone {float: none;}

.clear {clear:both;}


/*------COMMON ELEMENTS FOR STYLING MAIN CONTENT------*/

.viewAll {}
	.viewAll a {}

.readMore {}
	.readMore a {}

.externalURL {}
	.externalURL a {}
	
.location {}
	.location a {}
	
.date {}
	.date a {}
	
.byLine {}
	.byLine a {}

.email {}
	.email a {}
	
.caption {}
	
.relatedItems {}

.paging {}
	.paging ul {}
	.paging li {}
	.paging li a {}

	.nextPage {}
	.nextPage a {}
	.prevPage {}
	.prevPage a {}

/*---------------------*/
/*-------HEADER--------*/
/*---------------------*/

#header {
	float: left;
	height: 127px;
	width: 953px;
	background: #a5a4a4 url('../images/header_bg.gif') repeat-x left bottom;
}	

	#header div#logo {float: left;
		margin: 38px 0px 0px 20px;}
	
	#logoImg {
		
	}
	
	#skipLinks {}
	
	#header ul {
		float: right;
		margin: 0px 0px 30px 0px;
		font-size: 1.2em;
		font-weight: bold;
	}
	
	#header ul li {
		display: block;
		padding: 0px 16px;
		border-right: 1px solid #CCC;
		float: left;
		height: 23px;
		line-height: 23px;
	}
	#header ul li:first-child{
		background: url("../images/phone_icon.gif") no-repeat left center;
		padding-left: 20px;
	}
	
	#header ul li.end {
		border: none;
		padding-right: 0px;
	}
	
	#header ul li a {

	}
	
	#header div#right {
		float: right;
		clear: right;
		margin: 30px 12px 0px 0px;
		width: 40em;
	}
	
	#header div blockquote {
		
	}
	
	#header div cite {

	}

	#header div blockquote, #header div cite {
		float: right;
		clear: right;
	}
/*----Navigation----*/

#nav {
	float: left;
	clear: left;
	width: 941px;
	background: #666 url('../images/nav_bg.gif') repeat-x left top;
	padding-right:12px;
	position: relative;
	z-index: 5000;
}
	
	#nav ul {
		float: left;
		margin-left: 10px;
		z-index: 5001;
	}
		
		#nav li {
			float: left;
			padding: 8px 10px;
			position: relative;
		}
	
	#nav li a {
		position: relative;
	}
	
	#nav li a:hover {}
	
	#nav li.current {
		position: relative;
		z-index: 2000;
	}
	
	#nav li.current a {
		padding: 16px 10px 15px 10px;	
		background-color: #1f65a7;
	}
	
		#home #nav li.current a {
			background: #5381be url('../images/home_current_nav.gif') repeat-x left bottom;
		}
	
		#about #nav li.current a {
			background: #349268 url('../images/about_current_nav.gif') repeat-x left bottom;
		}
		
		#services #nav li.current a {
			background: #68ad51 url('../images/services_current_nav.gif') repeat-x left bottom;
		}
		
		#sectors #nav li.current a {
			background: #f1973d url('../images/key_current_nav.gif') repeat-x left bottom;
		}
		
		#idcts #nav li.current a {
			background: #d72a4a url('../images/projects_current_nav.gif') repeat-x left bottom;
		}
		
		#innovation #nav li.current a {
			background: #4d2c6e url('../images/innovation_current_nav.gif') repeat-x left bottom;
		}
		
		#community #nav li.current a {
			background: #229a7d url('../images/community_current_nav.gif') repeat-x left bottom;
		}
		
	#nav li.current a:hover {}
	
	/*for rare cases when the client wants sub-items on the top nav such as dropdown menus.*/
	
	/*NOTE: IE6 doesn't support the :hover on anything but the <a> element so we need to use 
	javascript to add a special hover class onmouseover and onmouseout*/
		
		#nav ul li ul {
			position: absolute;
			top:28px;
			left: 0;
			display: none;
			z-index: 600;
			margin-left: 0;
			width: 150px;
		}
		
		#nav li ul li {
			margin-left: 0;
			width: 100%;
			background: #666666;
			padding: 0;
		}
		
		#nav li ul li a {
			display: block;
			height: 100%;
			padding: 8px 10px;
		}
		
		#nav ul li:hover ul, #nav ul li.hover ul {
			display: block;
		}
		
		#nav ul li:hover li a {}
		
		#nav ul li:hover ul li:hover, #nav ul li.hover ul li.hover {
			background: #868384;
		}
		
		#nav ul li:hover ul li:hover a {}
		#nav ul li.current li a{
			background: none !important;
		}
		#nav li.current li a{
			padding: 8px 10px;
		}
#locationBar {

}

#search {
	float: right;
	padding-top: 3px;
	
}

	#search label {
		position: absolute;
		left: -9999em;
	}
	
	#search input#searchBox {}
	
	#search input#searchBtn {
		background-color: #000;
		border: none;
	}

#login {}

#account {}

/*-------------------------*/
/*----MAIN CONTENT AREA----*/
/*-------------------------*/


/*---BANNERS---*/

#homeBanner {}

	#homeBannerText {}

	#homeBannerImg {}

#banner {
	z-index: 501;
}

	#bannerText {}
	
	#bannerImg {}
	
	#projects #banner {
		width: 953px;
		height: 341px;
		background: #4E537D url('../images/projects_banner_bg.jpg') no-repeat left top;
		overflow: hidden
	}
	#projects #banner img {
		float: left;
		margin: 0px 15px 0px 20px;
		xwidth: 541px;
		xheight: 371px;
	}
	#projects #banner a#viewall  {
		float: right;
		vertical-align:bottom;
	}
	#projects #banner a#viewall  img {
		margin-right: 0px;
		width: 170px;
		height: 29px;
		vertical-align:bottom;
	}
	#projects #banner div#description {
		float: left;
		margin-left: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
		height: 293px;
		overflow: hidden;
		width: 300px;

	}
	#projects #banner div#description a {
		color:#ffffff;
	}

	#projects #banner div#image {
		float: left;
		height: 272px;
		overflow: hidden;
		width: 541px;
		height: 371px;

	}

/*---MAIN CONTENT AREA---*/
	
#mainWrap {}

#main {
	z-index: 500;
	float: left;
}
	#home #main {
		float: left;
		width: 933px;
		padding: 0px 10px 20px 10px;
		background-color: #999999;
	}

#sidebar {}

#sidebarA {}

#sideBarB {}


#content {
	float: left;
	width: 720px;
	padding-bottom: 30px;
	background-color: #FFF;
}
	#content p {
		padding: 0px 130px 0px 10px;	
	}
		
	#content h1 {
		padding: 0px 70px 0px 10px;
	}
	#content h2 {
		padding: 0px 70px 0px 10px;
	}
	#content h3 {
		padding: 0px 70px 0px 10px;
	}
	#content h4 {
		padding: 0px 70px 0px 10px;
	}
	#content h5 {
		padding: 0px 70px 0px 10px;
	}
	#content h6 {
		padding: 0px 70px 0px 10px;
	}
	
	#content table {
		margin-left:10px;
		width: 80%;
	}
	#content ol, #content ul {
		margin-left: 35px;
		margin-bottom: 20px;
		/*clear:both;*/	
	}
	
	#content table td p, #content table td h1, #content table td h2, #content table td h3 {padding: 0px;}
	
	
#contentPlain {
	width: 903px;
	padding: 30px 25px;
}

#content ul li {
	list-style: disc;
	line-height: 1.3em;
}
	#content img {
		margin-bottom: 10px;
		
	}

	#home #content {
		width: 933px;
		margin-top: 7px;
		padding-bottom: 0px;
		background-color: #999999;
	}
	
	#home #content .carousel {
		width: 654px;
		background-color: #FFF;
		xheight: 345px;
		float: left;
		margin-right: 7px;
	}
	
		#home #content .carousel a#prev img, #home #content .carousel a#next img {
			float: left;
		}
	
		#home #content .carousel .slideContents {
			overflow: hidden;
			width:576px;
			float: left;
			padding: 25px 10px 30px 8px;
		}
		#home #content .carousel .slideContents div {
			float: left;
			width: 195px;
		}
		
		#home #content .carousel .slideContents div p {
		
			margin-bottom: 10px;
		}
		#home #content .carousel .slideContents img {
			float: left;
			margin-right: 13px;
		}
		#home #content .carousel .slideContents h1 {
			margin-bottom: 8px;
		
		}
		#home #content .carousel .slideContents h2 {
			margin-bottom: 20px;
			
		}
		
		#home #content .slideContents p, #home #content .slideContents h1, #home #content .slideContents h2 {
			padding: 0px;	
		}
	#home #content .news {
		width: 241px;
		background-color: #FFF;
		float: left;
		padding: 15px 15px 15px 15px;
	}
	
	#home #content .news h1 {
		margin-bottom: 20px;
		float: left;
		width: 241px;
		padding: 0px;
	}
	
	#home #content .news h1 span {
		float: left;
	}
	
	#home #content .news p {
		margin-bottom: 15px;
		width: 100%;
		padding: 0px;
	}
	
	#projects #content {
		background: #FFF url('../images/project_contentshadow.gif') repeat-x left top;
		width: 906px;
		padding-left:23px; padding-right:23px; padding-top:20px; padding-bottom:10px;
	}
	
	#projects #content img {
		margin-bottom: 0px;
	}
	
	
	#projects #content #prevSet, #projects #content #nextSet {
		float: left;
		width: 29px;	
	}
	
	#projects #content #prevSet img, #projects #content #nextSet img {
		margin-right: 0px;
	}
	
	#projects #content #projectListing {
		float: left;
		width: 841px;
		
	}
	#projects #content #projectListing hr{
		margin-top: 16px
	}
	#projects #content #projectListing div.row {
		margin-bottom: 9px;
		float: left;
		
	}
	#projects #content #projectListing a {}
	#projects #content #projectListing a img {
		float: left;
		/*margin: 0px 5px;*/
		display: inline;
	}
	#projects #content #projectListing a.vert_img {
		float: left;
		margin: 0 15px;
	}
	#projects #content #projectListing a.project_view img{
		display: block;
		margin: 0 auto;
		float: none;
	}
	#projects #content #projectListing p {
		clear: none;
		float: none;
		margin-bottom: 0px;
	}
	#projects #content #projectListing h2,#projects #content #projectListing h1 {
		margin:0;
	}
	#projects #content p {
		width: 100%;
		float: left;
		clear: left;
	}
	
	#projects #content p.start {margin: 15px 0px 30px 0px;}
	#projects #content p.start span {
		float: left;
		padding: 6px 10px 0px 0px;
		
	}
	#projects #content p.start a {
		padding-top: 10px;
	}
	
	#projects #content #projectSort {
		float: left;
		width: 906px;
		margin: 20px 0px 12px 0px;
		
	}
	
	#projects #content #projectSort p {
		float: left;
		width: auto;
		clear: none;
		margin: 0px 10px 0px 0px;
		padding: 2px 0px 0px 0px;
	}

	
	#projects #content #projectSort p.keyword {
		padding: 1px 7px 2px 7px;
		margin: 0px 0px 0px 0px;
		border: 1px solid #3A7182;
	}
	#projects #content #projectSort p.keyword a {
		padding-right: 12px;
		background: url('../images/sort_arrow.gif') no-repeat right top;
		
	}
	
	
	#projects #content #projectSort ul {
		float: left;
		clear: none;
		margin: 0px 3px 0px 0px;
	}
	
	#projects #content #projectSort ul.viewModes li {
		float: left;
		margin-right: 5px;
		list-style: none;
	}
	
	#projects #content #projectSort ul.organize li, #projects #content #projectSort ul.see li {
		float: left;
		padding: 3px 3px;
		border: 1px solid #3A7182;
		margin-right: 6px;
		list-style: none;
	}

	#projectSort ul.see2 li {
		float: left;
		padding: 3px 3px;
		border: 0px solid #ffffff;
		margin-right: 6px;
		list-style: none;
	}
 
	#projects #content #projectSort ul.organize li a, #projects #content #projectSort ul.see li a {
		background: url('../images/sort_arrow.gif') no-repeat right top;
		padding-right: 8px	
	}
	#projects #content #paging {
		float: left;
		width: 100%;
		margin: 10px 0px 0px 0px;
	}
	#projects #content #paging ul {
		margin: 0px 0px 0px 0px;
	}
	#projects #content #paging ul li {
		float: left;
		list-style: none;
		padding: 0px 12px 0px 0px;
	}
	
	#projects #content #paging ul li a#prev {
		background: url('../images/sort_arrow_left.gif') no-repeat left top;
		padding-left: 12px;
	}
	
	#projects #content #paging ul li a#next {
		background: url('../images/sort_arrow.gif') no-repeat right top;
		padding-right: 12px;
	}
	
	#projects #content .photos {
		float: left;
		width: 570px;
		margin: 25px 0px 20px 0px;
	}
	
	#projects #content .photos #large {
		float: left;
		margin-bottom: 10px;
	}
	
	#projects #content .photos #large img {margin: 0px;}
	
	#projects #content .photos #thumbs, #projects #content .photos #thumbs a, #projects #content .photos #thumbs a img {
		float: left;
	}
	
	#projects #content .photos #thumbs a {
		margin: 0px 10px 10px 0px;
	}
	
	#projects #content .info {
		float: left;
		width: 320px;
		margin: 25px 0px 20px 15px;
	}
.bottomCallouts {}

	.bottomCallouts .col1 {}
	
	.bottomCallouts .col2 {}
	
	.bottomCallouts .col3 {}


blockquote.testimonial {}

	blockquote.testimonial cite {}
	/* additional */
.project_view{font-size:12px;font-weight:normal;}

/*----Sub-Navigation----*/
#subNav {
	float: left;
	
	width:204px;
	margin: 15px 0px 20px 0px;
	}
	#subNav ul {
		float:left;
		margin-left: 1px;
		}
	
	#subNav li {
		float: left;
		clear: left;
		width: 197px;
	}
	
	#subNav li a {
		display: block;
		padding: 10px 0px 14px 13px;
		position: relative;
		z-index: 500;
	}
	
	#subNav li.current {
		position: relative;
		z-index: 100;
		background: transparent url('../images/subnav_current_bg_top2.jpg') no-repeat left top;
		padding-top: 13px;
		margin-top: -13px;
	}
	
	#subNav li.current a {
		background: #FFF url('../images/subnav_current_bg_bot2.jpg') no-repeat left bottom;
		position: relative;
		z-index: 1000;
		/*border-width: 1px 0px;
		border-style: solid;
		border-color: #D7D7D7;*/
		padding-left:13px;
		padding-bottom: 31px;
		margin-bottom: -17px; 
		padding-right:0px; 
	}
	
	#subNav li.current a:hover {}
	
		#home #subNav {
			width: 933px;
			margin-top: 0px;
		}
		#home #subNav li {
			float: left;
			width: 233px;
			clear: none;
			padding-left: 0px;
		}
	
		#home #subNav li a {
			display: block;
			widows: 172px;
			background: #c6c8ca url('../images/home_subnav_bg.gif') no-repeat left top;
			padding-left:17px; padding-right:44px; padding-top:11px; padding-bottom:11px;
		}
	
		#home #subNav li a:hover {
			background: #c6c8ca url('../images/home_subnav_hover.gif') no-repeat left top;
		}
	
	
	/*--if clicking on a subnav list item makes sub-items appear--*/
	
		#subNav ul li ul {
		}
		
		#subNav li ul li {
		}
		
		#subNav li ul li a {
		}

	


/*---COLUMN LAYOUT---*/

.row {
	float: left;
	clear: both;
}

.col16, .col25, .col30, .col33, .col40, .col48, .col50, .col60, .col66, .col70, .col75, .col83 {
	float: left;
}

.col16 {width: 16%;}
.col25 {width: 25%;}
.col30 {width: 30%;}
.col33 {width:33%;}
.col40 {width: 40%;}
.col45 {width: 45%;}
.col48 {width: 48%;}
.col50 {width: 50%;}
.col60 {width: 60%;}
.col66 {width: 66%;}
.col70 {width: 70%;}
.col75 {width: 75%;}
.col83 {width: 83%;}

/*--fairly common spaces to put between columns--*/
.mr0 {margin-right: 0px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}

/*--margin-bottom, handy if you wish to override an element's inherited bottom margin--*/

.mb0 {margin-bottom: 0px;}


/*------------------*/
/*------FOOTER------*/
/*------------------*/

#footerWrap {}

#footer {
	float: left;
	clear: both;
	width: 934px;
	background-color: #333333;
	padding: 8px 10px 15px 9px;
}	
	
	#cityLogo {float: left;}
	.branding {
		float: left;
		margin: 15px 0px 0px 10px;
	}

		.branding p {
			float: left;
			clear: left;	
		}
	
		.branding p.copy {
			margin-bottom: 10px;
		}
		
		.branding p.address {}
	
	
	.footerNav {
		float: right;
		margin-top: 15px;
	}
	
	.footerNav li {
		display: inline;
		border-right: 1px solid #CCC;
		padding: 0px 11px;
	}
	
	.footerNav li.phone {
		border-right: none;
		padding: 0px 5px 0px 11px;
	}
	
	.footerNav li a {
		
	}
	
	.footerContact {}
	
	.legal {}
	
	#footer .small{
		color: #CCCCCC;
		font-size: .8em;
		clear: both;
	}
	
	
/*--------------------*/
/*--------FORMS--------/
/*--------------------*/


/*--------------------*/
/*-------TABLES--------/
/*--------------------*/
 table {
 	border: 1px solid #c8c8c8;	
 }
 
 td {
 	text-align:left;
 	vertical-align:middle;
 	border: 1px solid #c8c8c8;
 	padding: 5px;	
 }
 td.vTop {
 	vertical-align:top;	
 }
 
 th {
 	font-weight: bold;
 	vertical-align: top;
 	padding: 10px 5px;
 	text-align:left;
 	background-color: #F5F5F5;
 }
 
 td p, th p {
 	margin-bottom:0px;	
 	padding: 0px;
 }
 tr.alt td {}
 
 td.label {}

.myaccount table{
	/*width:943px;*/
}

#tblProjectDetails{
	width:90%;
}
 .myaccount table, .myaccount table td{
 	border: 0px;	
 }

table td.rightAligned{
	text-align:right;
}

 /*--------CSS ADDITIONAL---------*/
 .contactLeft
 {
 margin-left:20px;
 }
 .contactLeftSubmit
 {
 margin-left:95px;
 }
  .contactLeftName
 {
 margin-left:58px;
 }
 .contactFormHeight
 {
 min-height:450px;
 }
 .pagingWhite{
 color:#ffffff;
 }
 .pagingBlack
 {
 color:#3A7182;
 }
 .pagingWhite:hover{
 color:#ffffff;
 }
 .pagingBlack:hover
 {
 color:#3A7182;
 }

div.myaccount{
	min-height: 450px; 
	padding-top: 5px; 
}

.rowitem a {
	float:left;
	clear: left;
	text-align: center;
	width: 130px;
}
.rowitem a.project_view {
	margin-top: 8px;	
}

/* For the L of It Page */
.forthelofit{
	position: relative;
}
.forthelofit .desc{
	display: none;
}
.forthelofit a{
	position: absolute;
	width: 90px;
	height: 85px;
	display: block;
}
.forthelofit .learn{
	top: 408px;
	left: 0;
}
.forthelofit .linger{
	top: 228px;
	left: 286px;
}
.forthelofit .liberate{
	top: 318px;
	left: 476px;
}
.forthelofit .links{
	display: none;
	top: 0;
	left: 0;
}
.forthelofit .lifestyle{
	display: none;
	top: 0;
	left: 0;
}
.forthelofit .letloose{
	top: 138px;
	right: 59px;
}
.forthelofit .lionize{
	top: 408px;
	right: 59px;
}
.vidSlide{
	height: 210px;
}
.EvtTitleDiv {font-size:24px; color:#3300CC;display: none; }

/* these containers affect the PLACEMENT of the calendar objects on the page */
.EvtContainer {width:637px; margin-top:10px;} /* over all container for EACH event */
.EvtDateDiv {} /* placement of the date line*/

/* I've placed the time and event name on the same line*/
.EvtTimeDiv {width:100px; float:left;} /* placement of the time*/
.EvtNameDiv { margin-top:8px;} /* placement of the evnt name*/

.EvtBodyDiv {padding-left:100px; margin-top: 10px;} /* placement of the main description */
.EvtLinkDiv {margin-top:10px;} /* placement of the links line*/

/* these formats affect the appearance of the actual data being displayed */
.EvtWrapper {font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.EvtDate {font-size:16px;}
.EvtTime {font-weight:bold; margin-left:20px;}
.EvtName {font-weight:bold;}
.EvtDesc {font-weight: normal;}
.EvtLocation {}
.EvtLinks {}
#content .pubEvents h1{padding-left: 0;display: inline}