/* 
Dalle Energy
dalleenergy.com

by Viking KARWUR
*/

*, html {
margin:0;
padding:0;
}

body {
background:#005606 url(../images/bg.jpg) repeat-x;
font:normal 12px "Lucida Grande", "Lucida Sans Unicode","Trebuchet MS", verdana;
}

#container {
margin:20px auto;
_margin:0px auto;
width:770px;
background:#999999;
border:5px solid #fff;
}

#header {
height:300px;
background:#7CC626 url(../images/header.jpg) no-repeat;
}

#logo {
height:210px;
}

#nav {
height:50px;
}

#nav ul {
padding-top:17px;
text-align:center;
list-style:none;
}

#nav li {
display:inline;
}

#nav li a {
font-size:12px;
font-weight:bold;
letter-spacing:1px;
text-decoration:none;
color:#333333;
text-transform:uppercase;
padding:10px 15px;
background:#99CC00;
}

#nav li a:hover {
background:#00CC00;
color:#fff;
}

#nav .current a, #nav .current a:hover {
background:#fff;
color: #009966;
}



#innerLeft {
float:left;
width:770px;
background:#B7E86D;
height:auto;
}

#innerLeft1 {
float:left;
width:550px;
background:#B7E86D;
height:auto;
}

#contents {
background:#ffffff url(../images/bgContents.jpg) repeat-x;
padding:10px;
min-height:420px;
_height:320px;
}

#contents h1 {
font:bold 36px Mistral;
letter-spacing:-2px;
color:#006633;
}

#contents h2 {
font:bold 20px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#66CC33;
margin:0px 0px 5px 0px;
text-transform:uppercase;
}

#contents h3 {
font:bold 20px Arial, Helvetica, sans-serif;
letter-spacing:-1px;
color:#006633;
margin:0px 0px 5px 0px;
text-transform:uppercase;
}

#contents p {
font-size:13px;
color:#666666;
padding-bottom:5px;
padding-left:130px;
}

#contents ul {
padding:5px 5px 5px 120px;
margin-bottom:5px;
}

#contents ul li {
font-size:12px;
color:#666666;
margin-left:30px;
list-style-type:disc;
}

#contents img {
float:left;
padding:4px;
background:#B7E86D;
border:1px solid  #CCFF00;
margin:10px 0px 5px 10px;
}

#highlights p {
padding:5px 10px 5px 130px;
font-size:12px;
margin:5px 0px;
}

#footer {
background:#f1f1f1;
text-align:right;
font-size:11px;
padding:10px 15px;
}

#footer a {
color:#006600;
text-decoration:none;
border-bottom:1px dotted #006600;
}

#footer a:hover {
color:#333333;
border-bottom:1px dotted #333333;
}



#sideBar {
float:left;
width:220px;
background:#999;
}

#sideNav ul {
padding-top:30px;
list-style:none;
}

#sideNav li {
border-bottom:1px solid #FFFF00;
background:#f5f5f5;
}

.menu-atas {
border-top:1px solid #CCCC66;
}

#sideNav a {
display:block;
padding:5px;
font-size:10px;
text-decoration:none;
color:#333333;
text-transform:uppercase;
background:#FFCC00;
}

#sideNav li:hover, #sideNav a:hover {
color:#333333;
background:#FFFFFF;
}

/* 
#sideNav ul {
padding-top:17px;
list-style:none;
display:block;
}

#sideNav li {
margin:1px;
background:#333333;
}

#sideNav li a {
padding:5px 10px;
display:block;
font-size:10px;
background:#333333;
text-decoration:none;
color:#cccccc;
text-transform:uppercase;
}

#sideNav li a:hover {
background:#F5F5F5;
color:#333333;
}

#sideNav .nowSel a:hover, #sideNav .nowSel a {
background:#006633;
color:#ffffff;
}
*/

#sideBox {
margin:10px;
padding:10px;
background:#333333;
color:#fff;
-moz-border-radius:10px;
font-size:11px;
}

#sideBox h3 {
text-align:center;
color:#CCFF00;
font-size:20px;
letter-spacing:5px;
text-transform:uppercase;
border-bottom:1px solid #999900;
margin-bottom:10px;
}

#bottomWrap {
width:770px;
height:auto;
clear:both;
background:#f1f1f1;
font-size:11px;
padding:inherit;
}

.m1 {
background:url(../images/tProfile.jpg) no-repeat;
}

.hideText {
visibility:hidden;
}

/* --- MICS --- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* HIGHLIGHT IT */
.highlightit img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
}

.highlightit:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}