/***************************************
		RESET STYLES
***************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; font-family: Helvetica, Arial, sans-serif; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

sup, sub { position: relative; height: 0; font-size: 80%; line-height: 1; vertical-align: baseline !important; vertical-align: bottom;}
sup { bottom: 1ex;}
sub { top: .5ex;}

/***************************************
		GLOBAL STYLES
***************************************/

body { background: url(../images/bg_pattern.gif) repeat-x #cfcfcf; margin: 0 0 20px 0; }

h1 { font-size: 27px; line-height: 32px; color: #5c8e17; margin: 0 0 10px 0; }
h2 { font-size: 20px; line-height: 24px; color: #167ab3; margin: 0 0 10px 0; }
h3 { font-size: 14px; line-height: 18px; color: #575757; margin: 5px 0 5px 0; }

a { color: #167ab3; text-decoration: none; }
a:hover { color: #167ab3; text-decoration: underline; }

.right { float: right; }
.left { float: left; }
img.right { float: right; padding: 0 0 0 10px; }
img.left { float: left; padding: 0 10px 0 20px; }

.bold { font-weight: bold; }
.italic { font-style: italic; }

.indent { padding: 0 0 0 20px; }

/***************************************
		MAIN NAVIGATION
***************************************/

#main_nav { width: 970px; height: 48px; margin: 0 0 0 -5px; padding: 30px 0 0 0; background: url(../images/bg_main_nav.gif) no-repeat; text-align: center; }
#main_nav ul,li { display: inline; line-height: 19px; }
#main_nav li { margin: 0 0 0 15px; font-size: 19px; }
#main_nav li.nav_divider { background: url(../images/nav_divider.gif) no-repeat; background-position: top center; width: 2px; height: 50px; padding: 0; margin: 0 0 0 10px;}
#main_nav li:first-child { margin: 0 0 0 0; font-size: 19px; }
#main_nav a { color: #66a21d; text-decoration: none; padding: 10px; }
#main_nav a:hover, #main_nav_active a { color: #ffffff; text-decoration: none; background: #66a21d; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; }

#header { width: 910px; height: 100px; margin: 0 0 15px 0; padding: 10px 30px 0 10px; background: url(../images/bg_header.png) no-repeat; }
#header p { margin: 3px 0 0 0; text-align: right; }
#header .action { font-size: 22px; color: #aacf75; }
#header .phone { font-size: 36px; font-weight: bold; color: #ffffff;  letter-spacing: 2px; }
#header .promo { font-size: 15px; color: #b9b9b9; }

/***************************************
		LEAD FORM STYLES
***************************************/

#sidebar { width: 220px; float: right; }

#lead_form { background: url(../images/form_hdr.jpg) no-repeat #6faa20; width: 210px; background-position: top center; margin-top: -7px; padding: 95px 5px 0 5px; }
#lead_form p.phone { font-size: 26px; font-weight: bold; letter-spacing: 1px; line-height: 24px; color: #167ab3; margin: 0 0 15px 0; text-align: center; }
#lead_form .promo-code { display: block; background: #167AB3; border: #ffffff solid 1px; margin-bottom: 1em; font-size: 17px; line-height: 34px; color: #ffffff; text-align: center;
						 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#lead_form p { font-size: 14px; color: #ffffff; line-height: 18px; margin: 0 0 15px 0; }
#lead_form ul,li { width: 210px; }
#lead_form label { font-size: 14px; padding: 0 0 0 5px; color: #ffffff; display: block; }
#lead_form .example { font-size: 12px; color: #D5EFB3; font-weight: normal; }
#lead_form input.text { margin: 5px 0 10px 5px; font-size: 16px; color: #666666; padding: 5px 0; width: 195px; } 
#lead_form input.image { margin: 10px 0 10px 0; } 

.form-error { width: 185px; margin: 5px; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: solid 2px #830000; background: #f2f2f2; color: #830000; font-size: 12px; text-align: center; }

/* horizontal out of service form */
#horizontal-form { background: #f2f2f2; padding: 10px 15px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: #bbbbbb solid 1px;}
	#horizontal-form label { float: left; display: block; font-size: 13px; font-weight: normal; color: #000000; padding-left: 1px;}
	#horizontal-form input { width: 616px; padding: 5px; font-size: 13px; font-weight: normal; border: #bbbbbb solid 1px; margin: 2px 0 10px -1px;}
	#horizontal-form .two-column { width: 297px; margin-right: 10px;}
	#horizontal-form .three-column { width: 190px; margin-right: 10px;}
	#horizontal-form #City, #horizontal-form #State { width: 191px;}
	#horizontal-form br.clearfix { height: 1px; font-size: 1px; line-height: 1px; margin: 0; padding: 0; clear: both;}
	#horizontal-form .submit { display: block; background: url(/images/lead-gen-contact-me.gif) no-repeat; width: 209px; height: 47px; padding: 0; margin: auto; border: 0; clear: both;}


/***************************************
		HERO GRAPHICS
***************************************/

#hero { width: 710px; height: 170px; padding: 140px 0 0 0; margin: 0 0 10px 0; background: url(../images/hero_01.jpg) no-repeat; }
#hero p { margin: 0 20px 10px 530px; color: #91d4f0; font-size: 13px; font-weight: normal; }
#hero .header { color: #ffffff; font-weight: bold; font-size: 18px; }
#hero form { margin: 20px 0 0 435px; }
#hero ul,li { display: inline; vertical-align: top; }
#hero li { margin: 0 0 0 15px; }
#hero li:first-child { margin: 0 0 0 0; font-size: 19px; }
#hero input.text { font-size: 16px; color: #666666; padding: 5px 0; margin: 0 20px 0 0 !important; text-align: center; width: 130px; height: 25px; }

/***************************************
		MAIN CONTENT
***************************************/

#wrapper { width: 960px; margin: auto; }
#wrapper p.marquee { color: #8f8f8e; font-size: 13px; position: relative; z-index: 2; margin: -25px 0 15px 0; }

#content { width: 938px; padding: 10px 10px 10px 10px; background: #ffffff; border-left: solid 1px #969696; border-right: solid 1px #969696; }

#main { width: 710px; float: left; }
#main p { font-size: 14px; line-height: 18px; color: #575757; margin: 0 0 15px 10px; }

#main ul { font-size:14px; line-height: 20px; color:#575757; margin: 10px 0 10px 20px; width: 680px; }
#main ul li { margin: 0 0 15px 20px; list-style-type: none; display: list-item; width: 680px; }
#main ul li.bullet { margin: 25px 0 15px 20px; list-style-type:disc; display: list-item; width: 680px; }

.call_box { background: #f2f2f2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #bfbfbf; text-align: center; padding: 15px 0; margin: 10px; }
.call_box p { font-size: 18px !important; font-weight: bold; color: #495F04 !important; }
.call_box .phone { font-size: 36px !important; font-weight: bold; color: #167ab3 !important; letter-spacing: 2px; margin-bottom: 0 !important; }
.call_box sup { font-size: 50%; bottom: 2ex;}

.callout { background: #f2f2f2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #bfbfbf; text-align: left; padding: 15px; margin: 10px 10px 25px 10px; }
.callout p { font-size: 18px !important; line-height: 24px !important; margin: 8px 0 0 0 !important; }
.callout p.not_available { font-size: 18px !important; line-height: 24px !important; margin: 8px 0 0 0 !important; color: #830000 !important; }
.callout .phone { font-weight: bold; color: #167ab3; font-size: 22px; }

.callout_notavailable { background: #830000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #f2f2f2; text-align: left; padding: 15px; margin: 10px 10px 25px 10px; }
.callout_notavailable p { font-size: 18px !important; line-height: 24px !important; margin: 8px 0 0 0 !important; color:#ffffff !important; }

table.deals_table { background: #f2f2f2; border: 1px solid #bfbfbf; margin: 0 10px 10px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
table.deals_table td { background: url(../images/deals_table_bg.gif) repeat-x; background-position: bottom; font-size: 13px; color: #454545; padding: 10px; border-top: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; vertical-align: middle; }
table.deals_table td.notopborder { border-top: none; }
table.deals_table td.norightborder { border-right: none; }
table.deals_table tr { border-top: 1px solid #bfbfbf; }

table.deals_table .header { font-size: 16px; color: #65b455; font-weight: bold; } 
table.deals_table .caption { font-size: 10px; color: #65b455; font-weight: normal; } 
table.deals_table .big_green { font-size: 26px; color: #65b455; font-weight: bold; }

table.deals_table input { margin: 10px 0 0 0; }
table.deals_table input.text { padding: 5px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #454545; text-align: center; }

/* font styles for deals chart */
		table.deals_table .price { position: relative; top: 10px;}
		table.deals_table .price-number { font-weight: bold; font-size: 44px; line-height: 1.20; color: #65b445;}
		table.deals_table .price .dollar-sign { position: relative; top: -5px; font-size: 27px; line-height: 1.05;}
		table.deals_table .per-month { display: block; font-weight: normal; font-size: 13px; line-height: 1.05; color: #65b445;}

.table_callout { width: 234px; background: #BF0D00; padding: 5px; color: #ffffff; font-size: 12px; margin: 0 0 15px -15px; font-weight: bold; }

#main .cities ul { float: left; list-style: none; width: auto !important; margin: 0;}
#main .cities ul.left-margin { margin-left: 60px;}
#main .cities li { width: auto !important; font-size: 12px; line-height: 18px; padding-left: 15px; }
#main .cities a { position: relative;} /* this enables all links to be clickable */
#main .cities li span { font-weight: bold; color: #dd0000; padding-left: 6px; font-size: 80%;}
#main .cities .soon span {color: #01559a;} 
#main .cities li.title { font-size: 14px; line-height: 1em; font-weight: bold; padding: 10px 0 0 0; background: none;}

#main .review { background: url(../images/bg_testimonial.gif) no-repeat top left; width: 650px; padding: 20px 0 0 20px; margin: 0 0 10px 0; }
#main .review .customer { margin: 0 0 10px 20px; font-style: italic; color: #5c8e17; }


/***************************************
		FOOTER CONTENT
***************************************/

#footer { margin: 25px 0; text-align: center; }
#footer ul,li { display: inline; }
#footer li { margin: 0 0 0 5px; font-size: 12px; }
#footer li:first-child { margin: 0 0 0 0; font-size: 12px; }
#footer li a { color: #898888; text-decoration: none; padding: 5px 10px 5px 10px; }
#footer li a:hover { color: #898888; text-decoration: none; background: #EFEFEF; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 10px 5px 10px; }
#footer p { font-size: 12px; line-height: 15px; color: #898888; margin: 0 0 10px 0; }
#footer hr { background: url(../images/hr_footer_bg.gif) no-repeat; height: 2px; border: 0; margin: 20px 0; }

/******** GEONATOR ***********/
span.coming-soon {
	color: #0000ff;
	font-size:11px;
	font-weight:bold;
}
span.now-available {
	color: #ff0000;
	font-size:11px;
	font-weight:bold;
}
.covered_state { 
	display:inline; float:left; margin:0px 0 3px 0; width:225px !important;
}
.covered_state_item ul, .covered_state_item li { width:auto; }
li.covered_city {margin:-5px 0 !important;}