/* PAGE LAYOUT 
-------------------------------------------------- */
* {margin: 0; padding: 0; border: 0;}

#pagewrapper {text-align: left; width: 736px;
background-color:#FFFFFF;
background-image: url(/images/white736.gif);
background-repeat: repeat-y;}

#header {width:730px; height:100px;}

.headerimage {color:#FFFFFF; letter-spacing:-1000em; } 
/*\*/html>body .headerimage {letter-spacing: normal; text-indent:-999em; overflow:hidden;} 

h1.headerimage {
height:100px; 
background-image: url(/images/activcameras-header-home.jpg);
background-repeat:no-repeat;}

#contentfloatholderhome {
background-color:#FFFFFF;
background-image: url(/images/content-float-bkg-repeat.gif);
background-repeat:repeat-y;
float:left;
width:736px;
margin:0;
border-bottom:6px solid #FFFFFF;}

.contentfloatholder:after {
/* this is for NN6 to clear floats */
content:"."; 
display:block; 
height:0;
clear:both; 
visibility:hidden;}

#contentfloatholder {
background-color:#FFFFFF;
background-image: url(/images/content-float-main-repeat.gif);
background-repeat:repeat-y;
float:left;
width:736px;
margin:0;
border-bottom:6px solid #FFFFFF;}

#leftcolumnwrap {
clear:left;
background-image:  url(/images/left-middle-background.gif);
background-repeat:repeat-y;
float:left;
width:524px;
padding-right:0;}

#leftmainpages {
float:left;
width:524px;
border-top:6px solid #FFFFFF;}

#lefthome {
margin:0;
background-image: url(/images/activcameras-news.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
color:#FFFFFF;
padding-top:53px;}

#leftcolumn {float:left; width:218px;}
#middlecolumn {float:right; width:300px;}
#rightcolumn {float:right; width:200px; border-top:6px solid #FFFFFF; padding:0 6px 0 0;}
#letterboximage {width:524px; padding-top:6px; padding-bottom:6px; float:left;}
#quotebanner {float:left; width:524px;}

/* IE Mac CSS Only works for Win too */
* html div#leftcolumnwrap {margin:0; width:524px;}
* html div#leftcolumn {margin:0;}

/* GENERAL PAGE STYLES AND ELEMENTS
-------------------------------------------------- */
body {font-family:Arial, Helvetica, sans-serif; background-color:#D0D0D0; width:736px; min-width:736px;}
p {margin:0; padding:0 0 16px 0;}
.bodytext {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:16px; padding: 0 30px 0 30px;}
.bodytextheader {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#385260;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#333333; font-weight:bold; padding: 20px 0 16px 0;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; font-weight:bold;}

.formtext {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;}

.formfields {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
background-color: #FFFFFF;
padding:5px;
}

input, textarea {
border: 1px solid #7895A0;}

.formfields td {padding: 10px 0 10px 0;}




.sitemap {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:16px; padding: 0 30px 0 30px;}
.sitemap ul {list-style-type:none;}
.sitemap ul li {font-weight:bold;}
.sitemap ul ul {padding-bottom: 16px;}
.sitemap ul ul ul {padding-bottom: 0;}

.sitemap ul li ul li {padding-left:30px; font-size:12px; font-weight:normal; color:#FFFFFF;}
.sitemap ul li ul li ul li {padding-left:60px; font-size:12px; font-weight:normal; color: #FFFFFF;}

.sitemap a:link, .sitemap a:visited { color:#333333; text-decoration:none;}
.sitemap a:hover { color:#3366FF; text-decoration:underline;}
.sitemap a:active { color:#333333; text-decoration:none;}

.middlehome {
background-image: url(/images/play.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
color:#FFFFFF;
padding:53px 20px 12px 20px;}

#righttextbox, #rightcontactbox {width:200px; border-top:6px solid #FFFFFF;}

.righttextboxstyle {
background-image:url(/images/information-box.gif);
background-repeat:no-repeat;
background-color:#385260;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
color:#FFFFFF;
padding:20px;}

.rightcontactbox {
background-image:url(/images/phone-fax-contact.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #666666;
padding: 50px 20px 12px 20px;}

.rightcontactbox p {margin:0; padding: 0 0 8px 0;}

img.subnav {display:block; border-bottom:1px solid #FFFFFF;}
img.letterboxpic {display:block;}
img.righthomepic {display:block; border-top:6px solid #FFFFFF;}
img.border {border:1px solid #CCCCCC; display:block;}
img.quotebannerpic {display:block; border-top:6px solid #FFFFFF; background-color:#FFFFFF;}

/* TABLE
-------------------------------------------------- */

table.data {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border: 1px solid #7895A0;
border-collapse: collapse;
background-color: white;}
	
table.data th {
color:#FFFFFF;
background-color:#7895A0;
border: 1px solid #7895A0;
padding: 5px;}

table.data td {
border: 1px solid #7895A0;
padding: 5px;}


/* HOME PAGE NEWS LIST 
-------------------------------------------------- */

#lefthome ul {list-style-type:none; padding:0; margin:0;}
#lefthome li {
background-image: url(/images/list-blue-arrow.gif);
background-repeat:no-repeat;
background-position:0px 2px;
padding-left:30px;
padding-bottom:8px;
padding-right:12px;}
#lefthome p {margin:0; padding:0 0 8px 0; text-align:left}

/* LINKS
-------------------------------------------------- */

#footer a:link, #footer a:visited, #footer a:active {text-decoration: none; color: #CCCCCC;}
#footer a:hover {text-decoration:underline; color:#7895A0;}

#lefthome a:link, #lefthome a:visited, #lefthome a:active {text-decoration: none; color: #7895A0;}
#lefthome a:hover {text-decoration:underline; color: #E2DA6D;}

.bodytext a:link, .bodytext a:visited, .bodytext a:active {text-decoration:underline; color: #385260; font-size:12px;}
.bodytext a:hover {text-decoration:underline; color: #2C2C2C;}

.rightcontactbox a:link, .rightcontactbox a:visited, .rightcontactbox a:active {text-decoration: none; color: #666666;}
.rightcontactbox a:hover {text-decoration:underline; color: #7895A0;}

.data a:link, .data a:visited, .data a:active {text-decoration:underline; color: #385260; font-size:11px;}
.data a:hover {text-decoration:underline; color: #2C2C2C;}

.drop1 {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}

/* HORIZONTAL MAIN NAV (REPLACED WITH NEW MENU)
-------------------------------------------------- */

#navcontainer {width:736px; background-color:#FFFFFF; float:left;}
#navcontainerwidthfix {width:730px; background-color:#2C2C2C; float:left;}

/* VERTICAL SUB NAV (REPLACED FOR IMAGE)
-------------------------------------------------- */
#verticalcontainer {
margin: 0; 
padding: 0; 
width: 200px; 
height: 200px;
background-image: url(/images/cctv-images-200.jpg);
background-repeat:no-repeat;}

/* FOOTER (LINKS HIGHER UP THE PAGE)
-------------------------------------------------- */
#footerwrapper {
clear:both;
float:left;
padding:0 0 0 0;
width:736px;
background-color:#FFFFFF;
border-bottom:6px solid #FFFFFF;}
#footer {width:730px; float:left; background-color:#2C2C2C;}
#footer ul {
padding:5px 0 5px 24px;
list-style-type:none;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;}
#footer li {display:inline;}
#footer li a {padding:0 6px 0 6px;}

/* END CSS 
-------------------------------------------------- */