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

* { 
	margin:0;
	padding:0;
	
}
a:hover, div li a, li a {
	cursor:pointer;
}
html, body { 

	height:100%;
	
}
html {
	margin:0 auto;
	min-width:972px;
}
.home_bg {
	background-image:url(../images/plaster_bg.jpg);
	background-repeat:repeat;
}
.about_bg {
	background-image:url(../images/stone_bg.jpg);
	background-repeat:repeat;
}
.p_bg {
	background-image:url(../images/p_bg.jpg);
	background-repeat:repeat;
}
.services_bg {
	background-image:url(../images/services_bg.jpg);
	background-repeat:repeat;
}
.contact_bg {
	background-image:url(../images/concrete_bg.jpg);
	background-repeat:repeat;
}
#container {
	top:0;
	z-index:1000;
	position:relative; 
	width:972px;
	margin:0 auto;
	padding:0 0 0 0;
}

ul, li, li a {list-style:none;
	text-decoration:none;}
	
/*----- @font-face -----*/


@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('../fonts/colabthi-webfont.eot');
    src: url('../fonts/colabthi-webfont.eot?iefix') format('eot'),
         url('../fonts/colabthi-webfont.woff') format('woff'),
         url('../fonts/colabthi-webfont.ttf') format('truetype'),
         url('../fonts/colabthi-webfont.svg#webfontaiaRodfC') format('svg');
  	font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'EstiloRegular';
    src: url('../fonts/estilo-webfont.eot');
    src: url('../fonts/estilo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/estilo-webfont.woff') format('woff'),
         url('../fonts/estilo-webfont.ttf') format('truetype'),
         url('../fonts/estilo-webfont.svg#EstiloRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*================================= Headers, fonts, paragraphs ===========================*/



h1{
	color:#f7f7f7;
	font:'EstiloRegular', Verdana, Geneva, sans-serif;
	font-family:'EstiloRegular', Verdana, Geneva, sans-serif;
	font-size:26px;
	font-weight:100;
	letter-spacing:.04em;
	line-height:32px;
}

h2{
	color:#062d42;;
	font:'EstiloRegular', Verdana, Geneva, sans-serif;
	font-family:'EstiloRegular', Verdana, Geneva, sans-serif;
	font-size:24px;
	font-weight:100;
	letter-spacing:.04em;
	line-height:20px;
	margin:20px 0 0 0;
}

p{
	color:#f7f7f7;
	font: Verdana, Geneva, sans-serif;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:100;
	letter-spacing:.04em;
	line-height:inherit;
}

li {
	font: Verdana, Geneva, sans-serif;
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:100;
	letter-spacing:.04em;
	line-height:auto;
}
.headline {border-bottom:2px solid #f7f7f7;
	height:0px;
	margin:8px 0 0 0;
	padding:0 0 0 0;
}


/*================================= Moved Div ===========================*/

#moved {
	position:absolute;
	top:120px;
	left:40px;
	width:207px;
	height:207px;
	background:url(../images/moved.png);
	z-index:300;	
}


/*================================= Top Navigation Divs ===========================*/

#top_nav_container {
	width:972px;
	height:80px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}

	
#home {
	float:left;
	width:288px;
	height:80px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#062d42;
	background-image:url(../images/b_home.png);
	display:block;
}


#home a {display:block;
	width:287px;
	height:80px;
	color: #f7f7f7;
	text-decoration:none;
	text-indent:-9999px;
	
}

#about_active {
	float:left;
	width:164px;
	height:74px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:2px solid #062d42;
	border-bottom:6px solid #062d42;
	border-top:none;
	background-color:#255d71;
}
#about {
	float:left;
	width:168px;
	height:80px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#255d71;
	text-decoration: none;
}


#about_active a {display:block;
	color: #f7f7f7;
	text-decoration: none;
	font:'EstiloRegular', Verdana, Geneva, sans-serif;
	font-family:'EstiloRegular', Verdana, Geneva, sans-serif;
	font-size:28px;
	font-weight:50;
	padding: 40px 15px 10px 25px;
}
#about a {display:block;
	color: #f7f7f7;
	text-decoration: none;
	font:'EstiloRegular', Verdana, Geneva, sans-serif;
	font-family:'EstiloRegular', Verdana, Geneva, sans-serif;
	font-size:28px;
	font-weight:50;
	padding: 40px 15px 10px 25px;
}

#services {float:left;
	width:168px;
	height:80px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#5a8d9a;
	display:block;
}
#services_line {
	position:absolute;
	width:164px;
	height:74px;
	border:2px solid #062d42;
	border-bottom:6px solid #062d42;
	border-top:none;
	z-position:3;
	left:456px;
}

#services a {display:block;
	color: #f7f7f7;
	text-decoration: none;
	font:'EstiloRegular', Verdana, Geneva, sans-serif;
	font-family:'EstiloRegular', Verdana, Geneva, sans-serif;
	font-size:28px;
	font-weight:50;
	padding: 40px 15px 10px 25px;
}
#contact {float:left;
	width:168px;
	height:80px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#00b0b4;
	display:block;
}

#contact a {display:block;
	color: #f7f7f7;
	text-decoration: none;
	font:'EstiloRegular', Verdana, Geneva, sans-serif;
	font-family:'EstiloRegular', Verdana, Geneva, sans-serif;
	font-size:28px;
	font-weight:50;
	padding: 40px 15px 10px 25px;
}
#contact_line {
	position:absolute;
	width:164px;
	height:74px;
	border:2px solid #062d42;
	border-bottom:6px solid #062d42;
	border-top:none;
	z-position:3;
	left:624px;
}
#portfolio {float:left;
	width:180px;
	height:80px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#f7f7f7;
	display:block;
	
}

#portfolio a {display:block;
	color: #062d42;
	text-decoration: none;
	font:'EstiloRegular', Verdana, Geneva, sans-serif;
	font-family:'EstiloRegular', Verdana, Geneva, sans-serif;
	font-size:28px;
	font-weight:50;
	padding: 40px 15px 10px 25px;
}
#portfolio_line {
	position:absolute;
	width:178px;
	height:74px;
	border:2px solid #062d42;
	border-bottom:6px solid #062d42;
	border-top:none;
	z-position:3;
	left:791px;
}
#home a:link, #about a:link, #services a:link, #contact a:link, #portfolio a:link  {text-decoration: none;}
#home a:visited, #about a:visited, #services a:visited, #contact a:visited, #portfolio a:visited  {text-decoration: none; }
#home a:hover, #about a:hover, #services a:hover, #contact a:hover, #portfolio a:hover  {text-decoration: none; }
#home a:active, #about a:active, #services a:active, #contact a:active, #portfolio a:active  {text-decoration: none; }

/*================================= Container Divs About Page===========================*/	


/*================================= Container Divs About Page===========================*/	
#about_bg {
	height:100%;
	background-image:url(../images/about_bg.jpg) repeat;
}
#c_left_container{
	float:left;
	width:609px;
	height:583px;
	margin:15px 0 0 0;
	padding:0 0 0 0;
}

#a_image {float:left;
	width:609px;
	height:363px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image:url(../images/about.jpg)
}

#origins {float:left;
	width:569px;
	height:220px;
	margin:0 0 0 0;
	padding:0 0 0 40px;
	background-color:#f7f7f7;
}

#origins .headline {margin:1px 0 0 0;
	border-color:#062d42;
	width:428px
}

#origins h1{
	margin: 20px 0 0 0;
	color:#062d42;
}

#origins p {width:539px;
	margin:10px 0 0 0;
	color:#062d42;
	font-size:11px;
	text-indent:6px;
}


#a_right_container {
	float:left;
	width:348px;
	height:598px;
	margin:0 0 0 15px;
	padding:0 0 0 0;
	overflow:hidden;
	background-color:#5a8d9a;
}
#a_right_container .headline {border-color:#062d42;
	width:280px;
	margin:1px 0 0 0;
}


#a_right_container h1{
	 margin: 0 0 0 0;
	padding:0 0 0 0;
	color:#062d42;
	font-size:24px;
	}


#a_right_container p{
	width:276px;
	margin: 10px 0 0 0;
	color:#062d42;
	}

#mission {
	float:left;
	width:318px;
	height:150px;
	margin:0 0 0 0;
	padding:20px 0 0 30px;
	background-color:#255d71;
}
#mission .headline {border-color:#00b0b4;
	width:280px;
	margin:1px 0 0 0;
}


#mission h1{
	 margin: 0 0 0 0;
	padding:0 0 0 0;
	color:#00b0b4;
	font-size:24px;
	}


#mission p{
	width:276px;
	margin: 10px 0 0 0;
	color:#00b0b4;
	}


#wil {
	float:left;
	width:318px;
	height:130px;
	margin:0 0 0 0;
	padding:20px 0 0 30px;
	background-color:#5a8d9a;
}

#wil h1{ float:left;
	width:148px;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	color:#062d42;
	font-size:24px;
	line-height:10px;
	}
		
#wil img{ float:left;
	margin: 0 10px 0 0;
	padding:0 0 0 0;
	}
	
#wil .headline { float:left;
	border-bottom:1px solid #062d42;
	width:148px;
	margin:3px 0 2px 0;
}

#wil p{
	width:276px;
	margin: 10px 0 0 0;
	color:#062d42;
	line-height:14px;
	font-size:11px;
	}

#jan {
	float:left;
	width:318px;
	height:170px;
	margin:0 0 0 0;
	padding:0 0 0 30px;
	background-color:#5a8d9a;
}

#jan h1{ float:left;
	width:148px;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	color:#062d42;
	font-size:24px;
	line-height:11px;
	}
		
#jan img{ float:left;
	margin: 0 10px 0 0;
	padding:0 0 0 0;
	}
	
#jan .headline { float:left;
	border-bottom:1px solid #062d42;
	width:148px;
	margin:3px 0 2px 0;
}

#jan p{
	width:276px;
	margin: 10px 0 0 0;
	color:#062d42;
	line-height:14px;
	font-size:11px;
	}



/*================================= Container Divs Services Page===========================*/	

#s_left_container{
	float:left;
	width:609px;
	height:583px;
	margin:15px 0 0 0;
	padding:0 0 0 0;
}

#s_image {float:left;
	width:609px;
	height:363px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image:url(../images/services.jpg);
}

#philosophy {float:left;
	width:569px;
	height:220px;
	margin:0 0 0 0;
	padding:0 0 0 40px;
	background-color:#f7f7f7;
}

#philosophy .headline {margin:1px 0 0 0;
	border-color:#062d42;
	width:428px
}

#philosophy h1{
	margin: 20px 0 0 0;
	color:#062d42;
}

#philosophy p {width:539px;
	margin:10px 0 0 0;
	color:#062d42;
	font-size:11px;
	text-indent:6px;
}


#s_right_container {
	float:right;
	width:336px;
	height:598px;
	margin:0 0 0 15px;
	padding:0 0 0 0;
}
#service {
	float:right;
	width:318px;
	height:358px;
	margin:0 0 0 0;
	padding:20px 0 0 30px;
	background-color:#5a8d9a;
}


#s_right_container .headline {border-color:#062d42;
	width:280px;
	margin:1px 0 0 0;
}


#s_right_container h1{ margin: 0 0 0 0;
	padding:0 0 0 0;
	color:#062d42;
	font-size:24px;
	}


#s_right_container p{
	width:276px;
	margin: 10px 0 0 0;
	color:#062d42;
	}
#service p{
	line-height:16px;
	}
	
#affiliations {float:right;
	width:318px;
	height:200px;
	margin:0 0 0 0;
	padding:20px 0 0 30px;
	background-color:#00b0b4;
}

#affiliations img {
	margin:10px 0 0 18px;
}

/*================================= Container Divs Contacts Page===========================*/	

#c_left_container{
	float:left;
	width:609px;
	height:583px;
	margin:15px 0 0 0;
	padding:0 0 0 0;
}

#c_image {float:left;
	width:609px;
	height:300px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image:url(../images/contact_image.jpg);
}

#contacts {float:left;
	width:569px;
	height:283px;
	margin:0 0 0 0;
	padding:0 0 0 40px;
	background-color:#f7f7f7;
}

#contacts .headline {margin:1px 0 0 0;
	border-color:#062d42;
	width:520px
}

#contacts h1{
	margin: 20px 0 0 0;
	color:#062d42;
}

#contacts p {width:529px;
	margin:10px 0 0 0;
	color:#062d42;
	font-size:11px;
	text-indent:0;
	line-height:16px;
	
}



.contacts_col2 {float:left;
	width:115px;
	height:100px;
	margin:0 0 0 0;
}
#contacts .contacts_col2  p {
	font:'EstiloRegular',Verdana, Geneva, sans-serif;
	font-family:'EstiloRegular',Verdana, Geneva, sans-serif;
	font-size:15px;
	margin:10px 0 0 0;
	color:#062d42;
	text-indent:0;
	line-height:18px;
}

.contacts_col3 {float:left;
	width:200px;
	height:100px;
	margin:0 0 0 0;
}

#contacts .contacts_col3 p {
	margin:10px 0 0 0;
	color:#062d42;
	font-size:11px;
	text-indent:0;
	line-height:18px;
	
}
.contacts_col3 a{
	text-decoration:none;
	color:#062d42;
}

#c_socialnetworking {
	float:right;
	width:318px;
	height:598px;
	margin:0 0 0 15px;
	padding:0 0 0 30px;
	background-color:#00b0b4;
}

#c_socialnetworking .headline {border-color:#062d42;
	width:280px;
	margin:1px 0 0 0;
}


#c_socialnetworking h1{ margin: 20px 0 0 0;
	padding:0 0 0 0;
	color:#062d42;
	font-size:24px;
	letter-spacing:0;
	}


#c_socialnetworking p{
	width:276px;
	margin: 10px 0 0 0;
	color:#062d42;
	}

#c_socialnetworking img{
	margin: 0 20px 0 0;
	text-decoration:none;
	}
#c_socialnetworking a img{
	text-decoration:none;
	border:none;
	}

/*================================= Container Divs Portfolio Page===========================*/	


#nav_portfolio {
	float:right;
	width:160px;
	height:540px;
	margin:0 0 0 15px;
	padding:20px 0 0 20px;
	background-color:#f7f7f7;
}

#nav_portfolio .headline {border-color:#062d42;
	width:120px;
	margin:1px 0 0 0;
}

#nav_portfolio h1{ margin: 0 0 0 0;
	padding:0 0 0 0;
	color:#062d42;
	font-size:20px;
	letter-spacing:0;
	}

#nav_portfolio li{
	margin: 10px 0 0 0;
	color:#062d42;
	font-size:10px;
	line-height:5px;
	letter-spacing:0;
	}
#nav_portfolio li span{
	margin: 10px 0 0 0;
	color:#062d42;
	font-size:10px;
	font-weight:bold;
	line-height:5px;
	letter-spacing:0;
	}
	
	
#nav_portfolio a {text-decoration: none; color:#062d42;}	
#nav_portfolio a:link {text-decoration: none;}
#nav_portfolio a:visited {text-decoration: none; }
#nav_portfolio a:hover  {text-decoration: none; color:#5a8d9a; }
#nav_portfolio a:active {text-decoration: none; }
#nav_portfolio a:hover, p a:hover, span a:hover, div a:hover  {
	cursor:pointer;
}


/*================================= Footer Divs page ===========================*/	
#footer_container {
	position:absolute;
	z-index:2000;
	top:693px;
	left:0px;
}

#footer {float:left;
	width:932px;
	/*height:75px;*/
	margin:15px 0 0 0;
	padding:0 0 0 40px;
	background-color:#062d42;
	
}

#footer p {text-align:left;
	font:Verdana, Geneva, sans-serif;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:normal;
	font-weight:100;
	color:#00b0b4;
}

#footer p a {color:#00b0b4; text-decoration:none;}

#footer p span{text-align:left;
	font:Verdana, Geneva, sans-serif;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:normal;
	font-weight:100;
	color:#5a8d9a;
}

#footer p span a {color:#5a8d9a; text-decoration:none;}

.f_lp_container {float:left;
	width:175px;
	height:60px;
	
}

.f_container {float:left;
	width:280px;
	height:75px;
	margin:15px 0 0 0;
}

.f_p_container {float:left;
	
	margin:0 15px 0 0;
	text-indent:10px;
}



.f_p_container1 {float:left;
	width:280px;
	margin:1px 0 0 0;
	text-indent:10px;
}


.f_spacer {float:left;
	width:30px;
	height:50px;
	margin:15px 0 0 0;
	background-image:url(../images/footer_vspacer.png);
}
	

#f_fb{ width:38px;
	height:38px;
	float:left;
	margin:2px 0 0 15px;
	padding:0 0 0 0;
	background-image:url(../images/fb.png);
	text-indent:-9999px;
}
#f_fb a{display:block;
	height:38px;
	width:38px;
	text-decoration:none;
	text-indent:-9999px;	
}

#f_lin{ width:38px;
	height:38px;
	float:left;
	margin:2px 0 0 13px;
	padding:0 0 0 0;
	background-image:url(../images/lin.png);
	
}

#f_lin a{display:block;
	height:38px;
	width:38px;
	text-decoration:none;
	text-indent:-9999px;	
}