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

/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
    padding: 0;
    margin: 0;
	font-family:Arial, Helvetica, sans-serif;	
    }
fieldset, img {
    border: 0;
    }
table {
    border-collapse: collapse;
    border-spacing: 0;
    }
address, caption, cite, code, dfn, em, strong, th, var {
    font-weight: normal;
    font-style: normal;
    }
caption, th {
    text-align: left;
    }
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;	
    }

	
q:before, q:after {
    content: '';
    }
abbr, acronym {
    border: 0;
    }
   
.clear {
    clear: both;
}

a:focus { 
    outline: none; 
}

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

#content p , #content li {
	padding:3px 0;
	font-size:12px;
	color:#b4b4b4;
}

.page-title {
	font-size:23px;
	color:#fff;
	margin-bottom:1px;
}


a { color:#598a8e; text-decoration:none;}


/* site css */

html {
	height: 100%;
}

#content ul {margin-left:52px;}

body {height:100%;}

body {
	background:#b2b3b5 url(/img/backgrounds/homepage.jpg) no-repeat top center;
}

.sub-header {
	color:#598a8e!important;
	padding:1px 0 0 0!important;
	font-size:12px;
}


#main-wrapper {
	width:895px;
	margin:0 auto;
	height:100%;
	display:block;	
	min-height:1022px!important;
	position:relative;
}


.vertical #main-wrapper  {
	background:url(/img/trans-left-bar.png) repeat-y top left;
	width:966px;
	margin:0 auto;
	height:100%;
	display:block;	
}


.vertical #content-wrapper {width:450px;}

.vertical #content {padding-left:37px;}


h1 {color:#fff;}

h2 {
	font-size:24px;
	color:#fff;
	margin-top:12px;
}

.page-title {margin-top:0!important;}


h3 {
	font-size:18px;
	color:#fff;
}

p {
	color:#fff;
	font-size:12px;
	line-height:16px;
	padding:5px 0;
}


#header {
	height:165px;
	width:892px;
	margin:0 auto 28px auto;
}

#header img {margin-top:122px;}


/*************************************/
/************* menu code *************/
/*************************************/

#menu-wrapper {
	width:895px;
	height:25px;
	margin:0 auto 37px auto;
}


#menu {
  font-family: Arial, Verdana;
  font-size: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu li {
	display: block;
	position: relative;
	margin-right:17px;  
	float: left;
	text-align:right;
	width:135px;
}

#menu li ul { display: none; }

#menu li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  padding: 0 5px;
  background:url(/img/menu-background.png);
  margin-left: 1px;
  white-space: nowrap;
  width:125px;
  height:24px;
  line-height:24px;

}

#menu li a:hover { color: #000; }


#menu li:hover ul {
  display: block;
  position: absolute;
  margin-left:-10px;
}



#menu ul li { 
	margin:5px 0; 
	font-size:14px;   
	height:24px;
	line-height:24px;
}

#menu ul li a {  
	background:url(/img/menu-background-drop.png)!important; 
	width:135px; 
	color:#000; 
	z-index:50; 
	position:relative;
}
 
#menu ul li a:hover {color:#484745;}

#menu .last {margin-right:0;}

/*************************************/
/******* content styles  *************/
/*************************************/


.horizontal #main-wrapper  {
	width:100%;
	height:100%;
}

.horizontal #content-wrapper {
	background:url(/img/trans-full-bar.png);
	width:100%;
	margin: auto;
	margin-bottom:50px;
	max-width: 1300px;
}

.horizontal #content {
	width:895px;
	margin:0 auto;
	padding-top:62px;
}

.horizontal #content {padding-bottom:40px;}

.vertical #content {width:450px;}


.vertical #content p {width:350px;}

.vertical-projects #content {width:445px!important;}

/*************************************/
/************ homepage styles ********/
/*************************************/


.homepage h2 {
	font-size:24px;
	color:#fff;
	padding:0 24px;
}

.homepage h2 span {color:#b2b3b5;}



.homepage h2 strong {
	color:#304a4c;
	font-weight:500;
}

.homepage #content {
	background:url(/img/trans-full-bar.png);
	width:312px;
	padding:24px 0;
}

.homepage #content p {
	padding:3px 24px;
	font-size:12px;
	color:#b4b4b4;
}


/*************************************/
/*********** who are we styles *******/
/*************************************/

.who-are-we #content p {
	padding:5px 0;
	font-size:12px;
	color:#b4b4b4;
}


.who-are-we h2 {
	font-size:24px;
	color:#fff;
}

.who-are-we h2 strong {
	color:#999999;
	font-weight:500;
}

/*************************************/
/********** the team styles **********/
/*************************************/

.team-info h2 {
	font-size:22px!important;
	padding:0!important;
}

.team-info p {
	color:#598a8e!important;
	padding:1px 0 0 0!important;
}

.team-photo a img {
	border:1px solid #000;
	filter:alpha(opacity=85);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	opacity:0.85;
}

.team-photo a:hover img {
	border:1px solid #000;
	filter:alpha(opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity:1.0;
}

.team-member {
	width:156px;
	float:left;
	margin:50px 71px;
}

.the-team #content {
	padding-top:56px!important;
	padding-left:14px!important;
}


.staff #content {
	padding-top:56px!important;
	padding-left:63px!important;
}


.staff #content p {
	width:350px;
	color:#fff;
}


.page-title strong {
	color:#999999;
	font-weight:500;
}


/*************************************/
/*********** projects styles *********/
/*************************************/

.projects-overview #content {padding-top:22px!important;}

body.projects {
	background:#b2b3b5 url(/img/backgrounds/homepage.jpg) fixed no-repeat top center;
}

.projects .page-title {
	font-size:24px;
	color:#fff;
	margin-bottom:1px;
}

.projects h2 strong {
	color:#999999;
	font-weight:500;
}

.project-list {padding-top:41px;}

.project-four {clear:right;}

.project-one{clear:left;}

.project-wrapper {
	width:145px;
	margin:0 41px 35px 0;
	float:left;
	font-size:12px;
}

.project-wrapper p {
	margin-top:3px!important;
	color:#fff!important;
}


.projects .last {margin-right:0;}

.project-thumb {
	float:left;
	margin-right:41px;
}

.project-images .project-thumb {margin-top:41px;}

.projects #content p {
	padding:3px 0;
	font-size:12px;
	color:#b4b4b4;
}

.projects-overview #content p {float:left;}

.projects-overview #content a:hover {color:#598a8e;}

.projects-overview #content a {color:#fff;}

.project-images {
	padding-bottom:40px;
	display:block;
	float:left;
}

.jquery-text {
	width:400px;
	height:200px;
	overflow:auto;
	
}


		
#toolbar {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 101px;
	background: url("/img/overlay-background.png") no-repeat left bottom transparent;
	padding-bottom:283px;
	text-align:center;
	max-height: 400px;
	overflow: auto;
}
			

#toolbar .project-thumb {
	margin:0;
	padding:4px 0 0 0;
	float:none;
}

.close-bar {
	background:#598a8e;
	margin-bottom:10px;
	padding:2px 0;
	display:block;
}	

.close-bar b {
	color:#fff;
	font-size:13px;
	font-weight:700;
	padding:0;
	line-height:20px;
}




.jspArrowUp {
	height:13px;
	background: url("/img/scroll-top.png") no-repeat !important;
}


.jspArrowDown {
	height:14px;
	background: url("/img/scroll-bottom.png") no-repeat !important;
}

.jspVerticalBar {
	width:12px!important;
	background:none!important;
}

.jspTrack {
	background: url("/img/scroll-bar.png") repeat-y !important;
}

.jspDrag {
	background: url("/img/scroll-drag.png") no-repeat !important;
}

/*************************************/
/************ contact styles *********/
/*************************************/

.contact h2 strong {
	color:#999999;
	font-weight:500;
}

.contact #content p {
	padding:3px 0;
	font-size:12px;
	color:#b4b4b4;
}

.contact h3 {
	font-size:24px;
	color:#fff;
}

.contact h3 span {color:#b2b3b5;}

.contact h3 strong {color:#598a8e;}

.address {
	font-size:18px!important;
	color:#fff!important;
	line-height:20px;
}

.contact-info {
	font-size:18px!important;
	color:#fff!important;
	line-height:22px;
	margin-top:19px;
}

.contact-info a {color:#fff;}

.contact-info a:hover {color:#598a8e;}

.company-info {
	font-size:12px;
	margin-top:4px;
}


/*************************************/
/*********** news tyles **************/
/*************************************/

.news #content.news-content p {width:350px!important;}


.news #content p {width:270px!important;}

.news  h3 {
	color:#598a8e;
	margin-bottom:5px;
	margin-bottom:10px;
}

.news  h2 {margin-bottom:12px;}

.news p {
	padding:0 0 5px 0!important;
}

.news-excerpt {
	float:left;
	width:300px;
}

.news-image {
	width:110px; 
	margin-right:15px; 
	float:left;
}

.news-item {
	margin-bottom:30px;
	width:425px;
	display:block;
	float:left;
}

.news-post-image {
	float:left;
	margin-right:12px;
}

/*************************************/
/**************  footer **************/
/*************************************/


#footer {
	position:absolute;
	bottom:14px;
	width:100%;
	margin:0 auto;
}

#footer a {
	color:#4e4e46;
	font-size:10px;
	text-decoration:none;
	width:895px;
	margin:0 auto;
}