/* CSS Document */

body { background:#000000 url(images/bg.gif) repeat-x scroll left top; 
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF; 
margin: 0; 
padding: 0;}

a:link {color:#fff;text-decoration:none;}
a:visited {color:#fff;text-decoration:none;}
a:hover {color: #fff;text-decoration:underline;}

p { margin:0;
padding:0; 
line-height:1.4em}

h1 { margin:0; 
padding:0;
font-weight: normal; 
margin-left:20px; 
font-size:18px; 
font-family:"Times New Roman", Times, serif; 
padding-top:25px; 
padding-bottom:2px;}

h2 { font-weight: normal;
font-size: 13px;
margin: 4px 3px 4px 0; 
width:510px;}

#container {width: 790px;
margin: 0 auto;
z-index: 1;
position:relative;
}

#filmstrip { width:300px; 
float:right; 
background-color:#FF3399; 
position: absolute;
z-index:500;
top:0px;
right:0px;
}

#filmstrip .image {position:absolute; 
background-image:url(images/filmstrip.gif); 
height:425px; 
width:307px;}

/* Header Styles */
#content_wrapper { width:750px; 
background-color:#404040; 
margin:0; padding:0;}

#content_wrapper #header { width:332px; 
float:left; 
position:relative;
height:118px;}

#content_wrapper #header #logo { margin:0; 
float:left;
position: relative}

#content_wrapper #toplinks { width:207px;
height:118px;}

/*#content_wrapper #toplinks .contact {
background-image:url(images/toplink-contactus.jpg); 
height:59px; 
width:207px
}*/

#content_wrapper #toplinks ul {
position:absolute;
top:0px;
left:332px;
list-style:none;
margin:0px;
padding:0px;
height:118px; 
}

#content_wrapper #toplinks li {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
height:59px; 
}

#content_wrapper #toplinks li.link1 a {
background:url(images/toplink-contactus.jpg) no-repeat;
display:block;
position:relative;
height:40px; 
width:207px;
font-size:17px;
font-family:"Times New Roman", Times, serif; 
padding:19px 0px 0px 25px;
}

#content_wrapper #toplinks li.link1 a:hover {
background:url(images/toplink-americansecurity.jpg) no-repeat;
text-decoration:none;
}

#content_wrapper #toplinks li a {
background:url(images/toplink-contactus.jpg) no-repeat;
display:block;
position:relative;
height:48px; 
width:207px;
font-size:17px;
font-family:"Times New Roman", Times, serif; 
padding:11px 0px 0px 25px;
}

#content_wrapper #toplinks a:hover {
background:url(images/toplink-americansecurity.jpg) no-repeat;
text-decoration:none;
}

#content_wrapper #toplinks .unisecurity { background-image:url(images/toplink-americansecurity.jpg); 
height:65px; 
width:207px;}

#content_wrapper #toplinks .unisecurity a{ padding-top:15px; 
font-size:17px; font-family:"Times New Roman", Times, serif; 
padding-left:10px; line-height:1.1em}

/* Content Styles */
#content_wrapper p{margin:0 15px 0 20px; 
font-family: Arial, Helvetica, sans-serif; 
font-size:16px; 
font-weight:normal; 
line-height:1.6em;
position:relative;
overflow:auto;}

#content_wrapper .roundedbox1 {width:718px;
margin:0 auto;
margin-top:25px;}

#content_wrapper .roundedbox1 .roundedboxgrey-top { margin-bottom:-6px;
height:14px;
background: url(images/greyborder_top.jpg) no-repeat;}

#content_wrapper .roundedbox1 .roundedboxgrey-body { background-color:#505050;}

#content_wrapper .roundedbox1 .roundedboxgrey-bottom {height:15px;
background: url(images/greyborder_bottom.jpg) no-repeat;
padding-bottom:21px;}
		
#content_wrapper .roundedbox2 {width:693px;
margin:0 auto; 
padding-top:10px}

#content_wrapper .roundedbox2 .roundedboxblack-top { margin-bottom:-6px;
height:14px;
background: url(images/blackborder_top.jpg) no-repeat;}

#content_wrapper .roundedbox2 .roundedboxblack-body { background-color:#232323; 
border-left:1px solid #D1DAE9; 
border-right:1px solid #D1DAE9;}

#content_wrapper .roundedbox2 .roundedboxblack-bottom {height:13px;
background: url(images/blackborder_bottom.jpg) no-repeat;}

#content_wrapper .content {width:680px; 
padding-left:10px;}

html>body #content_wrapper .content { padding-left:15px}
#content_wrapper .content .dest h2 {font-weight: normal;
font-size: 16px;
padding:5px 0 3px 2px;
}
#content_wrapper .content .dest {overflow: hidden;
clear: left;}
#content_wrapper .content .dest .text {width:547px; 
float: left; 
margin-left:-17px}
#content_wrapper .content .dest .text p{font-size:12px;}

#content_wrapper .content .dest img {float: left;
margin: 8px 15px 6px 6px; 
padding:0;	
background: url(images/bg_entry.jpg) no-repeat;	
display: block; 
border:3px solid #000}

#installers {
float:right;
width:300px;
overflow:auto;
padding:10px;
border:1px solid #FFFFFF;
background:rgb(64, 64, 64);
}
#installers h1 {
font:normal 13pt Arial, sans-serif;
color:#FFFFFF;
line-height:16pt;
text-align:center;
margin:0px;
padding:0px;
}
/* Footer Styles */
#footer {width: 750px;	
background-color: #F0F0F0;	
clear: both;
float: left; 
font-size:10px; 
color:#000000}

#footer a:link, #footer a:visited {text-decoration: none;
color: #000;}

#footer #links {clear: both;
max-width: 940px;
min-width: 735px;	
margin: 0 auto;
padding: 10px 0 20px 0;	
height: 20px;
background-color: #CACACA;}

#footer #links p{padding-left: 25px;
color: #000;	
margin: 0;
padding: 10px 0 0px 20px;	
width: 351px;
float: left;}

#footer #links ul{float: right;
margin: 10px 0 0 0;	
padding: 0;	
list-style: none;}

#footer #links ul li {list-style: none;	
float: left;
margin-right: 9px;
padding-right: 7px;
padding-left: 0; 
background: none;}

#footer #links ul li.list {border-right: 0;}
#footer #links ul li a{color: #000;}
#footer #links ul li a:link, #footer #links ul li a:visited {text-decoration: underline;
color: #000;}
#footer #links ul li a:hover {color: #000; 
text-decoration:underline;}

/* miscellaneous Styles */
.divider { border-bottom:1px solid #ccc; 
margin:0 20px 10px 20px}
img { border: 0; }
.headerimage { border-top:5px solid #fff;
border-bottom:5px solid #fff;}