/*
=general
=page structure
=crumb_navigation
=main_navigation
=utility_navigation
=page content
=misc
*/

/*
=general
---------------------------------------------- */

* {
    margin: 0;
    padding: 0;
}

html {
    height: 101%;
}

html, body {
    width: 100%;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 69%; /* 11px */
    color: #333;
    line-height: 170%; /* 18px */
    text-align: left;
}

/* =main */

body.main {
	background-image: none;
}

body.main #content {
	width: 560px;
	background: none;
	padding: 0;
	color: black !important;
}

body.main #content h2, body.main #content p {

}

body.main #content h2 {
	background: none;
	color: black !important;
	padding-bottom: .5em;
	margin-bottom: 1em;
}	

body.main #content .padding {
	margin: 0;
}

body.main.nobackground #content {
	background-image: none;
}

table, tr, td, input, select, textarea, ul, ol {
    font-size: 100%;
    vertical-align: top;
}

a img, img {
    border: 0;
}

kbd {
	font-size: 11px;
}

code, pre {
    font-size: 1.5em;
    color: #999;
    display: block;
    width: 500px;
}

/* =hxs */ 
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

/* =h1 */
h1 {
	font-size: 2em; /* 22px */
	font-weight: normal;
	color: black;
	margin-bottom: .5em;
}

/* =h2 */
h2 {
	font-size: 1.4em; /* 22px */
	margin-bottom: .5em;
	padding: .25em 5px;
	color: black;
	background-color: none;
}

/* =h3 */
h3 {
	font-size: 1.2em; /* 17px */
}

/* =h4 */
h4 {
	font-size: 1em; 
}

/* =h5 */
h5 {
	font-size: 1em;
	margin-bottom: .5em;
	margin-left: 1.8em;
	padding: .25em 5px;
	color: black;
}

/* =h6 */
h6 {
}

/* =a */
a {
	text-decoration: none;
	color: black;
}

a:hover, a:focus, a:active {
	color: black;
}

ul {
    list-style: square;
}

p {
    margin-bottom: 1.5em; 
}

abbr {
	cursor: help;
}

address {
	font-style: normal;
}	

/* =form */
form {
}	

form ol {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}


form li {
	margin: 0 !important;
	padding: 1em 0;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}

form li.last {
	border-bottom: none;
}	

form p {
	margin: 1em 0;
}	

fieldset {
    border: none;
}

legend span {
	position: absolute;
	left: -999em;
}

label {
	float: left;
	width: 120px;
}

input.text, textarea, select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	border: 1px solid black;
	padding: 2px 5px;
	background: #fff;
	width: 200px;
}

input.text:focus, select:focus, textarea:focus {
	border-color: black;
}	

input.submit {
}


/* apply form */
#apply_form {
	margin: 2em 0;
	padding: 0 10px;	
	background: none;
}

/* =search form */
#search_form {
}	

#search_form input.text {
	float: left;
	width: 140px;
}

#search_form a {
	width: 17px;
	height: 17px;
	display: block;
	text-indent: -999em;
	padding: 0;
	border: 1px solid #939598;
	float: right;
	background: transparent url(../images/bt-search.gif) no-repeat 0% 0%;
}

/* =table */
table {
    width: 100%;
	border: solid black;
	border-width: 1px 0 0 1px;
	margin-bottom: 2em;
}

caption span {
	position: absolute;
	left: -999em;
}

tr:hover td {
	background: #eee;
}

th {
	background-color: #ccc;
	border: solid #666;
	border-width: 0 1px 1px 0;
	padding: .5em 10px;
	text-align: left;
}

td {
	border: solid #ccc;
	border-width: 0 1px 1px 0;
	padding: .5em 10px;
}

/*
=page structure
---------------------------------------------- */

/* =container */
#container {
	width: 90%;
	overflow: hidden;
}

/* =header */
#header {
    width: 100%;
	overflow: hidden;
}

#header img {
	margin-bottom: 2em;
}

/* =panel */
#panel {
	display: none;
}

/* =content */
#content {
    height: 600px; 
    min-height: 600px; 
	width: 100%; /* 560px */
}

*>#content {
    height: auto;
}


#content.homepage {
	background-image: none;
}


.padding {
}

/*
=crumb_navigation
---------------------------------------------- */

#crumb_navigation {
	display: none;
}

/*
=main_navigation
---------------------------------------------- */

#main_navigation {
	display: none;
}

/*
=utility_navigation
---------------------------------------------- */

#utility_navigation {
	display: none;
}


/*
=page content
---------------------------------------------- */
.overlay {
	position: absolute;
}

#content ol {
	margin: 0 0 1em 25px;
}

#content ol li {
	margin-bottom: 1em;
}	

#content ul {
	margin: 0 0 1em 20px;
}

#content ul li {
	margin-bottom: .5em;
}

#content .top {
	background: transparent url(../images/bg-arrow-up.gif) no-repeat 0% .7em;
	padding-left: 14px;
}

#content .web {
	background: transparent url(../images/bg-arrow-left.gif) no-repeat 0% .2em;
	padding-left: 10px;
}

#content .web_on_black {
	background: transparent url(../images/bg-arrow-left-on-black.gif) no-repeat 0% .2em;
	padding-left: 15px;
	font-size: 1em;
	margin-bottom: .5em;
	color: #ccc;
}

/* =page links */
#content .page_links {
	margin: 0 0 1em 0;
	padding-bottom: .5em;
	list-style: none;
	border-bottom: 1px solid #ccc;
}

#content .page_links li {
	background: transparent url(../images/bg-arrow-down.gif) no-repeat 0% .7em;
	padding-left: 14px;
	margin-bottom: 0;
}

/* =read on */
.read_on {
	display: block;
	width: 90px;
	height: 40px;
	background: transparent url(../images/bg-read-on.png) no-repeat 0% 0%;
	position: absolute;
}

.read_on:focus, .read_on:hover, .read_on:active {
	background-position: -90px 0%;
}

.read_on span {
	display: none;
}

/* =play */
.play {
}

.play:focus, .play:hover, .play:active {
	background-position: -67px 0%;
}

.play  span {
	display: none;
}

/* =image */		
#content .image {
	position: relative;
	float: right;
	margin: -5px -15px -15px 10px;
}	

#content .image.left {
	float: left;
	margin: -15px 10px -5px -10px;
}	

#content .image img.overlay {
	position: absolute;
}

/* =column home */
#content #column_fade_container {
	width: 100%;
	margin: 2em 0 0 0;
}

#content #column_fade_top {
	display: none;
}

#content #column_fade {
	width: 100%;
	position: relative;
}

#content #column_fade h1 {
}

#content #column_fade h1.career {

}

#content #column_fade h1.ladder {
}

#content #column_fade p {
	margin: 0 0 1em !important;
}

#content #column_fade #apply_now {

}

#content #column_fade #apply_now span {
}	

#content #column_fade_bottom {
	display: none;
}

#content #intro_images {
	width: 230px;
	float: left;
	margin: 1.5em 0 0;
	position: relative;
}

#content #intro_images .read_on {
	position: absolute;
	top: 90px;
	right: 25px;
}	

#content #intro_images .play {
	position: absolute;
	top: 225px;
	right: 35px;
}	

#content #intro_images #fighting {
	margin-left: 10px;
}

#content #intro_images #professional {
	position: absolute;
	left: 10px;
	top: 120px;
}

/* = home menu */
#content #quick_links {
	margin: 2em 30px 0 0;
	padding: 0;
	list-style: none;
	float: right;
	width: 47px;
	display: inline;
}

#content  #quick_links li {
	margin: 0;
	padding: 0;
	width: 47px;
	height: 36px;
	float: left;
	margin-bottom: .25em;
}

#content #quick_links a {
	width: 47px;
	height: 36px;
	display: block;
	background: transparent no-repeat 0% 0%;
}

#content #quick_links a:focus, #content #quick_links a:hover, #content #quick_links a:active {
	background-position: -47px 0%;
} 

#content #quick_links a span {
	display: none;
}

#content #quick_links #recruitment a { background-image: url(../images/bg-quick-links-recruitment.png); }
#content #quick_links #fitness a { background-image: url(../images/bg-quick-links-fitness.png); }
#content #quick_links #stories a { background-image: url(../images/bg-quick-links-stories.png); }
#content #quick_links #training a { background-image: url(../images/bg-quick-links-training.png); }
#content #quick_links #job a { background-image: url(../images/bg-quick-links-job.png); }
#content #quick_links #open a { background-image: url(../images/bg-quick-links-open.png); }
#content #quick_links #apply a { background-image: url(../images/bg-quick-links-apply.png); }

/* =process */
#content #process {
	margin: 2em 0 0 0;
	width: 100%;
}

#content #process ul {
	margin: 0;	
	list-style: none;
	width: 100%; /* 506px */
}

#content #process li {
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
}

#content #process li.last {
	margin-bottom: 0;
}

#content .process_top {
	display: none;
}

#content .process_content {
	width: 100%;
	margin-bottom: 2em;
}

#content #process h2 {
	color: black !important;
}

#content #process h2 span {
	color: black !important;
}

#content #process p {
	color: black !important;
}

#content #process a {
	color: black !important;
}	

#content #process_bottom {
	display: none;
}	


/* =firefighters */
#content #firefighters {		
	width: 100%;
	height: 347px;
	background: transparent url(../images/bg-firefighters.jpg) no-repeat 0% 100%;
}

#content #firefighters ul {
	list-style: none;
	margin: 0;
	padding-top: 16px;
	width: 100%;
	height: 204px;
	background: transparent url(../images/bg-firefighters-ul.jpg) no-repeat 0% 0%;
}

#content #firefighters li {
	float: left;
	display: inline;
}

#content #firefighters li a {
	margin: 0;
	float: left;
	background: transparent no-repeat 0% 0%;
	height: 188px;
	display: block;
	text-indent: -999em;
}

#content #firefighters .roy a {
	width: 102px;
	background-image: url(../images/bg-firefighters-roy.jpg);	
}

#content #firefighters .rochelle a {
	width: 89px;
	background-image: url(../images/bg-firefighters-rochelle.jpg);	
}

#content #firefighters .jason a {
	width: 91px;
	background-image: url(../images/bg-firefighters-jason.jpg);	
}

#content #firefighters .dylan a {
	width: 86px;
	background-image: url(../images/bg-firefighters-dylan.jpg);	
}

#content #firefighters .george a {
	width: 90px;
	background-image: url(../images/bg-firefighters-george.jpg);	
}

#content #firefighters .gareth a {
	width: 102px;
	background-image: url(../images/bg-firefighters-gareth.jpg);	
}

/* = profile */
#content #profile {
	width: 560px;
	height: 364px;
	background: transparent no-repeat 100% 0%;
	position: relative;
	margin-bottom: 1em;
}

#content #profile ul {
	list-style: none;
	margin: 0;
	float: left;
	width: 100%;
}

#content #profile ul li {
	padding: 0;
	margin: 0;
	position: absolute;
	width: 123px;
	height: 103px;
}

#content #profile ul li img {
	margin: 15px 0 0 15px;
}

#content #profile ul li img.overlay {
	margin: 0 0 0 0;
}

/* =roy */
#content .roy {	background-image: url(../images/roy-right.jpg) !important; }
#content #profile.roy ul li.thumb_1 { left: 330px; top: 163px; }
#content #profile.roy ul li.thumb_2 { left: 434px; top: 163px; }
#content #profile.roy ul li.thumb_3 { left: 330px; top: 247px; }
#content #profile.roy ul li.thumb_4 { left: 434px; top: 247px; }

/* =rochelle */
#content .rochelle { background-image: url(../images/rochelle-right.jpg) !important; }
#content #profile.rochelle ul li.thumb_1 { left: 268px; top: 166px; }
#content #profile.rochelle ul li.thumb_2 { left: 268px; top: 250px; }
#content #profile.rochelle ul li.thumb_3 { left: 372px; top: 250px; }

/* jason */
#content .jason { background-image: url(../images/jason-right.jpg) !important; }
#content #profile.jason ul li.thumb_1 { left: 329px; top: 250px; }
#content #profile.jason ul li.thumb_2 { left: 435px; top: 250px; }

/* dylan */
#content .dylan { background-image: url(../images/dylan-right.jpg) !important; }
#content #profile.dylan ul li.thumb_1 { left: 331px; top: 162px; }
#content #profile.dylan ul li.thumb_2 { left: 435px; top: 162px; }
#content #profile.dylan ul li.thumb_3 { left: 330px; top: 245px; }
#content #profile.dylan ul li.thumb_4 { left: 434px; top: 245px; }

/* george */
#content .george { background-image: url(../images/george-right.jpg) !important; }
#content #profile.george ul li.thumb_1 { left: 290px; top: 192px; }
#content #profile.george ul li.thumb_2 { left: 290px; top: 272px; }
#content #profile.george ul li.thumb_3 { left: 390px; top: 272px; }

/* gareth */
#content .gareth { background-image: url(../images/gareth-right.jpg) !important; }
#content #profile.gareth ul li.thumb_1 { left: 435px; top: 191px; }
#content #profile.gareth ul li.thumb_2 { left: 334px; top: 273px; }
#content #profile.gareth ul li.thumb_3 { left: 435px; top: 273px; }

/*= column */	
.column_top {
	display: none;
}

.column_wrapper {
	background: none;
	width: 100%;
}

.column_wrapper a {
	color: black;
}	

.column_wrapper h2, .column_wrapper p {
	margin: 0 !important;
		color: black;
}

.column_wrapper p {
	xfont-size: 10px;
	xline-height: 130%;
}

#content .column {
	width: 100%;
}

#content .column.left {
}

#content  .column.right {
}

#content .column h2 {
}

#content .column ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content .column li {
}

#content .column li h3 {
	background: none;	
	width: 100%; /* 146px */
}

#content .column li h3.basic {
	background-image: none;	
	margin-bottom: 1em;
	xfont-size: 11px;
	xfont-weight: normal;
	color: black;
}

#content .column li h3.basic span {
	top: -3px;
}
	
#content .column li h3 span {

}

#content .column li p {
}

#content .column li .read_on {
	background: none;
}

#content .column_bottom {
	display: none;
}

/* =steps */
#content #steps {
	width: 100%;
	margin: 1.55em 0 0 0;
}

#content #steps ul {
	margin: 0;
	padding: 0;
	list-style: none;
}	

#content #steps li {
	margin: 0;
	padding: 0;
	width: 100%;
}

#content #steps .steps_top {
	display: none;
}

#content #steps .steps_content {
	width: 100%;
	margin-bottom: 1em;
}

#content #steps .steps_content h2 {
}	

#content #steps .steps_content p {
}

/* =site map */
#content #site_map {
	margin: 0;
	padding: 0;
	list-style: none;
}

#content #site_map {
	font-weight: bold;
}

#content #site_map ul {
	font-weight: normal;
}

/*
=misc
---------------------------------------------- */

hr, .hide {
    position: absolute;
    left: -999em;
}

/* =self clearing floats */
form li:after,
#container:after,
#header:after,
#panel .panel_item:after,
#crumb_navigation:after,
#content #process li:after,
#content .process_content:after,
#content #firefighters ul:after,
#content #profile:after,
#content #profile ul:after,
.column_top:after, 
.column_wrapper:after,
#content .column li:after,
#content #quick_links:after,
#content #steps .steps_content:after  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* =box */
.box {
	border: solid #ccc;
	border-width: 1px 1px 1px 1px;
	padding: .5em 10px;
	text-align:center;
}