body { margin:0px auto; padding:0px; background:#fff; }
a { outline:none; }

/* CONTAINER */
#container { width:828px; height:828px; margin:0px auto; background:url(images/bg.jpg); }

/* HEADER */
#header { width:828px; float:left; }

/* LOGIN */
#login { width:168px; float:left; padding:17px 0px 0px 660px; font-family:"Century Gothic"; font-size:8pt; color:#000; }
#login a { color:#000; text-decoration:none; }

/* LOGO */
#logo { width:170px; height:103px; float:left; border:none; padding:0px 0px 0px 81px; }

/* SUBTITLE */
#subtitle { width:256px; height:42px; float:left; padding:48px 0px 0px 45px; }

/* NAVIGATOR */
#navigator { width:468px; height:30px; float:left; padding:36px 0px 0px 45px; }
	#about a { width:88px; height:30px; float:left; background:url(images/about.jpg); text-indent:-9999px; margin-left:0px; } 
	#about a:hover { background-position:-88px; }
	#services a { width:88px; height:30px; float:left; background:url(images/services.jpg); text-indent:-9999px; margin-left:7px; } 
	#services a:hover { background-position:-88px; }
	#testimonials a { width:88px; height:30px; float:left; background:url(images/testimonials.jpg); text-indent:-9999px; margin-left:7px; } 
	#testimonials a:hover { background-position:-88px; }	
	#career a { width:88px; height:30px; float:left; background:url(images/career.jpg); text-indent:-9999px; margin-left:7px; } 
	#career a:hover { background-position:-88px; }
	#contact a { width:88px; height:30px; float:left; background:url(images/contact.jpg); text-indent:-9999px; margin-left:7px; } 
	#contact a:hover { background-position:-88px; }
	
/* NAVIGATOR BOLD */
#about_b { width:88px; height:30px; float:left; background:url(images/about_b.jpg); text-indent:-9999px; margin-left:0px; } 
#services_b { width:88px; height:30px; float:left; background:url(images/services_b.jpg); text-indent:-9999px; margin-left:7px; } 
#testimonials_b { width:88px; height:30px; float:left; background:url(images/testimonials_b.jpg); text-indent:-9999px; margin-left:7px; } 
#career_b { width:88px; height:30px; float:left; background:url(images/career_b.jpg); text-indent:-9999px; margin-left:7px; } 
#contact_b a { width:88px; height:30px; float:left; background:url(images/contact_b.jpg); text-indent:-9999px; margin-left:7px; } 
	#contact_b a:hover { background-position:-88px; } 
	
/* CONTENT */
#content_padding { padding:0px 0px 0px 32px; }
#content { width:764px; height:535px; margin:0px; float:left; background:url(images/content_bg.jpg) no-repeat;  }
	#content_text { width:725px; font-family:"Century Gothic"; font-size:11pt; color:#000; padding:20px 0px 0px 22px; float:left; }
	
/* BOX */
#box_content { width:745px; float:left; padding:20px 0px 0px 24px; } 
.box { width:232px; height:242px; float:left; background:url(images/box.jpg) no-repeat; padding-left:10px; }
	.box_header { font-family:"Century Gothic"; font-size:11pt; color:#000; padding:15px 0px 0px 6px; }
	.box_list { width:200px;  float:left; font-family:Arial; font-size:10pt; color:#000; padding:18px 0px 0px 20px; margin:0px; }
		.box_list li { margin:0px; }
	.box_text { width:200px;  float:left; font-family:Arial; font-size:10pt; color:#000; padding:18px 0px 0px 8px; margin:0px; }
	.read_more { width:200px; float:left; font-family:Arial; font-size:10pt; text-align:right; padding:3px 0px 0px 0px; }
	.read_more a { text-decoration:none; color:#000; }
	.read_more a:hover { text-decoration:underline; }
	
.read_more_tes { width:200px; float:left; font-family:Arial; font-size:10pt; text-align:right; padding:85px 0px 0px 0px; }
.read_more_tes a { text-decoration:none; color:#000; }
.read_more_tes a:hover { text-decoration:underline; }

.read_more_cus { width:200px; float:left; font-family:Arial; font-size:10pt; text-align:right; padding:130px 0px 0px 0px; }
.read_more_cus a { text-decoration:none; color:#000; }
.read_more_cus a:hover { text-decoration:underline; }
	
/* ABOUT US BOTTOM BUTTONS */
#aboutusbottom_pad { width:700px; float:left; padding:15px 0px 0px 22px; }
#history a { width:88px; height:30px; float:left; background:url(images/history.jpg); text-indent:-9999px; margin-left:0px; } 
#history a:hover { background-position:-88px; }
#history2 a { width:88px; height:30px; float:left; background:url(images/history.jpg); text-indent:-9999px; margin-left:7px; } 
#history2 a:hover { background-position:-88px; }
#vision a { width:88px; height:30px; float:left; background:url(images/vision.jpg); text-indent:-9999px; margin-left:7px; } 
#vision a:hover { background-position:-88px; }
#mission a { width:88px; height:30px; float:left; background:url(images/mission.jpg); text-indent:-9999px; margin-left:7px; } 
#mission a:hover { background-position:-88px; }
#profile_btn { width:160px; height:33px; float:left; padding:0px 0px 0px 200px; }
#profile_btn a { width:160px; height:33px; float:left; padding:0px 0px 0px 55px; border:none; text-decoration:none; }

/* WOX SYSTEMS LIST PAGE */
.wox_list { width:700px; float:left; font-family:"Century Gothic"; font-size:11pt; color:#000; padding:8px 0px 0px 20px; margin:0px; }
.wox_list li { margin:0px; padding:8px 0px 0px 0px; }
.wox_list2 { width:700px; float:left; font-family:"Century Gothic"; font-size:11pt; color:#000; padding:8px 0px 0px 20px; margin:0px; }
.wox_list2 li { margin:0px; padding:8px 0px 0px 0px; }

/* MINING LIST PAGE */
.mining_text { width:725px; font-family:"Century Gothic"; font-size:11pt; color:#000; padding:15px 0px 0px 22px; float:left; }
.mining_bottom_text { width:725px; font-family:"Century Gothic"; font-size:10pt; color:#000; padding:5px 0px 0px 22px; float:left; }
.mining_list { width:300px; float:left; font-family:"Century Gothic"; font-size:10pt; color:#000; padding:2px 0px 0px 80px; margin:0px; }
.mining_list li { margin:0px; padding:3px 0px 0px 0px; }

/* DATABASE MANAGEMENT */
.database_header { width:725px; font-family:"Century Gothic"; font-size:10pt; color:#000; padding:12px 0px 0px 22px; float:left; }
	
/* BOTTOM LOGO */
#bottom_logo_pad { width:795px; height:75px; float:left; margin:0px; padding:35px 0px 0px 0px; }
#bottom_logo_services { width:233px; height:75px; float:left; padding:0px 0px 0px 200px; margin:0px; }
#bottom_logo { width:233px; height:75px; float:left; padding:21px 0px 0px 510px; }

/* SERVICES PAGE */
#text_header { width:280px; float:left; font-family:"Century Gothic"; font-size:10pt; font-weight:bold; color:#000; padding:20px 0px 0px 22px; }
.text_header { width:280px; float:left; font-family:"Century Gothic"; font-size:10pt; font-weight:bold; color:#000; padding:20px 0px 0px 22px; }
.services_text { width:725px; font-family:"Century Gothic"; font-size:11pt; color:#000; padding:12px 0px 0px 22px; float:left; }
.services_text2 { width:725px; font-family:"Century Gothic"; font-size:11pt; color:#000; padding:22px 0px 0px 22px; float:left; }
.services_text3 { width:725px; font-family:"Century Gothic"; font-size:10pt; color:#000; padding:6px 0px 0px 22px; float:left; }
.career_email_text { width:725px; font-family:"Century Gothic"; font-size:11pt; color:#000; padding:22px 0px 0px 22px; float:left; text-align:center; }
.career_email_text a { font-family:"Century Gothic"; font-size:11pt; color:#000; text-decoration:none; font-weight:bold; }
.career_email_text a:hover { text-decoration:underline; }

/* TESTIMONIALS PAGE */
.testimonials_pad { float:left; padding:15px 0px 0px 11px; margin:0px; }
.testimonials_text { width:715px; font-family:"Century Gothic"; font-size:11pt; color:#000; padding:12px 10px 12px 14px; float:left; border:1px #CCCCCC solid; }
.testimonials_text2 { width:715px; font-family:"Century Gothic"; font-size:10.5pt; color:#000; padding:12px 10px 12px 14px; float:left; border:1px #CCCCCC solid;}
.testimonials_text2 a { font-family:"Century Gothic"; font-size:11pt; color:#000; text-decoration:none; }
.testimonials_text a { font-family:"Century Gothic"; font-size:11pt; color:#000; text-decoration:none; }
.testimonials_text a:hover { text-decoration:underline; }
.testimonials_text2 a:hover { text-decoration:underline; }

.next_button_tes a { width:63px; height:26px; border:none; float:left; padding:0px; background:url(images/next.jpg); margin:35px 0px 0px 645px; text-indent:-9999px; }
.next_button_tes a:hover { background-position:-63px; }
.back_button_tes a { width:63px; height:26px; border:none; float:left; padding:0px; background:url(images/back.jpg); margin:35px 0px 0px 645px; text-indent:-9999px; }
.back_button_tes a:hover { background-position:-63px; }

#bottom_buttons_career { width:300px; float:left; padding:116px 0px 0px 22px; margin:0px; }
#bottom_buttons_serv { width:300px; float:left; padding:25px 0px 0px 22px; margin:0px; }
#bottom_buttons_serv2 { width:300px; float:left; padding:60px 0px 0px 22px; margin:0px; }	
#bottom_buttons { width:300px; float:left; padding:20px 0px 0px 22px; }	
	.about a { width:88px; height:30px; float:left; background:url(images/about.jpg); text-indent:-9999px; margin-left:0px; } 
	.about a:hover { background-position:-88px; }
	.services a { width:88px; height:30px; float:left; background:url(images/services.jpg); text-indent:-9999px; margin-left:7px; } 
	.services a:hover { background-position:-88px; }	
	.research a { width:88px; height:30px; float:left; background:url(images/research.jpg); text-indent:-9999px; margin-left:7px; } 
	.research a:hover { background-position:-88px; }
	.extraction a { width:88px; height:30px; float:left; background:url(images/extraction.jpg); text-indent:-9999px; margin-left:7px; } 
	.extraction a:hover { background-position:-88px; }
	.mining a { width:88px; height:30px; float:left; background:url(images/mining.jpg); text-indent:-9999px; margin-left:7px; } 
	.mining a:hover { background-position:-88px; }
	
.services_list { width:680px; float:left; font-family:"Century Gothic"; font-size:11pt; color:#000; padding:0px 0px 0px 0px; margin:0px; }
.services_list ul { margin:0px;  padding:10px 0px 0px 37px; float:left; }
.services_list li { width:680px; margin:0px; padding:3px 0px 0px 0px; }

/* NEXT - BACK BUTTONS */
.next_button a { width:63px; height:26px; border:none; float:left; padding:0px; background:url(images/next.jpg); margin:20px 0px 0px 645px; text-indent:-9999px; }
.next_button a:hover { background-position:-63px; }
.back_button a { width:63px; height:26px; border:none; float:left; padding:0px; background:url(images/back.jpg); margin:20px 0px 0px 100px; text-indent:-9999px; }
.back_button a:hover { background-position:-63px; }
.back_buttonabt a { width:63px; height:26px; border:none; float:left; padding:0px; background:url(images/back.jpg); margin:20px 0px 0px 645px; text-indent:-9999px; }
.back_buttonabt a:hover { background-position:-63px; }
.back_button2 a { width:63px; height:26px; border:none; float:left; padding:0px; background:url(images/back.jpg); margin:20px 0px 0px 31px; text-indent:-9999px; }
.back_button2 a:hover { background-position:-63px; }
.next_button2 a { width:63px; height:26px; border:none; float:left; padding:0px; background:url(images/next.jpg); margin:20px 0px 0px 542px; text-indent:-9999px; }
.next_button2 a:hover { background-position:-63px; }
.back_buttonext a { width:63px; height:26px; border:none; float:left; padding:0px; background:url(images/back.jpg); margin:15px 0px 0px 31px; text-indent:-9999px; }
.back_buttonext a:hover { background-position:-63px; }
.next_buttonext a { width:63px; height:26px; border:none; float:left; padding:0px; background:url(images/next.jpg); margin:15px 0px 0px 542px; text-indent:-9999px; }
.next_buttonext a:hover { background-position:-63px; }
.next_buttonserv a { width:63px; height:26px; border:none; float:left; padding:0px; background:url(images/next.jpg); margin:0px 0px 0px 590px; text-indent:-9999px; }
.next_buttonserv a:hover { background-position:-63px; }
.next_buttonmin a { width:63px; height:26px; border:none; float:left; padding:0px; background:url(images/next.jpg); margin:0px 0px 0px 620px; text-indent:-9999px; }
.next_buttonmin a:hover { background-position:-63px; }

/* CONTACT PAGE */
#contact_left { width:500px; height:477px; float:left; margin:0px; padding:0px; }
.contact_header { width:150px; float:left; font-family:"Century Gothic"; font-size:11pt; font-weight:bold; color:#000; padding:28px 0px 5px 31px; }
#name_pad { float:left; margin:0px; padding:0px 0px 0px 15px; }
.name_pad { float:left; margin:0px; padding:0px 0px 0px 0px; border-bottom:0px solid #859e3b; }
.name { width:110px; float:left; height:25px; background:#fff no-repeat; font-family:"Century Gothic"; font-size:11pt; margin:0px; padding:5px 0px 0px 14px; }
.message { width:110px; float:left; height:110px; background:#fff no-repeat; font-family:"Century Gothic"; font-size:11pt; margin:0px; padding:5px 0px 0px 14px; }
.name_text { width:357px; height:21px; border-bottom:0px; float:left; padding:6px 0px 0px 0px; margin:0px; }
.message_pad { float:left; margin:0px; padding:0px 0px 0px 0px; }
.message_text { width:357px; height:105px; border-right:0px; border-bottom:0px; float:left; padding:8px 0px 0px 0px; margin:0px; }

	/*.contact_line { width:473px; float:left; padding:0px 0px 0px 19px; margin:0px; }
		.name { height:20px; float:left; background:#fff no-repeat; font-family:"Century Gothic"; font-size:11pt; margin:0px; padding:10px 0px 0px 14px; }
		.name_text { width:355px; height:17px; border:0px; float:left; padding:13px 0px 0px 51px; margin:0px; }
		.organization { height:20px; float:left; background:#fff no-repeat; font-family:"Century Gothic"; font-size:11pt; margin:0px; padding:5px 0px 0px 14px; }
		.organization_text { width:355px; height:17px; border:0px; float:left; padding:8px 0px 0px 2px; margin:0px; }
		.address { height:20px; float:left; background:#fff no-repeat; font-family:"Century Gothic"; font-size:11pt; margin:0px; padding:5px 0px 0px 14px; }
		.address_text { width:355px; height:17px; border:0px; float:left; padding:8px 0px 0px 37px; margin:0px; }
		.state { height:20px; float:left; background:#fff no-repeat; font-family:"Century Gothic"; font-size:11pt; margin:0px; padding:5px 0px 0px 14px; }
		.state_text { width:355px; height:17px; border:0px; float:left; padding:8px 0px 0px 58px; margin:0px; }
		.zip { height:20px; float:left; background:#fff no-repeat; font-family:"Century Gothic"; font-size:11pt; margin:0px; padding:5px 0px 0px 14px; }
		.zip_text { width:355px; height:17px; border:0px; float:left; padding:8px 0px 0px 75px; margin:0px; }
		.city { height:20px; float:left; background:#fff no-repeat; font-family:"Century Gothic"; font-size:11pt; margin:0px; padding:5px 0px 0px 14px; }
		.city_text { width:355px; height:17px; border:0px; float:left; padding:8px 0px 0px 67px; margin:0px; }
		.country { height:20px; float:left; background:#fff no-repeat; font-family:"Century Gothic"; font-size:11pt; margin:0px; padding:5px 0px 0px 14px; }
		.country_text { width:355px; height:17px; border:0px; float:left; padding:8px 0px 0px 37px; margin:0px; }
		.tel { height:20px; float:left; background:#fff no-repeat; font-family:"Century Gothic"; font-size:11pt; margin:0px; padding:5px 0px 0px 14px; }
		.tel_text { width:355px; height:17px; border:0px; float:left; padding:8px 0px 0px 77px; margin:0px; }
		.fax { height:20px; float:left; background:#fff no-repeat; font-family:"Century Gothic"; font-size:11pt; margin:0px; padding:5px 0px 0px 14px; }
		.fax_text { width:355px; height:17px; border:0px; float:left; padding:8px 0px 0px 71px; margin:0px; }
		.email{ height:20px; float:left; background:#fff no-repeat; font-family:"Century Gothic"; font-size:11pt; margin:0px; padding:5px 0px 0px 14px; }
		.email_text { width:355px; height:17px; border:0px; float:left; padding:8px 0px 0px 56px; margin:0px; }
		.message { height:121px; float:left; background:#fff no-repeat; font-family:"Century Gothic"; font-size:11pt; margin:0px; padding:30px 0px 0px 14px; }
		.message_text { width:355px; height:118px; border:0px; float:left; padding:33px 0px 0px 26px; margin:0px; overflow:hidden; } */
	#submit_pad { float:left; margin:0px; padding:0px 0px 0px 15px;  }		
	#submit { width:481px; height:65px; float:left; margin:0px; background:#fff; padding:0px 0px 0px 0px;  }
	.attach_button { width:88px; height:30px; float:left; margin:0px; padding:20px 0px 0px 240px; }
	.submit_button { width:88px; height:30px; float:left; margin:0px; padding:20px 0px 0px 7px; }

#info_pad { float:left; padding:26px 0px 0px 10px; }
#info { width:237px; height:466px; float:left; background:url(images/info.jpg) no-repeat; margin:0px; }
.info_header { width:150px; float:left; font-family:"Century Gothic"; font-size:11pt; font-weight:bold; color:#000; padding:10px 0px 0px 10px; }
.subinfo { width:150px; float:left; font-family:"Century Gothic"; font-size:10pt; color:#000; padding:16px 0px 0px 10px; }
.subinfo2 { width:150px; float:left; font-family:"Century Gothic"; font-size:10pt; color:#000; padding:9px 0px 0px 10px; }