/*
-------------------------------------------
Project Fire
Main Layout

Created By  Rob W @ Oyster


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

body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin:0px;
	background:#FFF;
	padding-bottom:30px;
}

h2 {	font-size:1.7em; }

p {
	font-size:1.1em;
	line-height: 1.8em;
}

a {
	color: #EA2026;
	text-decoration:none;
}
a:hover {	color:#17A3EE;}

img {	border:0;}
.last{
	border-bottom:none!important;
	background:none!important;
}

/*---------
 Frame
----------*/
#frame {
	width:990px;
	margin:5% auto 0px;
	position:relative;
	border:1px solid #a9abaf;
	border-bottom:none;
}
/*Clear Fix */
#frame:after  {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}
* html>body #frame {
	display: inline-block; 
	width: 100%;
	}

* html #frame {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	



/*---------
 Header 
----------*/
#frame #header {
	background:url(../images/layout/header_background.jpg) repeat-x;
	height:145px;
	clear:both;
	position:relative;
}
#frame #header a#accessibility {
	display:block;
	padding:5px 6px;
	color:#FFFFFF;
	background:#505255;
	border:1px solid #313233;
	border-top:none;
	text-transform:uppercase;
	position:absolute;
	right:10px;
	top:0px;
	font-size:9px;
}
#frame #header h1 {
	margin:0px 0px 0px 20px;
	padding:0px;
	height:98px;
}
#frame #header ul {
	list-style:none;
	margin:0px 0px 0px 20px;

	padding:0px;
}
#frame #header ul li{
	float:left;
	height:44px;
	margin:2px 0px 0px 5px;
	padding:0px 18px 0px 0px;
	background:url(../images/layout/navigation_background.jpg) no-repeat right;
}
#frame #header ul li a{
	text-transform:uppercase;
	color:#222125;
	display:block;
	font-size:1.10em;
	padding-top:13px;
}

#frame #header ul li a:hover, #frame #header ul li a.current_area{
 	color:#FFFFFF;
 }
 #frame #header img#pfe {
	position:absolute;
	bottom:0px;
	right:10px;
}
 
 /*-------------------
 Secondary navigation
---------------------*/

#frame #secondary_navigation {
	width:185px;
	float:left;
	margin:50px 0px 0px
}	

#frame #secondary_navigation  ul{
	text-align:right;
	list-style:none;
	width:120px;
	margin:8px 0px 18px 55px;
	padding:0px;

}
#frame #secondary_navigation  ul li{
	margin:0px 0px 8px 0px;
	padding:0px;
}
#frame #secondary_navigation  ul li a{
	font-size:1.1em;
	display:block;
	margin:0px;
	width:120px;	
	text-transform:lowercase;
	padding:0px 0px 5px;
	border-bottom:1px dashed #999999;
	color:#222125;
}
#frame #secondary_navigation  ul li a:hover, #frame #secondary_navigation  ul li a.current_page{
	color: #EA2026;
}
#frame #secondary_navigation  ul li a.current_page_last{
	color: #EA2026;
	border:none;
}

#frame #secondary_navigation  p{
	text-align:right;
	line-height:18px;
	width:170px;
	margin:0px 0px 5px 10px;
	padding:0px;
}
#frame #secondary_navigation  p strong, #frame #secondary_navigation  p a{
	display:block;
}

#frame #secondary_navigation form {	border-right:1px solid #CCCCCC; margin-top:20px;	 }
#frame #secondary_navigation form p {
	position: relative;
	clear:both;
	text-align:left;
}
#frame #secondary_navigation form p label{
	font-size:0.9em;

}
#frame #secondary_navigation form p label textarea,  #frame #secondary_navigation form p label input{
	position:absolute;
	right:5px;
	top:2px;
	width:110px;
	font-size:1.0em;
	border:1px solid  #CCCCCC;
}


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

#frame #content {
	width:738px;
	float:right;
	margin:2px 0px 0px 3px;
	background:url(../images/layout/content-background.gif) repeat-y right;
}

#frame #content #main_image{
	float:right;
}

#frame #content h1,  #frame #content  h2, #frame #content h3, #frame #content p , #frame #content ul,  #frame #content ol{
	width:410px;
	margin:5px 1px;
}

#frame #content h1{
	font-size:1.7em;
	color:#545659;
	margin:48px 0px 0px;
	padding:0px;
}
#frame #content h2{
	font-size:1.5em;
	color:#343536;
	font-weight:normal;
	margin:20px 0px 0px;
}


#frame #content .news_image{
	float:left;
	display:inline;
	margin:0px 15px 10px 0px;
}


.product_image {
	float:right;
	display:inline;
	clear:right;
	border-right:2px solid #FFF;
	border-bottom:2px solid #FFF;
	margin-right:6px;
	margin-bottom:20px;
}

#frame #content h2 span, #frame #content h1 span{ color: #999999; font-size:10px; display:block;  }

#frame #content  p { 	margin:5px 1px 10px; padding-bottom:5px;}
#frame #content ul { font-size:1.1em; padding:10px 15px;}
#frame #content ol { font-size:1.1em; padding:5px 15px;}
#frame #content ul li, #frame #content ol li{ margin:5px 0px 10px 0px; padding:0px 0px 0px 5px; }

#frame #content ul li ul { margin:0px 0px 0px 13px; }
#frame #content ul li ul li a{ font-size:0.9em; color:#333333; }
#frame #content ul li ul li a:hover{ font-size:0.9em; color: #04ADFF; }

#frame #content form p { margin:9px 1px ;}
#frame #content form p label { font-style:italic; color: #003366;  position:relative; display:block;}
#frame #content form p label span { font-size:0.8em; position:absolute; right:30px; font-style:normal; top:20px; color: #CCCCCC; }
#frame #content form p label input, #frame #content form p label  textarea {
	display:block;
	width:330px;
}

#frame #content form { 	padding-bottom:20px; }

/* Group Websites */

#frame #content #group_websites {
	list-style:none;
	width:420px;
	border-top:1px solid  #DFDFDF;
	padding:15px 0px 0px 10px;
	margin:15px 0px;
}
#frame #content #group_websites li{
	float:left;
	padding:0px;
	margin:0px 10px 0px 0px;
	width:130px;
}
#frame #content #group_websites li  a {font-size:0.9em; color:#999999; }
#frame #content #group_websites li  a:hover {font-size:0.9em; color: #FF5555; }
#frame #content #group_websites li  a img { 
	display:block; padding-bottom:6px;
	margin-left:-5px;
}

/* Brochure */
#frame #content #product_brochures {	
	border-top:1px solid #E4E4E4;
	list-style:none;
	margin-top:15px;
	padding:10px 0px 5px;
}

/* Downloads*/
#frame #content .downloads {
	border:1px solid  #DBDBDB;
	width:460px;
	margin:15px 0px;
}

#frame #content .downloads h2 { margin:10px 9px 5px; }
#frame #content .downloads h3 { 
	font-size:1.3em; 
	font-weight:normal; 
	width:430px;
	text-indent:5px;
	color: #999999;
	margin:10px 9px 5px; 
	border-bottom:1px solid #CCCCCC; 
	padding-bottom:5px;
}
#frame #content .downloads p { margin:6px 13px; }

#frame #content .downloads ul {
	list-style:none;
	margin:9px 0px 15px;
	background:#EFEFEF;
	height:2em;
	width:451px;
	padding:0px 0px 0px 9px;
	border-bottom: 3px solid #D8D8D8;
}
#frame #content .downloads ul li{
	margin:5px;
	padding:0px;
	border-right: 1px solid #CCCCCC;
	padding-right:6px;
	float:left;
}
#frame #content .downloads ul li.last{	border-right:none; }

#frame #content .downloads  .download_description {
	font-size:0.9em;
	padding-left:24px;
	color:#999999;
	display:block;
}

/*News*/
#frame #content .news_item  {margin:20px 3px; }
#frame #content .news_item  a{ text-align:right; 	display:block;  margin-top:7px;}

#frame #content .news_item  a.news-title { 	margin:0px; font-size:1.3em; color:#333333; font-weight:bold; text-align:left;  border-bottom:none;}

#frame #content .news_item  a.news-title em { 
	font-size:0.8em;  
	color: #999999; 
	font-weight:normal;   	
	display:block; 
	border-top: 1px solid #E6E6E6; 
	margin-top:4px; 
	padding-top:4px;
}

/*----- FAQ form ----*/

#question {
	border-top:1px dashed #E3E4E5;
	padding-top:3px;
	width:440px;
}

/*------Approvals/Product Catalogue  ------ */

#frame #content table {
	width: 450px;
	border:1px solid #CCCCCC;
	margin:20px 0px;
}
#frame #content table caption {

	text-align:left;
	font-size:1.3em;
	padding-top:5px;
	margin-bottom:-8px;
}

#frame #content table th {
	background:  #F2F2F2;
	padding:8px 4px 8px;
	font-size:1.2em;
	color:#9A9A9A;
	border-bottom: 5px solid #EBEBEB ;
}
#frame #content table td {
	padding:8px 2px 8px 5px;
	width:83px;
	border-left:1px solid #F2F2F2;
	vertical-align:top;
}

#frame #content table td img{
	float:left;
	margin:0px 7px 0px 0px;
	border:1px solid #EBEBEB;
}#frame #content table td a { font-size:1.1em;}


#frame #content table .centred {
	text-align:center;
}

#frame #content table .product {
	text-align:right;
	margin-right:10px;
	width:80px;
	vertical-align:top;
	border-left:none;
	padding-right: 10px;
}


#frame #content table tr.even {
	background: #F9F9F9;
}
/* ----- Case Studies ------*/


#frame #content #case_study_layout{ width:738px; 	position:relative; padding-bottom:10px;}
 /* Case Header */

#frame #content #case_study_layout  #case_study_header{
	float:left;
	margin-top:16px; 
	display:inline;
	border-bottom:4px solid #E3E4E5;
	width:410px;
	padding:5px 0px 10px;
	margin-bottom:10px;
}
#frame #content #case_study_layout  #case_study_header h1 { ;  font-size:1.0em; font-weight:normal;}
#frame #content #case_study_layout  #case_study_header h1 a { color:#B0B0B0; } 
#frame #content #case_study_layout  #case_study_header h1 a:hover { color:#78BDE8; } 

#frame #content #case_study_layout  #case_study_header h1, #frame #content #case_study_layout  #case_study_header h2 { width:420px; padding:0px; margin: 10px 0px ;}

#case_study_header h2 { margin-top:0px; }

#frame #content #case_study_layout  #case_study_header h2 { font-size:1.7em; color:#EB2228; }

#frame #content #case_study_layout  #case_study_header p { margin:1px; padding:0px;}

/* Case Content */
#frame #content #case_study_layout #case_study_content {	display:inline;
  width:420px; float:left; clear:none;}

#frame #content #case_study_layout #case_study_content .client { border-bottom:1px dashed #CCCCCC; padding-bottom:5px; margin-bottom:15px; }

#frame #content #case_study_layout #case_study_content .client p { font-size:1.0em; margin-bototm:0px; padding-bottom:0px;}
#frame #content #case_study_layout #case_study_content  h3 { font-size:1.1em; margin-bottom:1px; color:#EA2224;}

#frame #content #case_study_layout #case_study_secondary_content {	
	width: 258px; 
	float:right;
	color:#FFFFFF;
	display:inline;
}

#frame #content #case_study_layout #case_study_secondary_content  p, #frame #content #case_study_layout #case_study_secondary_content  h3{	width: 235px;  padding:8px 10px; }

#frame #content #case_study_layout #case_study_secondary_content  h3, .url { margin-bottom:0px; padding-bottom:0px; font-size:1.5em; font-weight:bold; line-height:18px;}

#frame #content #case_study_layout #case_study_secondary_content .url a { display:block; color:#333333; font-size:0.9em; font-weight:normal; }
#frame #content #case_study_layout #case_study_secondary_content .url a:hover { color:#FFFFFF }
 
#frame #content #case_study_layout #case_study_secondary_content #first_image { width: 259px; margin:0px; padding:0px; border-bottom: 2px solid #FFFFFF;  line-height:0px; }
#frame #content #case_study_layout #case_study_secondary_content #first_image img{border-top:0px; border-bottom:0px; border-right: 2px solid #FFFFFF; padding:0px; margin:0px; display:block }

#frame #content #case_study_layout #case_study_secondary_content img {padding:0px; margin:0px 0px -4px ; border-bottom: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; line-height:0px; } 

#frame #content #gallery {
	list-style:none;
	width:430px;
	padding:3px 0px 5px;
	margin:0px ;
}

#frame #content #case_study_layout #case_study_secondary_content  #gallery {
	list-style:none;
	width:230px;
	padding:3px 0px 5px;
	margin:0px 0px 0px 10px;
}

#frame #content #gallery:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#frame #content #case_study_layout #case_study_secondary_content #gallery li{ float:left; margin: 0px  3px 5px 0px;}

#frame #content #case_study_layout #case_study_secondary_content #gallery li a{
	display:block;
	line-height:0px;
	padding:3px; border:1px solid #FFFFFF;  
}
#frame #content #gallery li{ float:left; margin: 10px  3px 5px 0px;}
#frame #content #gallery li a{
	display:block;
	line-height:0px;
	padding:3px; border:1px solid #999999;  
}

#frame #content  #case_study_layout #case_study_secondary_content  #gallery li a img{margin-bottom:0px;	border:0px; padding:0px;}

#frame #content #gallery li a img{margin-bottom:0px;	border:0px; padding:0px;}
#frame #content #gallery li a:hover{ background:#78BDE8; }

/* Testimonial */

#frame #content  #testimonials {
	border:1px solid #E3E4E5;
	width:410px; 
	margin:20px 0px;
}

#frame #content #testimonials ul {
	list-style:none;
	margin:0px;
	height:auto;
	width:400px;
	padding:5px;
}

#frame #content #testimonials #countries { 
	background:#F9F9F9; 
		width:300px;
	margin:0px auto 10px;
	padding:10px 55px 10px; 
	list-style:none;	
	display:block;
}
#frame #content #testimonials #countries:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
}
#frame #content #testimonials #countries  li{ 
	float:left;
	margin:2px 8px 2px 0px;
	padding:0px;
}

#frame #content #testimonials #countries  li a{ 
	font-size:1.2em;
	display:block;
	padding-right:8px;
	border-right: #CCCCCC 1px solid;
	color:#333333;
}
#frame #content #testimonials #countries  li a.last{ border:none; }
#frame #content #testimonials #countries  li a:hover, #frame #content #testimonials #countries  li a.current{ 
	color:#FF0000;
}

#frame #content .testimonial_header { 
	position:relative;
	width:410px; 
	margin-bottom:10px; 
	heigt:auto;
	padding:55px 0px 10px; 
	border-bottom:4px solid #E3E4E5;
}
#frame #content .testimonial_header h1 { 
	position:relative;
	font-weight:normal;
	width: 250px;
	color:#E62226;
	margin:0px 0px 10px;
}
#frame #content .testimonial_header h1 a{
	position:absolute; top:-20px;
	font-size:10px;
	color:#B0B0B0; 
}
#frame #content .testimonial_header h1 a:hover{ 	color:#78BDE8; }
#frame #content .testimonial_header p {
	width: 250px;
	margin:2px;
	padding:0px;
}

#frame #content .testimonial_header img{
	position: absolute;
	top:55px;
	padding:3px;
	border:1px solid #E3E4E5;
	right:0px;
}

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

#frame #footer {
	float:right;
	clear:both;
	color:#FFFFFF;
}

#frame #footer ul{
	width:794px;
	background:#3C3E41;
	margin:0px;
	text-transform:uppercase;
	list-style:none;
	font-size:9px;
	text-align:right;
	padding:10px 5px 0px 0px;
	height:22px;
}
#frame #footer ul li{
	display:inline;
	margin-left:4px;
}
#frame #footer ul li a{
	font-size:9px;
	color:#FFFFFF;
	padding-right:4px;
}
#frame #footer ul li a:hover{
	color: #EA212B;
}

#frame #footer form {
	width:188px;
	position:absolute;
	left:0px;
	margin:0px;
	bottom:0px;
	padding-bottom:5px;
	background: #a9abaf;
	position:absolute;
}
#frame #footer form #login_button { 
	right:-40px;
	bottom:-7px;
	height:32px;
	position:absolute;
}
#frame #footer form p{
	margin:7px 0px;
 	padding:0px;
	position:relative;
}
#frame #footer form p label {
	margin-left:5px;
	font-size:10px;

}
#frame #footer form p label input{
	width:120px;
	margin-left:10px;
	position:absolute;
	right:5px;
	border:1px solid #666666;
}
#frame #footer form  #password {
	position:absolute;
	bottom:-28px;
	right:8px;
}
#frame #footer form  #password a{
	text-decoration:underline;
	font-weight:bold;
	font-size:10px;
	color:#999999;
}

/*-------------------
 		MISC
---------------------*/

p.note  {
	color:#666666;
	padding:5px;
	font-weight:bold;
	margin:10px 0px;
	border:1px solid #CCCCCC;
	background-color: #FDFEF1;
}

.error-text, .error { color:#FF0000!important; }
.error { position:relative; }
.error img { position:absolute; left:-17px; top:5px; }

a.pdf{ 	background: url(../images/layout/pdf-icon.jpg) no-repeat left top; padding: 2px 0px 1px 24px ;  }
a.doc{ 	background: url(../images/layout/word-icon.jpg) no-repeat left top; padding: 2px 0px 1px 24px ;  }
a.xls{ 	background: url(../images/layout/xls-icon.jpg) no-repeat left top; padding: 2px 0px 1px 24px ;  }
a.ppt { 	background: url(../images/layout/powerpoint-icon.jpg) no-repeat left top; padding: 2px 0px 1px 24px ; }
a.dwg { 	background: url(../images/layout/dwg-icon.jpg) no-repeat left top; padding: 2px 0px 1px 24px ; }

/*---  Oyster---*/
#oyster {
	text-indent:-20000px;
	overflow:hidden;
	background:url(../images/layout/oyster.jpg) no-repeat;
	height:41px;
	width:256px;
	padding-bottom:10px;
	display:block;
	position:absolute;
	right:10px;
	bottom:-60px;
}