@charset "utf-8";

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: #f3f3f3 url(../images/header/navigation_background.jpg) repeat-x;
	border-top: 5px solid #fbcf04;
}

/*----------------------------------------------------------------------

	Colors and Typography

----------------------------------------------------------------------*/
a {
	text-decoration: none;
}

ul a, #secondary-nav li a:hover, #secondary-nav li, #secondary-nav .first a {
	color: #ffffff;
}



h3, p, #top li:hover ul li a, h4, #underlay-list ul, #sustainability-list ul {
	color: #333333;
}

h2, #right a, #top ul li:hover a, #top li:hover ul li a:hover, .contact-us h4, .blue {
	color: #2f78b6;
}

#content a {
	color: #2467a2;
}

#top li:hover {
	background: #ffffff;
}

#secondary-nav ul a {
	color: #b2b2b2;
	display: block;
}

#bottom, #bottom a {
	color: #999999;	
}

a, li, h2, h3 {
	font-weight: bold;
}

#breadcrumb ul li.active, #breadcrumb ul li a {
	color: #262626;
}

#content a.light, #content .spamspan {
	font-weight: normal;
	font-size: 1em;
}

/*-----------------------
	Font Sizes
-----------------------*/

ul li a, #secondary-nav .first a {
	font-size: 1.4em;
}

li ul a, p, #right a, #content a, #underlay-list, #sustainability-list li, #contact-us-list li, p a {
	font-size: 1.3em;
}

#breadcrumb ul li, #breadcrumb ul li a {
	font-weight: normal;
	font-size: 1.2em;	
}

#breadcrumb ul li.active, .blue {
	font-weight: bold;
}	

h2 {
	font-size: 2em;
}

h3, .contact-us h4 {
	font-size: 1.5em;	
}

h4 {
	font-size: 1.3em;
}

h4.small {
	font-size: 1.2em;
}

#bottom  ul li {
	font-size: 1.2em;
	font-weight: normal;	
}

#bottom li a, #breadcrumb ul li a {
	font-weight: normal;
	font-size: 1em;
}

#contact-us-list li {
	font-weight: normal;
}

/*----------------------------------------------------------------------

	Layout

----------------------------------------------------------------------*/

#main-container {
	width: 883px;
	margin: 0 auto;
	position: relative;
}

#top {
	z-index: 3000;
}

#top img {
	margin: 5px 0 14px;
}

/*-----------------------
	Navigation
-----------------------*/

ul.sf-menu li.default-tab {
	background: none;
}
ul.sf-menu li.default-tab a {
	color: #ffffff;
}
ul.sf-menu li.default-tab a:hover {
	color: #2F78B6;
}
/* default sub menu */
#top li.default-tab ul li.default-sub-menu a {
	color: #000000;
}
#top li.default-tab ul li.default-sub-menu a:hover {
	color: #2F78B6;
}


.active-tab {
	background: #fff;
	
}

.active-tab a {
	color: #2f78b6;
}

#top ul {
	float: left;
	position: relative;
}

#top li {
	float: left;
	position: relative;
}

#top li a {
	display: block;
	padding: 0;
	padding: 4px 15px 8px;
}

#top li ul {
	display: none;
	position: absolute;
	padding: 0 10px 10px 0;
	left: 0;
}

#top li ul li a {
	padding: 5px 15px 2px;
	display: block;
}
#top li ul li.active-tab a {
	color: #2F78B6;		/* dropdown active link */
}


#top li:hover ul {
	display: block;
	margin-top: -3px;
	margin-bottom: 10px;
	width: 170px;
	height: auto;
	z-index: 5;
}

.sf-shadow ul {
	background: url(../images/header/shadow.png) bottom right no-repeat;
	padding: 0 0 9px 0;
}

#top li ul li {
	clear: left;
	background: #fff;
	width: 170px;
}

#top li ul li.last {
	padding-bottom:10px;
}

#mask {
	border-bottom: solid #fff 8px;
	height: 350px;
	overflow: hidden;
	width: 883px;
	clear: both;
}

/*-----------------------
	Slideshow
-----------------------*/

#slides {
	position: relative;
}

#slides-wrapper {
	clear: left;
	background: #ffffff;
	padding: 8px;
	position: relative;
	
}

#slides-wrapper, #slides img {
	z-index: 0;
	position: relative;
}

/*-----------------------
	Secondary Navigation
-----------------------*/

#secondary-nav {
	float: left;
	background: blue;
	position: relative;
	margin-top: -8px;
	cursor: pointer;
}

#nav-1, #nav-2, #nav-3 {
	float: left;
	background: #215f9c;
	border: 8px solid #FFFFFF;
	position: relative;
}

#nav-2 {
	margin-left: -8px;
}

#nav-3 {
	margin-left: -8px;
}

#secondary-nav ul {
	background: #215f9c;
	padding: 0 0 40px 5px;
	display: block;
}

#secondary-nav ul li {
	padding-bottom: 8px;
}
#secondary-nav ul li a {
	display: block;
}

/*-----------------------
	Content Section
-----------------------*/

#content-container {
	background: #f3f3f3;
	border-top: 8px solid #f3f3f3;
	clear: left;
	margin-top: 0;
	overflow: hidden;
	position: relative;
	width: 883px;
}

.home #content-container {
	position: absolute;
	top: 500px;
	border-top: 8px solid #fff;
	background: #f3f3f3 url(../images/home/faux_column.gif) repeat-y;
}

.home #content {
	border-top: 8px solid #f3f3f3;
}

#content {
	clear: left;
	float: left;
	background: #fff;
	width: 549px;
	padding: 13px;
	position: relative;
}
.application-form #content,
.contact-us #content {
	min-height: 251px;
}

#breadcrumb {
	margin-bottom: 15px;
}

#breadcrumb ul li {
	display: inline;
}

h2 {
	border-bottom: solid #e5e5e5 1px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

#content p {
	padding-bottom: 12px;
	line-height: 1.2;	
}

h4 {
	margin-bottom: 12px;
}

#content a {
	font-weight: bold;
}

#content-logos li {
	display: inline-block;
	padding: 15px 20px 10px 0;
	float: left;
}

#underlay-list li {
	font-weight: normal;
	padding-bottom: 12px;
}

#underlay-list ul, #sustainability-list ul {
	list-style-type: disc;
	margin-left: 15px;
}

#sustainability-list li {
	font-weight: normal;
	line-height: 1.2;
}

#sustainability-list ul {
	margin-bottom: 10px;
}

#contact-us-list {
	padding-bottom: 20px;
	color: #333333;
	line-height: 1.4;	
}

/*-----------------------
	Right Sidebar
-----------------------*/
	
.home #right {
	border-top: 8px solid #f3f3f3;
}

#right {
	width: 284px;
	float: left;
	margin-left: 8px;
}

#right h3 {
	border-bottom: solid #e5e5e5 1px;
	margin: 0 5px 10px;
	padding-bottom: 10px;
}

#right p {
	margin: 0 5px;
	padding-bottom: 10px;
}

#right a {
	display: block;
	padding-bottom: 5px;
	margin: 0 5px;
}

#right li {
	padding: 8px;
	background: #fff;
	width: 284px;
	margin-bottom: 8px;
}

.home #right, .employment #right {
	background: #fff;
	padding: 8px;
}

.home #right img, .employment #right img {
	margin-bottom: 10px;
}

/*-----------------------
	Footer
-----------------------*/

#bottom {
	margin: 100px 0 15px;
}

.home #bottom {
	position: relative;
	top: 200px;
	padding-bottom: 10px;
	height: 50px;
}

#bottom ul {
	width: 550px;
	margin: 0 auto;
	height: 50px;
}

#bottom ul li {
	display: inline;
	padding: 0 7px 15px;
}	


/*-----------------------
	Forms and Contact page
-----------------------*/
.form-required {
	color: #2F78B6;
}
label.error {
	color: red;
	display: block;
	width: 260px;
}
select {
	font-size: 1em;
}
table {
	font-size: 1.2em;
}
table ul {
	margin: 5px 0;
}
table ul li {
	font-weight: normal;
	padding-bottom: 5px;
}

.contact-us td {
	padding-bottom: 10px;
	width: 145px;
	vertical-align: top;
}

.contact-us .text-field {
	width: 260px;
}
textarea,
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
textarea {
	width: 313px;
}

#enquiry {
	height: 107px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#submit {
	cursor: pointer;
	float: right;
	margin: 0;
	padding: 0;
	width: 70px;
}
.application-form  #submit {
	margin-right: 33px;
}

.application-form table {
	width: 350px;
}
.application-form td {
	padding-bottom: 10px;
}
.application-form #content td p {
	padding-top: 6px;
	font-size: 1em;
	padding-bottom: 0;
}
.application-form td#current-employment {
	padding-bottom: 20px;
}
.application-form td#relevant-info {
	padding-top: 10px;
}

.application-form .text-field {
	width: 200px;
}
label {
	
}

#file-input {
	width: 115px;
}

/*-----------------------
	Privacy Policy and Terms of Use
-----------------------*/

.privacy-policy .spamspan {
	font-weight: normal;
	color: #333333;
	font-size: 1em;
}

.terms-of-use #content {
	height: 510px;	
}

.privacy-policy h4 {
	padding-top: 1.5em;
	margin: 0;
	line-height: 2;
}

ul.disc {
	list-style-type: disc;
	padding-left: 13px;
}
ul.disc li,
ul.letters li {
	font-weight: normal;
	font-size: 1.2em;
	color: #333333;
	padding-bottom: 5px;
	line-height: 1.3em;
}

ul.letters {
	list-style-type: lower-latin;	/* alphabet */
	padding-left: 35px;
}
ul.letters li {
	padding-bottom: 1px;
}
.terms-of-use #content p.last {
	padding-bottom: 3px;
}