html { height: 100%; }
body {
    padding: 0;
	margin: 0 auto;

	background: #FFFFFF url(../akl_security_bg.jpg);
    background-repeat: repeat-x;
	color: #304c80;
    font-size: 12px;
	font-family: arial, helvetica, verdana, sans-serif;
	outline: none;
}

a {
	color: #a62500;
	text-decoration: none;
}
a:visited {
	color: #a62500;
	text-decoration: none;
}
a:hover {
	color: #a65a00;
	text-decoration: underline;
}

img {
        border: 0;
        }
		
h1 {
		font-size: 14px;
        font-weight: bold;
        line-height: 1px;
        margin: 0;
}

h2 {
		font-size: 12px;
        color: #FF9900;
        margin: 0;
}

h3 {
		font-size: 14px;
        color: #000000;
        margin: 0;
        line-height: 22px;
        border-bottom: 1px solid #FFFFFF;
}

label {
        padding: 0px;
        color: #304c80;
}

input, select {
        padding: 5px;
        color: #666666;
}

#contact {
        padding: 20px;
}

#container {
        width: 960px;
        margin: 0 auto;
}

#header {
        width: 960px;
        height: 87px;
        background: #FFFFFF url(../i/akl_header_bg.jpg);
        background-repeat: no-repeat;
}

#akl {
	float: left;
}

#akl a {
     display: block;
     width: 254px;
     height: 87px;
     background-image: url(../akl_security.jpg);
     background-repeat: no-repeat;
     }
     
#free_offer {
	float: right;
    margin-top: 20px;
}

#free_offer a {
     display: block;
     width: 322px;
     height: 39px;
     background-image: url(../i/one_month_free.png);
     background-repeat: no-repeat;
     }
#free_offer a:hover {
     background-image: url(../i/one_month_free_hover.png);
     }


#main_nav {
        width: 960px;
        height: 32px;
        background-image: url(../i/menu_bg.jpg);
        background-repeat: repeat-x;
}

#menu {
        float: left;
        text-align: left;
        font-size: 12px;
        padding-top: 7px;
}

/*Nav bar styles*/

ul.nav,
.nav ul{
margin: 0;
padding: 0;
cursor: default;
list-style-type: none;
display: inline;
}

ul.nav{
display: table;
}

ul.block{
width: 100%;
table-layout: fixed;
}

ul.nav>li{
display: table-cell;
position: relative;
padding: 2px 6px;
}
/*
ul.nav>li:hover{
padding-right: 1px;
}*/

ul.nav li>ul{
display: none;
position: absolute;
max-width: 40ex;
margin-left: -6px;
margin-top: 2px;
background: #FFFFFF;
color: #FF0000;
font-weight: bold;
}

ul.nav li:hover>ul{
display : block;
}

.nav ul li a{
display: block;
padding: 2px 10px;
color: #FFFFFF;
}

/*Menu styles*/

ul.nav,
.nav ul a{
background-color: transparent;
color: #FFFFFF;
}

.nav ul li a{
background-color: #FFFFFF;
color: #000000;
}

ul.nav li:hover,
.nav ul li a:hover{
background-color: #369;
color: #fff;
}

ul.nav li:active,
.nav ul li a:active{
background-color: #036;
color: #fff;
}

ul.nav,
.nav ul{
border: 0px solid #369;
}

.nav a{
text-decoration: none;
color: #FFFFFF;
}

/*Mid Center Layout*/

#main {
           width: 960px;
           background: #FFFFFF;
           display: inline-block;
}

#page {
           padding: 15px;
}

#sidebar {
           padding: 5px;
           width: 250px;
           background: #dcdcdc;
           float: left;
}

#sidebar_nav {
	color: #3d3d3d;
	background-color: #dcdcdc;
	padding: 3px;
	margin-bottom: 25px;
    border-bottom: 1px solid #FFFFFF;
	}

#sidebar_nav ul {
	margin-left: 0;
	padding-left: 0;
	border: none;
	} 

#sidebar_nav ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
    display: inline;
	list-style: none;
	}

#content {
           padding: 5px;
           margin-left: 5px;
           margin-bottom: 5px;
           width: 655px;
           background: #dcdcdc;
           float: left;
           display: inline;
}

#breadcrumb {
	color: #3d3d3d;
	background-color: #dcdcdc;
	padding: 3px;
	margin-bottom: 25px;
    border-bottom: 1px solid #FFFFFF;
	}

#breadcrumb ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#breadcrumb ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

#main_left {
           width: 473px;
           height: 242px;
           background-color: #dcdcdc;
           float: left;
           overflow: hidden;
}

#main_right {
           width: 487px;
           height: 242px;
           background: #dcdcdc url(../i/home_security.jpg);
           background-position: bottom right;
           background-repeat: no-repeat;
           float: left;
           overflow: hidden;
}

#akl_about {
           padding: 10px;
           margin-top: 15px;
           width: 300px;
           font-size: 13px;
           float: left;
}

.protect {
         color: #ff8400;
         font-size: 34px;
         font-weight: bold;
         margin-left: 10px;
         margin-top: 10px;
}

.protect_sm {
         color: #ff8400;
         font-size: 10px;
}

#midcall {
         background: #dcdcdc;
         width: 960px;
         clear: both;
         display: inline-block;
}

.title {
         float: left;
         font-size: 18px;
}

.call_akl {
         float: right;
         font-size: 24px;
}

#services_wrap {
         width: 960px;
         background: #dcdcdc;
         display: inline-block;
}

.service {
         width: 312px;
         height: 71px;
         background: url(../i/servbg.jpg);
         float: left;
         margin: 4px;
}

.serv_text {
         padding-top: 10px;
         margin-left: 85px;
         color: #FFFFFF;
         font-size: 10px;
         line-height: 11px;
}

.serv_text a {
         color: #009cff;
         text-decoration: underline;
}

.serv_text a:hover {
         color: #ff7e00;
         text-decoration: none;
}

.serv_title {
         color: #FF9900;
         font-size: 12px;
         font-weight: bold;
}

#serv_cam {
         width: 312px;
         height: 71px;
         background: url(../i/cameras.jpg);
         background-position: top left;
         background-repeat: no-repeat;
}

#serv_alarms {
         width: 312px;
         height: 71px;
         background: url(../i/security_alarms.jpg);
         background-position: top left;
         background-repeat: no-repeat;
}

#serv_satellite {
         width: 312px;
         height: 71px;
         background: url(../i/satellite_tv.jpg);
         background-position: top left;
         background-repeat: no-repeat;
}

#serv_internet {
         width: 312px;
         height: 71px;
         background: url(../i/satellite_tv.jpg);
         background-position: top left;
         background-repeat: no-repeat;
}

#footer {
         background-color: #FFFFFF;
         display: inline-block;
}

#footer_left {
         width: 319px;
         float: left;
         border-right: 1px solid #dcdcdc;
}

.bottxt {
         padding: 5px;
}

#footer_right {
         width: 640px;
         float: right;
         text-align: right;
}

.security {
         float: right;
         font-size: 20px;
}

#botnav {
         font-size: 10px;
         width: 100%;
         height: 45px;
         float: right;
}

/*Nav bar styles*/

ul#botnav,
#botnav ul{
margin: 0;
padding: 0;
cursor: default;
list-style-type: none;
display: inline;
}

ul#botnav{
display: table;
height: 30px;
}

ul#botnav>li{
display: table-cell;
position: relative;
padding: 2px 6px;
height: 30px;
}
/*
ul.nav>li:hover{
padding-right: 1px;
}*/

ul#botnav li>ul{
display: none;
position: absolute;
max-width: 40ex;
margin-left: -6px;
margin-top: 2px;
}

ul#botnav li:hover>ul{
display : block;
}

#botnav ul li a{
display: block;
padding: 2px 10px;
background-color: #dcdcdc;
}

/*Menu styles*/

ul#botnav,
#botnav ul a{
color: #3D3D3D;
/*background-color: #dcdcdc;*/
}

#botnav ul li a{
color: #000000;
}

ul#botnav li:hover,
#botnav ul li a:hover{
background-color: #369;
color: #fff;
font-size: 14px;
height: 45px;
border-bottom: 5px solid #dcdcdc;
}

ul#botnav li:active,
#botnav ul li a:active{
background-color: #036;
color: #fff;
}

ul#botnav,
#botnav ul{
border: 0px solid #369;
}

#botnav a{
text-decoration: none;
}

#logos {
         margin-top: 10px;
         width: 100%;
         float: right;
}

#direct_tv {
	width: 47px;
    height: 30px;
    margin-right: 5px;
    float: right;
}

#direct_tv a {
     display: block;
     width: 47px;
     height: 30px;
     background-image: url(../i/direct_tv.gif);
     background-repeat: no-repeat;
     }
#direct_tv a:hover {
     background-image: url(../i/direct_tv_over.gif);
     }
     
#dish_network {
	width: 46px;
    height: 30px;
    margin-right: 5px;
    float: right;
}

#dish_network a {
     display: block;
     width: 46px;
     height: 30px;
     background-image: url(../i/dish_network.gif);
     background-repeat: no-repeat;
     }
#dish_network a:hover {
     background-image: url(../i/dish_network_over.gif);
     }
     
#direcway {
	width: 111px;
    height: 30px;
    margin-right: 5px;
    float: right;
}

#direcway a {
     display: block;
     width: 111px;
     height: 30px;
     background-image: url(../i/direcway.gif);
     background-repeat: no-repeat;
     }
#direcway a:hover {
     background-image: url(../i/direcway_over.gif);
     }
     
#ge_security {
	width: 73px;
    height: 30px;
    margin-right: 5px;
    float: right;
}

#ge_security a {
     display: block;
     width: 73px;
     height: 30px;
     background-image: url(../i/ge_security.gif);
     background-repeat: no-repeat;
     }
#ge_security a:hover {
     background-image: url(../i/ge_security_over.gif);
     }
     
#dsc_security {
	width: 85px;
    height: 30px;
    margin-right: 5px;
    float: right;
}

#dsc_security a {
     display: block;
     width: 85px;
     height: 30px;
     background-image: url(../i/dsc.gif);
     background-repeat: no-repeat;
     }
#dsc_security a:hover {
     background-image: url(../i/dsc_over.gif);
     }
     
#ademco {
	width: 92px;
    height: 30px;
    margin-right: 5px;
    float: right;
}

#ademco a {
     display: block;
     width: 92px;
     height: 30px;
     background-image: url(../i/ademco.gif);
     background-repeat: no-repeat;
     }
#ademco a:hover {
     background-image: url(../i/ademco_over.gif);
     }
     
#wildblue {
	width: 94px;
    height: 30px;
    margin-right: 5px;
    float: right;
}

#wildblue a {
     display: block;
     width: 94px;
     height: 30px;
     background-image: url(../i/wild_blue_internet.gif);
     background-repeat: no-repeat;
     }
#wildblue a:hover {
     background-image: url(../i/wild_blue_over.gif);
     }

#copyright {
         width: 960px;
         color: #666666;
         font-size: 10px;
         text-transform: uppercase;
         clear: both;
}

#copyright a {
         color: #666666;
}

.fl {
         float: left;
}
.fr {
         float: right;
}