/* ###### AUTHOR: Damien-roche.com #######
NOTES: extensively tested and completely browser compatible.
Very little overriding styles so can generally change structure
without compromising functionality
 */

body{width:100%;margin: 0 0 0 0;background:#333333;}

#wrap{width:825px;float:none;margin: 0 auto;background:url('images/sidefall.jpg') repeat-y;}
#inwrap{width:801px;float:none;margin: 0 auto;background:#fff;}

#header{width:801px;height:143px;background:url('images/head.gif') no-repeat;}
#bellhouse_flash{width:57px;height:15px;float:left;display:inline;margin: 128px 0 0 72px;}

#topnav{list-style-type:none;float:left;margin: 61px 0 0 40px;}
#topnav li{float:left;margin: 0 1px 0 1px;display:inline;}
#topnav a{display:inline-block;height:14px;text-decoration:none;color:#fff;font-weight:bold;padding: 3px 10px 5px 10px;}
#topnav a:hover{background:url('images/topnav-hov.jpg') 0px -1px;}
#topnav .selected a{background:url('images/topnav-hov.jpg') 0px -1px;}

#contwrap{margin: 0 0 0 0;padding: 10px 0 10px 0;}

#sidewrap{float:left;margin: 0 10px 0 10px;display:inline;}

#slogan{width:163px;height:30px;background:url('images/slogan.jpg');float:left;clear:both;margin: 0 0 5px 0px;}

#sidebar-1{width:177px;float:left;clear:left;}
#sidebar-1-top{width:177px;height:27px;background:url('images/testi.jpg');}
#sidebar-1-cont{width:177px;background:url('images/sidebar-back.jpg');padding:0 0 0 0;}
#sidebar-1 .contwrap{list-style-type:none;width:166px;float:none;margin: 0px auto 0px auto;padding: 3px 0px 3px 0;}
#sidebar-1 .box{width:160px;background:#fff;margin: 5px 0 5px 0;padding: 3px 3px 3px 3px;}
.sig{margin: 3px 0 0 0;font-weight:bold;color:#4A4848;}
#sidebar-1-bot{width:177px;height:12px;background:url('images/sidebar-bot.jpg') no-repeat;margin: 0 0 0 0;padding: 0 0 0 0;}
.readmore{float:right;margin: 0 10px 0 0;}
.readmore a, .readmore a:hover, .readmore a:visited{text-decoration:none;color:#2B65BB;}

#sidebar-1-trust{width:171px;margin: 0 auto;padding:3px}
#sidebar-1-trust p{padding:5px 0;margin:0;font-size:11px}
#sidebar-1-trust-img{background:url('images/trust-small.jpg');width:170px;height:170px;}

#maincont{width:575px;min-height:480px;float:left;clear:none;margin: 0px 0 0 0px;padding: 5px 10px 15px 10px;border-left:solid 1px #CCCCCC;}

#footer{width:802px;height:54px;background:url('images/footer.jpg');float:none;margin: 0 auto;}
#author{margin: 10px 10px 0 0;float:right;}
#author a{text-decoration:none;font-family:arial,sans-serif;font-size:13px;color:#08287A;font-weight:bold;}
#copyright{float:right;clear:right;margin: 0 10px 0 0;color:#08287A;}

.form1{float:left;margin: 40px 0 0 40px;}
.submit{float:left;clear:left;}
.badform_feed{float:left;clear:both;margin: 0 0 0 0;}
.badform_feed p{color:red;font-weight:bold;clear:both;float:left;margin: 0 0 0 0;}

.addressinfo{float:left;width:150px;margin: 130px 0 0 20px;}

#popup{position:absolute; z-index:1;width:300px;height:150px;padding:2px 2px 2px 2px;border:solid 1px #4A4848;margin: 100px 0 0 250px;background:#666;}
.innerpopup{width:298px;height:148px;background:#fff;border:solid 1px #4C8CC9}
#popup .headline{font-size:16px;color:#4A4848;margin: 5px 0 0 5px;}
#popup table{margin-top:20px;}
.xit{width:15px;height:15px;float:right;}
.xit a{display:block;height:15px;width:15px;color:red;font-weight:bold;}
.xit a:hover, .xit a:visited, .xit a{text-decoration:none;}
#popup .cent{float:left;margin: 0 0 0 120px;}

/* PAGE SPECIFIC STYLES */

.home-img1{width:200px;height:200px;background:url('images/house1.jpg');float:left;margin: 10px 6px 2px 0;}
.home-img2{width:148px;height:136px;background:url('images/crestncloud.gif');float:left;margin: 0 0 0 0;}

#tagline{float:left;clear:left;color:#666666;margin:0 0 0 10px;}
#home .standout h2{color:#333366;text-decoration:underline;margin: 0 0 20px 0;}

.alarms-img1{width:160px;height:155px;background:url('images/9940-new.png');float:left;margin: 5px 6px 2px 0px;}
.alarms-img2{width:168px;height:128px;background:url('images/alarm01new.jpg');float:left;margin: 0 6px 2px 0;}

.cctv-img1{width:300px;height:299px;background:url('images/cam18b2.jpg');float:left;margin: 10px 6px 2px 0;}
.cctv-img2{width:585px;height:413px;background:url('images/iphone.jpg');float:left;margin: 0 6px 2px 0;}
.cctv-img3{width:352px;height:288px;background:url('images/camimage.jpg');float:left;margin: 5px 0 0 0;}

.serv-img1{width:131px;height:150px;background:url('images/img01-new.jpg');float:left;margin: 10px 6px 2px 0;}
.serv-img2{width:131px;height:150px;background:url('images/img02-new.jpg');float:left;margin: 0px 6px 2px 0;}
.serv-img3{width:131px;height:178px;background:url('images/24.gif');float:left;margin: 5px 6px 2px 0;}
#serv .attentionbox{width:100%;}

/* FONTS */

#topnav{font-family:arial,sans-serif;font-size:14px;}
#sidebar-1{font-family:arial, sans-serif;font-size:13px;color:#4A4848;}
#maincont{font: 12px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;}

h2{color:#505050;margin: 0 0 0 0;font-size:18px;}
h3{color:#505050;margin:0 0 5px 0; font-size:15px;}

/* GENERIC STYLES */

.spacer-mid{width:100%;margin: 8px 0 8px 0;float:left;clear:both;}
.spacer-big{width:100%;margin: 12px 0 12px 0;float:left;clear:both;}
.img {border:solid 1px #CCCCCC;}
.clearbox{clear:both;}
.stretcher{clear: both; width: 100%; height: 0; line-height: 0; font-size: 0;}
:focus{outline:none;}
.attentionbox{float:left;border:solid 1px;border-style:dashed;padding: 5px 5px 5px 5px;}
.nomar{margin: 0 0 0 0;}
.bold{font-weight:bold;}
.t14{font-size:14px;}
.t12{font-size:12px;}
.und{text-decoration:underline;}
.green{color:green;}
.cent{margin-left:auto;margin-right:auto;float:none;}
#maincont .linebreak{width:580px;height:1px;float:none;margin: 10px auto 0 auto;border-top:solid 1px #ccc;}

/* DEV */

#devbar{position:absolute;float:left;top:10px;left:5px;}
#devbar a{color:#fff;}