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

body {
	font-family: 'Open Sans', Helvetica, Verdana, sans-serif;
	font-weight: 400;
	line-height:1.5em;
	font-size: 12px;
	color: #757575;
	padding: 0;
	margin: 0;
	background-image:url(../images/pattern.jpg);
}

.container { width:1000px; margin:0 auto;}
.container2 {width:1016px;}
.content { background-color:#fff; width:1000px; position:relative;}
.logo { padding:12px 0 0 36px; height:111px; width:180px;}
.tagline { width:500px; padding:35px 22px 0 0; text-align:right;}

.head1 {font-size:25px;}
.head2 { font-size:18px;}
.bigger_txt { font-size:16px;}
.big_txt { font-size:14px;}
.med_txt {
	font-size: 12.8px;
}
.small_txt { font-size:11px;}

.bold { font-weight:600;}
.thin {font-weight:300;}
.i { font-style:italic;}

.left { float:left;}
.right { float:right;}
.clear { clear:both;}
.white { color:#FFF;}
.blue { color:#007fba;}
.l_blue {color:#5d9ebc;}
.red { color:#e91a1a;}

a:link { color: #757575; text-decoration:underline; }
a:visited { color: #e91a1a; text-decoration:none; }  

.nav_bg { height:139px; background-image:url(../images/nav_bg.jpg); background-repeat:repeat-x;}

.buttons { height:29px; width:723px; padding:30px 14px 0 0;}

/* ----------------------------- Main Menu Elements -------------------------------- */


#home, #about, #projects, #services, #hse, #policies, #career, #contact, #staff, #clients { height: 29px; }

#home, #home a              { float: left; width: 39px; }
#about, #about a			{ float: left; width: 76px; }
#projects, #projects a      { float: left; width: 76px; }
#services, #services a 		{ float: left; width: 76px; }
#hse, #hse a       			{ float: left; width: 76px; }
#policies, #policies a	    { float: left; width: 76px; }
#career, #career a   		{ float: left; width: 76px; }
#contact, #contact a        { float: left; width: 76px; }
#staff, #staff a	        { float: left; width: 76px; }
#clients, #clients a  		{ float: left; width: 76px; }

#home, #home .active, #home a.active                                 
{ background: transparent url(../images/nav/home.png) no-repeat 0 -29px; }
#about, #about .active, #about a.active                         
{ background: transparent url(../images/nav/about.png) no-repeat 0 -29px; }
#projects, #projects .active, #projects a.active                         
{ background: transparent url(../images/nav/projects.png) no-repeat 0 -29px; }
#services, #services .active, #services  a.active                                    
{ background: transparent url(../images/nav/services.png) no-repeat 0 -29px; }
#hse, #hse .active, #hse a.active                         
{ background: transparent url(../images/nav/hse.png) no-repeat 0 -29px; }
#policies, #policies .active, #policies  a.active                                    
{ background: transparent url(../images/nav/policies.png) no-repeat 0 -29px; }
#career, #career .active, #career  a.active                                    
{ background: transparent url(../images/nav/career.png) no-repeat 0 -29px; }
#contact, #contact .active, #contact a.active                         
{ background: transparent url(../images/nav/contact.png) no-repeat 0 -29px; }
#staff, #staff .active, #staff  a.active                                    
{ background: transparent url(../images/nav/staff.png) no-repeat 0 -29px; }
#clients, #clients .active, #clients  a.active                                    
{ background: transparent url(../images/nav/clients.png) no-repeat 0 -29px; }

#home a    			{ background: transparent url(../images/nav/home.png) no-repeat left top; }
#about a            { background: transparent url(../images/nav/about.png) no-repeat left top; }
#projects a         { background: transparent url(../images/nav/projects.png) no-repeat left top; }
#services a         { background: transparent url(../images/nav/services.png) no-repeat left top; }
#hse a     		    { background: transparent url(../images/nav/hse.png) no-repeat left top; }
#policies a       	{ background: transparent url(../images/nav/policies.png) no-repeat left top; }
#career a           { background: transparent url(../images/nav/career.png) no-repeat left top; }
#contact a     		{ background: transparent url(../images/nav/contact.png) no-repeat left top; }
#staff a       	    { background: transparent url(../images/nav/staff.png) no-repeat left top; }
#clients a          { background: transparent url(../images/nav/clients.png) no-repeat left top; }

#home a, #about a, #projects a, #services a, #hse a, #policies a, #career a, #contact a, #staff a, #clients a, #home .active, #about .active, #projects .active, #services .active, #hse .active, #policies .active, #career .active, #contact .active, #staff .active, #clients .active, #home a.active, #about a.active, #projects a.active, #services a.active, #hse a.active, #policies a.active, #career a.active, #contact a.active, #staff a.active, #clients a.active
{
	text-indent: -1000em;
	height: 29px;
	display: block;
	overflow: hidden; /* For nested divs in Safari */
	border-bottom: 0;
}

/*  IE 5 hack */
#home a, #about a, #projects a, #services a, #hse a, #policies a, #career a, #contact a, #staff a, #clients a, #home .active, #about .active, #projects .active, #services .active, #hse .active, #policies .active, #career .active, #contact .active, #staff .active, #clients .active, #home a.active, #about a.active, #projects a.active, #services a.active, #hse a.active, #policies a.active, #career a.active, #contact a.active, #staff a.active, #clients a.active
{ overflow: hidden; }
/* end hack */ 

#home a:hover, #about a:hover, #projects a:hover, #services a:hover, #hse a:hover, #policies a:hover, #career a:hover, #contact a:hover, #staff a:hover, #clients a:hover, #home a:hover.active, #about a:hover.active, #projects a:hover.active, #services a:hover.active, #hse a:hover.active, #policies a:hover.active, #career a:hover.active, #contact a:hover.active, #staff a:hover.active, #clients a:hover.active {
	background-image: none;
	border-bottom: 0;
}


/* ----------------------------- End of Main Menu Elements -------------------------------- */

.home_intro { width:400px; padding:40px 0 0 0;}
.home_bottom { border-bottom:1px #bbb solid; border-top:1px #bbb solid; background-color:#f4f4f4; height:205px;}
.bottom_l { width:345px; padding:16px 0 0 30px;}
.bottom_2 { width:327px; padding:16px 0 0 30px;}
.bottom_3 { width:201px; padding:16px 0 0 38px;}
.space_h { height:10px;}
.thumb_content { padding:0 0 0 13px;}

.footer { font-size:9px; width:940px; margin-left:8px; padding:12px 30px; height:20px; background-color:#fff;}
.footer a, .footer a:hover {color:#5d9ebc; text-decoration:underline;}

.subpg_content { width:631px; padding:50px 0 0 0;}
.subpg_head { border-bottom:1px #bbb solid; padding-bottom:4px;}
.subpg_head2 { border-bottom:1px #bbb solid;}

.about_pts { width:305px;}
.pts_bg { background-color:#f0f0f0; margin:0 0 0 15px; padding:8px 8px 8px 12px; line-height:1.4em;}

.proj_content { height:112px; width:426px; background-color:#f0f0f0; line-height:1.3em; padding:15px 17px;}
.proj_location { width:335px;}
.page { text-align:right;}
.page a { color:#757575;}
.page a.active, .page a:hover{ color:#e91a1a; font-weight:700;}

.padd30
{
	padding:30px;
	box-sizing:border-box;
}
.upform label
{
	float:left;
	width:135px;
}
.upform input[type="submit"]
{
	margin-left:135px;
	cursor:pointer;
}
#loader {
	position: absolute;
	top: 50%;
	left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}