/****************************************/
/* agavue */
/* copyright (c) the worx group - 2009 */
/* base.css */
/****************************************/
img	{ border:0px; }
img, div, input { behavior: url("/style/iepngfix.htc"); }
.clear { clear:both; }
form { margin:0; }

a { cursor:pointer; color:#0da1dd; text-decoration:underline; }
a:hover { color:#b30838; }

a.blue { position:relative; z-index:9; color:#009ddc; text-decoration:underline; padding:0 12px 0 0; }
a.blue:hover { color:#b30838; }

a.black { color:#000; text-decoration:underline; }
a.black:hover { color:#009ddc; }

div.column ul.list { margin:15px 0; }
div.column ul.list li { line-height:1.4em; }
ul.list li img.arrow { position:relative; top:-2px; margin:0 4px 0 0; }

ul.simple {  list-style-type:disc; margin:15px 0 15px 15px; }
ol.simple { list-style-type:decimal; margin:15px 0 15px 15px; }

h1 { font:bold normal 14px verdana; color:#b30838; }
p { margin:0 0 20px 0; }

body { margin:0; padding:0; text-align:center; min-width:990px; background:#e1e1e1; font:normal 12px arial; }
	div.wrapper { width:990px; margin:0 auto; text-align:left; color:#666; background:#FFF; position:relative; }
		div.wrapper img.corner_topleft { position:absolute; top:0px; left:0px; }
		div.wrapper img.corner_bottomleft { position:absolute; bottom:0px; left:0px; }
		div.wrapper img.corner_bottomright { position:absolute; bottom:0px; right:0px; }
		
		div.header { position:relative; padding:0 30px; height:154px; }
			div.header img.logo { z-index:8; position:absolute; top:10px; left:30px; }
			div.header img.tagline { z-index:8; position:absolute; top:72px; right:220px; }
			div.header img.icon { z-index:9; position:absolute; bottom:3px; right:0; }
			div.header ul { z-index:8; position:absolute; bottom:0; left:30px; width:930px; border:1px solid #666; border-width:1px 0; height:43px; background:#FFF url(/images/bg_nav.gif) 0 0 repeat-x; overflow:hidden; }
				div.header ul li { display:inline; }
					div.header ul li a { display:block; float:left; font:bold normal 14px verdana; color:#b30838; text-decoration:none; padding:12px 8px; background:url(/images/bg_nav_item.gif) 0 14px no-repeat; position:relative; left:-8px; }
					div.header ul li a:hover { color:#009ddc; }
		
		div.page { width:930px; padding:4px 0 20px 0; margin:0 30px; background:url(/images/bg_page.gif) 0 0 repeat-x; position:relative; }
			
			div.banner { margin:10px 0; }
				div.banner div.ticker { background:#009ddc; width:930px; height:40px; }
					div.banner div.ticker * { margin-bottom:20px; }

			
			div.rotate { float:left; width:640px; height:300px; position:relative; }
				div.rotate div { width:640px; height:300px; position:absolute; }
					
				div.rotate div.rotate_01 { background:url(/images/rotate_01_bg.jpg) 0 0 no-repeat; }
				div.rotate div.rotate_02 { background:url(/images/rotate_02_bg.jpg) 0 0 no-repeat; }
				div.rotate div.rotate_03 { background:url(/images/rotate_03_bg.jpg) 0 0 no-repeat; }
				
					div.rotate div img.main { position:absolute; bottom:0; left:0; }
					div.rotate div img.text { position:absolute; top:20px; right:50px; }
					div.rotate div img.button { position:absolute; top:200px; right:30px; }
								
			div.content { float:left; width:600px; padding:20px; background:url(/images/bg_content.gif) 0 bottom repeat-x; }
			
				/* homepage specific */
				ul.list { color:#000; }
					
				/* /access/ specific */
				body.access div.content { width:890px; float:none;  }
					body.access div.title { padding-bottom:10px; border-bottom:1px dotted #999; }
					body.access div.title img { float:left; margin:0 39px 0 0; }
					body.access div.title p { float:left; width:600px; line-height:1.6em; font-size:14px; }
					
					body.access div.products { margin:30px 0; }
						body.access div.products div.product { float:left; width:47%; margin:0 3% 20px 0; padding-bottom:70px; height:385px; border-bottom:1px dotted #999; position:relative; }
							body.access div.products h1 { font-size:22px; margin:0 0 20px 0; }
							body.access div.products p { line-height:1.6em; font-size:14px; color:#009ddc; }
							body.access div.products ul { margin:0 20px 0 0; }
								body.access div.products ul li { list-style-type:disc; margin: 0 0 0 15px; line-height:1.5em; }
								body.access div.products ul li.price { list-style-type:none; margin:10px 0 0 0; font-size:14px; }
									body.access div.products ul li.price strong { font-size:30px; color:#b30838; }
							body.access div.products div.product div.link { position:absolute; bottom:20px; left:0px; }
							
				/* /about/ specific */
				body.about div.content { height:535px; }
				body.about div.title {  }
					body.about div.title img { margin:0 0 20px 0; }
					body.about div.title p { border:1px dotted #999; border-width:1px 0; padding:20px 0; line-height:1.7em; font-size:14px; }
						body.about div.title p img { float:right; margin:0 0 0 10px; }
				body.about div.definition { padding-bottom:20px; border-bottom:1px dotted #999; margin-bottom:20px; }
					body.about div.definition div.define { float:left; width:29%; padding:0 2%; text-align:center; }
						body.about div.definition div.define img { height:115px; }
						body.about div.definition div.define p { margin:10px 0 0 0; }
				
				/* /support/ specific */
				body.support div.title { height:98px; margin:0 0 10px 0; background:url(/images/title_support.jpg) 0 0 no-repeat; }
					body.support div.title img { margin:33px 0 0 15px; }
				body.support div.content { padding:0; width:640px; min-height:580px; }
					body.support div.content h1 { margin:0 0 10px 0; }
					body.support ul.simple { margin:10px 0 10px 15px; }
					body.support ol.simple { margin:10px 0 10px 15px; }
					body.support ul.simple li img, body.support ol.simple li img { display:none; }
					body.support strong { font-weight:bold; }
				body.support div.callout, body.support div.callout_green { cursor:text; }

				/* /contact/ specific */
				body.contact div.title { height:98px; margin:0 0 10px 0; background:url(/images/title_support.jpg) 0 0 no-repeat; }
					body.contact div.title img { margin:33px 0 0 15px; }
				body.contact div.content { padding:0; width:640px; }
					body.contact div.content div.padding { padding:20px; }

				/* /broadband/ specific */
				body.broadband div.imagery { padding-bottom:20px; border-bottom:1px dotted #999; margin-bottom:30px; }
					body.broadband div.imagery img.title { margin:0 0 30px 115px; display:block; }
					body.broadband div.imagery img.headshot { float:left; margin:0 0 0 50px; }
					body.broadband div.imagery img.map { float:left; margin:20px 0 0 85px; }
					body.broadband div.headline { float:left; width:200px; line-height:2.0em; }
						body.broadband div.headline h2 { font:normal normal 14px arial; color:#b30838;  line-height:1.7em; }
					body.broadband div.info { float:left; width:350px; margin-left:50px; }
				
				/* /careers/ specific */
				body.careers div.content { height:575px; }
				body.careers div.title { height:301px; margin:0 0 10px 0; background:url(/images/title_careers.jpg) 0 0 no-repeat; }
					body.careers div.title img { margin:33px 0 0 15px; }
				body.careers div.content { padding:0; width:640px; }
					body.careers div.padding { padding:20px; }
					body.careers div.headline { float:left; width:200px; line-height:2.0em; }
						body.careers div.headline h2 { font:normal normal 14px arial; color:#b30838; line-height:1.7em; }
					body.careers div.info { float:left; width:350px; margin-left:50px; }
					body.careers div.info strong { font:normal normal 14px arial; color:#b30838; line-height:1.7em; }
				
				ul.tabs { border-bottom:1px solid #999; height:33px; padding:0 0 0 10px; }
				ul.tabs li { display:inline; }
					ul.tabs li a { display:block; float:left; padding:8px 20px; height:17px; font-size:14px; font-family:verdana; color:#b30838; background:#FFF; }
					ul.tabs li a.active { font-weight:bold; border:1px solid #999; border-bottom:0; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; }
					
				div.tabsContent { display:none; clear:both; padding:30px 20px; }
					div.tabsContent ul.list li { font-size: 14px; margin:0 0 3px 0; }
					div.tabsContent ul.list li.active { margin:0 0 30px 0; }
					div.tabsContent ul.list li.active a { color:#049fdd; }
						div.tabsContent ul.list li div.answer { display:none; font-size:12px; padding:10px 0 10px 15px; border-bottom:1px dotted #999; margin:0 0 10px 0; }
						div.tabsContent ul.list li li { font-size:12px; }
			
			div.callouts { float:right; }
				
				div.callout_red { cursor:text; background:url(/images/callout_bg_red.gif) 0 0 no-repeat; color:#000; font-size:14px; width:240px; height:175px; padding:40px 20px 30px 20px; margin:0 0 15px 0; }
					div.callout_red p { margin:20px 20px 10px 0; color:#ffcc66; }
					div.callout_red a { color:#FFF; text-decoration:none; }

				div.callout_green { cursor:text; background:url(/images/callout_bg_green.gif) 0 0 no-repeat; color:#000; font-size:14px; width:240px; height:175px; padding:40px 20px 30px 20px; margin:0 0 15px 0; }
					div.callout_green p { margin:40px 20px 10px 0; }
					div.callout_green a { color:#FFF; text-decoration:none; }
				
				div.callout_orange { cursor:text; background:url(/images/callout_bg_orange.gif) 0 0 no-repeat; color:#000; font-size:14px; width:240px; height:175px; padding:40px 20px 30px 20px; margin:0 0 15px 0; }
					div.callout_orange p { margin:40px 20px 10px 0; }
					div.callout_orange a { color:#FFF; text-decoration:none; }
				
				div.callout_purple { cursor:text; background:url(/images/callout_bg_purple.gif) 0 0 no-repeat; color:#000; font-size:14px; width:240px; height:175px; padding:40px 20px 30px 20px; margin:0 0 15px 0; }
					div.callout_purple p { margin:20px 20px 10px 0; color:#ffcc66; }
					div.callout_purple a { color:#FFF; text-decoration:none;}
				
				div.callout { width:220px; height:90px; padding:30px; background:url(/images/bg_callout.jpg) 0 0 no-repeat; margin:0 0 15px 0; }
				body.hp div.callout { margin:0; }
					div.callout p { margin:10px 0 5px 0; color:#333; }
						
			div.columns { background:url(/images/bg_columns.gif) 0 bottom repeat-x; border-top:1px solid #666; margin-top:10px; }
				div.column { float:left; width:31%; padding:15px 1%; }
				div.column p { color:#009ddc; }
					div.column p a { color:#009ddc; text-decoration:underline; }
					div.column p a:hover { color:#b30838; }
					div.column img.arrow { position:relative; top:-2px; margin:0 4px 0 0; }
			
			div.footer { color:#999; text-align:center; padding:15px 0 0 0; border-top:1px solid #666; margin-top:10px; font-size:11px; }
				div.footer strong { font-weight:bold; color:#b30838; }
				div.footer p { margin:4px 0; }
				div.footer ul { margin:4px 0; }
				div.footer ul li { display:inline; }
				div.footer a { color:#999; text-decoration:none; }
				div.footer a:hover { text-decoration:underline; }
				
/* pop up */
body.popup { margin:0; padding:0; text-align:center; min-width:840px; background:#FFF; font:normal 12px arial; }
	body.popup div.wrapper { width:800px; padding:20px; margin:0 auto; text-align:left; color:#666; background:#FFF; }
		body.popup p { margin:0 0 10px 0; }

body.popup_form { margin:0; padding:0; text-align:center; min-width:390px; background:#FFF; font:normal 12px arial; }
	body.popup_form img.logo { position:absolute; top:0; right:0; }
	body.popup_form div.wrapper { width:350px; padding:20px; margin:0 auto; text-align:left; color:#666; background:#FFF; }
		body.popup_form h1 { margin:0 0 10px 0; font-size:18px; }
		body.popup_form p { margin:0 0 10px 0; }
		body.popup_form ul { list-style-type:disc; margin:10px 0 10px 15px; }
		body.popup_form strong { font-weight:bold; }
		body.popup_form form { margin:10px 0; }


/* forms */
form {  }
	form fieldset {  }
	table td { vertical-align:top; padding:0 0 5px 0; }
		table td td { padding:0; }
	form label { display:block; cursor:pointer; margin:4px 10px 0 0; }
	form input.text, form select, form textarea { display:block; width:250px; margin:0 0 3px 0; border:1px solid #666; background:#fff; padding:2px; font-family:arial; font-size:12px; }
	form textarea { height:100px; }
	form input.submit { margin:10px 0 0 0; }

/* login forms */
div.page ul.formsNav { width:930px; overflow:hidden; position:relative; border-bottom:1px solid #666; margin-bottom:10px; }
	div.page ul.formsNav li { display:inline; }
		div.page ul.formsNav li a { display:block; float:left; font:bold normal 12px verdana; color:#039ddb; text-decoration:none; padding:6px 8px; background:url(/images/bg_nav_item.gif) 0 6px no-repeat; position:relative; left:-8px; }
		div.page ul.formsNav li a:hover { color:#b30838; }
	div.page div.form { position:absolute; z-index:9; top:40px; left:0; background:#FFF; border:2px solid #e1e1e1; display:none; }
		div.page div.form img.hdr { position:absolute; top:20px; left:20px; }
		div.page div.form form label { color:#009ddc; margin-bottom:3px; display:block; }
		div.page div.form form input.text { width:200px; margin-bottom:8px; display:bock; }
		div.page div.form form select { width:200px; margin-bottom:8px; }
		div.page div.form img.login-form-close { position:absolute; top:15px; right:20px; cursor:pointer; }
		div.page div.form img.login-form-logo { position:absolute; bottom:20px; right:20px; }

		/* manage your DSL account form */
		div.page div#manageForm { width:638px; height:300px;  }
		div.page div#manageForm p { position:absolute; top:65px; left:20px; }
		div.page div#manageForm p.reminder { position:absolute; top:176px; left:20px; }
		div.page div#manageForm div.address { position:absolute; top:215px; left:20px; }
		div.page div#manageForm table { width:595px; position:absolute; top:120px; left:20px; }
		div.page div#manageForm table td { vertical-align:middle; }
		div.page div#manageForm table input.text { width:180px; }
		div.page div#manageForm span.remember { font-size:11px; position:relative; top:-2px; left:5px; }
		
		/* manage your Dialup account form */
		div.page div#manageDialupForm { width:638px; height:300px;  }
		div.page div#manageDialupForm p { position:absolute; top:65px; left:20px; }
		div.page div#manageDialupForm p.reminder { position:absolute; top:176px; left:20px; }
		div.page div#manageDialupForm div.address { position:absolute; top:215px; left:20px; }
		div.page div#manageDialupForm table { width:595px; position:absolute; top:120px; left:20px; }
		div.page div#manageDialupForm table td { vertical-align:middle; }
		div.page div#manageDialupForm table input.text { width:180px; }
		div.page div#manageDialupForm span.remember { font-size:11px; position:relative; top:-2px; left:5px; }

		/* agavue email form */
		div.page div#agavueForm { width:638px; height:300px; }
		div.page div#agavueForm form { width:200px; position:absolute; top:50%; left:50%; margin-left:-100px; margin-top:-95px; }
		div.page div#agavueForm form input.text { width:200px; margin-bottom:8px; display:bock; }
		div.page div#agavueForm form select { width:200px; margin-bottom:8px; }
		div.page div#agavueForm img.login-form-faq { position:absolute; bottom:20px; left:20px; }
		div.page div#agavueForm img.login-form-help { position:absolute; bottom:20px; left:100px; }

		/* zianet email form */
		div.page div#zianetForm { width:638px; height:300px; }
		div.page div#zianetForm form { width:200px; position:absolute; top:70px; left:40px; }
		div.page div#zianetForm p { width:325px; position:absolute; top:90px; left:275px; font-size:11px; }
		div.page div#zianetForm input.submit { margin-top:15px; }

		/* referral email form */
		div.page div#referralForm { width:638px; padding-bottom:30px; }
		div.page div#referralForm p { font-size:11px; margin:55px 20px 0 20px; }
		div.page div#referralForm p.disclaimer { font-size:9px; margin:15px 20px 0 20px; }
		div.page div#referralForm form { margin:20px 0 0 40px; }
		div.page div#referralForm table { width:500px; }
		div.page div#referralForm table td { vertical-align:top; }
	
		div.referral { padding:10px; border:2px solid #e1e1e1; margin:0 0 10px 0; }	
		div.referralHidden { display:none; }
		div.referralResponse ul { list-style-type:disc; margin:-5px 15px 15px 15px; }
