/* 

Screen CSS document
screen.css
client: Atlantic BT
author: Atlantic BT - www.atlanticbt.com
date: 08-03-09

*/

/*======================================
	=ContentOne Styles
======================================*/

@import url("editor.css");

/*======================================
	=Normalize
======================================*/

* {	margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ul, ul li { list-style: none; list-style-position: outside; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content: ""; }
hr { display: none; }


/*======================================
	=Main Styles
======================================*/


body {
	font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	background: url(/images/bg_body.gif) repeat-x 0 0 #67a1d8;
	}

div { font-size: 100%; text-align: left; }


/*======================================
	=Typography Styles
======================================*/


p { font-size: 1em; }
	#content p { margin: 1.5em 0; }

a { }
	a { color: #1b2e4c; font-weight: bold; text-decoration: none; }
	a:hover { color: #ef464e; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { color: #1a2d4a;  }
	
		h1 { margin: 0 0 .9em; font: bold 2em/.9em Arial, Helvetica, sans-serif; color: #003152; } /* ~20px */
		h2 { margin: 0 0 1em; font: bold 1.50em/1em Arial, Helvetica, sans-serif; } /* 18px */
		h3 { margin: 0 0 1.12em; font: bold 1.33em/1.12em Arial, Helvetica, sans-serif; } /* 16px */
		h4 { margin: 0 0 1.26em; font: bold 1.17em/1.26em Arial, Helvetica, sans-serif; } /* 14px */
			ul.promotion-list h4 { margin: 0; }
		h5,	h6 { margin: 0 0 1.5em; font: bold 1em/1.5em Arial, Helvetica, sans-serif; } /* 12px */


ul, ul li { list-style: none; }
	#content ul { margin: 0 0 1.5em 3px; }
	#content ul li {
		margin: 0 0 1.5em; padding-left: 14px; 
		background: url(/images/i_bullet.gif) no-repeat 0 .4em; 
		}
		
		body.inner #content ul li,
		body.inner #content ol li { margin: 0 0 .5em; }
		
ol, ol li { }
	#main-area ol { margin: 0 0 1.5em 40px; }
	#main-area ol li { margin: 0 0 1.5em; }


dl { }

	#content dl { margin: 0 0 1.5em; }
	
		#content dl dt { margin: 0 0 1.5em; font-weight: bold; }
		#content dl dd { margin: 0 0 1.5em 20px; }


acronym, abbr { cursor: help; border-bottom: 1px dotted #353535; }

address { }

blockquote { margin: 1em 0; padding: 0 1em; }
	blockquote p { margin: 1em 0; }
	blockquote p.cite { text-align: right; }
	blockquote p.cite cite { font-weight: bold; }
	blockquote p.cite em { display: block; font-style: normal; font-weight: normal; }
	
	
/*======================================
	=Base Form Styles
======================================*/
	
form { }
	#main-area form ol { margin: 0; padding: 0; }
	#main-area form ol li { list-style: none; }
	
	input, textarea, select {
		padding: 5px;
		width: 258px;
		border: 1px solid #c2c2c2;
		border-right-color: #d7d7d7;
		border-bottom-color: #d7d7d7;
		background: #fff;
		font: inherit;
		font-size: 1.167em;
		font-weight: bold;
		line-height: 1.4167em;
		}
		input:focus,
		textarea:focus,
		select:focus { border-color: #0069b4 #009bdb #009bdb #0069b4; background: #e5f8ff; }
	
	input.prefix, 
		input.area-code { margin: 0 .25em 0 0; width: 3em; } 
			input.area-code { margin: 0 .25em 0 0; }
			input.suffix { width: 4em; }
			
	input.radio, input.checkbox,
	.buttons input, input.button, input.submit { border: 0; padding: 0; width: auto; background: none; }
	
	
	
	.buttons { margin: 1em 0 2em; }
	.buttons input { padding: 8px 15px; background: #1b9ed9; color: #fff; font-weight: bold; letter-spacing: -1px; 
		text-transform: uppercase; font-size: 18px; cursor: pointer; }
		
		.buttons input.button { margin-right: 10px; background-color: #ccc; color: #5c5c5c; }
		.buttons input:focus,
		.buttons input.button:focus { background-color: #00142b; color: #fff; }
		
		input.image,
		.buttons input.image { padding: 0; border: 0; background: none; }
	
	select { width: 270px; }
		
	textarea { width: 582px; height: 15em; }
	
	fieldset { }
	legend { }
	
	label { display: block; margin: .5em 0; font-weight: bold; font-size: .917em; }
	

/*======================================
	=Layout Styles
======================================*/

#container { position: relative; margin: 0 auto; width: 980px; }

#masthead, #navigation, #main-area, #content, #secondary-content { float: left; display: inline; width: 980px; }

#masthead { margin-top: 41px; height: 89px; }
	#masthead #skip-links { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; }
	#masthead #logo,
	#masthead #logo a { 
		float: left; display: inline;
		width: 290px; height: 89px;
		background: url(/images/g_logo.gif) no-repeat 0 0;
		text-indent: -9000em;
		}
		#masthead #logo { margin: 0; }
	#masthead #call-us { 
		float: left; display: inline; 
		margin-left: 450px;
		width: 240px; height: 89px; 
		background: url(/images/g_phone-header.gif) no-repeat 0 0;
		text-indent: -9000em; 
		}

#main-area { margin-bottom: 30px; background: url(/images/bg_main-area.gif) no-repeat 650px 10px #fff; }

	#main-area div.top,
	#main-area div.bottom { height: 4px; background: transparent url(/images/bg_main-area-top.gif) no-repeat 0 0; overflow: hidden; }
	#main-area div.bottom { clear: both; background: transparent url(/images/bg_main-area-bottom.gif) no-repeat 0 0; }
	
	#content { margin: 6px 20px 0 10px; padding: 0 0 0 10px; width: 630px; }
		#banner { position: relative; margin-left: -10px; height: 120px; background: url(/images/g_inner-banner.gif) no-repeat 0 0; }
		#banner h1 { position: absolute; left: 10px; bottom: 10px; margin: 0; color: #fff; text-shadow: 1px 1px #000; }
		
	#secondary-content { margin: 6px 20px 0 20px; width: 270px; }
		#category-nav { margin: 0 0 2em; background: url(/images/bg_cat-nav.gif) repeat-y 0 0 #fdfdfd; }
			#category-nav div.top { background: url(/images/bg_cat-nav-top.gif) no-repeat 0 0; }
			#category-nav div.bottom { height: 10px; background: url(/images/bg_cat-nav-bottom.gif) no-repeat 0 0; }
			#category-nav h3 { margin: 0; padding: 4px 20px 7px; background: #1b2e4c; color: #fff; font-size: 1.167em; }
			#category-nav ul li { }
			#category-nav ul li a { display: block; padding: 0 20px; border-bottom: 1px solid #aeaeae; line-height: 30px; }
			#category-nav ul li a:hover { background: #aeaeae; color: #fff; text-decoration: none; }
			#category-nav ul li.on a { background: #4E86C8; color: #fff; text-decoration: none; border-bottom: 1px solid #1B2E4C; }
		#quick-contact { padding-top: 30px; background: url(/images/h_talk-to-pipco.gif) no-repeat 0 0; }
			#quick-contact legend { display: none; }
			#quick-contact input.submit { }
		#programs { position: relative; height: 150px; background: url(/images/g_programs.gif) no-repeat 0 0; text-indent: -9000em; }
			#programs li.bge a { position: absolute; top: 0; left: 0; width: 270px; height: 73px;  }
			#programs li.angies-list a { position: absolute; top: 73px; left: 0; width: 270px; height: 67px; }
			
#site-info { clear: both; background: url(/images/bg_site-info.gif) repeat-x 0 0 #003152; font-size: .917em; line-height: 1.25em; color: #67a1d8; }
	
	#site-info a { color: #67a1d8; text-decoration: underline; font-weight: normal; }
	#site-info a:hover { color: #c8e4ff; }
	#site-info strong { color: #c8e4ff; font-weight: normal; }
	
	#site-info .wrap { padding: 20px 0 40px; margin: 0 auto; width: 980px; background: url(/images/bg_site-info-wrap.gif) no-repeat 649px 20px;}
	
		#bbb { float: right; display: inline; width: 250px; height: 80px; background: url(/images/g_bbb-logo.gif) no-repeat 0 0; text-indent: -9000em; }
		#bbb a { display: block; width: 250px; height: 80px; }
		#supplier-logos { float: left; display: inline; width: 490px; height: 40px; background: url(/images/g_logos-footer.gif) no-repeat 0 0; overflow: hidden; text-indent: -9000em; }
		#company-information { float: left; display: inline; margin: 1em 0; width: 470px; }
		#company-information h4 { margin: 0 0 .5em; height: 30px; background: url(/images/g_serving-footer.gif) no-repeat 0 0; text-indent: -9000em; }
		
		#site-copyright { clear: both; }
	
/*======================================
	=Page Styles
======================================*/


/* homepage specific */
	
	body#index { }

	body#index #main-area { margin-bottom: 10px; }
		body#index #banner { margin-top: -3px; height: 173px;  background: url(/images/ind_banner.jpg) no-repeat 0 0; text-indent: -9000em; }
		body#index p.intro { margin: 0 0 0 -10px; height: 84px; background: url(/images/ind_intro.gif) no-repeat 0 0; text-indent: -9000em; }
		
	body#index #tertiary-content { clear: both; float: left; display: inline; margin-bottom: 30px; width: 980px; }
		
		body#index #current-offers { float: left; display: inline; margin-right: 20px; width: 650px; background: #f7cb48; }
			body#index #current-offers .top { height: 4px; background: url(/images/ind_current-offers-top.gif) no-repeat 0 0; overflow: hidden; }
			body#index #current-offers .content { min-height: 116px; padding: 0 20px; height: auto !important; height: 116px; border: 1px solid #fff7db; border-width: 0 1px; background: url(/images/ind_current-offers-content.gif) repeat-x 0 0; }
				body#index #current-offers h3 { height: 33px; background: url(/images/ind_h-current-offers.gif) no-repeat left bottom; text-indent: -9000em; }
				body#index #current-offers ul { }
				body#index #current-offers ul li { margin: 0 0 5px; padding-left: 20px; background: url(/images/i_bullet-alt.gif) no-repeat 7px .6em; font-size: 14px; line-height: 20px; }				
				body#index #current-offers ul li a { color: #b14810; text-decoration: underline; }
				body#index #current-offers ul li a:hover { color: #990033; }
				
			body#index #current-offers .call-today { height: 25px; background: url(/images/ind_call-today.gif) no-repeat 0 0; text-indent: -9000em; }
			body#index #current-offers .bottom { height: 5px; background: url(/images/ind_current-offers-bottom.gif) no-repeat 0 0; overflow: hidden; }			
		
		body#index #programs { float: left; display: inline; width: 310px; height: 150px; background: url(/images/ind_programs.gif) repeat-y 0 0; }

/* end homepage specific */


/* all inner pages specific */
	
	body.inner #quick-contact { margin: 0 0 2em; }
	#content-inner { margin: 1em 0; }
	
	/* contact us */
	
		body#contact #content form { padding-top: 1em; border-top: 1px solid #aeaeae; }
		body#contact #content form legend { display: none; }
		
		body#contact #gmap { margin: 1em 0 2em; border: 1px solid #aeaeae; background: #aeaeae; }
		body#contact #gmap p {  }
		body#contact #gmap a { padding: 0 .5em; font-weight: normal; text-decoration: underline; font-size: .83em; color: #fff; }
		body#contact #gmap a:hover { color: #fff; }
		
	/* end contact us */
	
	/* plans */
	
		div#plans { float: left; display: inline; width: 630px; }
			div.plan { float: left; display: inline; margin-bottom: 1em; padding-right: 15px; width: 300px; }
			div#plans div.even { clear: left; }			
			div.plan ul li { font-size: .83em; line-height: 1.33em; }
			
	/* end plans */
	
	/* current offers */
		
		body.inner #content li.news-item h3 { margin-bottom: 0; }
		body.inner #content li.news-item .date { font-size: .83em; color: #333; }
		
		body#current-offers #content ul { border-bottom: 1px dotted #ccc; }
		body.inner #content ul li.news-item { margin: 0; padding: 1em 0; border-top: 1px dotted #ccc; background: none; }
		body.inner #content ul li.news-item p { margin: 1em 0 0; }
		
	/* end current offers */
	
/* end inner pages specific */


/*======================================
	=Navigation Styles
======================================*/

/* =navigation */

	#navigation { position: absolute; top: 0; left: 0; }
		#navigation ul, #navigation ul li, #navigation ul li a { float: left; display: inline; width: auto; }			
		
		#navigation ul li a { height: 41px; text-indent: -9000em; background: url(/images/sp_nav.gif) no-repeat -10px 0; }
		#navigation ul li#n-home a {  width: 80px; background-position: -10px 0; }
		#navigation ul li#n-residential a { width: 90px; background-position: -90px 0; }
		#navigation ul li#n-commercial a { width: 90px; background-position: -180px 0; }
		#navigation ul li#n-service a { width: 70px; background-position: -270px 0; }
		#navigation ul li#n-consumer a { width: 150px; background-position: -340px 0; }
		#navigation ul li#n-current-offers a { width: 110px; background-position: -490px 0; }
		#navigation ul li#n-about a { width: 80px; background-position: -600px 0; }
		#navigation ul li#n-contact a { width: 90px; background-position: -680px 0; }
		#navigation ul li#n-emergency a { margin-left: 30px; width: 180px; background-position: -800px 0; }
		
		#navigation ul li#n-home a:hover,
		#navigation ul li#n-home a:focus,
		body.index #navigation ul li#n-home a {  background-position: -10px bottom; }
		
		#navigation ul li#n-residential a:hover,
		#navigation ul li#n-residential a:focus,
		body.residential #navigation ul li#n-residential a { background-position: -90px bottom; }
		
		#navigation ul li#n-commercial a:hover,
		#navigation ul li#n-commercial a:focus,
		body.commercial #navigation ul li#n-commercial a { background-position: -180px bottom; }
		
		#navigation ul li#n-service a:hover,
		#navigation ul li#n-service a:focus,
		body.service #navigation ul li#n-service a { background-position: -270px bottom; }
		
		#navigation ul li#n-consumer a:hover,
		#navigation ul li#n-consumer a:focus,
		body.consumer-resources #navigation ul li#n-consumer a { background-position: -340px bottom; }
		
		#navigation ul li#n-current-offers a:hover,
		#navigation ul li#n-current-offers a:focus,
		body.current-offers #navigation ul li#n-current-offers a { background-position: -490px bottom; }
		
		#navigation ul li#n-about a:hover,
		#navigation ul li#n-about a:focus,
		body.about-us #navigation ul li#n-about a { background-position: -600px bottom; }
		
		#navigation ul li#n-contact a:hover,
		#navigation ul li#n-contact a:focus,
		body.contact-us #navigation ul li#n-contact a { background-position: -680px bottom; }
		
		#navigation ul li#n-emergency a:hover,
		#navigation ul li#n-emergency a:focus { background-position: -800px bottom; }
		
/* end navigation */		

			
			
/* =secondary-nav */
					
/* end secondary-nav */



/*======================================
	=Custom Styles and Microformats
======================================*/


.error { color: #c00; font-style: italic; padding-left: 15px; background: url(images/i_alert.gif) no-repeat 0 .3em; }
.note { font-size: .83em; line-height: 1.33em; }
.tel { padding: 0 0 0 16px; list-style: none; background: url(/images/icons/i_phone.gif) no-repeat 0 .4em; }
.email-address { padding: 0 0 0 16px; list-style: none; background: url(/images/icons/i_email.gif) no-repeat 0 .4em; }
.fax { padding: 0 0 0 16px; list-style: none; background: url(/images/icons/i_fax.gif) no-repeat 0 .4em; }
	

/*======================================
	=Browser Specific
======================================*/

a:focus { -moz-outline-style: none; }