@charset "utf-8";
/* CSS Document */
*,html,body,p,div {
margin:0;
padding:0;}
html, body {
height:100%;}
* html #box{
height: 100%;
}
body {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background:url(images/woodbg2.jpg) top center repeat;}
a{
text-decoration:none;
color:#993300;}
#box {
width:960px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -150px;
position:relative;}
#logo{
position:absolute;
top:0;
left:30px;
z-index:999;}
head-nav-wrap{
}
#head_nav{
width:100%;
height:100px;
background-color:black;}
#main_nav{
width:100%;
height:50px;
background: url(images/main-menu-bg.png) no-repeat}
#side_nav{
width:200px;
float:left;}
#media{
position:relative;
padding:20px 30px 0 0;
width:960px;
height:auto;
min-height:100px;
text-align:right;}
#slider{
position:relative;
padding-top:20px;
width:960px;
height:220px;
text-align:right;}
#slider-box div{
width:960px;
line-height:220px;
color:white;
font-size:2em;}
#slider-box div img{
border:0;}
#content-wrap{
width:960px;
margin:20px 0 0 0;
padding-bottom: 150px;
}
#content{
width:900px;
height:auto;
padding:30px;
background-color:black;
color: #CCCCCC;
text-align:left;}
#footer_wrap{
height: 150px;
position: relative;
margin-top: -150px;
}
#footer_wrap{
width:100%;
margin-top:50px;
background-color:black;
color:#CCCCCC;
text-align:left;}
#footer{
margin: 0 auto;
width:960px;
padding-top:20px;}
#footer p{
float:left;
margin-left:50px;}
/*###### Global Navigation ######*/
#head_nav_list{
list-style:none;
float:right;}
#head_nav_list li{
display:inline;
margin:0 30px 0 0;
line-height:100px;}
#head_nav_list li a{
color:white;}
#head_nav_list li a:hover{
text-decoration:underline;}
/*###### Index Navigation ######*/
#main_nav_list{
list-style:none;
width:100%;
line-height:50px;
font-size:1.1em;}
#main_nav_list li{
display:inline;
}
#main_nav_list li a{
padding:10px 20px 10px 20px;
font-weight:bold;
color:white;}
.active{
padding:10px 20px 10px 20px;
background-color:#990000;
font-weight:bold;
color:white;}
#main_nav_list li a:hover{
background-color:#1A1A1A;}
/*###### Side Navigation ######*/
#side_nav_list{
list-style:none;
width:200px;
line-height:30px;
font-size:1.1em;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #330000 ;}
#side_nav_list li{
display:block;}
#side_nav_list li a{
display:block;
padding-left:30px;
color:white;
font-weight:bold;}
#side_nav_list li a:hover{
background-color:#1A1A1A;}
/*###### Content Formating ######*/
h1{}
h2{}
h3{font-size:1.3em;}
h4{}
.left_col {
width:260px;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
text-align:left;
line-height:18px;
border-right:1px solid #666666;
padding-right: 20px;}
.right_dbl_col{
width:660px;
float:left;
margin-left:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
text-align:left;
line-height:16px;}
#whysecurity{
float:right;
position:relative;
width:200px;
height:300px;
padding:10px;
border-left:1px solid #666666;}
.video {
float:left;
width:380px;
height:300px;
padding: 0 20px 0 20px;
text-align:center;}
.social{
width:70px;
float:left;
padding-left:20px;}
.social ul{
list-style:none;
}
.clear{
clear:both;}
.green{
color:#33CC00;}
div#whysecurity h3{
margin: 0;
padding: 0.4em 1em;
font-size: 1.3em;
color: #fff;}
/*##### Pricing Table ######*/
#content div li{
list-style:none;}
#price_wrap{
float:left;}
#standard{
width:180px;
float:left;
padding-left:15px;}
#premium{
width:180px;
float:left;
padding-left:15px;}
#platinum{
width:180px;
float:left;
padding-left:15px;}
#upgrades{
margin-top:20px;
padding-left:20px;}
.price_head{
font-weight:bold;
font-size:18px;
color:#990000;}
/* CORNERS */
.roundtop { 
height:10px;
background: url(images/top.png) no-repeat top center; }
.roundbottom {
height:10px;
background: url(images/bottom.png) no-repeat bottom center; }