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

@import "forms.css";

* { margin: 0; padding: 0; }
html { background: url(../images/interface/htmlBG.gif) top left repeat-x; }

body {
	position: relative;
	width: 994px;

	margin: 0 auto;
	padding-top: 300px;

	color: #222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

	background: url(../images/interface/logo.gif) top left no-repeat;
}

div#page {
	width: 994px;
	margin: 0 auto;
}

/* Masthead */
ul#masthead {
    position: absolute;
    top: 67px;
    left: 0;

	width: 984px;
	height: 40px;

	list-style-type: none;
}

ul#masthead li {
	float: left;

	width: auto;
	height: 40px;
	line-height: 40px;

	text-align: center;
	margin-right: 20px;
}

ul#masthead li a {
	color: #fff;
	font-size: 13px;
	font-weight: bold;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	text-decoration: none;
}

ul#masthead li a:hover, ul#masthead li a.active { text-decoration: underline; }

/* Misc formatting */
div.clear { clear: both; }
a { color: #06c; }
a:hover { text-decoration: none; }
p { padding-bottom: 10px;  text-align: justify; }
h1 { padding-bottom: 10px; color: #01093f; }
h1, h2 { font-weight: normal; }
h2, h3 { padding-bottom: 15px; font-size: 17px; color: #01093f; }
h2 { color: #ba2025; font-family: Arial, Helvetica, sans-serif; }
h3 { font-size: 15px; font-weight: bold; }
span.red { color: #900; }
span.green { color: #090; }
img.companyLogo { width: 125px; height: 100px; }
img.pageRight {
	float: right;
	margin: 0;
	padding: 0;
}

img.companyLogo#employerLogo {
	position: absolute;
	top: 40px;
	right: 5px;
}

img.companyLogo#jobLogo {
	position: absolute;
	top: 40px;
	right: 5px;
}

a.applicantCV {
	display: block;
	width: 63px;
	height: 80px;
	background: url(/images/interface/docs.gif) 0 -320px no-repeat;
}

a.applicantCV.doc { background-position: 0 0; }
a.applicantCV.txt { background-position: 0 -80px; }
a.applicantCV.rtf { background-position: 0 -160px; }
a.applicantCV.pdf { background-position: 0 -240px; }

a.applicantCV#applicantCV { position: absolute; left: 20px; bottom: 20px; }

table.jobsTable, table.transactions {
	width: 100%;
}

table.jobsTable th, table.jobsTable td, table.transactions th, table.transactions td {
	text-align: left;
	padding: 2px;
}

/* Boxes */
div.box {
	position: relative;
	float: left;
	width: 57%;

	margin: 0 0 10px 0;
	padding: 4px 12px;

	background: url(../images/interface/boxBG.gif) top left repeat-x;
	border: 1px solid #a4a4a4;
}
div.box.right { width: 37%; float: right; }

/* Company List */
div.box#companies {
	float: left;
	width: 968px;
	margin-bottom: 10px;
}

div.box#companies ul {
	height: 125px;
	list-style-type: none;
}

div.box#companies ul li {
	float: left;
	margin: 0 2px;

	width: 155px;
	height: 125px;

	border: 1px solid #a4a4a4;
}

div.box#companies ul li img {
	display: block;
	width: 125px;
	height: 100px;

	margin: 0 auto;
	border: 0;
}

div.box#companies ul li span {
	display: block;
	text-align: center;
}

/* Banner Content */
div#bannerInfo {
	position: absolute;
	top: 112px;
	left: 0;
	width: 100%;
	height: 180px;
	background: url(../images/interface/banner.jpg) top left no-repeat;
}

div#bannerInfo h1, div#bannerInfo h2, div#bannerInfo a {
	position: absolute;
	display: block;

	color: #fff;
	text-align: right;
}

div#bannerInfo h1 { top: 100px; right: 340px; font-size: 30px; }
div#bannerInfo a { top: 155px; right: 343px; color: #111; font-size: 15px; font-weight: bold; text-decoration: none; }

div#bannerInfo form {
	float: right;
	width: 303px;
	height: 176px;

	background: url(../images/interface/boxBG.gif) top left repeat-x;
	border: 1px solid #a4a4a4;
}

div#bannerInfo form fieldset { border: 0; }

/* Job Info List */
ul.jobInfo { list-style-type: none; padding-bottom: 10px; }

/* Job List */
ul.jobList {
	list-style-type: none;
}

/* Google map */
div#googleMap {
	clear: both;
	width: 98%;
	height: 200px;
	border: 1px solid #222;
	padding: 2px;
	margin: 10px auto;
}

/* Footer */
ul#footer {
	clear: both;
	width: 100%;
	height: 43px;
	line-height: 40px;

	list-style-type: none;
	margin-bottom: 20px;
	background: url(../images/interface/footerBG.gif) top left repeat-x;
}

ul#footer li { float: left; margin-left: 2%; color: #fff; }
ul#footer li a { color: #fff; }
ul#footer li#webcastle a { color: #fff; }

/* Webcastle Branding */
ul#footer li#webcastle span {
	padding: 1px 5px 1px 3px;

	font-size: 11px;

	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-style: oblique;

	color: #0043f3;
	background-color: #fff;
	border: 1px solid #555;

	cursor: default;
}

ul#footer li#webcastle span span { border: 0; padding: 0; color: #fd1824; }

ul.links { list-style-type: none; }
ul#blogPosts { list-style-type: none; }