/* GENERAL STYLES */
* {padding: 0; margin: 0;}
body {text-align: center; background: #000; font-family: helvetica, Arial, verdana, sans-serif; font-size: 12px; color: #666;}
p {line-height: 19px; margin: 10px 0;}
button {cursor:pointer; border:0; background: none;}
.clear {clear: both;}
a img {border: none;}
a:active {outline: none;}
ul, ol {list-style: none;}
a:link, a:visited {text-decoration: underline; color: #900;}
a:hover, a:active {text-decoration: none; color: #000;}
.img_replace{ /* apply image replacement */ text-indent:-999999px; text-align:justify; overflow:hidden; display:block;}
.left_49 {float: left; width: 49%;}
.right_49 {float: right; width: 49%;}
.float_right {float: right;}
.float_left {float: left;}

/* LAYOUT */

#wrapper {width: 800px; margin: 0 auto; text-align: left; background: #fff;}
#header {height: 200px; width: 800px; background: #fff url(../images/header.jpg) 0 0 no-repeat; position: relative;}
#left_content {float: left; width: 485px; margin: 40px 0 0 40px}
#right_content {float: right; margin-right: 5px; width: 225px; margin-top: 40px;}
#footer {clear: both; padding: 32px 0 0 10px; background: #fff url(../images/footer.jpg) 0 0 no-repeat; height: 85px;}

/* NAVIGATION */
#logo a {display: block; height: 155px; width: 251px; text-indent: -999999px; position: absolute; top: 16px; left: 35px; }
#main_nav ul { position: absolute; top: 180px; left: 150px;}
#main_nav ul li, #footer ul li {display: inline;}
#main_nav ul li {background: transparent url(../images/sep.gif) 100% 0 no-repeat; padding: 0px 8px 0px 4px;}
#main_nav ul li.last {background: none; padding: 0 0 0 4px;}
#main_nav ul li a:link, #main_nav ul li a:visited {color: #999; text-decoration: none; padding: 0 2px;}
#main_nav ul li a:hover, #main_nav ul li a:active {color: #fff; border-bottom: 2px solid #D9001F; padding: 0 2px;}

#home_page li#nav_1 a,
#cctv_page li#nav_2 a,
#intruder_page li#nav_3 a,
#satellite_page li#nav_4 a,
#access_page li#nav_5 a,
#case_studies_page li#nav_6 a,
#contact_page li#nav_7 a,
#links_page li#nav_8 a
{color: #fff; border-bottom: 2px solid #D9001F;}

/* right_nav */
ul#right_images {margin-top: 20px;}
ul#right_images li a {display: block; height: 161px; width: 202px; margin: 0 20px 37px 0; text-indent: -999999px;}
#right_content li#right_cctv a {background: url(../images/right_cctv.jpg) 0 0 no-repeat;}
#right_content li#right_intruder a {background: url(../images/right_intruder.jpg) 0 0 no-repeat;}
#right_content li#right_sat a {background: url(../images/right_satellite.jpg) 0 0 no-repeat;}
#right_content li#right_access a {background: url(../images/right_access.jpg) 0 0 no-repeat;}
#right_content li#right_case a {background: url(../images/right_case.jpg) 0 0 no-repeat; position: relative;}
#right_content li#right_store a {background: url(../images/right_store.jpg) 0 0 no-repeat;}
#right_content li#right_call a {background: url(../images/right_call.jpg) 0 0 no-repeat;}
#right_content li#right_health a {background: url(../images/right_health.jpg) 0 0 no-repeat; height: 78px}

/* TEXT */
#left_content h1 {font-size: 30px; margin: 20px 0; font-weight: normal; margin-left: -5px;}
h2.head_office_image {height: 364px; width: 481px; display: block; background: #fff url(../images/head_office.jpg) 0 0 no-repeat; margin: 20px 0 40px 0; }
#left_content ul {margin-left: 20px;}
#left_content ul li {margin: 10px 0; padding-left: 14px; background: #fff url(../images/bullet.gif) 0 3px no-repeat; line-height: 19px;}
#footer p {text-align: center;}

/* TABLES */
table {width: 85%;}
td p {margin: 4px;}
td p strong {color: #D9001F;}
td p {border-bottom: 1px solid #D9001F;}
table a:link, table a:visited {text-decoration: none;}
#sub_content td p {border: none; margin: 0;}
#sub_content table td img {padding-bottom: 20px;}
#links td {margin: 0; padding: 0;}
#links td {min-height: 150px; line-height: 19px; border-bottom: 1px solid #999; padding: 10px 0;}
#case_studies td p {border: none;}
#case_studies td p img {margin-left: -10px; margin-top: 30px;}

/* FORMS */
#contact_form {background: #fff url(../images/contact_bg.jpg) 0 0 no-repeat; height: 730px;width: 490px; padding: 90px 20px 0 20px;}
fieldset {border: none;}
fieldset div {margin: 0 0 15px 0;}
input.text, textarea {border: 2px solid #D9001F}
checkbox {float: left; border: none;}