/* Homepage Header */

#banner {
	position:relative;
	height:75px;
	z-index:100;
	margin-bottom:25px;
}
	
#supra{
	font-size: 10px;
	text-align: right;
	color: #ccc;
	height: 12px;
	position: absolute;
	left: 560px;
	top: 10px;
}
	
	
	
/* Lower Service Blocks */

.serviceBlocks {
	background:url(../i/lowerServiceBlocks_bg.jpg) top left no-repeat;
	min-height:160px;
}

.serviceBlocks h2 {
	font-size:14px;
	color:#CC0000;
	padding-bottom:2px;
	margin-bottom:0;
}



.serviceBlocks .serviceBlock {
	width:242px;
	float:left;
	font-size:10px;
	margin-left:10px;
	padding:15px 0 0 0;
}




/*
*
*
*
-----------------------------PSEUDO FOOTER
*
*
*
*/




.serviceBlock1 {
	width:150px;
	float:left;
	font-size:10px;
	height:200px;
	
	padding:10px;
	background-image:url(/i/2011/pseudoFoot_elements-04.jpg);
	background-position:100% 10px;
	background-repeat:no-repeat;
}

		.MAD_pdf_image {
			height:auto;
			float:left;
			position:relative;
			bottom:5px;
			padding-right:5px;}
			
		.MAD_links a{
			display:block;
			overflow:auto;
			padding-top:5px;}
			
		


.serviceBlock2 {
	width:200px;
	float:left;
	font-size:10px;
	height:200px;
	padding:10px;
	background-image:url(/i/2011/pseudoFoot_elements-04.jpg);
	background-position:100% 10px;
	background-repeat:no-repeat;
}

		.serviceBlock2 h2{
			padding-top:20px;
			padding-left:5px;
			float:left;}
			
		.serviceBlock2 p{
			padding:0 5px 0 5px;}
			
		.serviceBlock2 ul {
			padding-top:10px !important;}
			
			
		#HV_icon{
			float:left;}
			
		.HV_VideoIcon {
			height:auto;
			float:left;
			position:relative;
			bottom:15px;}




.serviceBlock3 {
	width:300px;
	float:left;
	font-size:10px;
	height:200px;
	padding:10px 10px 10px 30px;
	
}

		.serviceBlock3 ul{
			float:left;
			padding-top:10px !important;
			padding-left:10px !important;}
			
			#SL3_ul2 {
				padding-left:30px !important;}
			
			
		.serviceBlock3 h2{
			float:left;
			padding-top:20px;
			padding-left:10px;}





.serviceBlock3 ul, .serviceBlock2 ul, .serviceBlock1 ul{
	padding:0;
	margin:0;}





.serviceBlock3 li, .serviceBlock2 li, .serviceBlock1 li{
	list-style:none;
	color:#666;}

.serviceBlock3 a, .serviceBlock2 a, .serviceBlock1 a{
	color:#666;}


















.serviceBlocks .serviceBlock .serviceLinks {
	width:143px;
	padding:10px 0 0 7px;
	float:left;
}

.serviceBlocks .serviceBlock .serviceLinks ul {
	padding:0;
	margin:0;
	list-style:none;
}

.serviceBlocks .serviceBlock .serviceLinks ul li.separate {
	padding-top:10px;
}

.serviceBlocks .serviceBlock .serviceLinks ul a {
	color:#666666;
}



/* Homepage Footer */


#footerHome {
	margin:0 auto;
	width:757px;}
	
	
	#footerHome ul{
	margin:0 auto;
	text-align:center;
	padding-bottom:20px;}


#footerHome li{
	list-style:none;
	display:inline;
	
	padding:0 10px 0 10px;
	margin:0 auto;
	text-align:center;
	}


#footer {
	background:none;
	text-align:center;
	margin:35px 0 40px 0;
	padding:10px 0;
	border-bottom:#e5e5e5 solid 1px;
	border-top:#e5e5e5 solid 1px;
}





#newbill_wrap{
	width:600px;
	padding-left:20px;
	
	
}

#newbill_wrap h1{
	font-size:30px;
	color:#999;
	margin-bottom:10px;
	
	
}

#newbill_wrap p{
	font-size:13px;
	color:#555;
	width:250px;
	margin-top:0;
	
	
	
}

#newbill_wrap img{
	position:relative;
	
	z-index:-1;
	
	
	
}

.NBPU_textwrap{
	float:left;
	width:250px;
	margin-left:20px;
	background-color:#f7f2e4;
	padding:10px;
	
	
}




/* ---------------------------home page left boxes------------------------- */	
	
	
.sideBox_power{
	padding-bottom:5px;
	background-repeat:no-repeat;
	
	height:73px;
}

#light_switch{
	position:absolute;
	
}


.power_out_module_wrap{
	padding:30px;
	
}

#power_out_module{
	background-image:url(/i/module.png);
	display:none;
	position:absolute;
	top:286px;
	left:180px;
	height:349px;
	width:550px;
	z-index:102;
	
}


.power_out_bg{
	height:100%;
	width:100%;
	background-color:#fff;
	opacity:0.9;
	
	display:none;
	position:absolute;
	z-index:101;
	top:0;
	left:0;
	
}




#power_out_module h1{
	font-size:19px;
	font-weight:bold;
	color:#666;
	padding-bottom:5px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	
}

#power_out_module p{
	font-size:12px;
	margin:0;
	padding-bottom:5px;
	
	
}

#power_out_module a{
	color:#C00;
	
}


.power_out_module_closer{
	background-image:url(/i/module_closer.png);
	position:relative;
	left:3px;
	bottom:5px;
	float:right;
	width:32px;
	height:32px;
	cursor:pointer;
	
}

.power_out_leftContainer{
	float:left;
	width:280px;
	
}

.power_out_rightContainer{
	float:left;
	width:200px;
	text-align:center;
	
}

.sideBox_element{
	padding-bottom:5px;
	background-repeat:no-repeat;
	
}


.sideBox_social{
	
}

.sideBox{
	width:146px;
	overflow:hidden;
	padding:0px 12px 6px 12px;
	margin-bottom:0px;
	font-size:11px;
	line-height:13px;
	color:#333;
}

.sideBox p{
	margin:0;
	padding:0;
}

ul.sidebox {
	padding:0;
	margin:10px 0 15px 10px;
	list-style:none;
}

ul.sidebox li {
	padding:0 0 0 7px;
	margin:0 0 3px 0;
	list-style:none;
	background:url(../i/bullet_plus.gif) left no-repeat;
}

.sideBox.Login{
	background:url(../i/tileBox_login.jpg) top no-repeat;
	height:185px;
}

h1.sidebox{
	font:bold 14px Arial, Helvetica, sans-serif;
	margin:10px 0 0 0;
	padding:0;
}

.sideBox.Small{
	background:url(../i/tileBox_small.jpg) top no-repeat;
	height:102px;
}

.sideBox.Medium{
	background:url(../i/tileBox_medium.jpg) top no-repeat;
	height:148px;
}

.login_but {
	margin-bottom:15px;
}










/* Slideshow */

#homeContent {
	width:575px;
	float:right;
	background:url(../i/slideshow_main_bg.jpg) top center no-repeat;
}

.thumbnails {
	height:48px;
	width: 575px;
	background:url(../i/slideshow_thumbnail_bg.jpg) left top no-repeat;
	margin-bottom:10px;
	overflow:hidden;
	/*padding:0 14px;*/
}

.thumbnails ul {
	list-style-type: none;
	padding:0 0 0 2px;
	margin:0;
	height:48px;
	background:url(../i/slideshow_sep.jpg) left top no-repeat;
}

.thumbnails ul li {
	float:left;
	list-style-type:none;
	padding:0 2px 0 0;
	margin:0;
	background:url(../i/slideshow_sep.jpg) right top no-repeat;
}

.thumbnails ul li a {
	display:block;
	font-size:11px;
	margin:0;
	padding:17px 10px 15px 10px;
	font-weight:bold;
}

#touchTabs {
	margin: 0 auto;
}

.mainImage {
	cursor:pointer;
	width:572px;
	height:406px;
	overflow:hidden;
	margin:0 0 1px 1px;
	padding:0;
}

.mainImage a {
	display:block;
	margin:10px 1px 1px 1px;
}

.thumbnails a.activeSlide {
	background:url(../i/slideshow_thumbnail_active.jpg) top center;
	color:#999;
}