/* Colours:
FRA Blue: #020167
*/

/***** Global Settings *****/
html, body {
border:0;
margin:0;
padding:0;
}
html{
background:#bf0101 url(images/background.gif) top left;
}
body {
/* Set font as 10px - 1em will equal 10px */
font:62.5%/1.4 Arial, Helvetica, sans-serif;
}
/***** Headings *****/
h1, h2, h3, h4, h5, h6{
margin:0;
padding:0;
font-weight:normal;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}
/***** Common Formatting *****/
p, ul, ol{
margin:0;
padding:0 0 0.75em 0;
}
ul{
padding:0;
list-style-type:none;
} 
li{
padding:0;
margin:0;
}
img{
border:0;
}
/***** Links *****/
a, a:link, a:visited{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
/***** Global Classes *****/
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
 
.nopadding     { padding:0; }
.nobullet      { list-style:none;list-style-image:none; }
.nomargin			 { margin:0;padding:0; }

.margintop20{
margin-top:20px;
}

.underline{
text-decoration:underline;
}

.testimonial{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}
.client{
font-weight:bold;
padding-bottom:1em;
margin-bottom:1em;
border-bottom:1px dotted #333;
}


/* ************************************************************************************************************************* */

#wrapper{
width:974px;
margin:0 auto;
}
#page{
width:960px;
background:url(images/page.png) top center repeat-y;
padding:0 7px;
float:left;
}
/* *********************************** Masthead ****************************** */
#masthead{
background:#fff url(images/masthead.gif) top left repeat-x;
width:960px;
float:left;
border-bottom:3px solid #fff;
}
h1{
width:260px;
height:115px;
position:relative;
overflow:hidden;
margin:0;
font-size:1.6em;
line-height:18px;
float:left;
}
h1 span {
background:url(images/fire-risk-assessment.gif) top left no-repeat;
position:absolute;
width:100%;
height:100%;
}
#masthead p{
color:#020167;
width:680px;
margin:50px 20px 0 0;
float:left;
text-align:right;
font:1.8em/1.4 Trebuchet MS, Arial, Helvetica, sans-serif;
}
#masthead p a{
color:#020167;
text-decoration:underline;
margin-left:14px;
}
/* *********************************** Navigation ****************************** */
#nav{
width:100%;
float:left;
height:38px;
padding:12px 0 0;
}
#nav li{
float:left;
text-align:center;
margin-right:2px;
font:1.6em/1.4 Trebuchet MS, Arial, Helvetica, sans-serif;
}
#nav-index{
width:74px;
}
#nav-regulations{
width:162px;
}
#nav-options{
width:137px;
}
#nav-solution{
width:139px;
}
#nav-supplier{
width:174px;
}
#nav-testimonials{
width:132px;
}
#nav li#nav-contact{
width:130px;
margin-right:0;
}
#nav a{
color:#fff;
}
.nav-generic{
background:url(images/nav.gif) top left no-repeat;
}
.nav-index{
background:url(images/nav-index.gif) top left no-repeat;
}
.nav-regulations{
background:url(images/nav-regulations.gif) top left no-repeat;
}
.nav-options{
background:url(images/nav-options.gif) top left no-repeat;
}
.nav-solution{
background:url(images/nav-solution.gif) top left no-repeat;
}
.nav-supplier{
background:url(images/nav-supplier.gif) top left no-repeat;
}
.nav-testimonials{
background:url(images/nav-testimonials.gif) top left no-repeat;
}
.nav-contact{
background:url(images/nav-contact.gif) top left no-repeat;
}
/* ********************************* Home Content ****************************** */
#content-home{
width:550px;
float:left;
}
#banner{
background:url(images/banner.jpg) top left no-repeat;
color:#fff;
padding:20px 30px 6px;
}
#banner h2{
font-size:3.2em;
margin-bottom:12px;
}
#banner p{
font-size:1.4em;
}
#downloads{
background:#fff;
padding:10px 30px;
}
#downloads h3{
font-size:1.8em;
margin-bottom:6px;
}
.freepic{
margin:0 6px 0 0;
}
#downloads p{
margin-top:20px;
font-size:1.4em;
}
#downloads a{
color:#000;
text-decoration:underline;
}
#sidebar-home{
width:385px;
background:#fff url(images/sidebar-home.jpg) top left no-repeat;
float:left;
padding-top:410px;
padding:410px 0 30px 25px;
}
#sidebar-home img{
margin-bottom:10px;
}
/* ********************************* Footer ****************************** */
#footer{
background:#000;
float:left;
width:900px;
padding:12px 30px 4px;
}
#footer p{
float:left;
margin-right:40px;
color:#fff;
}
#footer a{
color:#fff;
}
#footer a:hover{
text-decoration:underline;
}
/* ************************************* Content ************************** */
#content{
width:580px;
float:left;
padding:25px 30px;
}
#content h2{
font-size:2.4em;
margin-bottom:12px;
}
#content h3{
font-size:2em;
margin:20px 0 16px;
}
#content h3.highlight{
font-size:1.4em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:24px;
}
#content h4{
font-size:1.2em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
margin:1em 0 0.75em;
}
#content p, #content li{
font-size:1.2em;
}
#content ul{
padding:0 0 1.2em;
}
#content ul li{
list-style-type:disc;
}
#content ul.supplier-points{
padding:0 0 16px 14px;
}
#content ul.supplier-points li{
margin:0 0 8px;
}
#content ol{
padding:0 0 0 16px;
}
#content a{
color:#000;
text-decoration:underline;
}
#sidebar{
background:#440100 url(images/sidebar.jpg) top left no-repeat;
width:320px;
float:left;
color:#fff;
}
#buybox{
width:292px;
padding:25px 14px;
}
#samples{
width:292px;
padding:25px 14px;
border-top:2px solid #fff;
}
#buybox h3{
font-size:2.4em;
margin-bottom:300px;
}
#samples h3{
font-size:1.6em;
margin-bottom:16px;
}
#sidebar img{
margin-bottom:10px;
}
/* ************************** Regulations ************************** */
#word-list li h4{
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0 0 0.25em;
}
#content #word-list li{
background:url(images/word-icon.gif) top left no-repeat;
padding-left:34px;
list-style-type:none;
margin-bottom:0.5em;
font-size:1em;
}
#word-list a{
color:#000;
}
/* ************************** Options ************************** */
table{
text-align:left;
font-size:1.2em;
margin-bottom:20px;
}
th{
padding:0 0 6px 0;
width:200px;
}
td{
padding:0;
width:240px;
}
#content .procon{
width:200px;
float:left;
margin:0 40px 50px;
}
/* ************************** Free Guidance Form ******************** */
#free-guidance{
font-size:1.2em;
padding:20px 0;
}
#free-guidance label{
display:block;
}
#free-guidance input.field{
width:300px;
margin-bottom:0.75em;
}
#free-guidance .check{
clear:both;
}
#free-guidance p{
font-size:1em;
}
#form-errors{
font-size:1.4em;
font-weight:bold;
color:#c00;
padding:10px 0;
}