/* Handmade by Fred Campbell at Northstar Web Design. Contact: www.northstar-website-design.com Tel: 07779 300 838
Pale Blue #a5cada
Orange: #f15a24
Grey: #666666
Brown: #b63e1e

/* Universal */
* {margin: 0px; padding: 0px;}
body {font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; color: #666666; min-width: 1000px;}
.box {padding: 0 30px;}
a:link, a:visited {text-decoration: none; color: #666666;}
a:hover {text-decoration: none; color: #666666;}
a img {border: 0;}
ul {list-style-type: none; list-style-position: outside;}
.imgL {float: left; margin-right: 15px;}
.imgR {float: right; margin-left: 20px;}
.imgC {margin-bottom: 20px;}


/* Masthead*/
#masthead {height: 160px;}
#logo{position: absolute; top: 40px; left: 30px;}
#nav {top: 95px; right: 18px; position: absolute; width: 500px; height: 22px;}
#nav  a  {font-weight: bold; color: #000000; font-size: 16px; line-height: 22px; background: url(../img/nav-line.jpg) repeat-x bottom; padding: 0 12px 1px 12px;}
#nav a:hover  {color: #f15a24;}
#nav li {float: left;}
#nav #home a {padding-left: 0px;}
#nav #contact a {padding-right: 0px;}

/* Banner */
.banner {height: 275px; margin-top: 10px;}
.paleBlue {background: #a5cada url(../img/shadow-blue.jpg) repeat-x;}

/* Content */
.pageID {height: 50px; background: url(../img/pageIdBG.jpg) repeat-x; position: relative;}

h1 {text-transform: uppercase; font-size: 10px; text-align: right; color: #CCCCCC; font-weight: normal; line-height: 30px; position: absolute; right: 15px; top: 28px;}

.wrapper {width: 990px;margin: 0 auto; position: relative;}

.boxMini {padding: 25px;}

.content {background: url(../img/contentBG.gif) no-repeat bottom; padding: 30px 0 10px 0; background-color: #FFFFFF;}
.container {clear: both; float: left; width: 100%; overflow: auto; margin-bottom: 20px;}

.contentL {width: 600px; float: left; padding-bottom: 20px;}
.contentR {width: 300px; float: right; padding-bottom: 20px;}


.twocolL {float: left; width: 48%;}
.twocolR {float: right; width: 48%;}

.threecolfirst {width: 290px; float: left;}
.threecol {width: 290px; float: left; margin-left: 30px;}

.fourcolfirst {width: 225px; float: left; margin: 0 0 20px 0;}
.fourcol {width: 225px; float: left; margin: 0 0 20px 20px;}

.fivecolfirst {width: 176px; float: left; margin: 0 0 20px 0;}
.fivecol {width: 176px; float: left; margin: 0 0 20px 20px;}


/* Table */
table {border: none; border-collapse: collapse; width: 100%; margin: 20px 0 20px 0;}

.apply a {color: #f15a24; font-weight: bold; background-color: #f3f3f3; padding: 7px; border: 1px solid #CCCCCC; margin-left: 30px;}
.apply a:hover {color: #FFFFFF; font-weight: bold; background-color: #CCCCCC;}

td {font-size: 13px; padding: 5px 0; text-align: left; font-weight: bold; color: #666666;} 
	  
/* Lists */
.listText  {margin-bottom: 15px;}
.listText li a {border-bottom: 1px solid #CCCCCC; display: block; font-size: 13px; line-height: 26px; padding: 2px 0 0 10px; font-weight: bold;}
.listText   li  {display: inline;}
.listText li a:hover {color: #f15a24; background-color: #f4f4f4;}

.listImage li a {line-height: 40px; display: block; font-weight: bold; margin: 10px 0;}
.listImage li a:hover {background-color: #f4f4f4; color: #f15a24;}
.listImage img {float: left; padding-right: 15px;}
.listImage li {display: inline;}

.listButton {margin-bottom: 25px;}
.listButton li a {display: block; height: 80px; padding: 10px 0; border-bottom: 1px solid #CCCCCC;}
.listButton li a:hover {background-color: #f4f4f4;}
.listButton li a:hover h3 {color: #f15a24;}
.listButton img {float: left; padding: 0 10px;}
.listButton h3 {font-size: 16px; line-height: 16px; color: #666666; padding: 10px 0 0 0;}
.listButton p {font-size: 12px; line-height: 14px;}
.listButton li {display: inline;}

.listJob {margin-bottom: 25px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #CCCCCC;}
.listJob li a {display: block; padding: 15px 20px 15px 20px;}
.listJob li a:hover {background-color: #f4f4f4;}
.listJob h3 {font-size: 16px; line-height: 16px; color: #666666; padding: 0px;}
.listJob li a:hover  h3 {color: #f15a24;}
.listJob p {font-size: 12px; line-height: 14px; padding: 0px;}
.listJob li {display: inline;}

.listBullet  {list-style-type: disc; list-style-position: outside; margin: 10px 0 20px 30px;}
.listBullet li {font-size: 14px; line-height: 20px; margin-bottom: 15px;}

.quotations li {background: url(../img/quote.png) no-repeat; padding: 0 0 30px 30px;}
.quotations a {display: block; font-weight: bold; padding-top: 5px;}
.borderTop {border-top: 1px solid #CCCCCC;}


.border {border: 1px solid #CCCCCC;}

/* Backgrounds */
.bgSwirl {background: url(../img/swirl2.jpg) no-repeat right top;}
.bgSplit {background: url(../img/bgTwoCol.jpg) no-repeat center center;}
.bgBox {
	background-color: #f6f6f6;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	margin-bottom: 20px;
}

/* Type */
p {padding-bottom: 14px; color: #666666; font-size: 14px; line-height: 22px;}
h2 {padding-bottom: 25px; font-size: 54px; letter-spacing: -1px; line-height: 56px; color: #666666; font-weight: normal;}
h3 {font-size: 20px; line-height: 22px; margin-bottom: 3px; color: #b63e1e; letter-spacing: -1px; margin-top: 5px;}
h4 {clear: both; font-size: 11px; font-weight: normal; text-align: center; line-height: 11px; color: #000000; background: url(../img/barcode.jpg) no-repeat center top; width: 100px; padding-top: 45px; position: absolute; right: 0px;}
h5 {font-size: 14px; color: #333333; padding: 20px 0 5px 0;}

.intro {font-size: 18px; padding-bottom: 12px; letter-spacing: -1px; background: url(../img/underline.jpg) no-repeat center bottom; margin-bottom: 20px; color: #666666; font-weight: bold; line-height: 26px;}

.boldorange {color: #b63e1e; letter-spacing: -1px; font-weight: bold; font-size: 16px;}
.smallType {font-size: 11px; line-height: 16px;}

ol  {list-style-position: outside; margin: 10px 0 20px 30px;}
ol li {font-size: 14px; line-height: 20px; margin-bottom: 15px;}

.bullet  {list-style-type: disc; list-style-position: outside; margin: 10px 0 20px 30px;}
.bullet li {font-size: 14px; line-height: 20px; margin-bottom: 15px;}

.boxBorder {padding: 25px; border: 1px solid #CCCCCC; -moz-border-radius: 7px; -webkit-border-radius: 7px; margin-bottom: 25px;}
.quote  {font-size: 24px; font-weight: bold; letter-spacing: -2px; color: #CCCCCC; background: url(../img/quote.png) no-repeat; padding: 10px 0 25px 25px; line-height: 24px;}

#twitter {margin-bottom: 20px; padding: 10px 25px 40px 25px; background-position: left bottom; border: 1px solid #CCCCCC; -moz-border-radius: 7px; -webkit-border-radius: 7px; position: relative;}
#twitter img {position: absolute; bottom: 0px; left: 10px;}
#twitter li {font-family: Arial; font-size: 12px; margin-bottom: 15px; line-height: 14px;}
#twitter h3 {font-size: 14px; margin-bottom: 5px;}


#footnote {clear: both; position: relative; height: 50px; padding-top: 20px;}


/* Footer */
.footer {background: #b63e1e url(../img/footer.jpg) repeat-x;}
.wrapperfoot {background: url(../img/footer-content.jpg) no-repeat center top;}
.boxfooter {width: 930px; position: relative; margin: 0 auto; padding: 5px 0 10px 0;}
.contactfoot {position: absolute; top: 25px; right: 0px;}

.threecolfirst a, .threecol a {color: #ff9900; display: block; font-size: 14px; line-height: 20px; background: url(../img/footer-underline.jpg) repeat-x bottom; padding-top: 2px;}


.threecolfirst li, .threecol li {display: inline;}
.threecolfirst a:hover, .threecol a:hover {color: #cccccc; background-color: #913418;}
.boxfooter p, .boxfooter p a {padding: 0px; font-size: 11px; color: #333333; line-height: 20px;}
.boxfooter p a:hover {color: #CCCCCC; text-decoration: underline;} 


label {color: #666666;font-weight: bold;}
.footcontainer {height: 150px;}

form {margin-bottom: 30px;}
li ul {padding-left: 60px;}
.listNest {margin-bottom: 20px;}
.listNest li, .listNest a {font-size: 28px; font-weight: bold; color: #CCCCCC; line-height: 40px; letter-spacing: -2px;}

#share {margin-bottom: 20px; margin-left: 25px;}
.plain {
	width: 300px;
	margin-bottom: 25px;
}
.plain a {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
}
.plain a:hover {
	background-color: #f4f4f4;
	color: #f15a24;
}
.plain li {
	display: inline;
}
.jobGone {
	background-image: url(../img/BG-post-filled.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.clear {
	clear: both;
}