/* oooooooooooooooooooooooooooooooooooooooooooooooo */

/*	Author			-> www.mezmamedia.com
					-> Richie Grainger

/*	Date			-> 27 July 2009

/*	File			-> style.css

/*	Contact			-> www.mezmamedia.com
					-> richie@mezmamedia.com
				
/* 	Copyright (c)	-> Mezma Media

/* oooooooooooooooooooooooooooooooooooooooooooooooo */


a:link { 			color: #044399; background-color: transparent; text-decoration: underline; }
a:visited {			color: #044399; background-color: transparent; text-decoration: underline; }
a:hover {			color: #006cff; background-color: transparent; text-decoration: none; }

a.faq:link { 		color: #044399; background-color: transparent; text-decoration: none; }
a.faq:visited {		color: #044399; background-color: transparent; text-decoration: none; }
a.faq:hover {		color: #006cff; background-color: transparent; text-decoration: underline; font-size: 14px; }

a.jl:link { 			color: #2e2e2e; background-color: transparent; text-decoration: none; }
a.jl:visited {		color: #2e2e2e; background-color: transparent; text-decoration: none; }
a.jl:hover {			color: #006cff; background-color: transparent; text-decoration: underline; }

a.fl:link { 			color: #acacac; background-color: transparent; text-decoration: underline; }
a.fl:visited {		color: #acacac; background-color: transparent; text-decoration: underline; }
a.fl:hover {			color: #363636; background-color: transparent; text-decoration: none; }

a.bwd:link { 		color: #8e8e8e; background-color: transparent; text-decoration: none; }
a.bwd:visited {		color: #8e8e8e; background-color: transparent; text-decoration: none; }
a.bwd:hover {		color: #363636; background-color: transparent; text-decoration: underline; }

div.msb a:link { 		color: #02214c; background-color: transparent; text-decoration: underline; }
div.msb a:visited {		color: #02214c; background-color: transparent; text-decoration: underline; }
div.msb a:hover {		color: #0078ff; background-color: transparent; text-decoration: underline; }

a.page{ 			padding: 2px; }
a.page:link { 		color: #2d6cb9; background-color: transparent; text-decoration: none; }
a.page:visited {		color: #2d6cb9; background-color: transparent; text-decoration: none; }
a.page:hover {		color: #006cff; background-color: transparent; text-decoration: underline; }
strong.page {			background-color: #e0eeff; border: 1px #9ec9ff solid; padding: 4px 6px; color: #006cff; }

a.ftl {				font-size: 13px; }
a.ftl:link { 		color: #67778c; background-color: transparent; text-decoration: none; }
a.ftl:visited {		color: #67778c; background-color: transparent; text-decoration: none; }
a.ftl:hover {		color: #f47920; background-color: transparent; text-decoration: underline; }


body {

	background-image: url(background_images/sepia/page_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;

	height: 100%;
	background-color: #ffffff;
	
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	
	text-align: center; /*Center the body ONLY for IE until big is fixed */
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4f4f4f;
	
}



/* oooooooooooooooooooooooooooooooooooooooooooooo TEXT TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */

.text_main {				line-height: 18px; }
.text_red {				color: #dd0000; }
.text_gfmenu {			font-weight: bold; color: #0d499d; }

h1 {						font-size: 24px; font-weight: 100; color: #8e8e8e; padding: 0px; margin: 0px 0px 15px 0px; }
h2 {						background-image: url(background_images/h2icon.gif); background-repeat: no-repeat; background-position: left; font-size: 14px; font-weight: bold; color: #0d499d; padding: 0px 0px 0px 27px; margin: 0px 0px 7px 0px; height: 19px; }
h3 {						background-image: url(background_images/h3icon.gif); background-repeat: no-repeat; background-position: left; font-size: 14px; font-weight: 100; color: #5d5d5d; padding: 0px 0px 0px 27px; margin: 35px 0px 10px 0px; height: 19px; }
h4 {						font-size: 14px; font-weight: 100; color: #0d499c; border-bottom: 1px #a7bbd6 solid; padding: 0px 0px 0px 5px; margin: 30px 0px 10px 0px; height: 19px; }





/* oooooooooooooooooooooooooooooooooooooooooooooo TABLES TYPES HERE oooooooooooooooooooooooooooooooooooooooooooooo */

#overall_pageshell {			background-image: url(background_images/pg_logo.gif); background-repeat: no-repeat; background-position: bottom left; overflow: hidden; display: block; margin: 0px auto; width: 1000px; }

#banner_shell {				background-image: url(background_images/sepia/banner_tile.jpg); background-repeat: repeat-x; display: block; margin-top: 12px; height: 138px; width: 1000px; }
	div.banner_sides {		text-align: left; display: block; background-repeat: no-repeat; height: 138px; }
	div.bsl {					background-position: left; background-image: url(background_images/sepia/banner_left.jpg); }
	div.bsr {					background-position: right; background-image: url(background_images/sepia/banner_right.jpg); }

#menu_shell {				background-image: url(background_images/menu_bg.jpg); background-repeat: no-repeat; display: block; height: 37px; padding: 0px 50px 0px 50px; width: 900px; }
#menu_sub_bg {				background: url(background_images/menu_sub_bg.gif) no-repeat; display: block; height: 30px; width: 900px; margin: 0px 50px 3px 50px; text-align: left; color: #fff;  }
	div.msb {				padding: 7px 0px 0px 10px; }

#menu_generations {			display: block; background: url(background_images/generations_menu.jpg) top repeat-x; margin: 0px 50px; padding: 5px 10px 10px 0px; text-align: right; font-size: 11px; }

#bodybg_shell {				background-image: url(background_images/body_grey.jpg); background-repeat: no-repeat; background-position: top; display: block; overflow: hidden; width: 1000px; }
#body_shell {				display: block; overflow: hidden; width: 900px; margin: 0 auto; }
	#body_left_shell {		display: block; overflow: hidden; float: left; width: 650px; }
	#body_right_shell {		display: block; overflow: hidden; float: left; text-align: left; margin-left: 10px; width: 240px; }
		div.brs_extras {		display: block; overflow: hidden; line-height: 18px; margin-top: 20px; width: 240px; } /* LINE HEIGHT */
		div.brs_top {			margin-top: 66px; }
		div.brs_news {		margin-top: 27px; }
		
	#newsticker {			background-image: url(background_images/newsticker_tile.jpg); background-repeat: repeat-x; background-position: top; background-color: #f5f8fc;
							position: relative; overflow: hidden; border: 1px solid #d0dff4; height: 125px; width: 238px; }
	#newsticker_shell {		position: absolute; color: #616161; } /* NEWS TICKER FONT COLOUR */
	div.newsticker_news {		padding: 5px; height: 90px; margin-bottom: 25px;}


#bodybg_tile {				background-image: url(background_images/bodybg_tile.gif); background-repeat: repeat-y; display: block; overflow: hidden; width: 650px; }
#bodybg_top {				background-image: url(background_images/bodybg_top.gif); background-repeat: no-repeat; display: block; margin-top: 12px; width: 650px; height: 15px; }
#bodybg_btm {				background-image: url(background_images/bodybg_btm.gif); background-repeat: no-repeat; display: block; height: 5px; width: 650px; }

#bodybg_tile_l {				background-image: url(background_images/bodybg_tile_l.gif); background-repeat: repeat-y; display: block; overflow: hidden; width: 900px; }
#bodybg_top_l {				background-image: url(background_images/bodybg_top_l.gif); background-repeat: no-repeat; display: block; margin-top: 12px; width: 900px; height: 15px; }
#bodybg_btm_l {				background-image: url(background_images/bodybg_btm_l.gif); background-repeat: no-repeat; display: block; height: 5px; width: 900px; }

#bodybg_bg {					background-image: url(background_images/bodybg_bg.gif); background-repeat: no-repeat; background-position: bottom left;
							display: block; overflow: hidden; } 
	#bgg_main {				text-align: left; line-height: 18px; margin: 15px; min-height: 500px; padding-bottom: 10px; } /* LINE HEIGHT */
	div.body_left {			display: block; float: left; overflow: hidden; width: 430px; }
	
	div.home_box {			display: block; float: left; overflow: hidden; border: 1px #acc6e7 solid; background-color: #f3f7fc; margin-bottom: 16px; width: 425px; height: 140px; }
	div.hb_pad {				padding: 10px; }

#footer_shell {				font-size: 11px; color: #8e8e8e; display: block; text-align: left; height: 70px; width: 900px; }
	#footer_links {			background-image: url(background_images/footer_tile.gif); background-repeat: repeat-x; background-position: bottom; padding: 15px 0px;  margin-bottom: 10px;  }
	#footer_right {			float: right; }
	
	
div.quotes {					display: block; background: url(background_images/quotes.gif) no-repeat top left #ebf1fa; margin: 15px 0px; padding: 10px; }

td {							font-family: Verdana, Arial, Helvetica, sans-serif; color: #4f4f4f; font-size: 11px; }
td.job_table_title {			background: url(background_images/table_tile.jpg) repeat-x top #3e6bac; color: #d9e1ee; border: 1px #06326e solid; font-weight: bold; font-size: 12px; }
tr.second {					background-color: #e9f0fb; }

p.hc {						padding-left: 30px; font-style: italic; }


div.film_shell {				display: block; float: left; overflow: hidden; margin: 0px 0px 10px 10px; width: 200px; }
	div.fs_first {			margin-left: 0px; }
	div.f_img {				display: block; text-align: center; margin-bottom: 20px; height: 150px; width: 200px; }
	div.film_shell p {		margin: 0px; padding: 0px; margin-top: 5px; font-size: 11px; color: #67778c; }
	
	div.featured_film {		display: block; text-align: center; padding: 8px; background: url(background_images/video_big.gif) no-repeat top left; }
	
/* divs inside the slider */
div.comments {				display: block; padding: 5px; margin: 15px 0px; }
div.commentpost_shell {		display: block; border: 1px #e0e6ef solid; color: #231f20; padding: 5px; margin-top: 15px; }
/* end divs inside the slider */
	

div.error_box {				display: block; background-color: #ffebe8; border: 1px #dd0000 solid; padding: 5px; margin-bottom: 10px; color: #000000; }



hr {							color: #c4ebc7; background-color: #c4ebc7; border: 0px; height: 1px; width: 100%; text-align: center; padding: 0px; margin: 10px 0px 10px 0px; }

br.cl {						clear: left; }
br.cr {						clear: right; }
br.cb {						clear: both; }


img.bm_right {				float: right; padding: 0px 0px 20px 20px; border: 0px; }
img.brs_icons {				float: left; margin: 0px 0px 15px 10px; padding-right: 15px; border: 0px; }
img.logos {					float: left; margin: 0px 10px 10px 0px; border: 0px; }



/* ooooo DROP DOWN SLIDER ooooo */
div.slide_shell {			display: block; overflow: hidden; margin-bottom: 15px; } /* nothing to do with js.. only styling */
div.slide_top {				background: url(background_images/job_tile.jpg) repeat-x top #245cab; border: 1px #234a7f solid; color: #fff; padding: 5px 10px; cursor: pointer; }
div.slide_top_o {			background: url(background_images/job_tile_o.jpg) repeat-x top #fff; border: 1px #bcd2f1 solid; color: #0c3e83; padding: 5px 10px; cursor: pointer; }
div.slide_info {				display: block; padding: 0px 10px; overflow: hidden; line-height: 18px; }
span.menufr {				display: inline; float: right; }
/* ooooo END DROP DOWN SLIDER ooooo */



/* THIS IS THE CSS NAV MENU ACROSS THE TOP */
ul#nav {					background: url(background_images/menu_buttons.gif); position: relative; padding: 0px; margin: 0px; width: 900px; height: 37px; top: 0px; }
ul#nav li {				background-image: none; display: block; position: absolute; list-style-type: none; padding: 0px; margin: 0px; }
ul#nav li a {				display: block; text-indent: -9999px; }

li#nav_home a:hover, li#nav_hhp a:hover, li#nav_hhna a:hover, li#nav_hhhc a:hover, li#nav_hhg a:hover, li#nav_contact a:hover { 
background: url(background_images/menu_buttons.gif);
}

li#nav_home {			left: 0px; top: 0px; width: 68px; height: 37px; }
li#nav_home a {			background-position: 0px 0px; left: 0px; width: 68px; height: 37px; }
li#nav_home a:hover {		background-position: 0px -37px; }

li#nav_hhp {				left: 70px; top: 0px; width: 166px; height: 37px; }
li#nav_hhp a {			background-position: -70px -0px; left: 70px; width: 166px; height: 37px; }
li#nav_hhp a:hover {		background-position: -70px -37px; }

li#nav_hhna {			left: 238px; top: 0px; width: 200px; height: 37px; }
li#nav_hhna a {			background-position: -238px -0px; left: 238px; width: 200px; height: 37px; }
li#nav_hhna a:hover {		background-position: -238px -37px; }

li#nav_hhhc {			left: 440px; top: 0px; width: 175px; height: 37px; }
li#nav_hhhc a {			background-position: -440px -0px; left: 440px; width: 175px; height: 37px; }
li#nav_hhhc a:hover {		background-position: -440px -37px; }

li#nav_hhg {				left: 617px; top: 0px; width: 179px; height: 37px; }
li#nav_hhg a {			background-position: -617px -0px; left: 617px; width: 179px; height: 37px; }
li#nav_hhg a:hover {		background-position: -617px -37px; }

li#nav_contact {			left: 798px; top: 0px; width: 102px; height: 37px; }
li#nav_contact a {		background-position: -798px -0px; left: 798px; width: 102px; height: 37px; }
li#nav_contact a:hover {	background-position: -798px -37px; }

ul.nav_home_b li#nav_home a { 			background: url(background_images/menu_buttons.gif); background-position: -0px -37px; }
ul.nav_hhp_b li#nav_hhp a {			background: url(background_images/menu_buttons.gif); background-position: -70px -37px; }
ul.nav_hhna_b li#nav_hhna a {			background: url(background_images/menu_buttons.gif); background-position: -238px -37px; }
ul.nav_hhhc_b li#nav_hhhc a {			background: url(background_images/menu_buttons.gif); background-position: -440px -37px; }
ul.nav_hhg_b li#nav_hhg a {			background: url(background_images/menu_buttons.gif); background-position: -617px -37px; }
ul.nav_contact_b li#nav_contact a {	background: url(background_images/menu_buttons.gif); background-position: -798px -37px; }
/* END CSS NAV MENU ON TOP */



div.c_l {						display: block; text-align: left; float: left; font-weight: 100; margin-bottom: 10px; margin-right: 15px; width: 105px; }
div.c_r {						text-align: left; font-weight: 100; width: 260px; }

label, input, select, textarea {	font-family: Verdana, Arial, Helvetica, sans-serif; display: block; float: left; margin-bottom: 10px; }
label {						font-weight: 100; width: 105px; margin-right: 15px; }
input.submit_box {			margin: 5px 0px 0px 120px; }

.input_no_left {				margin-left: 120px; }
.job_geo {					display: inline; float: none; vertical-align: middle; margin-right: 10px; }

form {						margin: 0; } 
.input_box {					font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #5a5a5a; background: #ffffff; color: #5a5a5a; padding: 3px; }
.submit_box {				font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #a9a9a9; background: #ffffff; color: #808080; padding: 3px; }