/* CSS Document */

body {
background-color:#000;
font-size:74%;
color:#666666;
font-family:Tahoma, Arial, Verdana, sans-serif;
padding:0px;
margin:0px;
line-height:1.8em;
}
a, a:link, a:active, a:focus {
	color:#0099CC;
	text-decoration:none;
}

a:hover {
	color:#90C;
}
#header-holder-home {
float:left;
width:100%;
height:168px;
background-image:url(../images/display-images/header-bg-home.gif);
}
#header-holder {
float:left;
width:100%;
height:158px;
background-image:url(../images/display-images/header-bg.gif);
}
#header {
position:relative;
margin:0px auto;
width:960px;
}
#lineover {
float:left;
width:100%;
background-image:url(../images/display-images/header-line.png);
background-position:0px 70px;
background-repeat:no-repeat;
}
.logo {
float:left;
margin:5px 0px 0px 0px;
padding:0px;
}
.top-info {
float:left;
width:100%;
text-align:right;
color:#fff;
}
/*.header-strapline {
float:right;
font-size:1.3em;
margin:55px 0px 0px 0px;
color:#86929b;
letter-spacing:-0.1px;
}*/
#nav {
float:right;
margin:53px 0px 0px 0px;
width:763px;
}
#nav ul {
float:left;
margin:0px;
padding:0px;
list-style:none;
}
#nav ul li {
float:left;
}
#nav ul li a {
float:left;
height:32px;
margin:0px 13px;
text-indent:-9999em;
}

li.nav-home a {
float:left;
height:32px;
background-image:url(../images/display-images/nav/home.gif);
width:72px;
}
li.nav-about a {
float:left;
height:32px;
background-image:url(../images/display-images/nav/about.gif);
width:105px;
}
li.nav-services a {
float:left;
height:32px;
background-image:url(../images/display-images/nav/services.gif);
width:97px;
}
li.nav-portfolio a {
float:left;
height:32px;
background-image:url(../images/display-images/nav/portfolio.gif);
width:105px;
}
li.nav-team a {
float:left;
height:32px;
background-image:url(../images/display-images/nav/team.gif);
width:61px;
}
li.nav-talk a {
float:left;
height:32px;
background-image:url(../images/display-images/nav/talk.gif);
width:77px;
}
li.nav-blog a {
float:left;
height:32px;
background-image:url(../images/display-images/nav/blog.gif);
width:64px;
}
li.nav-home-selected a {
float:left;
height:32px;
background-image:url(../images/display-images/nav/home.gif);
background-position:0px -32px;
width:72px;
}
li.nav-about-selected a {
float:left;
height:32px;
background-image:url(../images/display-images/nav/about.gif);
background-position:0px -32px;
width:105px;
}
li.nav-portfolio-selected a {
float:left;
height:32px;
background-image:url(../images/display-images/nav/portfolio.gif);
background-position:0px -32px;
width:105px;
}
li.nav-services-selected a {
float:left;
height:32px;
background-image:url(../images/display-images/nav/services.gif);
background-position:0px -32px;
width:97px;
}
li.nav-team-selected a {
float:left;
height:32px;
background-image:url(../images/display-images/nav/team.gif);
background-position:0px -32px;
width:61px;
}

li.nav-blog-selected a {
float:left;
height:32px;
background-image:url(../images/display-images/nav/blog.gif);
background-position:0px -32px;
width:64px;
}
li.nav-talk-selected a {
float:left;
height:32px;
background-image:url(../images/display-images/nav/talk.gif);
background-position:0px -32px;
width:77px;
}
#nav ul li a:hover {
background-position:0px -32px;
}
#content-holder {
float:left;
width:100%;
padding:15px 0px 0px 0px;
background-color:#FFFFFF;
}
#content {
position:relative;
margin:0px auto;
width:960px;
}
.small-col-left {
float:left;
width:200px;
margin:10px 25px 0px 0px;
}
.main-col {
float:left;
width:510px;
overflow:hidden;
display:inline;
margin:10px 25px 0px 0px;
}
.small-col-right {
float:right;
width:200px;
margin:10px 0px 0px 0px;
}
#footer-holder {
float:left;
width:100%;
margin:-30px 0px 0px 0px;
padding:92px 0px 40px 0px;
background-image:url(../images/display-images/footer-bg.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#000000;
}
#footer {
position:relative;
margin:0px auto;
padding:25px 0px 10px 0px;
width:960px;
line-height:1.6em;
}
.footer1 {
float:left;
width:300px;
}
.footer2 {
float:left;
margin:0px 0px 0px 25px;
width:450px;
}
.footer3 {
float:right;
width:167px;
}
h1, h2, h3, h4, h5 {
font-family:Arial, Helvetica, sans-serif;
font-weight:100;
color:#25465e;
}
h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2.1em;
font-weight:100;
line-height:1.1em;
letter-spacing:-0.3px;
margin:0px 0px 5px 0px;
}
h2 {
font-size:1.4em;
letter-spacing:-0.05px;
margin:0px 0px 5px 0px;
}
h3 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.7em;
letter-spacing:-0.05px;
margin:0px 0px 5px 0px;
}
h4 {
font-size:1.2em;
letter-spacing:-0.05px;
margin:0px 0px 5px 0px;
}
h5 {
font-size:1.2em;
letter-spacing:-0.05px;
margin:0px 0px 5px 0px;
}
p {
margin:0px 0px 10px 0px;
}
.fade-divide {
float:left;
width:100%;
height:1px;
overflow:hidden;
margin:0px 0px 10px 0px;
background-image:url(../images/display-images/divide.gif);
background-repeat:no-repeat;
}
.first-paragraph {
font-size:1.2em;
}
.address {
float:right;
width:200px;
}
a.more {
float:right;
background-image:url(../images/display-images/more.gif);
width:53px;
height:14px;
overflow:hidden;
text-indent:-99999em;
margin:5px 0px 0px 0px;
}
a.more:hover {
background-position:0px -14px;
}
.date, .date img {
float:left;
width:42px;
}
.blog {
float:left;
width:200px;
margin:0px 0px 15px 0px;
padding:0px 0px 10px 0px;
border-bottom:1px solid #f4f4f4;
}
.previous-blog {
float:left;
width:240px;
height:160px;
margin:0px 15px 15px 0px;
padding:15px 0px;
border-bottom:1px solid #dedede;
}
.blog-text {
float:right;
width:150px;
}
.blog-title {
font-size:1.2em;
color:#25465e;
line-height:1em;
}
.white {
color:#FFFFFF;
}
.light-blue {
color:#4c6578;
}
.solid-divide {
float:left;
width:100%;
overflow:hidden;
background-color:#223440;
height:1px;
margin:0px 0px 10px 0px;
}
.contact-left {
float:left;
color:#fff;
width:140px;
}
.contact-right {
float:right;
color:#fff;
width:140px;
}
.right {
float:right;
}
a.all-link {
float:right;
color:#CCCCCC;
text-decoration:none;
}
a.all-link:hover {
color:#25465e;
}
ul#footer-nav {
float:left;
margin:0px;
padding:0px;
list-style:none;
}
ul#footer-nav li {
float:left;
}
ul#footer-nav li a {
float:left;
width:200px;
color:#4c6578;
text-decoration:none;
padding:3px 2px;
border-bottom:1px solid #223440;
margin:0px 15px 5px 0px;
}
ul#footer-nav li a:hover {
background-color:#152937;
color:#FFFFFF;
}
.service {
float:left;
width:244px;
padding:3px;
height:175px;
border-bottom:dotted 1px #dedede;
padding:0px 0px 10px 0px;
margin:0px 0px 10px 10px;
overflow:hidden;
display:inline;
}
.service:hover {
background-color:#eff8ff;
}
.service:hover .service-title a {
color:#0099CC;
}
.service-title {
font-size:1.3em;
font-weight:100;
color:#25465e;
}
.icon {
margin:0px 5px 0px 0px;
}
.contact-form {
float:left;
width:272px;
}
.input-row {
float:left;
width:270px;
padding:5px 5px;
height:15px;
color:#666666;
margin:0px 0px 5px 0px;
border:solid 1px #dedede;
background-image:url(../images/display-images/input-bg.gif);
}
select.input-row {
	
float:left;
width:270px;
padding:5px 5px;
height:35px;
color:#666666;
margin:0px 0px 5px 0px;
border:solid 1px #dedede;
background-image:url(../images/display-images/input-bg.gif);
	}
.input-box {
float:left;
width:270px;
padding:5px 5px;
height:115px;
color:#666666;
margin:0px 0px 5px 0px;
border:solid 1px #dedede;
background-image:url(../images/display-images/box-bg.gif);
background-repeat:repeat-x;
background-position:bottom;
}
.input-row:focus {
border:solid 1px #8bc0e3;
color:#198cd8;
background-image:url(../images/display-images/input-bg.gif);
background-position:0px -25px;
}
.input-box:focus {
border:solid 1px #8bc0e3;
color:#198cd8;
background-image:url(../images/display-images/box-blue-bg.gif);
}
.submit-button {
float:right;
}
.services-footer {
float:left;		
width:540px;
}
.v3-teaser {
float:right;
margin:-30px 0px 0px -20px;
}
.blog-image {
	float:left;
	padding:3px;
	border:solid 1px #dedede;
	background-color:#FFF;
	margin:0px 10px 5px 0px;
	}
#banner-holder {
	float:left;
	width:100%;
	padding:0px;
	margin:-20px 0px 0px 0px;
	background-color:#142431;
	}
#banner {
	position:relative;
	width:960px;
	height:275px;
	margin:0px auto -37px auto;
	background-image:url(../images/display-images/banner-layout.jpg);
	background-position:right;
	background-repeat:no-repeat;
	}
#banner h1 {
	color:#fff;
	font-size:1.9em;
	line-height:1.4em;
	padding:40px 0px 0px 0px;
	width:420px;
	}
#banner h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	color:#606d77;
	}
#fade {
	float:right;
	margin:0px 40px 0px 0px;
	}
.team {
	float:left;
	margin:0px 0px 10px 0px;
	}
.team-text {
	float:right;
	width:290px;
	}
.previous {
	float:left;
	width:100%;
	}
.grey {
	color:#CCC;
	}
.hidden-divide {
	float:left;
	width:100%;
	}
.project { float:left; width:244px;  height:260px; overflow:hidden; }
.project1 { float:right; width:244px;  height:260px; overflow:hidden;   }
.project-image { float:left; width:236px; height:102px; border:4px solid #d6dee4; }
.project-title { font-size:1.2em; text-transform:uppercase; color:#193549;  }
.project-desc { font-size:1.1em; font-family:Georgia, "Times New Roman", Times, serif;  }

.note { float:left; background:url(../images/display-images/note-bg.gif); width:560px; height:77px; color:#fff; padding:35px 300px 0px 100px; }

.banner-left { float:left; width:480px; margin:20px 0 0 0; }

.banner-right { float:right; width:480px; height:230px; text-indent:-9999em; }

.wrap { position:absolute; top:0px; left:0px; width:100%; height:95px; background:url(../images/display-images/topbar-bg.png);  }
.topbar { position:relative; margin:0px auto; width:1000px; }
.topbar-logo { float:left; margin:10px 20px 0px 0px; }
.topbar-right { float:right; width:182px; margin:20px 0px 0px 0; }

a.closeframe { float:left;  background:url(../images/display-images/close-frame.png); width:182px; height:23px; text-indent:-9999em; }
a.back { float:left; background:url(../images/display-images/back-portfolio.png); width:182px; height:33px; text-indent:-9999em; }

.recent-blog { float:left; width:100%; padding:10px 0; }
.blog-intro-image { float:right; width:200px; margin:0px 0px 10px 10px; }
.blog-intro { float:right; width:460px; }

.hiring { float:left; width:180px; padding:10px; margin:0px 0px 10px 0px; background:#d8e2ea; border:1px dotted #bdcedc;  }

.recent { float:left; width:510px; margin:10px 0px; padding:10px 0;  border-top:1px dotted #bdcedc; }

.work { float:left; width:150px; margin:10px; }
.work img { float:left;  border:5px solid #bdcedc; }

.postedby { float:left; width:490px; margin:10px 0; color:#97a8b6; border:1px dotted #bdcedc; background:#d8e2ea;  padding:10px; }
.postedby a, .postedby a:hover {  color:#97a8b6; }

.map-holder { float:left; width:490px; margin:10px 0; color:#97a8b6; border:1px dotted #bdcedc; background:#d8e2ea;  padding:10px; }