@charset "utf-8";
/* Alert-Tech Systems, Inc. CSS Document */

/*GENERAL PAGE VIEW*/
body {
background-image:url(images/bg2.gif);
background-repeat:repeat-x;
font:11px arial,tahoma,verdana,sans-serif;
line-height:14px;
text-decoration:none;
color:#333;
margin:0;
padding:0
}
/*GENERAL PAGE STYLE*/
#main {
width:800px;
background-color:#F4F4F4;
margin:0 auto;
}
a{
color:#333;
font:11px arial,tahoma,verdana,sans-serif;
text-decoration: none
}
a:visited{
color:#333;
font:11px arial,tahoma,verdana,sans-serif;
text-decoration:none
}
a:hover {
text-decoration: underline
}
h1 {
font:17px Tahoma, Geneva, sans-serif;
color:#294061
}
h2 {
font:12px Verdana, Geneva, sans-serif;
text-decoration:none;
font-weight:700;
color:#333;
margin:0
}
h3 {
font:11px Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:400;
color:#416FB4
}
h4 {
font:11px Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:700;
color:#333
}
.image {
float:left;
border:1px solid #CCC;
margin:0 10px 5px;
padding:5px
}
.image2 {
float:right;
border:1px solid #CCC;
margin:0 15px 5px 0;
padding:5px
}
.image3 {
border:1px solid #CCC;
padding:5px
}
.image4{
float:left;
margin:0 10px 5px;
padding:5px
}
.image5{
margin: 0 15px 15px 0;
border:0
}
.image6{
margin: 0 10px 5px;
border:0
}
.teamimage {
float:left;
border:1px solid #CCC;
padding:5px;
margin: 15px
}
.red {
color:#900
}
.gray{
color:#999;
}
.boxstyle {
float:left;
width:190px;
height:148px;
border-right:dotted 1px #ccc;
margin-right:15px;
margin-bottom:15px
}
.boxstyle_memberlogo {
float:right;
width:150px;
height:76px;
margin-top:10px
}
.boxstyle_right_livecamerademo {
float:right;
width:180px;
height:148px;
margin-bottom:15px
}
.boxstyle_alerttechaddress {
float:left;
width:380px;
height:auto;
padding:0 10px 0 0;
}
.alerttechaddress_serviceares_ga {
float:left;
width:100px;
height:75px;
text-align:left
}
.alerttechaddress_serviceares_fl {
float:right;
width:90px;
height:75px;
padding:0 45px 0 0;
text-align:left
}
.officeaddress{
float:left;
width:230px;
height:auto;
}
.boxstyle_servicing{
float:right;	
width:390px;
height:50px;
padding:10px 0 0 0;
text-align:left
}
.customer_support_leftcontainer{
width:165px;
overflow:hidden;
height:250px;
float:left;
padding:5px;
border:none;
text-align:left
}
.customer_support_rightcontainer{
width:165px;
height:250px;
float:right;
padding:5px;
border:none;
text-align:left
}
.style {
margin:0
}
.imagelistyle {
list-style:none;
margin: 15px 0 0 0
}
ul,li {
font:11px Arial, Helvetica, sans-serif, #36F;
text-decoration:none;
font-weight:400;
padding:0 0 0 15px
}
li {
list-style:disc;
padding:0
}
.ulstyle {
display:inline
}
.listyle {
list-style-type:none;
display:inline;
padding:5px
}
.li{
list-style-type:none
}
#promo{
float:left;
background-image: url(images/promo.gif);
width:170px;
height:580px;
}
#promo2{
float:left;
background-image:url(images/promo2.gif);
width:170px;
height:400px
}
.promobox1{
float:left;
width: 140px;
height: 120px;
padding: 110px 15px 0 15px
}
.promobox2{
float:left;
width: 140px;
height: 120px;
padding: 0 15px 0 15px
}
.promobox3{
float:left;
width: 140px;
height: 300px;
padding: 110px 15px 0 15px;
}

/*BACKGOUND FOR H1 HEADERS*/
.topborder {
width:380px;
height:15px;
background-color:#F4F4F4;
text-align:left;
border-top:1px #CCC dotted;
padding:10px 10px 10px 0
}
.bottomborder{
width:380px;
height: 30px;
border-bottom:1px #CCC dotted;
}
.topborder2 {
width:175px;
background-color:#F4F4F4;
border-top:1px #CCC dotted;
padding:15px 0 0 0
}
.topborder3 {
width:380px;
background-color:#F4F4F4;
border-top:1px #CCC dotted;
padding:15px 0 0 0
}

/*HEADER*/
#header {
background:#3e454a;
width:800px;
height:100px;
font:12px arial,tahoma,verdana,sans-serif;
text-decoration:none;
padding:0
}

/*LOGO*/
#logo {
float:left;
padding:3px 8px
}

/*MENU*/
#menu {
float:right;
width:691px;
height:70px;
margin:0
}
#menu ul {
float:right;
text-decoration:none;
display:inline;
list-style-type:none
}
#menu li {
display:inline;
font:10px arial,tahoma,verdana,sans-serif;
text-decoration:none;
text-transform:uppercase;
font-weight:400
}
#menu li a {
float:right;
color:#EEE;
background:#2c3237;
text-decoration:none;
margin:0 1px 0 0;
padding:25px 10px
}
#menu li a:hover {
color:#fff;
background:#838c93
}

/*LEFT SIDE NAVIGATION*/
#leftnav {
float:left;
width:253px;
height:230px;
color:#FFF;
border-left:10px solid #294061;
background:#2c3237 
}
#leftnav ul{
margin:0
}
#leftnav li {
float:left;
border-bottom:1px dotted #666;
list-style:none;
}
#leftnav li a {
font:12px arial,tahoma,verdana,sans-serif;
font-weight:bolder;
padding:15px 0 14px 30px;	
width:213px;
height:16px;
float:left;
color:#EEE;
text-decoration:none
}
#leftnav li a:hover {
color:#88a0b8
}
/*BANNER PICTURE: all pages*/
#pic {
background:url(images/van.jpg) no-repeat;	
float:right;
height: 230px;
width:537px;
border: none;
margin: -230px 0 0 228px
}
#pic2 {
float:left;
height:230px;
width:253px;
border-left: 10px solid #294061
}

/*BANNER AND MIDBAR: home page*/
#banner {
width:800px;
height:230px;
background:url(images/alerttechbanner.swf);
padding:0
}
#midbar {	
border:none;
padding:0
}

/*COLUMNS: team members*/
#leftteam{
float: left;
width: 399px;
padding: 15px, 15px;
border-right: 1px #ccc dotted;
background-color:#F4F4F4;
}
#rightteam{
float: right;
width: 400px;
padding: 15px, 15px;
background-color:#F4F4F4;
}

/*COLUMNS: all pages*/
#leftcolumn {
float:left;
width: 180px;
padding: 15px 5px 15px 15px;
background-color:#F4F4F4
}
#midcolumn {
float:left;
width:380px;
background-color:#F4F4F4;
border-left:1px #ccc dotted;
padding:15px 15px;
border-right:1px #ccc dotted
}
#rightcolumn {
float:right;
width:175px;
background-color:#F4F4F4;
padding:15px 3px 15px 0;
margin:0 
}

/*HOT BUTTONS: home page*/
#buttons {
width:800px;
height:170px;
margin:0;
padding:0
}
#buttons ul {
display:inline;
list-style-type:none;
border:none
}
#buttons li {
display:inline;
border:none;
margin:0;
padding:0
}
/*LEFT COLUMN: home page*/
#left {
float:left;
width:330px;
text-align:left;
background-color:#F4F4F4;
margin:0;
padding:15px 20px
}
.note {
text-align:justify;
margin:0 10px;
padding:0
}
.h1 {
margin:0 0 5px 134px
}
.h2 {
margin:0 0 5px 132px
}
.h3 {
margin:0 0 5px 132px
}
.h4{
margin:20px 0 5px 120px
}
.adjustment{
float:left;
margin:-2px 0 0 0;
}
/*RIGHT COLUMN: home page*/
#right {
float:right;
width:389px;
background-color:#F4F4F4;
text-align:justify;
border-left:1px #CCC dotted;
padding:15px 20px
}
/*FOOTER*/
.footer {
clear:both;
background-image:url(images/bgr_footer.jpg);
height:98px;
text-align:center;
padding:10px 0 10px 0

}
.boxstyle_footer {
float:left;
width:135px;
height:80px;
padding:5px 0 5px 5px;
margin-right:10px;
}
.boxstyle_footer ul{
margin:0 0 0 10px;
line-height:6px;
font:4px arial,tahoma,verdana,sans-serif,#eee;
list-style:none;
}
.boxstyle_footer li {
float:left;
list-style:none;
}
.boxstyle_footer li a {
list-style:none;
}
.footer_nav li a:hover {
color:#88a0b8
}
img, #buttons li a {
border:none
}