@charset "UTF-8";

/* ----------  RESET  ------------ */

html, body, div, span,applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var,dd, dl, dt, li, ol, ul,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
a img, :link img, :visited img {
	border: 0px;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
ol, ul {
	list-style: none;
}

a {
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: 0;
}





/* ----------  BODY AND WRAP  ------------ */


body {
	background-color: #000;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color: #C7C6C6;
	font-size: 14px;
}



#wrap {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
}

/* ----------  TEXT STYLING  ------------ */

p {
	margin-bottom: 1.2em;
}

a {
	color: #FFFFFF;
}

h2 {
	text-indent: -9999px;
	margin-bottom: 12px;
}

h3 {
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
}
.clr {
	clear: both;
}
.grayline {
	height: 24px;
	background: url(images/gray-line.png) no-repeat 0 3px;
}
.blueline {
	height: 24px;
	background: url(images/blue-line.png) no-repeat 0 3px;
}
.greenline {
	height: 24px;
	background: url(images/green-line.png) no-repeat 0 3px;
}
.white, .expand {
	color: #FFFFFF;
}
.blue {
	color: #71BFE1;
}
.green {
	color: #73BE2B;
}
.orange {
	color: #B0501F;
}
small, .smallText {
	font-size: 13px;
}
.grayborder {
	border: 2px solid #4E4E4E;
}
b, strong, .bold {
	font-weight: bold;
}
#mainContent ul {
	margin-bottom: 12px;
}

ul.greenbullet li {
	background: url(images/greenbullet.gif) no-repeat 4px 5px;
	padding-left: 16px;
	padding-bottom: 4px;
}


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


#logo {
	height: 80px;
	width: 309px;
	float: left;
	
}


#rightHeader {
	background-image: url(images/right-header.png);
	background-repeat: no-repeat;
	float: right;
	height: 80px;
	width: 368px;
}


/* ----------  MAIN NAVIGATION  ------------ */


.nav {
	position:relative;
	width: 800px;
	height: 48px;
	float:left;
	margin-top: 14px;

}
.nav li {display: inline}

.nav li a:link, 
.nav li a:visited {
	position: absolute;
	height: 48px;
	text-indent: -9000px;
	overflow: hidden;
	left: 0px;
}

.nav .home a:link, 
.nav .home a:visited {
	margin-left: 0;
	height: 48px;
	width: 78px;
	background: url(images/nav-icon.png) no-repeat;
}
.nav .home a:hover, 
.nav .home a:focus  {background: url(images/nav-icon.png) no-repeat;}


.nav .profile a:link, 
.nav .profile a:visited {margin-left:78px; width: 152px; background: url(images/nav-profile.png) no-repeat;}
.nav .profile a:hover, 
.nav .profile a:focus  {background: url(images/nav-profile.png) no-repeat 0 -48px;}


.nav .clients a:link, 
.nav .clients a:visited {margin-left:230px; width: 171px; background: url(images/nav-clients.png) no-repeat;}
.nav .clients a:hover, 
.nav .clients a:focus  {background: url(images/nav-clients.png) no-repeat 0 -48px;}

.nav .team a:link, 
.nav .team a:visited {margin-left:401px; width: 128px; background: url(images/nav-team.png) no-repeat;}
.nav .team a:hover, 
.nav .team a:focus  {background: url(images/nav-team.png) no-repeat 0 -48px;}


.nav .activities a:link, 
.nav .activities a:visited {margin-left:529px; width: 169px; background: url(images/nav-activities.png) no-repeat;}
.nav .activities a:hover, 
.nav .activities a:focus  {background: url(images/nav-activities.png) no-repeat 0 -48px;}


.nav .contact a:link, 
.nav .contact a:visited {margin-left:698px; width: 103px; background: url(images/nav-contact.png) no-repeat;}



/* ----------  CONTACT DROP  ------------ */

#pop1 {
	position: relative;
	z-index:500;
	
}
.popupmenuwrapper {
	position: absolute;
	width: 200px;
	top: 139px;
	right: 1px;
	display: none;
}
.popupmenuwrapper ul {
	margin-bottom: 18px;
	list-style:none;
	font-size:12px;
}
#contact {
	background: url(images/bg-popupmenu.png);
	padding-top: 12px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 33px;
}
.popupmenubottom {
	background: url(images/bg-popupmenu-bottom.png);
	height: 18px;
	width: 200px;
}

#contact li a, #contact li {
	color: #C7C6C6;
}
#contact .contactGreen {
	color: #73BE2B;
}

#contactDropHeader {
	background-image:url(images/contact-drop-header.png);
	width:160px;
	height:41px;
}


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

#mainContent {
	height: 614px;
	width: 800px;
	margin:0px;
}

#leftCol {
	float: left;
	width: 365px;
	height: 594px;
	padding: 20px 15px 0 20px;
	background: url(images/bg-leftcol.jpg) repeat-x;
	overflow: auto;
}

.expandedContent {
	display: none;
}

#services-mang, #services-const {
	width: 166px;
	height: 60px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#services-mang a {
	width: 166px;
	height: 60px;
	display: block;
	background: url(images/services/mang-btn.png) no-repeat;
	text-indent: -99999px;
}
#services-const a {
	width: 166px;
	height: 60px;
	display: block;
	background: url(images/services/const-btn.png) no-repeat;
	text-indent: -99999px;
}
#services-mang a:hover {
	background-position: 0 -60px;
}
#services-const a:hover {
	background-position: 0 -60px;
}



/* ----------  MAIN CONTENT SLIDER  ------------ */

#slideshow {
	position: relative;
	width: 406px;
	height: 260px;
	background: url(images/home/bg-currentprojects.png) no-repeat;
	margin-top: 9px;
}
#slidesContainer {
	position: absolute;
	top: 57px;
	left: 7px;
	width: 399px;
	height: 154px;
}
#slidesController {
	position: absolute;
	top: 215px;
	left: 7px;
	width: 399px;
	height: 45px;
}

#slidesController li {
	display: inline;
	float: left;
	background: url(images/home/bg-nav.png) repeat-x #ADADAD;
	border: 1px solid #989898;
	height: 43px;
	vertical-align: middle;
	
}
#slidesController li a {
	padding: 14px;
	text-decoration: none;
	color: #272626;
	font-weight: bold;
	display: block
}
#slidesController li a:hover, .current {
	background: #ADADAD;
}

#slidesController li.nav-logo {
	background: url(images/home/bg-nav.png) repeat-x #ADADAD;
}
#slidesController li.nav-logo div {
	background: url(images/home/nav-logo.png) no-repeat 12px 6px;
	width: 67px;
	height: 43px;
}

#slidesController li#leftControl a {
	background: url(images/home/nav-prev.png) no-repeat 7px 11px;
}
#slidesController li#rightControl a {
	background: url(images/home/nav-next.png) no-repeat 7px 11px;
}
li#rightControl a, li#leftControl a {
	padding: 21px 15px;
}
li#rightControl:hover, li#leftControl:hover {
	background: #ADADAD;
}

.slide {
}

.slide .thumb {
	float: left;
	margin-left: 24px;
	margin-top: 19px;
}
.slide .thumb a img {
	border: 3px solid #4E4E4E;
}

.slide .aboutproject {
	float: right;
	width: 235px;
	height: 135px;
	margin-right: 10px;
	margin-top: 19px;
	font-size: 12px;
	color: #565A69;
}

.slide .aboutproject p {
	margin-bottom: 7px;
}



/* ----------  HOME  ------------ */

#rightCol {
	float: right;
	width: 365px;
	height: 594px;
	padding: 20px 15px 0 20px;
	background: url(images/bg-rightcol.jpg) repeat-x;
	overflow: auto;
}

#leftColHome {
	float: left;
	width: 394px;
	height: 614px;
}

#rightColHome {
	float: right;
	width: 406px;
	height: 614px;
}

#welcomeill {
	margin-top: 5px;
}
#goalbox {
	margin-top: 9px;
}

#partnersbox {
	margin-top: 9px;
}

#companyinfobox {
	margin-top: 5px;
	width: 406px;
	height: 325px;
	background: url(images/home/bg-companyinfo.png) no-repeat;
	position: relative;
}

#companyinfobox li {
	color: #565A69;
	font-size: 11px;
	padding-bottom: 4px;
	text-transform: UPPERCASE;
}
#companyinfobox #inforight li {
	background: url(images/home/bullet-orange.jpg) no-repeat 0 4px;
	padding-left: 10px;
}

#companyinfobox li a {
	color: #48761A;
}

#companyinfobox #infoleft {
	position: absolute;
	top: 73px;
	left: 21px;
	width: 171px;
	height: 194px;
	overflow: none;
}
#companyinfobox #inforight {
	position: absolute;
	top: 73px;
	left: 218px;
	width: 171px;
	height: 194px;
	overflow: none;
}




/* ----------  PAGE TITLE IMAGES  ------------ */

#profileTitle {
	background-image:url(images/profile/profile-title.png);
	width:361px;
	height:45px;
}
#teamTitle {
	background-image:url(images/team/team-title.png);
	width:361px;
	height:45px;
}
#clientsTitle {
	background-image:url(images/clients/clients-title.png);
	width:361px;
	height:65px;
}
#facilitiesTitle {
	background-image:url(images/facilities/facilities-title.png);
	width:361px;
	height:56px;
}
#constructionTitle {
	background-image:url(images/construction/construction-title.png);
	width:361px;
	height:45px;
}
#partnersTitle {
	background-image:url(images/partners/partners-title.png);
	width:361px;
	height:45px;
}
#servicesTitle {
	background-image:url(images/services/services-title.png);
	width:361px;
	height:45px;
}
#testimonialsTitle {
	background-image:url(images/testimonials/testimonials-title.png);
	width:361px;
	height:45px;
}
#activitiesTitle {
	background-image:url(images/activities/activities-title.png);
	width:361px;
	height:45px;
}




















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




#footer {
	clear: both;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	margin: 0;
	text-align: center;
	height: 100px;
	width: 800px;
}


.footerNav {
	padding-top: 40px;
	position: relative;
	width: 800px;
	height: 34px;

}
.footerNav li {
	display: inline;
	color:#666;
	font-size:11px;
	
	}

.footerNav li a:link, 
.footerNav li a:visited {
	color: #666;
	font-size: 11px;
	letter-spacing: 1px;
	text-decoration: none;
	left: 0px;
}

.footerNav li a:active, 
.footerNav li a:hover {
	color: #999;
	font-size: 11px;
	letter-spacing: 1px;
	text-decoration: none;
	left: 0px;
}
#footer #copyrightLine {
	color: #404142;
	font-size: 11px;
	letter-spacing: 1px;
	padding-bottom: 10px;
}