/*This stylesheet contains historical and current styles*/
/*Unless you find and replace all existing references on the website to a style, do not delete it, just add and use new ones*/

body {
padding-left: 1px;
margin-left: 1px;
background-image: transparent url{img/background.jpg};
background-color: ffffff;
background-position: 40px 0px;
background-repeat: repeat-y
}
#header{
margin-left: 20px;
height: 85px;
}
#headerleft{
margin-left: 40px
float: left;
}
#headerright{
padding-left: 90px;
float: left;
font: 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #000000;
}

#ddcolortabs{
padding-top: 1px;
margin-left: 20px;
position: relative;
background: transparent;
border: 0;
voice-family: "\"}\"";
voice-family: inherit;
}

#ddcolortabs ul{
font: bold 10px Arial, Verdana, sans-serif;
margin:0;
padding:0;
border: 0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 0px 0 0;
padding:0;
border: 0;
text-transform:uppercase;
}

#ddcolortabs a{
float:left;
color: white;
background: #990000 url(color_tabs_left.gif) no-repeat left top;
margin:0 1px 0 0;
padding:0 0 1px 1px;
text-decoration:none;
letter-spacing: 1px;
border: 0;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(color_tabs_right.gif) no-repeat right top;
padding:3px 8px 1px 5px;
border: 0;
}

#ddcolortabs a span{
float:none;
border: 0;
}

#ddcolortabs a:hover{
background-color: #F00000;
border: 0;
}

#ddcolortabs a:hover span{
background-color: #F00000;
border: 0;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #F00000;
border: 0;
}

#ddcolortabsline2{
clear: both;
position: relative;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 20px;
height: 38px;
line-height: 38px;
background: transparent url(color_line_back.gif) repeat ;
border: 0;
}

#ddcolortabsline3{
clear: both;
margin-left: 20px;
margin-right: 20px;
padding-left: 2px;
font: bold 13px Arial, Verdana, sans-serif;
color: #ffffff;
height: 58px;
line-height: 58px;
background: transparent url(color_line_bottom_back.gif) repeat ;
border: 0;
}

#ddcolortabsline4{
clear: both;
padding-left: 2px;
text-transform: uppercase;
font: bold 20px Arial, Verdana, sans-serif;
color: #ffffff;
height: 38px;
line-height: 38px;
background: transparent url(color_line_back.gif) repeat ;
border: 0;
}
a:link.enquiries, a:visited.enquiries, 
{
	color: #00cc00;
text-decoration: none;
}

a:hover.inquiries
{

color: #f4f4f4;
text-decoration: underline;
}

p{
color: #333333;
text-align: justify;
font: 13px Arial;
}

#enersolcontainer {
margin-left: 20px;
margin-right: 20px;
padding: 0;
}

#whole{
padding: 0;
width: 80%;
background-image: transparent url {img/background.jpg};
}

#front{
margin-left: 50px;
width: 60%;
float: left;
padding-bottom: 1%;
text-align: justify;
}

#services{
width: 70%;
float: left;
text-align: justify;
padding-left: 10px;
}

#prod{
width: 75%;
float: left;
text-align: justify;
padding-left: 10px;
padding-top: 5px;
padding-right: 5px;
}
#productsequip{
width: 75%;
float: left;
text-align: justify;
padding-left: 10px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
}

#profright{
background: #ffffff;
float:left;
width: 19%;
padding-left: 5px;
}

#maincontent{
width: 75%;
float: left;
text-align: justify;
}

ul {
	border: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	}
li.title {
	border: 0;
	color: #ffffff;
	display: block;
	background:  url(enersol-back.gif);
	padding: 8px 8px 8px 10px;
	}

#links {
float: left;
padding-right: 5px;
padding-bottom: 5px;
width: 40%;
background-color: #ffffff;
}

#cells {
float: left;
width: 45%;
margin-left:15px;
background-color: #ffffff;
}

#cells2 {
float: left;
padding: 5px;
margin-left:10px;
width: 47%;
background-color: #f4f4f4;
}

#cells3 {
float: left;
padding-right: 5px;
padding-bottom: 5px;
margin-right: 5px;
margin-left: 5px;
width: 39%;
background-color: #ffffff;
}

#cells4 {
float: left;
padding-right: 5px;
padding-bottom: 5px;
width: 53%;
background-color: #ffffff;
}

#cells5 {
float: left;
padding-right: 8px;
padding-bottom: 5px;
width: 32%;
background-color: #ffffff;
}

#cells6 {
float: left;
padding-right: 15px;
padding-bottom: 5px;
width: 78%;
background-color: #ffffff;
}

#cells7 {
float: left;
padding: 5px;
width: 68%;
background-color: #f4f4f4;
padding-right: 5px;
}

#cells8 {
float: left;
padding: 5px;
width: 100%;
background-color: #f4f4f4;
}

#cells9 {
float: left;
width: 68%;
background-color: #ffffff;
padding-right: 5px;
}

#cells10 {
float: left;
width: 18%;
background-color: #ffffff;
}

#front {
float: left;
padding-right: 10px;
width: 42%;
background-color: #ffffff;
}

#chinese-F {
margin-left: 5px;
margin-right: 5px;
padding: 0;
width: 95%;
background-color: #ffffff;
}
#chinese-L {
float: left;
padding-right: 5px;
padding-bottom: 5px;
width: 85%;
background-color: #ffffff;
}
#chinese-R {
float: left;
padding-right: 5px;
padding-bottom: 5px;
background-color: #ffffff;
}
#productintro {
float: left;
width: 76%;
padding: 5px;
background-color: #ffffff;
}
#productcol1 {
float: left;
padding-right: 5px;
padding-bottom: 5px;
width: 33%;
background-color: #ffffff;
}

#productcol2 {
float: left;
padding-right: 5px;
padding-bottom: 5px;
width: 60%;
background-color: #ffffff;
}
#products {
float: left;
padding-right: 5px;
padding-bottom: 5px;
width: 70%;
background-color: #ffffff;
}

#photos {
float: left;
background-color: #ffffff;
}

#prods {
float: left;
width: 18%;
background-color: #ffffff;
}

#frontleft {
float: left;
padding-right: 5px;
width: 20%;
background-color: #ffffff;
}

#linksright {
float: left;
width: 60%;
background-color: #ffffff;
}

#staff{
width: 22%;
float:left;
background-color: #ffffff;
text-align: justify;
margin-right: 8px;
}

#prods{
width: 30%;
float:left;
background-color: #ffffff;
text-align: justify;
margin-right: 8px;
}

#networkleft, #networkmiddle, #networkright{
margin-left: 10px;
padding-right: 5px;
width: 15%;
float:left;
background-color: #ffffff;
}

p.links{
color: #333333;
text-align: left;
font: 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

p.promo{
color: #ff3333;
text-align: left;
font: bold 14px Arial;
}
p.companyprofile{
color: #3300CC;
text-align: left;
font: bold 14px Arial;
}
p.services{
color: #006633;
text-align: left;
font: bold 14px Arial;
}
p.promo2{
color: #111111;
text-align: left;
font: bold 14px Arial;
}
p.IntroText{
color: #333333;
text-align: justify;
font: 14px Arial;
}
p.caption{
color: #444444;
text-indent: 0;
text-align: center;
font: 13px Arial;
}

p.staff{
text-align: justify;
font: 12px #333333 Arial, Verdana, Helvetica, sans-serif;
}

p.dredbg{
color: #ffffff;
text-align: justify;
font: bold 12px Arial;
	background:  url(enersol-back2.gif);
}

p.eredbg{
color: #ffffff;
text-align: justify;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	background:  url(enersol-back.gif);
}
p.lredbg{
color: #ffffff;
text-align: justify;
font: bold 12px Arial;
background:  url(enersol-front3.gif);
}

p.headings{
color: #ffffff;
text-align: justify;
font: Bold 14px Arial;
background:  url(enersol-front3.gif);
}
ul.list{
list-style-type: disc;
color: #333333;
padding-left: 1em;
margin-left: 1em;
font: 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
ul.links{
list-style-type: disc;
color: #333333;
padding-left: 1em;
margin-left: 1em;
font: 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
ul.tick{
list-style-type: circle;
margin-left: 2em;
color:#333333;
font: 13px Arial;
}
H5 {
color: #ffffff;
text-align: justify;
font: bold 13px Arial;
margin-top: 5px;
margin-bottom: 5px;
background:  url(enersol-front.gif);
}

H3 {
color : #000000; 
font: BOLD 14px Arial;
} 

H4 {
color : #222222; 
font: BOLD 18px Arial;
} 

h1 {
color: #ffffff;
font: bold 16px Arial;
background: url(enersol-title.gif);
}

}
h1old {
color: #750606;
font: bold 18px Arial;
background: url(enersol-title.gif);
}

h2 {
color: #ff3333;
font: bold 18px Arial;
margin-bottom: 0;
}

p.Intro {
color: #750606;
font: bold 20px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.break { page-break-before: always; 
}

#container {
margin: 0;

}

#spacer {
	width: 19%;
	float: left;
	font: bold 12px Arial;
	border: 0;
	}

#menu5 {
	width: 19%;
	float: left;
	font: bold 12px Arial;
	border: 0;
	}
#menu5 li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font: bold 12px;
  	height: 25px;
	text-decoration: none;
	border: 0;
	}	
#menu5 li a:link, #menu5 li a:visited {
  	font: bold 12px;
	border: 0;
	color: #ffffff;
	display: block;
	background:  url(enersol-back.gif);
	padding: 2px 2px 2px 5px;
	}
	
#menu5 li a:hover {
  	font: bold 12px;
	border: 0;
	color: #ffffff;
	background:  url(enersol-front.gif);
	padding: 2px 2px 2px 5px;
	}