/* Energy Systems BOX MODEL/POSITIONING STYLE SHEET - FOR ALL BOCX MODEL CHANGES ACROSS THE SITE */
/* The (!important) rule used throughout this stylesheet,  is to acommodate the float/positioning bug in IE */
/* See images.css for site wide image placement and styling */
/* See content.css for site wide content styling */

html /* ensures same padding across all browsers */			
				{
				margin : 0;
				padding : 0;
				}

body /* Font size set to 90%, so I can use ems every where else. Verdana is a good legible font. */            
        {
                font-size : 85%;
                color : #4f5253;
                font-family : arial, sans-serif;
                line-height : 1.4em;
        }
        
p       {
                line-height : 0.8em;
                margin-top : 1em;
                margin-bottom : 1em;
        }

h1      {
                font-size : 1.2em;
                line-height : 1em;
				color : #4f5253;
				margin : 0, 0, 5, 0;
        }
        
h2      {
                font-size : 1em;
				color : #4f5253;
                line-height : 1em;
				margin-bottom : -0.5em;
        }
        
h3      {
                font-size : 0.8em;
				line-height : 0em;
				margin-top :-0.2em;
				color : #4f5253;
        }
		
h4      {
                font-size : 0.8em;
				line-height : 0em;
				margin-top :-0.2em;
				color : #4f5253;
        }
		
h5		{
				font-size : 0.8em;
				color : #4f5253;
		}
		
h6      { /* This is the CSS for the large Telephone Number throughout the site */
                font-size : 2.5em;
				line-height : 1.3em;
				color : #CC3300;
				margin : 0px;
        }
		
/* ########################## This is the text links styling ###########################*/
	#active
        {
         color: #ffffff;
         background-color: #CC3300;
        }       
						 a {
							text-decoration: none;
							color : #4f5253;
							background-color: transparent;
							}	
							a:hover
									{
									background-color : #CC3300;
									border : 0;
									text-decoration : none;
									font-size : 1em;
									}		
									a:visited
											{
											color : #4f5253;
											text-decoration : none;
											background-color: transparent;
											}
											
/* ########################## BOX MODEL ########################### */

	#wrapper
		{
	position : relative;
	margin-top : -8px !important;
	margin-top : 0px;
	width : 740px !important;
	width : 735px;
	text-align : left;

		}
		
					#mainnav ul
							{
							display : block;
							width : 696px !important;
							width : 728px;
							height : 3em;
							margin-top : 0em;
							margin-left : 0em !important;
							margin-left : 8px;
							font-size : 0.8em;
							line-height : 1em;
							border-top : 3px solid #CC3300;
							}
								#mainnav li
									{
									padding-right : 1.6em;
									padding-bottom :0.5em;
									float : left;
									list-style-type : none;
									}
      
							#mainnav a 			{ color:gray; padding-bottom : 0.5em; }
							#mainnav a:hover 	{ background-color : #CC3300; color : #ffffff; }
											 	

#breadcrumb	{ 
			font-size  : 0.68em;
			margin-left : 0.5em !important;
			margin-left : 0.7em;
			}
			/*#breadcrumb a:hover { background-color : #CC3300; }*/
		
			
/* Drop-down menu for site quick links */
	.copy
		{
		position: relative;
		float : right;
		margin-top : -1em;
		margin-right : 0.4em !important;
		margin-right : -0.2em;

		}
/* ###################### Animation top right ##################### */

				.menu /* menu links on home page */
					{
					margin-top : 0.5em;
					}
					
					.ads {
	padding-bottom : 0.5em !important;
	padding-bottom : 0.5em;
	font-size: 1em;
}
					.ads a:hover {
					             background-color : transparent;
								 }	
		.menu li
			{
			text-decoration : none;
			list-style-type : none;
			vertical-align : top;
			margin-top : 0.5em !important;
			margin-top : 0.1em;
			margin-left : -40px;
			margin-right : 0.1em;
			line-height : 1.2em;
			font-size : 0.7em;
			font-weight : normal;	
			}
					.menu a:hover
							{
							background-color : gray;
							}
					#menu a:hover
							{
							background-color : #CC3300;
							}
	
/* ####################### FOOTER ########################## */
#bottomline
					{
					width : 728px;
					height : 2px !important;
					height : 1px;
					background-color : #CC3300;
					margin-top : auto;
					margin-left : 7px;
					}
					
					#footer
							{
							position : relative;
							text-align : center;
							margin-bottom : -20px;
							margin-top : 15px !important;
							margin-top : 0px;
							margin-right : 6px !important;
							margin-right : 10px;
							font-size : 0.7em;
							width : 728px;
							list-style-type : none;
							}
						#footer_brochure
							{
							text-align : center;
							margin-bottom : -10px;
							margin-top : 40em !important;
							margin-top : 0px;
							margin-right : 6px !important;
							margin-right : 10px;
							font-size : 0.7em;
							width : 728px;
							list-style-type : none;
							}
						#footer a:hover
							{
							background-color : #CC3300; color : #ffffff;
							}

														
.copyright { text-align : left; margin-left : -3.5em; font-size : 1em; margin-top : 4em; margin-bottom : -25px !important; margin-bottom : -10px; }
.terms { float : right; font-size : 1em; margin-top : 4em; }