/*ELS default style by Andy Patzig - http://www.activenation.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2004, ELS */
/* February 14, 2005 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */

/* -----------------------basic elements ----------------*/

html {
	margin: 0px;
	padding: 0px;
	}
body{
	margin: 0px;
	padding: 0px;
	background: #FFF;
	text-align: center;
	}
#container {
	margin:0px auto;
	border-top:solid #000 1px;
	border-bottom: solid #000 1px;
	border-left:solid #000 1px;
	border-right: solid #000 1px;
	width: 755px;
	height: 800px;
	}
#container1 {
	margin:0px auto;
	border-top:solid #000 1px;
	border-bottom: solid #000 1px;
	border-left:solid #000 1px;
	border-right: solid #000 1px;
	width: 755px;
	height: 715px;
	}
#container2 {    /*------------------takes care of 3 elements in top bar---------*/
	width:755px;
	height: 602px;
	float: left;
	padding-left: 0px; 
	padding-right: 0px;
	margin-top:0px; 
	margin-bottom:0px;
	}
/* -----------------------header ----------------*/
/*----unused--------------top left logo-------------------*/
#imagebox{                          /*-------------------------top right image-------------------*/
	height:76px;
	width:477px;
	margin:24px 13px 0px 0px;
	background:url(images/m_banner_top.jpg) no-repeat top right;
	padding: 0px 19px 0px 208px;
	}
#letterbox{                          /*-------------------------bottom right text-------------------*/
	height: 30px;
	width: 475px;
	text-align: left;
	padding: 10px 13px 0px 225px;
	font-family: Verdana, Trebuchet, Times New Roman, Serif;
	font-size: 11px;
	}
/* -----------------------main content box ----------------*/	
#big_block{
	height: 450px;
	width: 755px;
	margin: 0px;
	border: 0px;
	background:  url(images/i_body.jpg) no-repeat  left;
	border-top: solid #000 1px;
	border-bottom: solid #000 1px;
	}
blockquote {                        /*-----------main text----------*/
	color: #333;
	margin: 45px 71px 15px 337px;
	font-family: Verdana, Trebuchet, Times New Roman, Serif;
	text-align: left;
	font-size: 11px;
	line-height: 150%;
	font-weight: bold;
	}
h3#main{                            /*-----------header for text area----------------*/
	margin: 60px 16px 5px 337px;
	text-align: left;
	font-family: Arial, Times New Roman, Serif;
	font-size: 16px;
	letter-spacing: 2.5px;
	color: #011F6C;
	text-align: left;
	}
#head h1, #head h2, h3 span {       /*------------turns headers invisible----------*/
	display: none;
	}
/*----------------------------footer--------------*/
#footer{
	height: 11px;
	width: 715 px;
	margin: 30px 0px 0px 0px;
	color: #000;
	font-size: 11px;
	text-align: center;
	}
#footer2{
	height: 11px;
	width: 715 px;
	margin: 0px 0px 0px 0px;
	color: #000;
	font-size: 11px;
	text-align: center;
	}
#bottom{
	background: transparent url(images/i_body_squares.gif) no-repeat top left;
	margin: 20px 20px 0px 15px;
	width: 715px;
	height: 40px;
	}
/*----------------------------navigation----------*/
#nav {
	margin: 0px;
	padding:0px 0px 0px 0px;
	padding: 0px 0px 0px 110px;
	height: 29px;
	width: 755px;
	width: 645px;
	background: #000 url(images/nav_bar.gif) no-repeat top left;
	font-family: Verdana, Trebuchet, Arial, Serif;
	font-size: 12px;
	}
#nav li {
	float: left;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	white-space: nowrap;
	width: 19.25%;
	height: 100%;
	text-align: center;
	}
#nav ul{
	margin: 0px 0px 0px 0px;
	}
#nav a {
	display: block;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-repeat: no-repeat;
	}
#nav a:link, #nav a:visited, #nav a:active {
	color: #EEEEEE;
	}
#nav a:visited{
	color: #FFF;
 	text-decoration: none;
	} 	
#nav a:hover {
	margin: 0px;
	padding:0px;
	height: 29px;
	color: #FFF;
	background: transparent url(images/rollover_onstate.gif) no-repeat ;
	background-position: 0px 0px ;
	text-decoration: none;
	}
/* -----------------------login bar ----------------*/	
#submenu{	
	height: 16px;
	width: 734px;
	margin: 0px 0px 0px 0px;
	padding: 14px 0px 0px 21px;
	color: #B70707;
	text-align: left;
	text-decoration: none;
	font-family: Verdana, Trebuchet, Arial, Serif;
	font-size: 70%;
	background: transparent url(images/m_nav_purplebar.jpg) no-repeat top left;
	}
#submenu a {
	display: block;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
    background: #FFF;
	}

/*-------------------------------------------------subnavigation----------------------------*/
#subnav {
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 108px;
	background: transparent url(images/m_nav_purplebar.jpg) no-repeat top left;
	width: 647px;
	height: 20px;
	text-align: left;
	font-family: Verdana, Trebuchet, Arial, Serif;
	font-size: 12px;
	}
#subnav li {
	float: left;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	white-space: nowrap;
	text-align: center;	
	}
#subnav ul {
	margin: 0px 0px 0px 0px;
	}
#subnav a {
	display: block;
	padding: 3px 3px 3px 3px;
	text-decoration: none;
    background: #FFF;
	}
#subnav a:visited{
	color: #2050A5;
 	text-decoration: none;
	} 	
#subnav a:hover {
	margin: 0px;
	color: #B70707;
	background-position: 0px 0px 0px 0px;
	}
/*---------------------------divs for interior pages (sets main content block------------------*/
#aboutus{
	width: 755px;
	border-top: 1px solid #000;
	height: 602px;
	margin: 0px 0px 24px 0px;
	background: url(images/about/s_about_body.jpg) no-repeat top left;
	}
#aboutaffiliates{
	width: 755px;
	border-top: 1px solid #000;
	height: 602px;
	margin: 0px 0px 24px 0px;
	background: url(images/about/s_about_affilliates.jpg) no-repeat top left;
	}
#about_history{
	width: 755px;
	border-top: 1px solid #000;
	height: 602px;
	margin: 0px 0px 24px 0px;
	background: url(images/about/s_about_history.jpg) no-repeat top left;
	}
#about_whois{
	width: 755px;
	border-top: 1px solid #000;
	height: 602px;
	margin: 0px 0px 24px 0px;
	background: url(images/about/s_about_whois.jpg) no-repeat top left;
	}
#services{
	width: 755px;
	height: 602px;
	border-top: 1px solid #000;
	margin: 0px 0px 24px 0px;
	background: url(images/services/s_services_body.jpg) no-repeat  top left;
	}
#services_designbuild{
	width: 755px;
	height: 602px;
	border-top: 1px solid #000;
	margin: 0px 0px 24px 0px;
	background: url(images/services/s_services_designbuild.jpg) no-repeat  top left;
	}
#services_electrical{
	width: 755px;
	height: 602px;
	border-top: 1px solid #000;
	margin: 0px 0px 24px 0px;
	background: url(images/services/s_services_electrical.jpg) no-repeat  top left;
	}
#services_generators{
	width: 755px;
	height: 602px;
	border-top: 1px solid #000;
	margin: 0px 0px 24px 0px;
	background: url(images/services/s_services_generators.jpg) no-repeat  top left;
	}
#services_lighting{
	width: 755px;
	height: 602px;
	border-top: 1px solid #000;
	margin: 0px 0px 24px 0px;
	background: url(images/services/s_services_lighting.jpg) no-repeat  top left;
	}
#construction{
	width: 755px;
	height: 602px;
	border-top: 1px solid #000;
	margin: 0px 0px 24px 0px;
	background: url(images/services/s_services_electrical.jpg) no-repeat  left;
	}
#products{
	width: 755px;
	height: 602px;
	border-top: 1px solid #000;
	margin: 0px 0px 24px 0px;
	background: url(images/products/s_products_home.jpg) no-repeat top left;
	}
#merchandise{
	width: 755px;
	height: 602px;
	border-top: 1px solid #000;
	margin: 0px 0px 24px 0px;
	background: url(images/products/s_products_merchandise.jpg) no-repeat top left;
	}

#clients_cases{
	width: 755px;
	height: 602px;
	border-top: 1px solid #000;
	margin: 0px 0px 24px 0px;
	background: url(images/clients/s_clients_casestudy.jpg) no-repeat  left;
	}
#clients_existing{
	width: 755px;
	height: 602px;
	border-top: 1px solid #000;
	margin: 0px 0px 24px 0px;
	background: url(images/clients/s_clients_existing.jpg) no-repeat  left;
	}
#contact{
	width: 755px;
	border-top: 1px solid #000;
	height: 602px;
	margin: 0px 0px 24px 0px;
	background: url(images/contact/s_contact_contactels.jpg) no-repeat  left;
	}
#contact_team{
	width: 755px;
	border-top: 1px solid #000;
	height: 602px;
	margin: 0px 0px 24px 0px;
	background: url(images/contact/s_contact_elsteam.jpg) no-repeat  left;
	}
#lighting{
	width: 755px;
	border-top: 1px solid #000;
	height: 602px;
	margin: 0px 0px 24px 0px;
	background: url(images/services/s_services_lighting.jpg) no-repeat  left;
	}	

#internal_text {           /*-----------main text for internal pages----------*/
	color: #000;
	margin: 12px 65px 15px 275px;
	text-align: left;
	font-family: Verdana, Trebuchet, Times New Roman, Serif;
	font-size: 11px;
	line-height: 150%;
	}
H3#about{
	font-family: Arial, Times New Roman, Serif;
	font-size: 16px;
	letter-spacing: 1.5px;
	color: #011F6C;
	margin: 12px 0px 0px 275px;
	text-align: left;
	}
/*-------------next 5 elements format each of the nav elements (span id must be unique--------*/	
#linktext1{
	margin:0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	display:block;
	}
#linktext2{
	margin:0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	display:block;
	}
#linktext3{
	margin:0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	display:block;
	}
#linktext4{
	margin:0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	display:block;
	}
#linktext5{
	margin:0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	display:block;
	}
#clientlist{
	font-size: 11px;
	font-weight: bold;
	color: #666;
	}
	
#affiliatestext{
	font-size: 11px;
	font-weight: bold;
	color: #666;
	}
