@charset "UTF-8";

/* CSS Document */
/* Action Alarms - John McGeary 2009*/

/* EDITOR START */

hr{
border-bottom:1px solid #cecebc;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
margin-top:15px;
margin-bottom:15px}

h1{
font-size:18px;
color:#3c3760;
margin-bottom:15px;
border-bottom:1px solid #cecebc;
padding:0 0 20px 0}

h2{
font-size:16px;
color:#ad1c24;
margin-top:10px;
margin-bottom:10px}

h3{
font-size:13px;
color:#3c3760;
margin-top:10px;
margin-bottom:10px}

h4{
font-size:12px;
color:#3c3760;
margin-top:10px;
margin-bottom:10px}

a{
color:#3c3760;
text-decoration:none}

a:hover{
color:#3c3760;
text-decoration:underline}

p{
margin-bottom:10px}

.yellow{
color:#fff200}

.red{
color:#ed1c24}

img, div, input { behavior: url("iepngfix.htc") }


/* EDITOR END */

body{
font-size:12px;
font-weight:200;
line-height:20px;
color:#3c3760;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#ffffff url(assets/bg-noband.jpg) repeat-x top left fixed}

*{
margin:0;
padding:0}

img{
border:0}


/* --------- Main Container --------- */

#wrapper{
width:100%;
height:100%;
padding:0;
margin:0;
background:url(assets/bg.jpg) repeat-x top left}

#main_container_wrapper{
width:100%;
height:100%;
padding:0;
background:url(assets/bottomfade.jpg) repeat-x bottom left;
margin:0}

#main_container{
width:990px;
height:100%;
padding:0;
margin:0 auto}

/* --------- Masthead ---------*/

#masthead{
width:990px;
height:190px;
margin:0;
padding:0;
background:url(assets/shadow.png) no-repeat bottom left;_background:url(assets/shadow.gif) no-repeat bottom left}

#masthead img{
margin:30px 0 0 0;
float:left}

.masthead_text{
width:300px;
float:right;
text-align:right;
margin:65px 0 0 0;
padding:0}

.masthead_text h2{
color:#fff200;
margin:0 0 3px 0;
font-size:18px;
font-weight:200}

.masthead_text h3{
color:#ffffff;
margin:0 0 3px 0;
font-size:16px;
font-weight:200}

/* --------- Adarea ---------*/

.adarea{
width:990px;
height:299px;
float:left;
border-top:5px solid #cecebc;
margin:10px 0 0 0;
padding:0;
background:url(assets/shadow.png) no-repeat bottom left;_background:none}

.adarea img{
float:left;
margin:1px 1px 0 0px}

.testimonial{
width:228px;
height:183px;
padding:50px;
float:left;
margin:1px 0 0 0;
background-color:#cecebc}

.testimonial p{
font-size:14px;
font-style:italic}

.testimonial a{
color:#3c3760}

/* --------- Mainarea ---------*/

#mainarea{
width:990px;
height:100%;
float:left;
margin:30px 0 0 0}

#left_column{
width:180px;
height:500px;
float:left;
margin:0;
padding:0}

.box-left{
width:175px;
height:209px;
float:left;
margin:0 0 20px 0;
text-align:center;
background:url(assets/box-left-bg.png) no-repeat top left}

.box-left a{
color:#ffffff;
float:left;
margin:8px 0 0 25px}

.box-right a{
color:#ffffff;
float:right;
margin:8px 35px 0 0}

.box-right{
width:175px;
height:209px;
float:right;
text-align:center;
margin:0 0 20px 0;
background:url(assets/box-right-bg.png) no-repeat top right}

.box-right img{
float:right;
margin:8px 0 0 0}

#right_column{
width:180px;
float:right;
margin:0;
padding:0;}

.textarea{
padding:0 40px 40px 40px;
margin:0;
width:550px;
height:100%;
float:left;
min-height:700px;
background:url(assets/nb.png) no-repeat bottom right}

.textarea ul{
padding:10px 0 10px 0}

.textarea li{
list-style:none;
background:url(assets/flash.png) no-repeat top left;_background:url(assets/flash-bullets.gif) no-repeat top left;
padding:0 0 0 35px}

.textarea ol{
padding:10px 0 10px 15px}

.crumb{
margin:0 0 20px 0}

.double-column{
width:775px;
height:475px;
padding:0 0 0 20px;
float:right}

.alarm-components {
width:155px;
height:405px;
padding:10px;
float:right}

/* --------- Navigation top ---------*/
#nav{
width:765px;
height:20px;
float:left;
text-align:left;
padding:0;
margin:15px 0 0 10px}

#nav ul{
margin:0;
padding:0;
width:765px;
color:#fff200}

#nav li{
list-style:none;
display:inline;
margin:0;
padding:0 5px 0 0;
position:relative;
float:left}

#nav a{
text-decoration:none;
color:#cecebc;
margin:0;
padding:0 0 0 30px}

#nav a:hover{
text-decoration:underline;
color:#ffffff;
margin:0;
padding:0 0 0 30px;
background:url(assets/flash.png) no-repeat top left;_background:url(assets/flash-nav.gif) no-repeat top left}

#nav .active a{
text-decoration:none;
color:#fff200;
margin:0;
padding:0 0 0 30px}

#nav .active a:hover{
text-decoration:underline;
color:#fff200;
margin:0;
padding:0 0 0 30px}

/* --------- Dropdown Menu ---------*/

#nav li ul{
position:absolute;
top:1.5em;
left:-999em;
width:13em;
background-color:#07060c;
margin:0 0 0 -3px!important; *margin:0 0 0 -40px!important; _margin:0 0 0 -40px!important;
padding:4px}

#nav li ul a, #nav li ul a:hover{
width:13em;
display:block;
line-height:25px!important;
color:#ffffff}

#nav li:hover ul{
left:auto}

#nav li.sfhover ul{
left:auto}

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

#footer{
width:990px;
height:50px;
padding:0;
margin:0;
font-size:9px;
clear:left;
background:url(assets/shadowfooter3.png) no-repeat bottom left}

#footer a, #footer a:hover{
color:#3c3760}

#footer img{
float:left;
margin:-40px 0 0 0;_margin:0}

.footer_left{
float:left;
width:450px;
height:20px;
text-align:left;
margin:0;
padding:15px 0 0 0;_padding:50px 0 0 0}

.footer_right{
float:right;
width:450px;
height:20px;
text-align:right;
margin:0;
padding:15px 0 0 0;_padding:50px 0 0 0}