/*
Arrow Fire and Security - Primary Stylesheet
Hand coded by J.Patchett @ Tastic Multimedia
http://www.tasticmedia.co.uk
*/

/* Basic Setup, fonts etc... */

html{
 margin:0;
 font-family:"Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;font-size:81.01%;color:#322;
 background:url(/assets/images/bg.png) repeat-x white;}

/* This is a nice simple centered fixed width site. Adjust the body to do that */

body{
 width:800px;
 margin:0 auto 0 auto;}

/* Some general styles */
 
a{
 color:#242B0F;}
a:hover{
 text-decoration:underline;}
a img{
 border:none;}            


/* Hidden Headings - will only show with no styles, or text readers */

h1 a span,
#jump-list,
#main-menu h2,
#certifications-and-memberships h2,
#legal h2{
  text-indent:-10000px;position:absolute;top:-10000px;}

/* Hide the Jump list */


 
/* h1 tag is being used for our main branding. we whack the banner without the logo on it, then the logo goes on the anchor, and the text is in
   a span that gets hidden futher down the stylsheet */
h1{
 margin:0;
 height:123px;
 background:url(/assets/images/banner.png) no-repeat 0 0 white;}
h1 a{
 background:url(/assets/images/arrow_fire_and_security.gif) no-repeat 37px 29px;
 height:110px;
 display:block;}

/* Main website area */

#content-wrapper{
 background:white;
 position:relative;}

/* Main Navigation */

#main-menu{
 position:absolute;top:0;width:220px;
 background:url(/assets/images/menu_btm.png) no-repeat 14px 100%;
 padding-bottom:160px;}
#main-menu ul{
 background:url(/assets/images/menu_rpt.png) repeat-y 14px;
 margin:0;padding:0 6px 0 27px;}
#main-menu li{
 list-style-type:none;
 font-size:1.1em;}
#main-menu a{
 padding:5px 5px 5px 10px;
 display:block;
 text-decoration:none;}
#main-menu a:hover,
#main-menu a:focus{
 background:url(/assets/images/arrow-right.gif) no-repeat 95% 50% #ccc;}
#main-menu li.active a{
 background:url(/assets/images/arrow-right.gif) no-repeat 95% 50% #aaa;}
#main-menu li.active a:hover{
 background-color:#ccc;}
#main-menu li.contact-us a{     
 font-weight:bold;font-size:1.3em;
 border-top:solid 1px #777;border-bottom:solid 1px #ccc;}


/* Main content area */

#content{
 margin-left:240px;
 min-height:500px;
 padding-right:150px;padding-top:10px;}
#content h2{
 border-bottom:solid 1px #E2E6DB;margin-top:11px;font-size:2.2em;}
#content img{
 margin:0 0 10px 10px;float:right;}
#contentbody p:first-child{
 font-weight:bold;font-size:1.3em;letter-spacing:1px;}

/* Certifiations area */

#certifications-and-memberships{
 position:absolute;top:30px;left:670px;width:120px;
 border-left:solid 1px #888;
 text-align:center;}                                       

/* Legal / Footer area */

#legal{
 font-size:0.8em;
 margin:10px 0 30px;padding:10px 10px 30px;
 border-top:1px #ddd solid;
 background:url(/assets/images/bt.png) repeat-x 0 100% #f9f9f9;}
#legal ul{
 margin:0;padding:0;}
#legal li {
 list-style-type:none;display:inline;}
#legal a:focus {color:black;background:#ddd;}

/* Form Styles */

fieldset{
 position:relative;top:-30px;
 border:none;
 background:#ddd;}
legend{
 font-size:1.6em;
 margin:28px 0 0 -7px;padding:0;}
label{
 display:block;clear:both;}
label span{
 width:110px;
 display:block;float:left;
 text-align:right;
 padding-right:5px;margin-top:5px;padding-top:2px;}
label.textarea span{
 width:100%;text-align:left;}
input{
 margin-top:5px;}
textarea{
 margin-top:5px;width:100%;height:155px;}
input,
textarea{
 font-family:"Century Gothic","Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;}
.button-block{     
 text-align:right;}
.button-block input{
 padding:6px 25px;}
 
.error{
 padding:10px;
 color:white;
 background:#a10;border:solid 1px #333;}

#credits a{
 display:none;}