/* 
Millington Alarm Website
June 2008
 */
 
/* this clears floats */
.clear { clear: both; height: 1px; overflow: hidden; }

html { overflow-y: scroll; } /* this forces a scroll for short windows on FF and Safari */
html, body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #d6d1bb; color: #000000; }
h1 { font: bold 18px Georgia, "Times New Roman", Times, serif; color: #000066; }
h2 { color: #000066; margin: -8px 0 10px 0; font: italic 16px Georgia, "Times New Roman", Times, serif; }
p { margin: 4px 0 10px 0; font: 14px/18px Georgia, "Times New Roman", Times, serif; color: #423e36; }
p.caption { color: #423e36; margin: 4px 0; font-family: Verdana, sans-serif; font-size: 10px; line-height: 12px; }
a, a:visited { text-decoration: none; color: #82827A; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }
a:hover { text-decoration: none; color: #000066; font: bold 12px Verdana, Arial, Helvetica, sans-serif; }

#container { width: 728px; padding: 0 24px; margin: 0 auto; background: url('../images/container_bg.gif') repeat-y; position: relative; }

#header { height: 96px; width: 728px; background: url('../images/header_bg.gif') no-repeat; position: relative; }
#header h1 a { width: 230px; height: 92px; display: block; text-indent: -5000px; }

#top_links { position: absolute; top: 16px; text-align: right; right: 36px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; }
#top_links a, #top_links a:hover { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
#top_links a:hover { font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #ffcc34; text-decoration: none; }

#address { position: absolute; top: 38px; text-align: right; right: 36px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #fff; }

#topnav { height: 1.2em; width: 728px; color: #DDD; text-align: left; position: relative; background-color: #000; }
#topnav ul { background: none; bottom: 2px; margin-left: 36px; position: absolute; }
#topnav li { display: inline; margin-left: -2px; }
#topnav a, #topnav a:visited { text-decoration: none; color: #EEE; font: bold .7em Verdana, Arial, Helvetica, sans-serif; margin-right: 3px; margin-bottom: 4px}
#topnav a:hover { text-decoration: none; color: #ffcc34; font: bold .7em Verdana, Arial, Helvetica, sans-serif; margin-right: 3px; }

#content { width: 692px; padding: 0 0 20px 36px; background: url('../images/grid_3.gif') repeat-y; }
#content .preload { display:none; }

#company-links { height: 96px; padding-bottom: 16px; }
#company-links li { display: inline; }
#company-links a { margin-right: 27px; display: inline; float: left; text-indent: -5000px;}
#company-links #big-river a { width: 144px;  height: 99px; background: url('../images/big_river.gif') no-repeat; }
#company-links #big-river a:hover { background: url('../images/big_river_hover.gif') no-repeat; }
#company-links #mtel a { width: 144px; height: 99px; background: url('../images/mtel.gif') no-repeat; }
#company-links #mtel a:hover { width: 144px; height: 99px; background: url('../images/mtel_hover.gif') no-repeat; }
#company-links #tele a { width: 144px; height: 99px; background: url('../images/tele.gif') no-repeat; }
#company-links #tele a:hover { width: 144px; height: 99px; background: url('../images/tele_hover.gif') no-repeat; }
#company-links #yellow-pages a { width: 143px; height: 99px; background: url('../images/yellow_pages.gif') no-repeat; }
#company-links #yellow-pages a:hover { width: 143px; height: 99px; background: url('../images/yellow_pages_hover.gif') no-repeat; }

#title { width: 600px; padding: 16px 0 0 36px; font: bold 18px Georgia, "Times New Roman", Times, serif; color: #000066; }
.one_col { width: 480px; padding-top: 36px; margin-left: 96px; }
#one-col .center { width: 480px; margin-top: 16px; padding-left: 18px; text-align: center; }

#first-col { width: 320px; float: left; }

#second-col { width: 320px; float: right; margin-right: 36px; display: inline; }

.footer { height: 40px; background: #f7f6ed; padding: 6px 0}

#bottomnav { height: 16px; width: 728px; background: #d4d6c6; text-align: center; }
#bottomnav ul { background: none; position: relative; bottom: 3px; }
#bottomnav li { display: inline; }
#bottomnav a { text-decoration: none; text-transform: uppercase; color: #82827A; font: bold 10px Verdana, Arial, Helvetica, sans-serif; margin-right: 15px; }
#bottomnav a:hover { text-decoration: none; text-transform: uppercase; color: #000; font: bold 10px Verdana, Arial, Helvetica, sans-serif; margin-right: 15px; }

#copyright { display: block; height: 18px; width: 728px; background: #f7f6ed; color:#6C6C60; }
p.copyright { text-align: center; font: 9px Verdana, Arial, Helvetica, sans-serif; margin-top: 6px }

#bottom_cap { width: 776; height: 24px; margin: 0 auto; display: block; text-align: center; }

/* Home Page */
.home li { margin: 0 0 4px 20px; list-style-image: url(../images/star_bullet.gif); }
.home a, .home a:link, .home a:visited { color:#000066; text-decoration: none; border-bottom: 0px dotted #000066; font-size: 16px; }
.home a:hover { color:#888; border-bottom: 1px dotted #888; }
.monthly_special { width: 320px; padding: 10px 0; background-color:#000066; text-align: center; }
.monthly_special a, .monthly_special a:visited { font: bold 18px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-align: center; }
.monthly_special a:hover { color: #ffcc34; font: bold 18px Verdana, Arial, Helvetica, sans-serif; }
.financing_options { width: 320px; padding: 10px 0; background-color:#000066; text-align: center; }
.financing_options a, .financing_options a:visited { font: bold 18px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-align: center; }
.financing_options a:hover { color: #ffcc34; font: bold 18px Verdana, Arial, Helvetica, sans-serif; }
#compare { padding: 8px 24px 0 24px; color: #000055; font: bold 18px Georgia, "Times New Roman", Times, serif; text-align: center; }