/* CSS Document 
Spike Multimedia Ltd
Author: Colin Murdoch
Version: 1.0
*/

body {
background-color: #31425c;
}

html { overflow-y: scroll; }

/* ------------------------------------------ */
/* Flash Content STYLES */
/* ------------------------------------------ */

#flashcontent {
width: 490px;
float: left;
}

.displayTxt {
padding: 25px 20px;
}
.displayTxt h2 {
font-size:150%;
color: #6b888e;
}

.displayTxt h3  {
font-size:110%;
color: #889fa3;
}

.displayTxt p {
font-size:90%;
line-height: 1.4em;
}

/* ------------------------------------------ */
/* FLOAT STYLES CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right;}
.clear { clear: both; }
.transpBlack { background: url(transpBlack.png); }
.floatLeftSection {
float:left;
width: 320px; 
padding-bottom: 10px;
}


/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
#page-wrap {
    background-color:#FFFFFF;
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#logo {
	position: absolute;
	top: 21px;
	left: 800px;
	height: 143px;
	width: 136px;
	z-index: 900;
	} 

.gfxHeader h1 {
    padding: 79px 0 0 0;
    overflow: hidden;
    background-image: url( images/security-guards.gif);
    background-repeat: no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:79px; /* for IE5.5's bad box model */
} 

.gfxHeaderClean h1 {
    padding: 79px 0 0 0;
    overflow: hidden;
    background-image: url( images/security-guards-clean.gif);
    background-repeat: no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:79px; /* for IE5.5's bad box model */
} 

.gfxHeaderTrain h1 {
    padding: 79px 0 0 0;
    overflow: hidden;
    background-image: url( images/security-guards-train.gif);
    background-repeat: no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:79px; /* for IE5.5's bad box model */
} 

.gfxHeaderSecurity h1 {
    padding: 79px 0 0 0;
    overflow: hidden;
    background-image: url( images/security-guards-security.gif);
    background-repeat: no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:79px; /* for IE5.5's bad box model */
} 


#content {
width: 100%;
}

#content .cleaning ul {font-size:85%;font-weight: bold;margin-left: 15px;list-style: url(images/clean_bullet.gif);}
#content .cleaning h3 {color: #870a2c; font-size:130%; padding-bottom: 5px;}
#content .cleaning p {color: #281602; font-size:85%; padding-bottom: 5px; line-height: 1.2em;}

#content .training ul {font-size:85%;font-weight: bold;margin-left: 15px;list-style: url(images/train_bullet.gif);}
#content .training h3 {color: #703b01; font-size:130%; padding-bottom: 5px;}
#content .training p {color: #281602; font-size:85%; padding-bottom: 5px; line-height: 1.2em;}

#content .security ul {font-size:85%;font-weight: bold;margin-left: 15px;list-style: url(images/secure_bullet.gif);}
#content .security h3 {color: #053060; font-size:130%; padding-bottom: 5px;}
#content .security p {color: #281602; font-size:85%; padding-bottom: 5px; line-height: 1.2em;}

#footer { background: url(images/footer_bck.gif) repeat-x; padding: 15px 20px 3px 20px; color:#3F597F; clear:left; zoom:1;}
#footer p {text-align:center; font-size:65%;}
#footer a {text-decoration:none; color:#3F597F;}
#footer .floatAd p { float:right; color:#1a3859; text-align:left; font-size:75%; line-height:1.2em; font-weight: bold; padding-top:10px;}

#footerClean { background: url(images/footerClean_bck.gif) repeat-x; padding: 15px 20px 3px 20px; color:#3F597F; clear:left; zoom:1;}
#footerClean p {text-align:center; font-size:65%;}
#footerClean a {text-decoration:none; color:#3F597F;}
#footerClean .floatAd p { float:right; color:#1a3859; text-align:left; font-size:75%; line-height:1.2em; font-weight: bold; padding-top:10px;}

#footerTrain { background: url(images/footerTrain_bck.gif) repeat-x; padding: 15px 20px 3px 20px; color:#3F597F; clear:left; zoom:1;}
#footerTrain p {text-align:center; font-size:65%;}
#footerTrain a {text-decoration:none; color:#3F597F;}
#footerTrain .floatAd p { float:right; color:#1a3859; text-align:left; font-size:75%; line-height:1.2em; font-weight: bold; padding-top:10px;}

#footerSecurity { background: url(images/footerSecurity_bck.gif) repeat-x; padding: 15px 20px 3px 20px; color:#3F597F; clear:left; zoom:1;}
#footerSecurity p {text-align:center; font-size:65%;}
#footerSecurity a {text-decoration:none; color:#3F597F;}
#footerSecurity .floatAd p { float:right; color:#1a3859; text-align:left; font-size:75%; line-height:1.2em; font-weight: bold; padding-top:10px;}

.adSpan {
color:#315781;
}
.adLink {
text-decoration: none;
color: #281602;
}

.topHeader {
background: #fff url(images/topHeadBck.gif) repeat-x;
height: 21px;
position: relative;
}

.gfxHeader {
height: 79px;
background: url(images/gfxHeaderBck.gif) repeat-x;
position: relative;
}

.gfxHeaderClean {
height: 79px;
background: url(images/gfxHeaderCleanBck.gif) repeat-x;
position: relative;
}

.gfxHeaderTrain {
height: 79px;
background: url(images/gfxHeaderTrainBck.gif) repeat-x;
position: relative;
}

.gfxHeaderSecurity {
height: 79px;
background: url(images/gfxHeaderSecurityBck.gif) repeat-x;
position: relative;
}

.navBar {
height: 64px;
background: url(images/navBarBck.gif) repeat-x;
position: relative;
z-index: 600;
}

.displayArea {
height: 306px;
width: 100%;
background: #baccd0 url(images/display_bck2.gif) repeat-x;
float: left;
/*position: absolute; */
}

#content .cleaning, .training, .security { background-repeat:no-repeat; width:255px; height:183px; padding:18px 20px 0px 25px; float:left; }

#content .security	{  margin:10px 10px 10px 10px;  }
#content .training 	{  margin:10px 10px 10px 10px;  }
#content .cleaning 	{  margin:10px 10px 10px 10px;  }

#content .security	{ background:url(images/security_button.png) top; }
#content .training 	{ background:url(images/training_button.png) top; }
#content .cleaning 	{ background:url(images/cleaning_button.png) top; }

#content .security:hover { background:url(images/security_button.png) bottom; }
#content .training:hover { background:url(images/training_button.png) bottom; }
#content .cleaning:hover { background:url(images/cleaning_button.png) bottom; }

#content .cleanH 	{ 
background:url(images/clean_h_bck.gif) top left; 
width: 272px;
Height: 20px;
padding: 7px 14px 3px 14px;
color: #FFFFFF;
font-size: 100%;
font-weight: normal;
}

#content .trainH 	{ 
background:url(images/train_h_bck.gif) top left; 
width: 272px;
Height: 20px;
padding: 7px 14px 3px 14px;
color: #FFFFFF;
font-size: 100%;
font-weight: normal;
}

#content .trainHBold 	{ 
background:url(images/train_h_bck.gif) top left; 
width: 272px;
Height: 20px;
padding: 7px 14px 3px 14px;
color: #FFFFFF;
font-size: 100%;
font-weight: bold;
}

#content .secureH 	{ 
background:url(images/secure_h_bck.gif) top left; 
width: 272px;
Height: 20px;
padding: 7px 14px 3px 14px;
color: #FFFFFF;
font-size: 100%;
font-weight: normal;
}


/* ------------------------------------------ */
/* Content links */
/* ------------------------------------------ */

.contentLinks {
clear: left;
padding: 0px 10px 12px 10px;
}

.contentLinks ul{
list-style: none;
border-bottom: 1px solid #c3c3c3;
}

.contentLinks li a {
/* margin-top:10px;*/
display:block;
width: 255px;
padding:4px 10px 4px 35px;
font: 13px sans-serif;
color:#3F3F3F;
background: url("images/contentButtonD.gif") 0 0 no-repeat;
text-decoration: none;
}

.contentLinks li a:visited {
color:#3F3F3F;
}

.contentLinks li a:hover { 
background-position: 0 -50px;
color: #000;
}

.contentLinks li a:active {
background-position: 0 -100px;
color:#595959;
}

.contentLinks li .active {
background-position: 0 -100px;
color:#595959;
}

/* ------------------------------------------ */
/* Section Styling - Cleaning */
/* ------------------------------------------ */

#cleaningContent{
margin: 10px;
float: left;
width: 620px; 
}

#cleaningContent h2{
font-size: 120%;
color: #d31145;
}

#cleaningContent h3{
font-size: 110%;
color: #e0696d;
}

#cleaningContent p{
font-size:90%;
line-height: 1.4em;
}

#cleaningContent ul {font-size:95%; margin-left: 15px; line-height: 1.4em; list-style: url(images/clean_bullet.gif);}

/* ------------------------------------------ */
/* Section Styling - Training */
/* ------------------------------------------ */

#trainingContent{
margin: 10px;
float: left;
width: 620px; 
}

#trainingContent h2{
font-size: 120%;
color: #F68E1D;
}

#trainingContent h3{
font-size: 100%;
color: #FFB25F;
}

#trainingContent p{
font-size:90%;
line-height: 1.4em;
}

#trainingContent ul {font-size:95%; margin-left: 15px; line-height: 1.4em; list-style: url(images/train_bullet.gif);}

.courseInfo {
background: #fce1c4 url(images/course-info-bck.gif) repeat-x;
padding: 20px;
border: 1px solid #C4843F;
margin-left: 20px;
margin-right: 20px;
}

.contactInfo {
padding: 0px 20px 20px 20px;
margin-left: 20px;
margin-right: 20px;
}

.promoBadge {
float:right; 
width: 117px; 
margin-right: 70px;
}

/* ------------------------------------------ */
/* Section Styling - Security */
/* ------------------------------------------ */

#securityContent{
margin: 10px;
float: left;
width: 620px; 
}

#securityContent h2{
font-size: 120%;
color: #003774;
}

#securityContent h3{
font-size: 110%;
color: #445E93;
}

#securityContent p{
font-size:90%;
line-height: 1.4em;
}

#securityContent ul {font-size:95%; margin-left: 15px; line-height: 1.4em; list-style: url(images/secure_bullet.gif);}

#securityContent ol {font-size:95%; margin-left: 15px; line-height: 1.4em; list-style:decimal;}

/* ------------------------------------------ */
/* Text Styling */
/* ------------------------------------------ */

.bold {
font-weight: bold;
}

.boldTrain {
font-weight: bold;
color: #986B3A;
}

#trainingContent a:link {
color: #986B3A;
}

#trainingContent a:visited {
color: #986B3A;
}

#trainingContent a:hover {
color: #4F2D0A;
}

/* ------------------------------------------ */
/* News Styles */
/* ------------------------------------------ */
.newsHeader {
background: url(images/news_header.gif) no-repeat;
}

th {
border-right:1px solid #c0cfe3; 
padding-top: 4px;
color: #FFFFFF;
height: 22px;
}

.trClass {
border-bottom: 1px solid #c0cfe3;
padding: 8px 2px 6px 5px;
font-size: 90%;
}

.trClassMore {
padding: 10px 2px 10px 5px;
font-size: 90%;
}

.trDets {
padding: 0 0 0 10px;
background-color: #F5F6F9;
}

.newsBodyPad {
padding: 0 10px 0 10px;
}

.newsMoreHeader {
padding-top: 4px;
color: #FFFFFF;
height: 26px;
}

.noBck {
background-image: none;
}

/* =============================== map styling ====================================== */

  #map{
   border: 1px solid #00199A;
   width: 560px;
   height: 335px;
   text-align: center;
   margin: 0 auto;

   }
   

/* ------------------------------------------ */
/* Bottom Link Styles */
/* ------------------------------------------ */

.bottomLinks {
	width: 960px;
	margin: 0 auto;
	position: relative;
	padding: 10px 0;
}

.bottomLinks ul {
list-style-type: circle;
font-size: 75%;
margin-left:50px;
}

.bottomLinks li {
	float:left;
	color:#c0c0c0;
	margin-left:10px;
	}	
		
.bottomLinks li a {
	display:block;
	padding:0 15px 0 0;
	}
								
.bottomLinks li a:link,
.bottomLinks li a:visited {
	color:#c0c0c0;
	text-decoration:none;
	}	
		
.bottomLinks li a:hover,
.bottomLinks li a:focus {
	color:#969696;
	}