/* CSS Document */

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
h1 { margin: 0; padding: 0; }
img { border: 0; }

#entire { width: 760px; margin:0 auto; position: relative; background: url(imgs/bg.gif) repeat-y; }

h1 a#logo { width: 192px; height: 115px; display: block; position: absolute; background: url(imgs/sentry-logo.gif) no-repeat; text-indent: -9999px; }
h1 a#logo span { }

#topbar { height: 11px; font-size: 1px; background-color: #fff; padding-top: 1px;}
#topbar p { text-indent: -9999px; }

#telephone { height: 60px; background: url(imgs/topbg.gif) repeat-x; border-right: 1px solid #476FB1; line-height: 60px; padding-left: 200px; }
#telephone h2 { font-size: 17px; color: #eee; margin: 0; padding: 0; }
#telephone h2 span { color: #fff; }

#menu { margin: 0; padding: 0; float: left; width: 175px; padding-top: 43px; border-bottom: 1px solid #fff; }
ul { margin: 0; padding: 0; list-style-type: none; }
li a { margin: 0; padding: 0; height: 40px; width: 125px; border-top: 1px solid #fff; margin-left: 18px; text-align: right; padding: 10px; display: block; font-size: 14px; color: #fff; text-transform: uppercase; text-decoration: none; }
li a#alarms { background-color: #6593D0; border-left: 12px solid #8C8C8C; }
li a#cctv { background-color: #7DABE8; border-left: 12px solid #A4A4A4; }
li a#downloads { background-color: #93C1FE; border-left: 12px solid #BABABA; }
li a#offers { background-color: #C0DBFE; border-left: 12px solid #D8D8D8; }
li a#contact { background: url(imgs/email.gif) #BAD7FE right center no-repeat;  border-left: 12px solid #D3D3D3; position: relative; } 
li a#alarms:hover, li a#cctv:hover, li a#downloads:hover, li a#contact:hover, li a#offers:hover { background-color: #527CBB; border-left: 12px solid #666; }

#mainimg {float: left; margin: 1px 1px 1px 2px;}

#midbar { float: left; display: block; width: 566px; height: 16px; border-left: 1px solid #434343; margin: 0px 0px 0px 2px; background: url(imgs/midline.gif) repeat-x; font-size: 1px; }
#midbar p { text-indent: -9999px; }

#maintext { float: left; width: 546px; padding: 10px; border-left: 1px solid #bbb; border-bottom: 1px solid #bbb; border-top: 1px solid #fff; margin: 0px 0px 0px 2px; background: url(imgs/textback.jpg) repeat-x;position: relative; }
#maintext h3 {font-size: 22px; color: #999; margin: 10px 0; padding: 0;}
#maintext h4 {font-size: 18px; color: #999; margin: 10px 0; padding: 0;}
#maintext p { margin: 9px 0; line-height: 16px;color:#333; }
 
#cont {margin-left:40px;}
 
#accred {width: 121px; text-align: right; position: absolute; left: -130px; bottom: 4px;}
#accred p {font-size: 10px; margin: 0; color: #CFE3FD; line-height: 14px;} 

#footer {margin-left: 18px; width: 741px; height: 24px; border-left: 1px solid #434343; background: url(imgs/botline.gif) repeat-x; border-top: 1px solid #fff; clear: both; }
#footer p { margin: 0; color: #bbb; font-size: 10px; }
#footer p a { text-decoration: none; color: #bbb; }
#footer .links {float: left; height: 24px; line-height: 24px; padding: 0 0 0 15px;}
#footer .developed {float: right; height: 24px; line-height: 24px; padding: 0 15px 0 0;}
