/* hide from IE mac \*/
#p7PMnav a {overflow: hidden;}
#p7PMnav ul a {overflow: visible;}
/* end hiding from IE5 mac */

* {
   margin: 0;
   padding: 0;
}

.logo {
	padding-top: 61px;
	padding-bottom: 15px;
}

body {
	font: 90% Helvetica, sans-serif;
	background: #003366 url(images/background.png) repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #c8d5eb;
}

#container {
	margin: 0 auto;
	text-align: left;
	width: 810px;
}

.header { 
	padding: 0 10px;
}

.mainPic {
	float: left; 
}

.mainPic2 {
	color: #003366;
	float: left; 
	margin: 0px;
	padding: 20px;
	width: 210px;
	line-height: 23px;
	background: #FFF url(images/mainPic_back.gif) repeat-x;
}

.mainContent {
	line-height: 23px;
	margin: 10px 0 0 280px;
	background: url(images/watermark.png) no-repeat 100% 100%;
}

.mainContent2 {
	line-height: 20px;
	margin: 10px 0 0 280px;
}

.mainContent h1 {
	color: #fff;
	font-size: 140%;
	line-height: 30px;
	margin: 0;
	padding: 10px 0;
}

.mainContent2 h1 {
	color: #fff;
	font-size: 140%;
	line-height: 30px;
	margin: 0;
	padding: 10px 0;
}

.mainContent h2 {
	color: #fff;
	font-size: 110%;
	margin: 0;
	padding: 0;
}

.mainContent a {
	text-decoration: none;
	color: #e2af00;
	padding: 0 5px 0 5px;
}

.mainContent a:hover {
	text-decoration: underline;
	color: #8ba8c4;
}

.stick {  /* sticky footer push */
	height: 60px;
}

.footer {
	margin: 80px 0 20px 0;
	height: 50px;
	width: 810px;
	line-height: 25px;
	text-align: center;
}

.footer a {
	text-decoration: none;
	color: #fff;
	padding: 0 5px 15px 5px;
}

.footer a:hover {
	text-decoration: underline;
	color: #8ba8c4;
}

.caption {
	padding-top: 7px;
	font-size: 80%;
    text-align: center;
}
.copyright {
	font-size: 77%;
    color: #8ba8c4;
}
.relevant {
	font-weight: bolder;
}
.relevant a {
	color: #728a87;
	text-decoration: none;
}
.relevant a:hover {
	color: #c85d37;
}

/* Miscellaneous classes for reuse */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*begin Project Seven navigation*/

/*Auto left and right margins center the wrapper in modern browsers.
IE5.x Windows has a workaround found in the Conditional Comment in the
Starter Page code. It is described in the tutorial.*/
#wrapper {
	width: 810px;
	margin: 0 auto;
}
#navcontainer {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 38px;
	position: relative; /*optional fix for IE5 Mac OS9 only*/
}
/*Font-size is set for all menu items here*/
#p7PMnav {
	margin: 0;
	padding:0;
	font-family: Tahoma;
	font-size: 11px;
}
#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
/*border top is set to zero to allow the top of the first dropdown to abut the bottom of our buttons*/
#p7PMnav ul {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	border-top: 0;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #666666;
	position: absolute;
	left: -9000px;
	z-index: 10000;
}
/*top border is put back on for flyouts*/
#p7PMnav ul li ul {
	border-top: 1px solid #666666;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #666666;
}
/*this is all we need for top-level links*/
#p7PMnav a {
	display: block;
	text-decoration: none;
}
/*This rule styles the sub-menu links*/
#p7PMnav ul a, #p7PMnav ul a:visited {
	padding: 4px 5px 4px 10px;
	background-color: #A9A9A9; /*dropdown background*/
	color: #000000;
	border-top: 1px solid #A9A9A9;
	border-bottom: 1px solid #A9A9A9;
	border-right: 1px solid #A9A9A9;
	border-left: 1px solid #A9A9A9;
	line-height:1;
}
/*This is top-level only and is the rule that shifts the background image so that we now
see the bottom one. It is deployed via multiple selectors for hovering, tab key access,
and so it stays persistent when its associated sub-menu is open*/
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus,
#p7PMnav .p7PMon, #p7PMnav .p7PMmark {
	background-position: left bottom;
}
/*the sub-menu hovers*/
#p7PMnav ul a:hover, #p7PMnav ul a:active, #p7PMnav ul a:focus {
	color: #BF2E1B;
	letter-spacing: 0.01px;
	text-decoration: none;
	background-color: #A9A9A9; /*dropdown background*/
	padding: 4px 10px;
	background-color: #83231C; /*dropdown highlight-hover*/
	border-top: 1px solid #83231C;
	border-left: 1px solid #83231C;
	color: #FFFFFF;
	letter-spacing: .01px;
}
/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
	color: #FFFFFF;
	font-weight: bold;
}
/* ------ the trigger link styles ------- */

/*the trigger link */
#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {
	background-image:  url(images/nav/arrow.gif);
	background-repeat:	no-repeat;
	background-position: right center!important;
}
/* the active trigger link style */
#p7PMnav .p7PMon {
	background-color: #83231C; /*dropdown highlight-hover*/
	color: #FFFFFF;
}
/*the submenu classes */
/*The top property here and in the show class serves to fix a minor bug introduced
by the good folks at Apple in their Safari browser for Panther OS*/
#p7PMnav .p7PMhide {
	left: -9000px;
	border: 0;
	top: 0;
}
#p7PMnav .p7PMshow {
	top: auto;
	left: auto;
	z-index: 20000 !important;
}
/* Top level menu width
We set width to auto because we are using top-level bg images and the width is
assigned directly via the IDs assigned to the links.*/
#p7PMnav li {
	float: left;
	width: auto;
}
#p7PMnav ul li {
	float: none;
}
/* 2nd and subsequent Submenu widths */
#p7PMnav ul { 
	width: 113px;
	border-bottom: 6px solid #333333;
}
#p7PMnav ul .p7PMon, #p7PMnav ul .p7PMon:hover {
	background-image:  url(images/nav/p7PM_light_east.gif2);
	background-repeat:	no-repeat;
	background-position: right center;
	background-color: #B5B5B4;
	border-top: 1px solid #DED9C7;
	border-left: 1px solid #DED9C7;
	color: #FFFFFF;
}
#pmmcrumb {
	font-weight: bold;
	margin-bottom: 16px;
	color: #333333;
}
#pmmcrumb a, #pmmcrumb a:visited {
	font-weight: normal;
	color: #535FAC;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
	font-weight: normal;
	color: #333333;
}
#b1, #b2, #b3, #b4, #b5 {
  height: 38px!important;
  background-repeat: no-repeat;
  text-indent: -3000px;
}
#b1 {
  width: 113px;
  background-image: url(images/nav_home.png);
}
#b2 {
  width: 113px;
  background-image: url(images/nav_about.png);
}
#b3 {
  width: 113px;
  background-image: url(images/nav_services.png);
}
#b4 {
  width: 173px;
  background-image: url(images/nav_geo.png);
}
#b5 {
  width: 114px;
  background-image: url(images/nav_contact.png);
}

/*begin form*/
#formWrapper { width:400px; height:100%; }
#contact_form {
  width: 400px;
  height: 100%;
  border: 0px;
}
.label {
	font-family: helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
}
.textarea {
	width: 270px;
	border: 1px solid #3a648d;
	background: #234974;
	font-family: helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #fff;
	padding: 5px;
	margin: 0 0 10px 0;
}
.textarea:hover,
.focused{
	background: #3a648d;
}
.submit {
	font-weight: bolder;
	background: #AEAEAE;
	color: #555555;
	padding: 4px;
	border: 1px solid #4D4D4D;
}
.submit:hover {
	background: #757575;
	color: #FFFFFF;
}
.thanks {
	background: url(images/thanks.png);
}