/*
 * 
 * Font Sizing: http://riddle.pl/emcalc/
 * Base Font Size: 13px
 */

/*=========================================
 * =elements
 */

body, html {
	min-height: 100%;
	position: relative;
}

body {
	background-image: url('../images/background/body.gif');
	background-repeat: repeat-x;
	background-position: top left;
	font-size: 0.81em;
	font-family: "Myriad Pro", Arial, Verdana, Geneva, Helvetica, sans-serif;
}

input.text {
	border: 1px solid #cccccc;
	padding: 3px 2px;
}

/*=========================================
 * =generic
 */

#header,
#hero,
#footer,
h1, h2 {
	font-family: Calibri, Verdana, Arial, Geneva, Helvetica, sans-serif;
}

h2 {
	color: #000000;
	font-size: 2.20em;
	margin-bottom: 0.5em;
}

#content #secondary h2 {
	font-size: 1.69em;
	text-align: right;
}

#content h3 {
	color: #660033;
	font-weight: bold;
}

#footer h2 {
	font-size: 1.69em;
	color: #FFFFFF;
	margin-bottom: 0.2em;
}

button.image {
	border: 0;
	vertical-align: middle;
	padding: 5px 0 0 0;
	background: none;
}

p {
	margin-bottom: 1em;
}

a:link,
a:visited,
a:hover,
a:active {
	color: #660033;
}

strong, em {
	font-weight: bold;
}

/*=========================================
 * =wrapper
 */

#wrapper {
	width: 880px;
	margin: 0px auto 2em auto;
}

/*=========================================
 * =header
 */

#header {
	position: relative;
	height: 125px;
}

#header a.skipnavigation {
	display: block;
	height: 27px;
	line-height: 27px;
	color: #660033;
	float: left;
}

#headerLinks a:focus,
#headerLinks a:hover {
	color: #FFFFFF;
	font-weight: bold;
}

#footer .seo_header1 {
	text-align: center;
	padding-bottom: 0em;
} 

#footer .seo_header1 a {
	color: #E7E7E7;
}

#header h1.branding {
	width: 256px;
	height: 71px;
	float: left;
	margin-top: 32px;
	background-image: url('../images/background/logo.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

#header h1.branding a {
	display: block;
	width: inherit;
	height: inherit;
	text-indent: -100000px;
}

#header .search, #header p, #header .telephone {
	float: right;
	clear: right;
}

#headerLinks {
	position: absolute;
	top: 0;
	left: 0;
	height: 27px;
	line-height: 27px;
}

#headerLinks div.seo_header1 {
	float: left;
}

#header p {
	color: #FFFFFF;
	height: 27px;
	line-height: 27px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}


#header .search ol {
	margin-top: 5px;
	margin-right: -5px;
}

#header .search ol li {
	float: left;
	height: 40px;
	line-height: 40px;
	margin-left: 5px;
}

#header .telephone {
	font-size: 1.69em; /* 22px */
	margin-top: 4px;
}

/*=========================================
 * =primaryNav
 */

ul#primaryNav {
	float: right;
	clear: both;
	margin-right: -10px;
	height: 27px;
	margin-bottom: 21px;
}


ul#primaryNav a:link,
ul#primaryNav a:visited,
ul#primaryNav a:hover,
ul#primaryNav a:active {
	color: #000000;
	text-decoration: none;
}

ul#primaryNav li {
	float: left;
	display: block;
	border-left: 1px solid #000000;
	margin-left: -1px;
	margin-right: 10px;
	padding-left: 10px;
	padding-bottom: 4px;
}

ul#primaryNav li ul li {
	border: 0;
	padding: 0;
	margin: 0;
}

ul#primaryNav li ul a {
	padding: 5px 10px;
	background-image: url('../images/background/nav-back.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	background-color: #FFFFFF;
}

ul#primaryNav.enhanced li ul a {
	display: block;
}

/*=========================================
 * =superfish
 */

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			1.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			-12em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			-12em; /* match ul width */
	top:			0;
}



/*=========================================
 * =hero
 */

#hero {
	clear: both;
	height: 200px;
	border: 1px solid #999999;
	padding: 2px;
	background-color: #FFFFFF;
	margin-bottom: 21px;
	background-image: url('../images/stock/hero.jpg');
	background-repeat: no-repeat;
	background-position: 343px 2px;
}

#hero img {
	float: right;
}

#hero ul.links {
	float: left;
}

#hero ul.links li {
	width: 340px;
	height: 40px;
	background-image: url('../images/buttons/hero-link.gif');
	background-repeat: repeat-x;
	background-position: top left;
}

#hero ul.links li a {
	font-size: 1.4em;
	width: 325px;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	display: block;
	color: #333333;
	text-decoration: none;
	background-image: url('../images/buttons/hero-arrow.gif');
	background-repeat: no-repeat;
	background-position: 96% 50%;
}

/*=========================================
 * =content
 */

#content {
	padding-top: 20px;
	width: 880px;
}

#content #primary {
	width: 540px;
	float: left;
}

#content #secondary {
	width: 290px;
	float: right;
}

/*=========================================
 * =footer
 */

#footer {
	width: 100%;
	background-color: #e7e7e7;
	border-top: 10px solid #cccccc;
	border-bottom: 15px solid #666666;
	clear: both;
}

#footer .wrapper {
	width: 880px;
	margin: 10px auto 0 auto;
}

#footer .wrapper .block {
	border: 1px solid #666666;
	float: left;
	padding: 10px;
}

#footer .wrapper .block.latestjobs {
	width: 210px;
	margin-right: 19px;
	background-color: #660033;
}

#footer .wrapper .block.register {
	width: 210px;
	margin-right: 45px;
	background-color: #cc9966;
}

#footer .wrapper .block.register input.text {
	width: 10.9em;
}

#footer .wrapper .block.register ol li {
	display: inline;
}

#footer .wrapper .block.browse {
	width: 330px;
	background-color: #8b8b8b;
}

#footer .wrapper .block ul {
	margin-bottom: 0.5em;
}

#footer .wrapper .block ul li {
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 20px;
}

#footer .wrapper .block a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer .wrapper .block.browse ul li {
	float: left;
	width: 135px;
	background-image: url('../images/background/bullet-grey.gif');
}

#footer .wrapper .block.latestjobs ul li {
	background-image: url('../images/background/bullet-purple.gif');
}

#footer p.info {
	padding: 1.5em 0 0 0;
	text-align: center;
	clear: both;
}

/*=========================================
 * =jobdetail
 */

dl.details {
	color: #660033;
	margin-bottom: 1em;
}

dl.details dt {
	float: left;
	clear: left;
}

dl.details dd {
	float: left;
	margin-left: 0.5em;
}

a:link.button,
a:visited.button,
a:hover.button,
a:active.button {
	padding: 5px 10px;
	background-color: #cc9966;
	border: 1px solid #666666;
	color: #000000;
	text-decoration: none;
}

a.button.header {
	position: absolute;
	top: 0;
	right: 0;
}

div.jobdetail {
	position: relative;
}

div.jobdetail h2 {
	padding-right: 2em;
}

/*=========================================
 * =forms
 */

#primary form input { vertical-align:middle; margin-left: 10px; }
#primary form input.default { width:250px; font:normal 12px arial; padding:3px; float: left; clear: left;}
#primary form select.default { width:260px; font:normal 12px arial; padding:3px; margin-left: 10px; float: left; clear: left;}
#primary form textarea.default { width:250px; height:100px; font:normal 12px arial; padding:3px; margin-left: 10px; float: left; clear: left;}
#primary form input.cf-box-b { width:auto}
#primary form fieldset { border:0;}
#primary form legend { font-size: 18px; display:none }
#primary form p.success { display:none;}
#primary form p.failure { display:block; color:red; font-weight:bold}
#primary form ol li {  float: left; margin-bottom:5px;}
#primary form li label {width: 520px; clear: left;}
#primary form label { width:250px; display:block; float:left; margin-right: 10px; margin-bottom: 5px; }
#primary form img { vertical-align:middle}
span.reqtxt, span.emailreqtxt, img.captcha { display: block; float: left; }
#primary form .sendbutton, a.button { border: 1px solid #cccccc; background: #e8e8e8; font: normal 12px arial; color: #000000; padding: 5px 8px; cursor: pointer }
#usermessage4a { color:red; font-weight:bold}
#usermessage3a { color:red; font-weight:bold}
#primary form .cf-ol {margin-left:0px;padding-left:0px;}

tr.line .name_of_the_insert {
	padding-bottom: 10px;
}

#primary form tr.line td.name_of_the_insert label {
	width: 500px;
}
/*=========================================
 * =joblisting
 */

.jobs h3, .jobs .button {
	float: left;
}

.jobs li {
	margin-bottom: 1em;
}

.jobs .button {
	margin-left: 1em;
	clear: right;
}

.jobs h3 {
	font-size: 1.5em;
	width: 450px;
}

.jobs .content {
	margin-top: 1em;
}

div.wp-pagenavi span,
div.wp-pagenavi a {
	padding: 5px 10px;
	border: 1px solid #245381;
	background: #cc9966;
	margin-right: 5px;
	color: #000000;
}

div.wp-pagenavi span {
	color: #FFFFFF;
}

/*=========================================
 * =jobs_by_email
 */

tr.line {
	height: 30px;
}
td.the_insert input {
	margin-left: 3px;
}


/*=========================================
 * =export_options
 */

ul.export_options {
	width: 540px;
	margin-bottom: 10px;
}

ul.export_options li {
	float: right;
	margin-left: 10px;
	height: 16px;
	display: block;
}

ul.export_options li a {
	height: 16px;
	line-height: 16px;
	display: block;
	background-position: top right;
	background-repeat: no-repeat;
	width: 16px;
	text-indent: -1000000px;
	overflow: hidden;
}

ul.export_options li.print a {
	background-image: url('../images/icons/printer.gif');
}

ul.export_options li.pdf a {
	background-image: url('../images/icons/page_white_acrobat.gif');
}

ul.export_options li.email a {
	background-image: url('../images/icons/email.gif');
}

/*=========================================
 * =utilities
 */

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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}