@charset "utf-8";
/* CSS Document */
*:focus {
	outline: none;
}
div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}
body {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:12px;
	color: #000;  
	line-height:18px;
	margin: 0 auto;
	padding:0;
	background: #b1b1b1 url(../images/bg_pattern.gif); /* grey */
	min-width: 990px;
}
h1 {
	font-size: 20px;
	line-height:20px;
	font-weight:normal;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
h2 {
	font-size: 14px;
	line-height:18px;
	font-weight:normal;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
h4 {
	font-size: 11px;
	line-height:18px;
	font-weight:normal;
	color:#b1b1b1; /* grey */
	margin:0 0 2px 0;
	padding:0;
	}
a {
	color: #005480; /* blue */
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 12px 0;
	}
.blog-item {
	margin-bottom: 20px;
	}
.blog-item p {
	margin-top: 5px;
	}
ul {
	margin-left:20px;
	padding:0;
	}
li {
	line-height:150%;
	
}
/* ---------------------------- MISC CLASSES ------------------------------------*/

.testimonial-name {
	font-size: 10px;
	line-height:12px;
	font-weight:normal;
	color: #767676;  /* grey */
	}
.intro-type {
	font-size: 18px;
	line-height:133%;
	color: #3c3f36;  /* dark grey */
	font-weight:normal;
	letter-spacing:-1px;
	margin-top: 0;
	padding: 0;
}
.float-right {
	float:right;
	padding:10px 0px 20px 20px;
	}
.float-left {
	float:left;
	padding-right:20px;
	padding-bottom:20px;
	}
/* -----------------------------MAIN NAVIGATION ---------------------------*/

#mainnav {
	float:right;
	width:640px;
	margin:0;
	height: 40px;
	list-style: none;
}
#mainnav ul {
	float:right;
	list-style: none;
	color:#000;
	font-size:18px;
	font-weight:bold;
	margin:0;
	}
#mainnav li {
	float: left;
}
#mainnav li a {
	display: block;
	color:#000;
	margin: 8px 15px 0 15px;
}
#mainnav li a:hover {
	text-decoration:none;
	margin: 0 15px;
}
/*li#navHome a:hover {
	border-top:#787878 solid 8px;
}*/
body#pageHome li#navHome a, li#navHome a:hover {
	border-top:#787878 solid 8px; margin:0 15px;
}
body#pageProjects li#navProjects a, li#navProjects a:hover {
	border-top:#ea5124 solid 8px; margin:0 15px;
}
body#pageServices li#navServices a, li#navServices a:hover {
	border-top:#566c11 solid 8px; margin:0 15px;
}
body#pageCompany li#navCompany a, li#navCompany a:hover {
	border-top:#005480 solid 8px; margin:0 15px;
}
body#pageContact li#navContact a, li#navContact a:hover {
	border-top:#787878 solid 8px; margin:0 15px;
}
/* -----------------------------SUB NAVIGATION ---------------------------*/
.projects,
.services,
.company {
	padding:10px 20px 0 0;
	font-size: 12px;
	line-height: 20px;
	float:left;
	display: block;
	list-style: none;
	margin: 0;
}

.projects li a,
.services li a,
.company li a {
	color:#000;
	}
.projects li a:hover,
#footer-center .footer-projects a:hover,
.projects-links a {
	color: #ea5124; /*orange*/
}
.services li a:hover,
#footer-center .footer-services a:hover,
.services-links a {
	color: #566c11; /*green*/
}
.company li a:hover,
#footer-center .footer-company a:hover,
#footer-center .footer-contact a:hover,
.company-links a {
	color: #005480; /*blue*/
}
.contact-links a {
	color: #005480; /*blue*/
}

/* -------------------------------CONTENT -------------------------------*/
#container {
	background: url(../images/bg_page.png) top center repeat-y;
	position:relative;
	overflow: hidden;
}
#page-wrap {
	width: 992px;
	margin: 0 auto;
	position:relative;
	background: url(../images/bg_banner.jpg) no-repeat center top;
	overflow: hidden;
}
#banner {
	width: 960px;
	height: 124px;
	position:relative;
	margin: auto;
}
#logo {
	float:left;
	width:320px;
	text-align: center;
	position: relative;
}
#nav {
	float:right;
	width:640px;
	position: relative;
	}
#feature-home {
	width:960px;
	height: 338px;
	margin: auto;
	margin-bottom: 14px;
	border-bottom: 1px solid #FFF;
	background: #303030;
	position: relative;
}
#feature-boxes {
	width: 960px;
	margin: auto;
	position: relative;
}
#who, 
#what, 
#where {
	position: relative;
	float: left;
}
#who {
	width: 310px;
	background: #005480;
}
#what {
	width: 325px;
	background: #566c11 url(../images/bg_what.png) left top no-repeat;
}
#where {
	width: 325px;
	background: #ea5124 url(../images/bg_where.png) left top no-repeat;
}
.title-who, 
.title-what, 
.title-where {
	padding-top: 48px;
	margin-top: 25px;
	margin-bottom: 4px;
	width: 240px;
	height: 0;
	overflow: hidden;
	background-repeat: no-repeat;
}
.title-who {
	background-image: url(../images/who.png);
	margin-left: 25px;
}
.title-what {
	background-image: url(../images/what.png);
	margin-left: 40px;
}
.title-where {
	background-image: url(../images/where.png);
	margin-left: 40px;
}
#who p {
	padding-left: 25px;
}
#what p, 
#where p {
	padding-left: 40px;
}

#who p, 
#what p, 
#where p {
	color: #FFFFFF;
	font-size: 11pt;
	line-height: 15pt;
	text-align: justify;
	padding-right: 25px;
	padding-bottom: 25px;
	margin: 0;
}

#body-copy {
	width:900px;
	margin:0;
	padding:0;
	overflow:hidden;
}
	
#left-col {
	width: 560px;
	padding:20px;
	float:left;
}

#service-box {
	width: 175px;
	margin:0;
	padding:5px;
	float:left;
}
#service-box .title {
	font-size:16px;
	font-weight:bold;
	border-top:dotted thin #ffffff;
	}
#service-box ul {
	display:block;
	list-style-type:none;
	margin:0;
	padding:0;
	}
#service-box li:hover {
	background-color: #f5f4ec; /*light cream*/
	}
#service-box li {
	border-bottom:dotted thin #ffffff;
	padding:5px 10px;
}
#ref-box {
	width: 160px;
	margin:0;
	border:none;
	padding:10px;
	float:left;
}
#ref-box:hover {
	background-color:#f5f4ec;
	}
#ref-box .name {
	font-size: 11px;
	line-height:13px;
	}
#ref-box .address {
	font-size:10px;
	line-height:13px;
}
#ref-box .company {
	font-size: 13px;
	line-height: 16px;
	font-weight:bold; 
}
#client-box {
	width: 545px;
	margin:0;
	padding:0;
	font-size: 18px;
	color: #3c3f36;  /* dark grey */
	font-weight:normal;
	text-align:center;
	}
#client-box ul {
	display:block;
	list-style-type:none;
	margin:0;
	padding:0;
	}
#client-box li {
	background:url(../images/bg_client-bar.jpg) no-repeat;
	padding:0;
	line-height:48px;
}
#right-col {
	width:300px;
	line-height:125%;
	color: #3c3f36;  /* dark grey */
	font-weight:normal;
	margin-top: 0;
	padding-top:20px;
	float:right;
}
#right-col h1 {
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 0;
	margin-top:0;
	padding: 0 20px;
}
#right-col ul {
	margin:0 20px 0 40px;
	padding:0;
	}
#right-col .key-fact {	
	font-size: 14px;
	padding: 0 20px;
}
#right-col .key-fact-title {	
	font-size: 18px;
	line-height:18px;
	color: #3c3f36;  /* dark grey */
	font-weight:normal;
	letter-spacing:-1px;
}
#right-col p {	
	font-size: 12px;
	padding: 0 20px 10px 20px;
	margin-top:0;
	line-height:18px;
}

#projects-left-col {
	width:300px;
	line-height:125%;
	color: #3c3f36;  /* dark grey */
	font-weight:normal;
	margin: 0;
	padding:0;
	float:left;
}
#projects-left-col h1 {
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 0;
	padding: 20px 20px 0 20px;
}
#projects-left-col p {	
	font-size: 12px;
	padding: 0 20px 10px 20px;
}
#projects-right-col {
	width: 600px;
	padding:0px;
	float:right;
}
#bottom-slice {
	width:920 px;
	height: 20px;
	background:url(../images/content-bottom.png) no-repeat;
	}
/* -----------------------------------FOOTER ----------------------------*/
#footer {
	width:960px;
	margin: auto;
	position: relative;
	overflow: hidden;
	clear:left;
}
#footer-top {
	position: relative;
	background: url(../images/bg_footer_top_shaddow.png) center top no-repeat;
	height: 16px;
	border-bottom: solid 1px #b1b1b1;
}
#footer-center {
	position: relative;
	background: url(../images/bg_footer_btm_shaddow.png) center top no-repeat;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #b1b1b1;
	overflow: hidden;
}
#footer-btm {
	position: relative;
	background: url(../images/bg_footer_btm_shaddow.png) center top no-repeat;
	border-top: solid 1px #ffffff;
	padding-top: 10px;
	color: #000000;
	font-size: 8pt;
	clear: left;
	overflow: hidden;
}

#footer ul {
	list-style: none;
	padding-top: 0;
	margin-top: 0;
}
#footer-center li {
	line-height: 15pt;
}
#footer-center h1 {
	font-size: 14pt;
	font-weight: normal;
	padding-bottom: 15px;
}
#footer-center a {
	color: #000000;
}
#footer-center p {
	margin: 0 0 7px 0;
}
.footer-projects, 
.footer-services, 
.footer-company {
	float: left;
	width: 218px;
	position: relative;
	padding-top: 15px;
}
.footer-contact {
	float: right;
	width: 281px;
	padding: 15px 0 0 24px;
	position: relative;
}
#footer-btm li {
	float: left;
	padding-right: 25px;
}
#footer-btm a {
	color: #a9a9a9;
}
#footer-btm a:hover {
	color: #898989;
	text-decoration: none;
}
.footer-align {
	padding-top: 12px;
}
#login {
	display: block;
	width: 131px;
	height: 39px;
	background: url(../images/client_login.png) left top no-repeat;
}
#login:hover {
	background: url(../images/client_login.png) left bottom no-repeat;
}
#contact-btns {
	position: relative;
	float: left;
	width: 97px;
	margin-top: -2px;
}
#address {
	display: block;
	width: 33px;
	height: 28px;
	background: url(../images/address_icon.png) left top no-repeat;
	float: left;
}
#address:hover {
	background: url(../images/address_icon.png) left bottom no-repeat;
}
#email {
	display: block;
	width: 31px;
	height: 28px;
	background: url(../images/email_icon.png) left top no-repeat;
	float: left;
}
#email:hover {
	background: url(../images/email_icon.png) left bottom no-repeat;
}
#map {
	display: block;
	width: 33px;
	height: 28px;
	background: url(../images/map_icon.png) left top no-repeat;
	float: left;
}
#map:hover {
	background: url(../images/map_icon.png) left bottom no-repeat;
}
#end {
	position: relative;
	margin: auto;
	background: url(../images/bg_btm.png) center top no-repeat;
	height: 40px;
}

/* ------------------------------- CONTACT FORM -------------------------------*/
#signup-style .box {
	width: 220px;
	margin: 0 0 4px 0;
	padding: 2px 2px 2px 5px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	color: #b1b1b1;
	border-left: solid 1px #b1b1b1;
	border-top: solid 1px #b1b1b1;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
}
#signup-style .box:focus {
	background: #dddddd;
	color: #000;
}
#signup-style .submit {
	background: url(../images/btn_send.png) center left repeat-x;
	color: #fff;
	cursor: pointer;
	width: 110px;
	padding: 2px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 11px;
	text-transform: uppercase;
	border-left: solid 1px #000;
	border-top: solid 1px #000;
	border-bottom: solid 1px #b1b1b1;
	border-right: solid 1px #b1b1b1;
}
#signup-style .submit:hover {
	background-color: #000;
}
#contact-page-box {
	width: 281px;
	height: 160px;
	float: left;
	}