/* CSS Document */

body
{
	background: url(../images/white/sitebg.png) #f0f5f9 repeat-x center -7px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

a img
{
	border:none;
}

p
{
	margin:0 0 14px 0;
}

a
{
	color:#2E658B;
	outline:none;
}

a:hover, a:active
{
	color:#959a7a;
	text-decoration:none;
}
	
h5
{
	margin-bottom:4px;
	margin-top:0;
	color:#4E738D;
	font-size:12px;
}	

h4
{
	margin-bottom:3px;
	color:#2E658B;
	font-size:12px;
	margin-top:10px;
}

h3
{
	margin-bottom:5px;
	margin-top:20px;
	color:#2f668c;
}

h1 {
	margin-top:0;
	font-size:18px;
	color:#9DA483;
}

#siteContainer
{
	width:867px;
	height:600px;
	margin:0 auto;
}

#logo
{
	float:right;
	margin-top:160px;
	margin-right:20px;
}

#logo img
{
	width:221px;
	height:27px;
}

#pageTitle
{
	position:absolute;
	margin-left:-50px;
	top:50px;
	width:400px;
	height:160px;
}

#pageTitle img
{
	height:150px;
	width:341px;
}

#navTop
{
	position:absolute;
	height:160px;
	left:-5px;
	top:210px;
	width:155px;
	float:left;
	margin-right:15px;
	z-index:999;
}

#navTop ul
{
	list-style:none;
	padding:0;
	margin:0;
}



.nav
{
	height:160px;
	left:-5px;
	position:relative;
	top:213px;
	width:135px;
	float:left;
	overflow:hidden;
	margin-right:15px;
	z-index:2;
}

.nav ul
{
	list-style:none;
	padding:0;
	margin:0;
}

#navTop ul li a img
{
	height:17px;
	width:156px;
}

#nav #sliding-navigation li.sliding-element a.navItem img
{
	height:17px;
	width:359px;
	padding:0;
}


#nav #sliding-navigation li a span
{
	height:17px;
	width:359px;
}

#navTop ul li #navWhoSub {
	background:url(../images/subnavbg.png) top left no-repeat #759ab3;
	width:150px;
	top:9px;
	padding:0px;
	border:1px solid #afc4d3;
}

#navTop ul li #navWhatSub {
	background:url(../images/subnavbg.png) left -27px no-repeat #759ab3;
	width:150px;
	top:37px;
	padding:0px;
	border:1px solid #afc4d3;
}

#navTop ul li ul li {
	padding:0;
	background:url(../images/horizontal-dots-white.gif) 2px bottom repeat-x;
}

#navTop ul li ul li.lastMenuElement {
	background:none;
}

#navTop ul li ul li:hover {
	background:url(../images/subnavitembg2.png) bottom left no-repeat #4E738D;
}

#navTop ul li ul li.lastMenuElement:hover {
	background:url(../images/subnavitembg.png) bottom left no-repeat #4E738D;
}

#navTop ul li ul li a {
	width:150px;
	line-height:25px;
	display:block;
	color:#123B53;
	text-decoration:none;
	padding-left:12px;
}

#navTop ul li ul li a:hover {
	color:#ffffff;
}

#navTop ul li:hover ul {
	display:block;

}

#relativeNav
{
	position:relative;
	width:1px;
	height:1px;
	overflow:visible;
	z-index:777;
}

/*#subNavHide
{
	 overflow: hidden;
	 width: 200px;
	 position: absolute;
	 top: 260px;
	 left: 150px;
}*/

#navWhoSub
{
	width:200px;
	background-color:#FFFFFF;
	position:absolute;
	left:156px;
	z-index:999;
	list-style:none;
	margin-left:0px;
}

#navWhatSub
{
	width:200px;
	background-color:#FFFFFF;
	position:absolute;
	left:156px;
	z-index:999;
	margin-top:50px;
	list-style:none;
	margin-left:0px;
}

#arrows
{
	float:left;
	height:auto;
	margin-left:-14px;
	position:relative;
	top:223px;
	width:9px;
}

#arrows ul
{
	list-style:none;
	padding:0;
	margin:0;
}

#arrows ul li
{
	margin-bottom:11px;
	height:18px;
}

#arrows ul #navWhoArrow
{
	margin-bottom:10px;
	margin-top:-1px;
}

#arrows ul li img {
	display:none;
}

#content
{
	padding:10px 21px 10px 20px;
	width:478px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	/*color:#e0e7ef;*/
	color:#42474b;
	text-align:justify;
	float:left;
	background:transparent url(../images/vertical-dots.gif) repeat-y left 1px;
	margin-top:16px;
	margin-left:149px;
	min-height:234px;
	position:relative;
	z-index:3;
}

#sidebar
{
	width:183px;
	float:left;
	margin-top:30px;
	padding-left:2px;
}

#sidebar #subnav
{
	background:url(../images/horizontal-dots.gif) bottom repeat-x;
	padding-bottom:5px;
	padding-left:10px;
	margin-bottom:12px;
	margin-top:10px;
}

#sidebar #subnav ul
{
	margin-left:0;
	margin-top:0;
	padding-left:0;
	list-style:none;
	line-height:20px;
}

#sidebar #subnav a
{
	text-decoration:none;
	display:block;
	width:164px;
	height:20px;
	padding-left:7px;
}

#sidebar #subnav a:hover
{
	background-color:#EBF2F6;
	color:#2E658B;
}


#caseStudiesHome
{
	width:156px;
	color:#6589a3;
	font-family:arial;
	font-size:11px;
	margin-left:14px;
	padding-left:5px;
}
	
#caseStudiesHome a img
{
	vertical-align:middle;
	margin-right:3px;
	border:none;
	width:69px;
	height:15px;
}

#caseStudiesHome ul li a img
{
	width:33px;
	height:23px;
}

#caseStudiesHome a
{
	color:#6589A3;
	text-decoration:none;
	padding:0px 0;
	display:block;
}

#caseStudiesHome a:hover
{
	color:#2E658B;
}

#caseStudiesHome ul
{
	margin:0;
	padding:0;
	list-style:none;
	padding-top:9px;
}

#caseStudiesHome ul li
{
	margin-bottom:8px;
}

#footer
{
	clear:both;
	font-size:10px;
	color:#304f64;
	float:left;
	width:519px;
	text-align:center;
	padding-top:18px;
	margin-left:149px;
	background:transparent url(../images/vertical-dots.gif) repeat-y left;
}

#footer a
{
	color:#A3B4C8;
	text-decoration:none;
}

#footer a:hover
{
	color:#5F88A4;
}

#footer ul
{
	padding-left:0;
}

#footer ul li
{
	display:inline;
	padding:0 .9em;
	border-right:1px solid #A3B4C8;
}

#footer .lastNav
{
	border:none;
}

#footer .firstNav
{
	padding-left:0 !important;
}

.sliding-element
{
	height:29px;
}

.sliding-element img
{
	padding:7px 0;
}

#sliding-navigation img
{
	border:none;
}

#sliding-navigation #navWho
{
	margin-left:65px;
}

#sliding-navigation #navWhat
{
	margin-left:60px;
}

#sliding-navigation #navWhy
{
	margin-left:103px;
}

#sliding-navigation #navWhen
{
	margin-left:77px;
}

#sliding-navigation #navWhere
{
	margin-left:63px;
}

#galleryPeople {
	clear:right;
	float:left;
	margin-bottom:12px;
	padding-bottom:18px;
	width:87px;
	padding-right:80px;
	background:url(../images/horizontal-dots.gif) bottom repeat-x;
	padding-left:15px;
}

#galleryTitle {
	color:#5f88a4;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	text-align:center;
}

#galleryLink {
	color:#5f88a4;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	text-align:center;
	margin:60px auto 0;
}

#sidebar .galleryThumb {
	border:1px solid #ffffff;
	float:left;
	height:20px;
	margin:3px;
	width:20px;
	display:block;
}

#sidebar .galleryThumb img {
	display:block;
	margin:5px;
}

#sidebar .galleryThumb a {
	width:20px;
	height:20px;
	display:block;
}

#sidebar .galleryThumb:hover {
	background-color:#2f4e5f;
	border:1px solid #2f4e5f;
}

#sidebar .galleryThumb img {
	width:20px;
	height:20px;
	margin:3px;
	border:solid 1px #ffffff;
}

#sidebar .galleryThumb:hover img {
	width:40px;
	height:40px;
	margin:3px;
	border:solid 1px #ffffff;
	position:relative;
	z-index:999;
	margin-top:-8px;
	margin-left:-5px;
}

#gallery {
	height:auto;
	margin:20px auto;
	width:450px;
}

#gallery .galleryThumb {
	border:1px solid #C1C2A2;
	float:left;
	height:80px;
	margin:5px;
	padding:10px;
	width:80px;
}

#gallery .galleryThumb:hover {
	border:1px solid #7e8075;
	background-color:#ffffff;
}

#peopleList
{
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	line-height: 22px;
	padding-left:0;
	margin-left:0;
}

.peopleName
{
	color:#2E658B;
	font-size:18px;
	font-weight:bold;
}

.peopleTitle {
	color:#9B9F81;
	font-size:14px;
	font-weight:bold;
}

.peopleBio
{
	margin-bottom:25px;
	line-height:19px;
}

.clientList {
	float:left;
	color:#1b3f55;
	font-size:10px;
	line-height:20px;
	margin-right:20px;
}

.clientListItem {
	color:#E0E7EF;
	font-size:12px;
}

#sidebar .prev 
{
	background:url(../images/scroll-up.png) no-repeat top left;
	width:186px;
	height:16px;
	overflow:hidden;
	cursor:pointer;
	position:relative;
	z-index:998;
	margin-bottom:2px;
	top:-13px;
	left:-3px;
}

#sidebar .next 
{
	background:url(../images/scroll-down.png) no-repeat top left;
	width:186px;
	height:16px;
	overflow:hidden;
	cursor:pointer;
	position:relative;
	z-index:998;
	margin-left:-3px;
	margin-top:-14px;
}

#sidebar .next:hover, #sidebar .prev:hover
{
	background-position:left -16px;
}

#sidebar .disabled
{
	background-position:left -32px;
	cursor:default;
}

#sidebar .disabled:hover
{
	background-position:left -32px;
}

#subPort
{
	width:187px;
	height:150px;
	left:-4px;
	margin-left:-3px !important;
	margin-top:-15px;
	background:transparent url(../images/portnavbg.png) repeat scroll left top;
	position:relative;
	z-index:888;
	margin-bottom:15px;
	padding-bottom:10px;
	padding-top:1px;
	/*display:none;*/
}

#subPort ul
{
	list-style:none;
	line-height:32px;
	margin:9px 0 0;
	padding:0;
}

#subPort ul li
{
	padding-left:17px;
	width:180px;
}




#subPort ul li.portSelected
{
	background:url(../images/portfolio-selected-bg.png) left 1px no-repeat;
	
}

#subPort ul li.portSelected a
{
	color:#ffffff;
}

#subPort ul li.portSelected:hover
{
	background:url(../images/portfolio-selected-bg.png) left 1px no-repeat;
	
}

#subPort ul li:hover
{
	background:url(../images/portfolio-hover-bg2.png) left 1px no-repeat;
	
}

#subPort ul li a
{
	text-decoration:none;
	color:#5F88A4;
	font-weight:bold;
	font-size:11px;
	display:block;
	width:180px;
}

#subPort ul li a:hover
{
	color:#2E658B;
}

#portHolder
{	
	min-height:500px;
	height:850px;
}

.portImage
{
	float:right;
	height:auto;
	margin:0 0 5px 10px;
	padding-left:0;
	padding-top:14px;
	text-align:center;
	width:223px;
}

.portImage a .siteThumb
{
	border:1px solid #999999;
}

.portImageScroll
{
	width:223px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}

.portItemScroll
{
	width:193px;
	float:left;
	height:200px;
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}

.portImageScroll .portItemScroll .portImageLink
{
	width:193px;
}

#portMain
{
	width:490px;
	height:300px;
	margin-left:-5px;
}

#portMain a
{
	text-decoration:none;
	width:153px;
	height:83px;
	display:block;
}

#portMain a:hover
{
	color:#FFFFFF;
}

#introExpand
{
	display: none;
	width:478px;
}

#introPortButton
{
	text-align:right;
	font-size:10px;
	margin-top:-8px;
	margin-bottom:20px;
}

#introPortButton a
{
	text-decoration:none;
}

#introPortButton a:hover
{
	text-decoration:underline;
}


.portItemMain
{
	width:153px;
	float:left;
	margin-right:6px;
	margin-bottom:10px;
	background-color:#999999;
	text-align:left;
	font-size:11px;
	padding:0 3px 3px 3px;
}

.portItemMainEndRow
{
	width:153px;
	float:left;
	margin-right:0;
	margin-bottom:10px;
	background-color:#999999;
	text-align:left;
	font-size:11px;
	padding:0 3px 3px 3px;
}

.portItemMainBlankEndRow
{
	width:153px;
	float:left;
	margin-right:0;
	margin-bottom:10px;
	background-color:#cccccc;
	text-align:left;
	font-size:11px;
	padding:0 3px 3px 3px;
}

.portItemMainBlank
{
	width:153px;
	float:left;
	margin-right:6px;
	margin-bottom:10px;
	background-color:#cccccc;
	text-align:left;
	font-size:11px;
	padding:0 3px 3px 3px;
}

.portItemMain:hover
{
	background-color:#666666;
}

.portItemMainEndRow:hover
{
	background-color:#666666;
}

.portItemMainBlankEndRow:hover, .portItemMainBlank:hover
{
	background-color:#cccccc;
}

.portItemMain a, .portItemMain a:hover, .portItemMain:hover a, .portItemMain:hover a:hover, .portItemMainEndRow a, .portItemMainEndRow a:hover
{
	color:#FFFFFF;
}



/*.portItemMain img, .portItemMainEndRow img
{
	margin:2px auto;
	display:block;
}*/

.portImageLink
{
	width:218px;
	height:17px;
	text-align:center;
	color:#385a72;
	font-size:10px;
}

.portImageNoLink
{
	height:14px;
	width:218px;
	text-align:center;
	color:#385a72;
	font-size:10px;
}

.portImageLink a
{
	text-decoration:none;
}

.portItems
{
	min-height:400px;
	width:478px;
	display:none;
/*	position:absolute;*/
}

.portItemsNoScript
{
	width:478px;
	margin:20px 0;
	padding-bottom:10px;
	border-bottom:1px dotted #2A4656;
}

#noScriptFirstItem
{
	padding-top:860px;
}

#portItem1
{
	display:block;
}

.prevLink
{
	position:relative;
}


#transLink1 .quickView
{
	display:hidden;
	position:absolute;
	margin-top:10px;
	margin-left:238px;
	overflow:hidden;
	top:0px;
	width:0px;
	height:0px;
}

#transLink2 .quickView
{
	display:hidden;
	position:absolute;
	margin-top:10px;
	margin-left:151px;
	overflow:hidden;
	top:0px;
	width:0px;
	height:0px;
}

/*.quickView img
{
	width:1px;
}
*/
a.prevLink
{
	text-decoration:none;
	border-bottom:dotted 1px #B8BD9C;
}

#contactArea {
	width: 479px;
	margin-top: 25px;
	height:35px;
	overflow:hidden;
	background:url(../images/formbg-bot.png) bottom center no-repeat;
	position:relative;
	margin-bottom:20px;
}

#contactArea input, #contactArea textarea {
	padding: 3px;
	width: 365px;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #A1B6C6;
	background-color:#EFF8FF;
}

#contactArea textarea {
	height: 90px;
}



#contactArea td
{
	vertical-align:top;
}


label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 70px;
	padding-top: 5px;
	font-size: 11px;
}


#contactArea #firstNameInput
{
	width:120px;
	margin-right:16px;
	background-color:#ffffff;
	border:1px solid #A1B6C6;
}

#contactArea #firstNameInput:focus
{
	background-color:#ffffff;
}

#contactArea #lastNameInput
{
	width:127px;
	margin-left:8px;
	background-color:#ffffff;
	border:1px solid #A1B6C6;
}

#contactArea #lastName
{
	float:none;
	width:70px;
	margin-right:0;
}

#contactArea #lastNameInput:focus
{
	background-color:#ffffff;
}


#contactArea #phoneInput
{
	width:230px;
	background-color:#ffffff;
	border:1px solid #A1B6C6;
}

#contactArea #phoneInput:focus
{
	background-color:#ffffff;
}

#contactArea #phone-extInput
{
	width:60px;
}

#contactArea #phone-ext
{
	float:none;
	width:70px;
	margin-right:0;
}

#contactArea #emailInput
{
	background-color:#ffffff;
	border:1px solid #A1B6C6;
}

#contactArea #emailInput:focus
{
	background-color:#ffffff;
}

#contactArea .requiredLabel
{
	/*background:url(../images/required-bullet2.gif) left top no-repeat;*/
	color:#5F839C;	
}

#contactArea input.submit {
	width: 100px;
	float: right;
	background-color:#5F88A4;
	color:#ffffff;
	font-size:12px;
}

#contactArea input.submit:hover
{
	background-color:#7899AF;
	cursor:pointer;
	cursor:hand;
}
#contactArea input.submit:focus {
	background-color:#7899AF;
}

#contactArea textarea:focus, #contactArea input:focus {
	border: 1px solid #A1B6C6;
	background-color: #EFF8FF;
}

#contactForm
{
	width:435px;
	height:250px;
	position:absolute;
	float:left;
	color:#5F839C;
}

#contactArea #leftCorner
{
	background:url(../images/formbg-top.gif) top center no-repeat;
	padding:5px 5px 5px 10px;
}

#contactArea #leftCorner a
{
	text-decoration:none;
	display:block;
	line-height:20px;
	width:100%;
}

#contactArea #firstNameInput
{
	width:150px;
}

#contactArea #lastNameInput
{
	width:127px;
}

#contactArea #companyInput
{
	width:365px;
}

#contactArea #phoneInput
{
	width:222px;
}

#contactArea #phone-extInput
{
	width:96px;
}

#contactArea #emailInput
{
	width:365px;
}


#formBusy
{
	position:absolute;
	margin: 50px 0 0 225px;
	display:none;
}

#success
{
	display:none;
	position:absolute;
	float:left;
	width:487px;
	text-align:center;
}

#contactForm label.error
{
	background:transparent url(/images/formerrorbg.png) no-repeat scroll 0 0;
	border:1px solid #FFFFFF;
	color:#000000;
	font-weight:bold;
	margin-top:23px;
	padding:8px 8px 8px 30px;
	position:absolute;
	text-align:center;
	width:120px;
	z-index:3;
}

#form td
{
	position:relative;
}

#address
{
	float:left;
	width:200px;
}

#address h4
{
	margin-top:0;
}

#phone
{
	float:left;
	width:200px;
	padding-left:23px;
	background: url(/images/vertical-dots.gif) left center repeat-y;
	height:95px;
}

#phone h4
{
	margin-top:0;
}

#directions
{

	clear:left;
}

#fourOhFour
{
	color:#C2CDDA;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:18px;
	margin:0 0 0 65px;
	min-height:234px;
	padding:10px 21px 10px 20px;
	position:relative;
	text-align:justify;
	width:600px;
	z-index:3;
}



.portPrev
{
	width:9px;
	height:40px;
	background:url(../images/port-prev.png) top left no-repeat;
	margin-right:3px;
	margin-left:3px;
	margin-bottom:-10px;
	cursor:pointer;
	position:absolute;
	margin-top:79px;
}

.portPrev:hover
{
	background-position:left -40px;
}

.portImage .disabled
{
	background-position:left bottom;
	cursor:default;
}

.portImage .disabled:hover
{
	background-position:left bottom;
}

.portNext
{
	width:9px;
	height:40px;
	background:url(../images/port-next.png) top left no-repeat;
	margin-left:3px;
	margin-right:2px;
	margin-bottom:-10px;
	cursor:pointer;
	position:absolute;
	margin-left:211px;
	margin-top:79px;
}

.portNext:hover
{
	background-position:left -40px;
}

.portImage .disabled
{
	background-position:left bottom;
	cursor:default;
}

.portImage .disabled:hover
{
	background-position:left bottom;
}

#vectrenCS, #hoby
{
	height:auto;
	padding-top:0;
}

.portItemScroll a
{
	font-size:11px;
	text-decoration:none;
}

.newsDate
{
	color:#959a79;
	float:right;
	font-size:10px;
	margin-top:7px;
}

#subPort
{
	margin-left:-99em;
}