@charset "utf-8";
/*
============================================================================
GENERAL
============================================================================
*/
body {
	background: #000000;
	color: #000000;
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a {
	text-decoration: none;
}

a {
	color: #FFF;
}

a:hover {
	color: #444;
}



p {
	margin: 0px 0px 0px 0px;
	padding: 0xp 0px 0px 0px;
}

img {
	border: none;
}

.hide {
	display: none;
}

.br,.clear {
	clear: both;
}




/*
============================================================================
MENU
============================================================================
*/
#menuBar {
	position: absolute;
	font: bold 100%/225% Arial, Helvetica, Verdana, sans-serif;
	width: 200px;
	text-align: center;
	list-style: none;
	margin: 235px 0px 0px 52px;
	padding: 5px 5px 5px 5px;
}

#menuBar li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:30px;
}

#menuBar a {
	color: #666666;
}

#menuBar a:hover {
	color: #000000;
}


/*
============================================================================
SUB MENU
============================================================================
*/
#menuSub {
	position: absolute;
	height: 35px;
	right: 40px;
	list-style: none;
	font: bold 80%/275% Arial, Helvetica, Verdana, sans-serif;
    margin: 90px 0px 0px 0px;
	padding: 0px 5px 5px 5px;
}

#menuSub li {
	float: left;
	display: inline;
	text-align: right;
	padding: 0px 0px 0px 30px;
}

#menuSub a {
	color: #ffffff;
}
 
#menuSub a:hover {
	color: #cccccc;
}


/*
============================================================================
CONTENT
============================================================================
*/
#content {
	position: absolute;
	width: 850px;
	margin: 120px 0px 0px 290px;
	padding: 0px 0px 0px 0px;
}
#content p{
	font-size:14px;
}

.smalltext{
	font-size:10px;
}

.pageTitle {
	font: bold 190%/100% Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 50px 50px;
}


/*
============================================================================
HOME
============================================================================
*/
#home {
	position: relative;
	background: url('../images/home.jpg') no-repeat;
	width: 1150px;
	height: 800px;
	margin: 8px auto 0px auto;
	padding: 0px 0px 0px 0px;
}


/*
============================================================================
ABOUT
============================================================================
*/
#about {
	position: relative;
	background: url('../images/white_bg.jpg') no-repeat;
	width: 1150px;
	height: 800px;
	margin: 8px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#about p {
	font: 180%/100% Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 200px 20px 50px;
}

#history {
	position: relative;
	background: url('../images/history.jpg') no-repeat;
	width: 1150px;
	height: 800px;
	margin: 8px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#historyText {
	margin: 0px 0px 0px 0px;
	padding: 265px 5px 0px 135px;
}

#historyText p {
	color: #FFFFFF;
	font: 100%/100% Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

#affiliations {
	position: relative;
	background: url('../images/white_bg.jpg') no-repeat;
	width: 1150px;
	height: 800px;
	margin: 8px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#affiliations p {
	font: 180%/100% Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 200px 20px 50px;
}

#awards {
	position: relative;
	background: url('../images/white_bg.jpg') no-repeat;
	width: 1150px;
	height: 800px;
	margin: 8px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#awards p {
	font: 180%/100% Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 200px 20px 50px;
}


/*
============================================================================
SAFETY
============================================================================
*/
#safety {
	position: relative;
	background: url('../images/white_bg.jpg') no-repeat;
	width: 1150px;
	height: 800px;
	margin: 8px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#safety p {
	font: 180%/100% Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 200px 20px 50px;
}


/*
============================================================================
OPERATIONS
============================================================================
*/
#operations {
	position: relative;
	background: url('../images/black_bg.jpg') no-repeat;
	width: 1150px;
	height: 800px;
	margin: 8px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#operations .pageTitle {
	color: #FFFFFF;
}

#operationsList {
	position: relative;
	width: 840px;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

#operationsList li {
	float: left;
	width: 190px;
	color: #FFFFFF;
	display: inline;
	font: 100%/100% Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 30px 20px 5px 0px;
}

#operationsList a {
	display: block;
	padding: 0px 0px 5px 0px;
}

#ops2 {
	position: relative;
	background: url('../images/white_bg.jpg') no-repeat;
	width: 1150px;
	height: 800px;
	margin: 8px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#ops2 p {
	font: 180%/100% Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 200px 20px 50px;
}

/*
============================================================================
PROJECTS
============================================================================
*/
#projects {
	position: relative;
	background: url('../images/black_bg.jpg') no-repeat;
	width: 1150px;
	height: 1500px;
	margin: 8px auto 0px auto;
	padding: 0px 0px 0px 0px;
	color: #FFFFFF;
}


#projects .pageTitle {
	color: #FFFFFF;
}

div.open_projects{width:430px;margin-right:40px; float:left;}
div.open_projects h2 {margin-top:0px; padding-top:0px;}

ul.prj_inprogress { list-style:none; margin:0px; padding:0px; }
ul.prj_inprogress li { display:block; margin-bottom:20px; }
ul.prj_inprogress li h2 { font-weight:bold; font-size:1.2em; margin:0px; padding:0px; }
ul.prj_inprogress li h2 a {color:white;}
ul.prj_inprogress li div.date {float:right; background:#71C537; border-radius:10px; border:1px solid #406E1F; 
	font-size:9px; font-weight:bold; padding:8px 3px 3px 3px; text-align:center; text-transform:uppercase;
	font-family:Times,Serif; width:48px; height:43px; overflow:hidden; }
ul.prj_inprogress li div.date span.year {display:block; font-size:22px; font-weight:normal; }
ul.prj_inprogress div.title { width:500px;}
ul.prj_inprogress div.icons { width:270px; float:right;}
ul.prj_inprogress div.icon {margin:4px 5px 0 0; display:inline-block;}
ul.prj_inprogress div.icon img {height:48px; overflow:hidden;}

div.closed_projects{width:330px;float:left; }
div.closed_projects_list {height:450px; padding-right:10px; overflow:auto; overflow-x:hidden; overflow-y:auto;}
div.closed_projects h2 {margin-top:0px; padding-top:0px;}

ul.prj_complete { list-style:none; margin:0px; padding:0px; }
ul.prj_complete li { display:block; margin-bottom:20px; }
ul.prj_complete li h2 { font-weight:bold; font-size:1.2em; margin:0px; padding:0px; }
ul.prj_complete li h2 a {color:white;}
ul.prj_complete li div.date {float:right; background:#999; border-radius:10px; border:1px solid #aaa; 
	font-size:1.3em; font-weight:bold; padding:3px; text-align:center; text-transform:uppercase;
	font-family:Times,Serif; width:48px; height:48px; overflow:hidden; }
ul.prj_complete li div.date span.year {display:block; font-size:0.9em; font-weight:normal; }
ul.prj_complete div.icon {float:left;margin-right:5px;}
ul.prj_complete div.icon img {height:48px; overflow:hidden;}


#projectsList {
	position: relative;
	width: 840px;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

#projectsList li {
	float: left;
	width: 190px;
	color: #FFFFFF;
	font: 100%/100% Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 30px 20px 5px 0px;
}

#projectsList a {
	display: block;
	padding: 0px 0px 5px 0px;
}
/*
#projects img {
	width: 190px;
	height: 130px;
}
*/
#project {
	position: relative;
	background: url('../images/black_bg.jpg') no-repeat;
	width: 1150px;
	height: 800px;
	margin: 8px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#project .pageTitle {
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 20px 0px;
}

#projectmain {
	position: absolute;
	width: 490px;
	height: 350px;
	left: 0px;
	top: 85px;
	border: 7px solid #fff;
}

#projecttext {
	position: absolute;
	width: 250px;
	color: #ffffff;
	font: 100%/110% Arial, Helvetica, Verdana, sans-serif;
	left: 530px;
	top: 95px;
	padding: 5px 5px 5px 5px;
}

#projecttext p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}

#projectimgs {
	position: absolute;
	width: 840px;
	top: 452px;
	left: 0px;
}

.projectimg {
	/*width: 130px;
	height: 120px;*/
	height: 48px;
	border: 3px solid #fff;
}
.projectimg:hover { border: 3px solid #666; }
#prj_backlink { position:absolute; top:542px; left:0px; }

.projectimgframe {
	float: left;
	/*width: 130px;
	height: 120px;*/
	height: 48px;
	padding: 10px 10px 0px 0px;
}




div.below_tab_photo{
	position: absolute;
	width: 850px;
	margin: 440px 0px 0px 320px;
	padding: 0px 0px 0px 0px;
}

/*
============================================================================
CONTACT
============================================================================
*/
#contact {
	position: relative;
	background: url('../images/contact.jpg') no-repeat;
	width: 1150px;
	height: 1160px;
	margin: 8px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#contact .pageTitle {
	color: #000;
	padding: 25px 0px 50px 50px;
}

#contactCorporate {
	position: relative;
	margin: 265px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#contactShop {
	position: relative;
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.contactTitle {
	position: relative;
	background: url('../images/contact_title.jpg') no-repeat;
	width: 760px;
	height: 25px;
	font: bold 100%/120% Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 40px;
}
	
.contactAddress {
	position: absolute;
	top: 50px;
	right: 35px;
	color: #FFFFFF;
	font: 80%/120% Arial, Helvetica, Verdana, sans-serif;
}

.contactList {
	width: 580px;
	color: #FFFFFF;
	list-style: none;
	font: 80%/100% Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 40px;
}

.contactList li {
	width: 580px;
	height: 20px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.contactName {
	float: left;
	width: 130px;
}

.contactJob {
	float: left;
	width: 230px;
}

.contactEmail {
	float: left;
	width: 215px;
}

.contactEmail a {
	color: #CCCCCC;
}

.contactEmail a:hover {
	color: #FFFFFF;
}

#employment {
	position: relative;
	background: url('../images/employment.jpg') no-repeat;
	width: 1150px;
	height: 800px;
	margin: 8px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#employment p {
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 200px 20px 50px;
}

#links {
	position: relative;
	background: url('../images/links.jpg') no-repeat;
	width: 1150px;
	height: 800px;
	margin: 8px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#links .pageTitle {
	padding: 15px 0px 50px 50px;
}

#linksList {
	width: 800px;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 380px 5px 0px 45px;
}

#linksList li {
	float: left;
	width: 400px;
	height: 20px;
}

#linksList a {
	color: #000;
}

#linksList a:hover {
	color: #444;
}


/*
============================================================================
FOOTER
============================================================================
*/
#footerBar {
	background: url('../images/footer.jpg')top center no-repeat;
	position: relative;
	width: 900px;
	height: 180px;
	color: #FFFFFF;
	text-align: center;
	margin: 10px auto 0px auto;
	padding: 0px 175px 0px 175px;
}

#footerContact {
	font: 80% Arial, Helvetica, Verdana, sans-serif;
	letter-spacing: 2.2px;
	padding: 10px 2px 0px 0px;
}

#footerLinks {
	position: relative;
	width: 900px;
	height: 109px;
	list-style: none;
	margin: 10px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#footerLinks li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#footerLinks li a {
	display: block;
	width: 100%;
	height: 100%;
}

#mrba {
	position: relative;
	float: left;
	display: block;
	width: 113px;
	height: 109px;
}

#artba {
	position: relative;
	float: left;
	display: block;
	width: 135px;
	height: 109px;
}

#arba {
	position: relative;
	float: left;
	display: block;
	width: 94px;
	height: 109px;
}

#ghca {
	position: relative;
	float: left;
	display: block;
	width: 158px;
	height: 109px;
}

#trba {
	position: relative;
	float: left;
	display: block;
	width: 148px;
	height: 109px;

}

#ftba {
	position: relative;
	float: left;
	display: block;
	width: 108px;
	height: 109px;
}

#browz {
	position: relative;
	float: left;
	display: block;
	width: 127px;
	height: 109px;
}

#footerProud {
	font: 68% Arial, Helvetica, Verdana, sans-serif;
	letter-spacing: 2px;
	padding: 2px 0px 0px 2px;
}

#v3 {
	background: url(../images/logo_lr.png) top left no-repeat;
	position: relative;
	display: block;
	width: 100px;
	height: 49px;
	margin: 41px auto 20px auto;
}





/* NEW PROJECTS PAGE STUFF */


	/*CSS for example Accordion #hc2*/
	
	#hc2 li{
		margin:0 0 0 0; /*Spacing between each LI container*/
		/*border: 12px solid black;*/
	}
	
	#hc2 li .hpanel{
		padding: 0px; /*Padding inside each content*/
		background: #E2E9FF;
		cursor: hand;
		cursor: pointer;
	}
	
	.overlay{
	    background:#000;
	    position:fixed;
	    top:0px;
	    bottom:0px;
	    left:0px;
	    right:0px;
	    z-index:100;
	    opacity:0.7;
	}
	
	div.slider { position:absolute; left:-1000px; width:580px; padding:10px; z-index:101; font-size:12px; }
	#slide_title { height:80px; top:20px; background:#333; vertical-align:middle; border-top:10px solid #fff; border-left:10px solid #fff; border-right:10px solid #fff;}
		#slide_title_main {color:white; font-size:32px; font-weight:bold; vertical-align:middle; }
		#slide_title_sub {color:white; font-size:16px;  vertical-align:middle; }
		#slide_title_close { background:url(../fancybox/fancy_close.png) top left no-repeat; width:30px; height:30px; float:right; margin:5px; cursor:pointer; }
	#slide_desc { height:340px; top:120px; background:#999; border-left:10px solid #fff; border-right:10px solid #fff; }
		#slide_desc_photo {float:left; width:300px;}
		#slide_desc_para {float:left; width:270px; padding-left:10px; height:340px; overflow:auto; overflow-y:scroll; overflow-x:hidden; }
	#slide_thumbs { height:68px; top:420px; background:#333; overflow:hidden; border-bottom:10px solid #fff; border-left:10px solid #fff; border-right:10px solid #fff; }
		#slide_thumbs_cntnr { width:580px; height:68px; overflow:auto; overflow-x:auto; overflow-y:auto; }