/* ----------------css for Liquid Solar Systems site------------------------------------------------------------- */

body { 
padding: 0px 0 0 0; 
margin: 0; 
font: 11pt Arial, Verdana, Helvetica, sans-serif;
line-height: 12pt; 
background: url(images/bg2.jpg) no-repeat;
color: #fff; 
}

#preload { background-image: url(images/bg2.jpg); background-repeat: no-repeat; background-position: -9999px -9999px; }

a { 
color: #ffcc00;
background: inherit;
text-decoration:none; 
}

a:hover { 
color: #ffffcc; 
background: inherit;
text-decoration:none;
}

p {	
margin: 0 0 10px 0; 
}

h1 { 
margin: 0; 
padding: 4px 0 8px 0; 
font: bold italic 1.1em Arial, Verdana, Helvetica, sans-serif;
color: #ffcc00; 
}

h2 { 
margin: 0; 
padding: 10px 0 10px 0; 
font: bold 1.0em Arial, Verdana, Helvetica, sans-serif;
color: #ffcc00; 
}

h3 { 
padding: 0px 0 0 0; 
margin: 0px 0 10px 0; 
font: bold 11pt Arial, Verdana, Helvetica, sans-serif; 
line-height: 15pt; 
color: #ffcc00; 
}

h4 { 
margin: 0; 
padding: 6px 0 0 12px; 
font: bold 8pt Arial, Verdana, Helvetica, sans-serif;
color: #fff;  
}

h5 { 
padding: 0px 0 0 0; 
margin: 0 0 10px 0; 
font: 10pt Arial, Verdana, Helvetica, sans-serif; 
line-height: 11pt; 
color: #ffcc00;
}

h6 { 
margin: 0; 
padding: 0px 0 12px 0px; 
font: bold 8pt Arial, Verdana, Helvetica, sans-serif;
color: #fff;  
}

h7 { 
padding: 0px 0 0 0; 
margin: 0 0 10px 0;
text-align: center; 
font: 10pt Arial, Verdana, Helvetica, sans-serif; 
line-height: 12pt; 
color: #fff;
}

h8 { 
padding: 0px 0 0 0; 
margin: 0px 0 10px 0; 
font: bold 10pt Arial, Verdana, Helvetica, sans-serif; 
line-height: 1.5em; 
color: #ffcc00; 
}

ul { 
margin: 0 0 0 20px; 
padding: 0; 
list-style-image: url(images/bullet.gif); 
}

li {
margin: 0px 0 8px 0; 
padding: 0px 0 0 0; 
font: bold 10pt Arial, Verdana, Helvetica, sans-serif;
color: #cc9900; 
}

.other ul { 
margin: 0 0 0 20px; 
padding: 0; 
list-style: square; 
}

.other li {
margin: 0px 0 8px 0; 
padding: 0px 0 0 0; 
font: 10pt Arial, Verdana, Helvetica, sans-serif;
color: #acacac; 
}

blockquote {
	margin: 6px 15px 0px 10px; 	padding: 0px 10px 0px 0px;  	
  	font: 10pt 'Trebuchet MS', Tahoma, sans-serif; 
	color: #acacac;	
}

blockquote a {
	font: bold 10pt 'Trebuchet MS', Tahoma, sans-serif; 
	color: #FFCC00;	
}

img { 
  border: none; 
  padding: none;
  background-color: #333333;
}

/* --------------The goods---------------------------------------------------------------- */

#content { 
margin: 0 100px;
width: 800px;
}

#header {  
height: 225px; 
padding: 0px 0 20px 0; 
margin: 15px 0 0 0; 
background: url(images/header1.jpg) no-repeat;
}


/* Top Menu-------------------------------------------------------------- */


.headermenu { 
background: none;
margin: 195px 0 0 0;
padding: 0 5px 0 0;
float: right;
list-style-type: none;
list-style-image: none;
width: 600px;
}

.headermenu ul { 
margin: 0 0px 0 0;
padding: 0;
float: right; 
list-style-type: none;
list-style-image: none;
}

.headermenu li { 
float: left;
padding-right: 0px;
width: 120px;
}

.headermenu li a {
color: black; /*#ffcc00; #ff9933*/
font-weight: bold;
display: block;
height: 10px;
line-height: 10px;
padding: 10px 0 7px 6px;
text-align: center;
font-size: 1.0em;
font-family: "Trebuchet MS", Sans-Serif; 
background: none;
border-bottom: 3px solid black; /* #ffcc00; #ff9933*/
text-decoration: none;
}

.headermenu li a:hover {
color: black;
font-weight: bold; 
display: block;
background: url(images/current.jpg) repeat-y;
text-decoration: none;
}
   
.dropmenudiv{
position:absolute;
margin: 0px 0 0 0px;
border: 1px solid #918d8d; /*THEME CHANGE HERE*/
border-width: 0 1px;
font: bold 0.9em "Trebuchet MS", Sans-Serif;
line-height:22px;
z-index:100;
background-color: #dfe3cf;
width: 150px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #918d8d; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 0px 0 0 2px;
background: #cccccc;
text-decoration: none;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background: #ffffff; 
color:#333333;
}

/*---------Left Side Content-----------------------------------------------------------*/

#leftside {
float: left;
width: 595px;
margin: 0 0 30px 0;
}

.leftdata {
margin: 0px 0 15px 0;
border: 2px solid black;
min-height:610px;
height:auto !important;
height:610px;
background: url(images/leftside.jpg);
color: #acacac;
padding: 15px 15px 10px 10px;
}

.thumb {
margin: 0 0px 10px 12px;
float: right;
clear: left;
border: 1px solid #acacac;
background: #eee;
color: #000;
}

.thumb1 {
margin: 0px 40px 10px 0px;
float: left;
clear: left;
border: 1px solid #acacac;
background: #eee;
color: #000;
}

.thumb2 {
margin: 10px 10px 0px 10px;
float: right;
clear: left;
border: 1px solid #acacac;
background: #eee;
color: #000;
}

.leftinfo {
background: #2a2a2a;
color: #acacac;
border: 1px solid #d3d3d3;
padding: 15px;
margin: 0 0 15px 0;
}

		
/* --------------------Right Side Content----------------------------------------------- */


#rightside {
float: right;
width: 200px;
margin: 0 0 10px 0;
background: transparent;
}

.rightdata {
border: 2px solid black;
padding: 8px;	
margin: 0 0 10px 0;
background: url(images/rightside.jpg); /*#333333;*/
min-height:100px;
height:auto !important;
height:100px;
color: #acacac;
}

.rightdata1 {
border: none;
padding: 0px;	
margin: 0 0 10px 0;
background: none; /*#333333;*/
color: #acacac;
}


.image { 
float: left; 
margin: 0 9px 3px 0;
border: 1px solid #acacac; 
}

/* --------------------Full Width Content----------------------------------------------- */


#full {
float: right;
width: 800px;
margin: 0 0 10px 0;
background: transparent;
}

.fulldata {
border: 2px solid black;
padding: 8px;	
margin: 0 0 10px 0;
background: url(images/leftside.jpg); /*#333333;*/
min-height:142px;
height:auto !important;
height:142px;
color: #acacac;
}

.fulldata1 {
border: none;
padding: 0px;	
margin: 0 0 10px 0;
background: none; /*#333333;*/
color: #acacac;
}


.image { 
float: left; 
margin: 0 9px 3px 0;
border: 1px solid #acacac; 
}

/*---------Left Half Content-----------------------------------------------------------*/

#lefthalf {
float: left;
width: 395px;
margin: 0 0 20px 0;
}

.lefthalfdata {
margin: 0px 0 15px 0;
border: 2px solid black;
background: url(images/bg3.jpg);
min-height:450px;
height:auto !important;
height:450px;
color: #acacac;
padding: 15px 15px 10px 10px;
}

.lefthalfinfo {
background: #2a2a2a;
color: #acacac;
border: 1px solid #d3d3d3;
padding: 15px;
margin: 0 0 15px 0;
}

/*---------Right Half Content-----------------------------------------------------------*/

#righthalf {
float: right;
width: 395px;
margin: 0 0px 20px 10px;
}

.righthalfdata {
margin: 0px 0 15px 0;
border: 2px solid black;
background: url(images/bg4.jpg);
min-height:450px;
height:auto !important;
height:450px;
color: #acacac;
padding: 15px 15px 10px 10px;
}

.righthalfinfo {
background: #2a2a2a;
color: #acacac;
border: 1px solid #d3d3d3;
padding: 15px;
margin: 0 0 15px 0;
}
/*---------The footer Data-------------------------------------------------------------------*/

#footer { 
clear: both; 
color: #d3d3d3;
background: #3f3104;
padding: 10px 15px;
border-top: 1px solid #d3d3d3;
}

#footer .right { 
float: right; 
}