/* --------------------------------------------------------------
   Resets default browser CSS
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}

h1,h2,h3,h4,h5,h6,b {
  font-size:100%;
  font-weight:normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
 text-align: left;
}

ul,ol {
  list-style-type:none;
}

img,fieldset {
  border:0;
}


/* --------------------------------------------------------------
   Global Styles
-------------------------------------------------------------- */

body {
  font:10pt Arial, Helvetica, san-serif;
  background:#c5c8cc url('../img/layout/body_bg.gif') repeat-y top center;
}

#container {
  width:984px;
  margin:0 auto;
  background-color:#0a1728;
  color:#fff;
  padding-bottom:20px;
}

	#container a {
	  color:#b3d5ff;
	}

	#marquee h1 {
	  width:984px;
	  height:138px;
	  text-indent:-9999em;
	  background:url('../img/layout/logo.jpg') no-repeat top left;
	}

	#marquee #mainNav {
	  width:984px;
	  height:60px;
	}

	#container p {
	  font-size:0.9em;
	  line-height:1.5em;
	}

	#content {
	  margin:16px 0 0 22px;
	  background:url('../img/layout/content_mid.gif') repeat-x top left;
	  width:648px;
	  float:left;
	}

	#content .wrap1, #subcontent .wrap1 {
	  background:url('../img/layout/content_left.gif') no-repeat top left;
	  width:100%;
	}

	#content .wrap2, #subcontent .wrap2 {
	  background:url('../img/layout/content_right.gif') no-repeat top right;
	  width:100%;
	}

	#content h2, #content h3, #content p, #content ul {
	  margin:0 35px;
	}

	#content h2 {
	  padding:35px 0 20px;
	  margin-bottom:30px;
	  background:url('../img/layout/h2_bg.gif') no-repeat bottom right;
	  font-size:1.3em;
	  font-weight:bold;
	}

	#content h3 {
	   font-size:1.2em;
	   font-weight:bold;
	   padding-bottom:1.5em;
	}

	#content p, #content ul {
	  padding-bottom:1.5em;
	}

	#content .right {
	  float:right;
	  margin:0 0 15px 15px;
	}

	#content .thumb { width: 125px; }

	#content img.prod_img {
	   background-color:transparent;
	   border:3px solid #fff;
	   padding:1px;
	}

	#content img.prod_img.right {
	   margin-left:10px;
	}

	#subcontent {
	  width:282px;
	  background:url('../img/layout/content_mid.gif') repeat-x top left;
	  margin:16px 0 22px 10px;
	  float:left;
	}

	#subcontent:after {
	  content: ".";
	  display: block;
	  clear: both;
	  visibility: hidden;
	  line-height: 0;
	  height: 0;
	}

		#subcontent h2, #subcontent p, #subcontent ul {
		  margin:0 0 0 25px;
		}

		#subcontent p {
		  _margin-left:10px;
		}

		#subcontent h2 {
		  padding:35px 0 20px 0;
		  margin:0 30px 30px 25px;
		  background:url('../img/layout/subh2_bg.gif') no-repeat bottom right;
		}

		#subcontent ul li {
		  padding-left:25px;
		  background:url('../img/layout/subli_bg.gif') no-repeat center left;
		  margin-bottom:2em;
		}

		#subcontent ul li:last-child {
		  margin-bottom:0;
		}

			#subcontent li a {
			  color:#fff;
			}

		#subcontent .vcard {
			font-size:0.9em;
		}

			#subcontent .vcard .type {
			  display:none;
			}

			#subcontent p.adr {
			  width:35%;
			  float:left;
			}

			#subcontent .vcard .tel {
			  display:block;
			  padding-top:1.5em;
			}

		#subcontent p.recruit {
		  clear:both;
		  float:none;
		  padding-top:1em;
		}

		#subcontent .sub_text {
		  padding-top:35px;
		}

		  #subcontent .sub_text p {
		      margin-bottom:1em;
		  }

	#footer {
	  clear:both;
	  float:none;
	  margin:0 22px;
	  background:url('../img/layout/footer_bg.gif') repeat-x top left;
	  border:1px solid #0a1524;
	  border-top:1px solid #1d2a3d;
	  border-bottom:1px solid #08121f;
	  position:relative
	}

	#footer p {
	  padding:30px 0;
	  text-align:center;
	}


/* --------------------------------------------------------------
   Overview Styles
-------------------------------------------------------------- */

ul.history li {
  float:none;
  clear:both;
  line-height:1.5em;
}

	ul.history li em {
	  display:block;
	  width:150px;
	  float:left
	}

/* --------------------------------------------------------------
   Jobs Styles
-------------------------------------------------------------- */

ul.paginate {

}

	ul.paginate li {
	  display:inline
	}

		ul.paginate li a {
		  padding:3px;
		  border:1px solid #0a1728;
		  text-decoration:none;
		}

		ul.paginate li a.selected {
		  border:1px solid #b3d5ff;
		}

		#content ul.paginate li a:hover {
		  background-color:#14263e;
		  border-color:#b3d5ff;
		}

.paging {
  margin-left:40px;
}

.paging div {
  display:inline;
}

#applyForm {

}

	#applyForm legend {
	  padding:0 35px 1em;
	  font-size:1.1em;
	  font-weight:bold;
	  color:#fff;
	}

	#applyForm p {
	  float:none;
	  clear:both;
	}

	#applyForm ul {
	  margin:0;
	  padding:0;
	  padding-bottom:5px;
	}

		#applyForm #ApplicationFirstName, #applyForm #ApplicationState {
		  margin-right:10px;
		}

		#applyForm #ApplicationState, #applyForm #phone1, #applyForm #phone2, #applyForm #phone3 {
		  width:30px;
		}

		#applyForm #ApplicationCity {
		  margin:0 10px 0 60px;
		}

		#applyForm #ApplicationZip {
		  width:80px;
		}


/* --------------------------------------------------------------
   Common Form Styles
-------------------------------------------------------------- */


form {

}

	form label {
	  display:block;
	  width:80px;
	  float:left;
	  margin-right:15px;
	}

	form p.nofloat label {
	  float:none;
	  clear:both;
	  display:inline;
	}

	form .submit {
	  background:url('../img/layout/submit_bg.gif') repeat-x top left;
	  border:1px solid #0a1524;
	  border-top:1px solid #1d2a3d;
	  border-bottom:1px solid #08121f;
	  color:#fff;
	  padding:5px;
	  font-size:1.4em;
	}

	form .form-field-error {
	  color:red;
	  padding-left:5px;
	}

	form textarea + span {
	  display:block;
	}


	form label[for=JobType] {
	  width:40px;
	  margin-left:20px;
	}

	#JobType, #JobDepartment {
	  float:left;
	}

form div.error-message {
  clear:both;
  color:#C1361E;
  font-weight:bold;
  margin:-15px 0 10px 30px;
}

#flashMessage {
  text-align:center;
  font-weight:bold;
  padding-top:15px;
}