/*	NECA Connection Screen Stylesheet
	Author:		Brad Graham
	Created:	12/2007
	Contact:	bgraham@matrixgroup.net
--------------------------------------------------  */
/*  Zero out margins and padding  */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, th, td {margin:0; padding:0; }
#main p, #main ul, #main ol, #main dl, #main blockquote, #main table, #content dt, #content dd {margin-bottom:1em; }
ul ul, ol ol, ul ol, ol ul, dl ul, dl ol {margin-bottom:0; }
ul, ol {list-style-type:none; }

body {
	font-size:100%;		/*16 pixel text*/
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	line-height:1.125em;	/*18 pixel line-height*/
	background:url(/images/universal/page-bg.jpg) repeat-y fixed 50% 0 #FFFFFF; }

/*	=Font Sizing
************************************/
#necaNav { font-size:0.625em; }		/*10 pixel text*/
#subNav { font-size:1em; }			/*16 pixel text*/
#mainNav { font-size:1em; }			/*16 pixel text*/
#main { font-size:0.75em; }			/*12 pixel text*/
#footer { font-size:0.625em; }		/*10 pixel text*/

h1 { font-size:1em; }		/*16 pixel text*/
h2 { font-size:1.125em; }	/*18 pixel text*/
#content h3 { font-size:1.333em; margin:1em 0 0.5em; color:#00164b; font-style:italic; }/*16 pixel text*/

#content li { list-style-image: url(/images/universal/bullet.gif)}

/*	=Generics
************************************/
#skipLinks { left:-9999px; position:absolute; top:-9999px; }
#wrapper { margin:0pt auto; width:901px; text-align:left; }
	
abbr { border:none; }
.clearing { clear:both; }
.importance, strong { font-weight:bold; }
.emphasis, em { font-style:italic; }
.hidden { display:none; }
.upper { text-transform:uppercase; }
#content .address { list-style-type:none; margin-bottom:0; }
#content .address li { margin-bottom:0; }
p.imgCaption { font-size:0.916em; }
img.left { float: left; margin:0; padding: 0 10px 10px 0;}
.clear { clear: both; }
/*	=Links
************************************/
/*  White & Not Underlined  */
#necaNav a:link,  #mainNav a:link, #necaNav a:visited, #mainNav a:visited { color:#fff; text-decoration:none; }
/*  White & Underlined  */
#necaNav a:hover, #mainNav a:hover, #necaNav a:active, #mainNav a:active, #mainNav a:focus, #necaNav a:focus { color:#fff; text-decoration:underline; }
/*  Footer Links  */
#footer a:link, #footer a:visited { color:#fff; text-decoration:underline; }
#footer a:hover, #footer a:focus, #footer a:active { color:#fff; text-decoration:none; }
/*  Main Content Links  */
#main a:link { color:#6a1c24; text-decoration:underline; }
#main a:visited { color:#C9545A; text-decoration:underline; }
#main a:hover, #main a:focus, #main a:active { color:#EA6264; text-decoration:none; }

/*	=Header
************************************/
/*  NECA family of sites Nav  */
#necaNav { background:#604004; padding:0.4em 0; margin-bottom:1px; text-transform:uppercase; }
#necaNav li { display:inline; border-left:1px solid #fff; padding-left:0.7em; margin-left:0.3em; }
#necaNav li:first-child { border:none; padding-left:0.4em; }
	
/* START Gilder/Levin image replacement  */
#logo { width:247px; height:49px; position:relative; overflow:hidden; left:25px; top:15px; }
#logo span { background:url(/images/universal/connection-logo.gif) 0 0 no-repeat; position:absolute; cursor:pointer; width:100%; height:100%; }
/*  END Gilder/Levin image replacement  */

h1+p { background:url(/images/universal/star-trans.png) 0 0 no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#00164b; padding:12px 0 0 15px; min-height:40px; width:341px; position:relative; left:544px; top:-17px; }

/*	=Sub Nav
************************************/
#subNav li { float:left; background:#00164b; border-bottom:1px solid #fff; color:#fff; }
#subNav a { display:block; height:33px; position:relative; color:#fff; text-decoration:none; }
#subNav li a:hover, #subNav li a:active, #subNav li a:focus, #subNav #current a { background-color:#bb974d; color:#fff; text-decoration:none; }
#subNav #learnSubNav a, #subNav #learnSubNav span { width:313px; }
#subNav #helpSubNav a, #subNav #helpSubNav span { width:186px; }
#subNav #findSubNav a, #subNav #findSubNav span { width:262px; }
#subNav #aboutubNav a, #subNav #aboutubNav span { width:139px; }
#subNav span { background:url(/images/universal/main-nav.gif) 0 0 no-repeat scroll transparent; display:block; height:33px; cursor:pointer; position:absolute; top:0; left:0; }
#subNav #helpSubNav span { background-position:-313px 0px; }
#subNav #findSubNav span { background-position:-499px 0px; }
#subNav #aboutubNav span { background-position:-761px 0px; }
#subNav #learnSubNav a:hover span, #subNav #learnSubNav a:active span, #subNav #learnSubNav a:focus span, #subNav li#learnSubNav.current span { background-position:0px -33px; }
#subNav #helpSubNav a:hover span, #subNav #helpSubNav a:active span, #subNav #helpSubNav a:focus span, #subNav li#helpSubNav.current span { background-position:-313px -33px; }
#subNav #findSubNav a:hover span, #subNav #findSubNav a:active span, #subNav #findSubNav a:focus span, #subNav li#findSubNav.current span { background-position:-499px -33px; }
#subNav #aboutubNav a:hover span, #subNav #aboutubNav a:active span, #subNav #aboutubNav a:focus span, #subNav li#aboutubNav.current span { background-position:-761px -33px; }

/*	=Main Nav
************************************/
img#branding { margin-bottom:-3px; }
#mainNav { overflow:hidden; width:100%; }
#mainNav li { float:left; }
#mainNav a { display:block; height:25px; width:225px; position:relative; }
#mainNav span { background:url(/images/universal/nav.gif) 0 0 no-repeat scroll transparent; display:block; height:25px; width:225px; cursor:pointer; position:absolute; top:0; left:0; }
#serviceNav span { background-position:-225px 0px; }
#residentialNav span { background-position:-450px 0px; }
#greenNav span { background-position:-675px 0px; }
/* SubPage Nav */
#commercial #mainNav li#commNav a, #service #mainNav li#serviceNav a, #residential #mainNav li#residentialNav a, #green #mainNav li#greenNav a { height:33px; }
#commercial #mainNav span { background-image:url(/images/universal/nav-commercial.gif); height:33px; }
#service #mainNav span { background-image:url(/images/universal/nav-service.gif); height:33px; }
#residential #mainNav span { background-image:url(/images/universal/nav-residential.gif); height:33px; }
#green #mainNav span { background-image:url(/images/universal/nav-green.gif); height:33px; }
	
li#commNav {background:#6a1c24; }
li#serviceNav {background:#8b806a; }
li#residentialNav {background:#604004; }
li#greenNav {background:#bb974d; }

/*	=Main Content Area
************************************/
#main { background:url(/images/universal/main-bg.gif) repeat-y 50% 0; overflow:hidden; width:100%; border-top:1px solid #e5e7ed; }
#main h2 { margin-bottom:1em; color:#3D4E76; }
#main dt {font-weight:bold; }
#workCont ul li, #utilCont ul li { background:url(/images/universal/bullet.gif) 0 7px no-repeat transparent; padding-left:8px; }
#main ul.clean li { background:none; padding-left:0; }
#mainRow, #subRow { width:900px; float:left; }
#mainRow { background:url(/images/homepage/workCont-men.jpg) 98% 45% no-repeat transparent; border-bottom:1px solid #e5e7ed; }
#workCont, #findCont, #whoCont, #utilCont { width:428px; margin:11px; }
#findCont, #whoCont { float:left; }
#workCont, #utilCont { float:right; }
#findCont { min-height:17.75em; background: url(/images/homepage/globe.jpg) 41px 100% no-repeat #e5e7ed; padding:11px; width:406px; }
#workCont p { margin-right:160px; }
#utilCont { background:url(/images/homepage/utilCont-bg.gif) 0 0 no-repeat transparent; font-size:0.916em; }
#utilContWrapper { background:url(/images/homepage/utilCont-bottom.gif) 0 100% no-repeat transparent; overflow:hidden; width:100%; }
#utilContWrapper div { width:195px; margin:15px 0 0 15px; }
#utilCont-alpha { float:left; }
#live-person { float:right; }
#live-person h2 { background:url(/images/homepage/speech-bubble.gif) 0 0 no-repeat; padding-left:30px; }
ul#error li { display:block; border:none; padding:0; margin-bottom:1em; }
.sidebar { background:#fff; float:right; margin:0 0 1em 1em; padding:0 1em; width:270px; }
#findCont h3 { font-size:1.5em; padding:5px 0 0 0; margin-bottom:0.5em; color:#6a1c24; }
	
/*	=Main Content Images (homepage)
************************************/
#workCont { position:relative; padding-top:11px; }
#workCont img { position:absolute; bottom:0.166em;/*has ie6 fix*/ right:-6px; }

/*	=Sub Content
************************************/
.sub #main { background:url(/images/universal/main-bg.gif) repeat-y 225px 0; }
#pageNav { float:left; width:210px; margin:1em 0 0 15px; position:relative; }
#pageNav img { margin-top:1em; }
#pageNav img#starthere { position:static; margin:6px 0 0 -15px; }
#content { float:left; width:641px; margin:0 17px 1em; min-height:31.333em; }
#content h2 { font-size:1.5em; color:#6a1c24; border-bottom:1px solid #e5e7ed; margin:0.5em -17px; padding-left:17px; padding-bottom:0.5em; }
#content ul { list-style-type:circle; margin-left:25px; }
#content ul li { margin-bottom:0.7em; }
.sub #live-person { background-color:#f1eadb; float:none; margin:1.461em 0; padding:1px; width:200px; }
.sub #live-person-wrapper { border:1px solid #fff; padding:15px 0 0 10px; }
.sub #pageNav h3 { color:#604004; font-size:0.916em; }

/*  =BreadCrumbs
************************************/	
#breadcrumbs { margin:1.187em 0 0.625em 15px; }
#breadcrumbs li { display:inline; font-size:0.6875em; }
#breadcrumbs li:before { content:'> ' }
#breadcrumbs li:first-child:before { content:'' }
#breadcrumbs a:link, #breadcrumbs a:visited { color:#6a1c24; text-decoration:underline; }
#breadcrumbs a:hover, #breadcrumbs a:focus, #breadcrumbs a:active { color:#EA6264; text-decoration:none; }

/*  =Forms
************************************/
/* Forms on homepage */
div#findCont form#separateForm { border-top:0; }
div#findCont form#separateForm dt { float:none; padding:3px 0; }
div#findCont form#separateForm li { border:0; padding:5px 0; }
div#findCont form#separateForm li.importance { width:400px; }
div#findCont form#separateForm select#state { clear:left; width:147px; border:1px solid #9B9B9B; }

form {padding-top:1em; }
form#separateForm {border-top:1px solid #00164B; }
form .radio {float:left; }
form dt { float:left; width:10.833em; }
form dd { margin-left:10.833em; margin-bottom:1em; }
#pageNav li {/*has ie6 fix*/ background:url(/images/subpages/page-nav-arrow.gif) 0 5px no-repeat scroll #fff; padding-left:20px; }
form .selectList { float:left; }
form .selectList li { float:left; margin-right:5px; }
form .radioList li { margin-bottom:1em; }
#content form ul { margin-left:0; }
form ul li { list-style-type:none; }
#city, #county { width:197px; border:1px solid #9B9B9B; }
select#state { width:247px; border:1px solid #9B9B9B; }
#locationButs p {float:right; }
#locationButs p:first-child {float:left; }
#locationButs button {width:150px; }
button { border:1px solid #6A1C24; color:#6A1C24; cursor:pointer; background:#fff; }
	
/*  Creating 2 Columns  */
.alpha { float:left; width:50%; }
.beta { float:right; width:50%; }

/*	=Footer
************************************/
#footer { background:#97835c; color:#fff; padding:1.4em 0 0.5em 12.2em; line-height:1.3em; clear:both; }
#matrix {line-height:3em; }
div.adr, div.tel { display:inline; }
div.adr p, div.tel p, #supInfo p { display:inline; }
div.adr p, div.tel p, div#supInfo p:first-child { border-right:1px solid #fff; padding-right:0.7em; }
div.fax p {border:none; }
/*  Rundle/Phark image replacement  */
.url { background:url(/images/universal/neca-logoW-trans.png) 0 0; text-indent:-9999px; display:block; height:44px; width:81px; overflow:hidden; position:absolute; margin-left:-9.7em; }
/*  Rundle/Phark image replacement  */
#footer .geo { position:absolute; left:-9999px; }