html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
:focus { outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }

body { background-color:#2c2c2c; font-family: Verdfana, Arial, sans-serif; }

h1 { padding: 15px 10px 10px; font-size: 1em; color: #a80606; font-weight: normal; background: #fff url(/Assets/images/design/sprite4.gif) -1960px 0 no-repeat; }
h2 { font-size: 1em; font-weight: normal; padding: 5px 10px 10px; }
h2, h3 { color: #9A1D1F; font-size: 0.9em; font-weight: bold; line-height: 1.4em; }
h3, h4, h5 { padding: 0 10px 10px; font-weight: normal; }
h4, h5 { font-size: 0.8em; }
h4 strong, h4 img { vertical-align: middle; margin-right: 5px; }
ul { padding: 0 10px 10px; }
li { font-size: 0.75em; margin-left: 20px; color: #333; }
li li, td li { font-size: 1em; }
p { font-size: 0.75em; color: #333; line-height: 1.4em; padding: 0 10px 10px; }
table { margin: 0 10px 10px; }
td, th { font-size: 0.75em; color: #333; line-height: 1.3em; padding: 5px; }
td p { font-size: 1em; }
a { color: #9A1D1F; }
a span { display: none; }
fieldset { padding: 0 10px 10px; }

ul.three-column { list-style: none; width: 657px; overflow:hidden; }
* html ul.three-column {width: 635px;padding-left:0;margin-left:0;}
ul.three-column li { text-align:center; list-style: none; float:left; width:205px; margin-left:0; border-right:solid 10px #fff;  }
* html ul.three-column  li { border-right:solid 6px #fff; }
ul.three-column li.image { height:192px; }

#container { z-index: 1; width: 980px; margin: 0 auto; position: relative; padding-top: 164px; }
#wrapper { width: 980px; overflow: hidden; }

#menu { z-index: 5; width: 970px; position: absolute; top: 118px; left: 0; margin-bottom: 10px; padding: 0 5px; min-height: 36px; height: auto !important; height: 36px; background: url(/Assets/images/design/sprite4.gif) -980px 0 no-repeat; }
#menu li { margin-left: 0; padding-left: 2px; line-height: 36px; float: left; background: url(/Assets/images/design/sprite4.gif) -980px -36px no-repeat; }
#menu .first { background: none; }
#menu a { display: block; padding: 0 12px; color: #fff; text-decoration: none; text-transform: uppercase; }
#menu li li { background: #cc0101; padding-left: 0; line-height: 26px; min-height: 26px; height: auto !important; height: 26px; }
#menu ul { padding: 0; position: absolute; background: #cc0101; width: 300px; left: -999em; }
#menu ul ul { margin-left: 289px; margin-top: -10px; }
#menu ul a { width: 266px; text-transform: capitalize; }
#menu ul li:hover, #menu ul li.sfhover { background-color: #a30303; }
#menu li:hover ul ul, #menu li.sfhover ul ul { left: -999em;}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { left: auto; top: 36px; }
#menu ul a:hover { background-color: #a30303; }

#logo { position: absolute; top: 0; left: 0; width: 980px; height: 108px; background: url(/Assets/images/design/sprite4.gif) no-repeat; margin-bottom: 10px; }
#logo ul { float: right; margin-top: 25px; padding-right: 25px; }
#logo li { line-height: 20px; text-align: right; color: #3a3a3a; font-size: 1em; }
#logo span { color: #a20101; }
#logo a { position: absolute; top: 15px; left: 15px; width: 376px; height: 80px; display: block; }
#logo #servicing-link {background:url(/Assets/Images/fire-alarm-servicing-button.gif) no-repeat;width:290px;height:69px;left:405px;top:20px;}
#servicing-link span{display:none;}

.content { float: right; width: 657px; min-height: 780px; height: auto !important; height: 780px; background: #fff url(/Assets/images/design/sprite4.gif) right bottom no-repeat; }
.content li { line-height: 1.4em; list-style: disc; }
.wide { width: 980px; background: #fff url(/Assets/images/design/sprite4.gif) -3597px bottom no-repeat; float: none; }
.wide h1 { background: #fff url(/Assets/images/design/sprite4.gif) -2617px 0 no-repeat; }

.content ol li { list-style: decimal; }

.services li { font-weight: bold; color: #a20101; background: url(/Assets/images/design/sprite4.gif) -980px -80px no-repeat; line-height: 26px; font-size: 0.8em; padding-left: 28px; }
#QuoteBuilder li { list-style: none; }
#QuoteBuilder ul { padding-left: 0; }
#QuoteBuilder textarea { width: 700px; height: 120px; }
 
.left { position: relative; margin-top: 10px; float: left; width: 323px; background: #be0101 url(/Assets/images/design/sprite4.gif) -5880px bottom no-repeat; }
.left h2 { padding: 10px; color: #fff; background: #be0101 url(/Assets/images/design/sprite4.gif) -5557px 0 no-repeat; }
.left p { color: #fff;line-height: 1.35em;  }
.left a { color: #fff; }

#footer { overflow: hidden; border-top: 10px solid #2c2c2c; clear: both; padding-top: 92px; width: 980px; background: url(/Assets/images/design/sprite5.gif) -4577px 0 no-repeat; }
#footer p { color: #fff; padding-top: 10px; float: left; width: 400px; }
#footer .evolution { float: right; text-align: right; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#contact-form { float: left; margin-bottom: 10px; width: 550px; }
#contact-form label { display: block; color: #525251; font-size: 0.7em; line-height: 1.3em; font-weight: bold; margin: 5px 0; }
#contact-form input, #contact-form textarea  { width: 350px; display: block; border: 0.1em solid #E2E3E4; }
#contact-form input.hidden { border: 0; }
#contact-form input.submit { width: auto; margin: 15px 0 5px 150px; background-color: White; color: #9A1D1F; font-size: 11px; font-weight: bold; }
#contact-form #errors ul li { padding: 5px 0; }

.send-quote { background-color:#9A1D1F; color:#fff; border:none; padding:5px; margin:10px auto;  }

.warning { margin: 0 10px; color:#000; border:solid 1px #E4D04A; background:#F3F3D9 url(/Assets/Images/alertwarn_icon.gif) left no-repeat; }
.success { color:#287528; border:solid 1px #3D993D; background:#E3F9E4 url(/Assets/Images/alertgood_icon.gif) left no-repeat; }
.failure { border:solid 1px #CC0000; color:#fff; background:#CC0000 url(/Assets/Images/alertbad_icon.gif) left no-repeat; }
.success, .failure, .warning { text-align: left; padding: 5px 5px 5px 30px; margin: 0.8em auto 0.8em auto; }
.success p, .failure p, .warning p { padding:0; margin:0; }
.failure p { color:#fff; }
.failure ul { padding-bottom: 0; }
.failure li { color:#fff; line-height: 1.25em; }

.return-link { float: right; width: 200px; text-align: right; position: relative; top: -25px; }

.right-float {float: right; width: 425px;}
