/*
Theme Name: Optima
Theme URI: 
Description: Optima Energy Management Energy Blog
Version:0.01
Author: Paul
Author URI: your-URI
.
General comments/License Statement if any.
.
*/

/* Global */
body
{
	margin: 0;
	padding: 0;
	background: url(background_tile.gif) top left repeat-x;
	text-align: center;
	background-color: #fff;
}

#wrapper
{
	/* width: 740px;*/
	width: 960px;
	text-align: left;
	margin: 0 auto;
	position: relative;
	padding: 0;
	top: 0;
	left: 0;
}

h1
{
	font: normal 20px verdana, arial, 'Times New Roman', Serif;
	line-height: 20px;
	/*color: #036;*/
	/*	color:#027a54;*/
	color:#fe720c;
   padding-bottom:4px;
	margin: 0;
}

h2
{
/*
	font: normal 14px/14px 'trebuchet ms',trebuchet, 'Times New Roman', Serif;
	color: #7C9FAA;
	padding: 10px 0 0px 0;
	margin: 0;
*/
	font: normal 18px arial, 'Times New Roman', Serif;
	line-height: 18px;
	/*color: #7C9FAA;*/
	color: #8ec196;
	/*color: #8ac390;*/
	/*color: #f90;*/
	padding: 0px 0 4px 0;
	margin: 15px 0 0 0;
}

h3
{
	font: normal 11px/13px arial, georgia, serif;
	/*color: #222;*/
	color: #666;
	margin: 8px 0 0px 0;
	padding: 0;
	font-weight: bold;
}

p, td, tr
{
	font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 7px 0;
	color: #666;
	/*text-align: justify;*/
}

.mainfont
{
	font: normal 11px/17px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 1px 1px;
	color: #666;
}

#home p
{
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 4px 0;
	color: #666;
}

a, a:link, a:visited
{
	color: #588DA2;
	text-decoration: none;
	padding: 1px 2px;
}

a:hover
{
	background-color: #E0EFF0;
	padding: 1px 2px;
}

img
{
	border: none;
}

.clear
{
	clear: both;
	line-height: 0;
	height: 0;
	padding: 0;
	margin: 0;
}

.divider
{
	line-height: 0;
	height: 0;
	border-top:1px solid #ccc;
	margin: 5px 0;
}

.img_border
{
	border: 1px solid #ccc;
	padding: 4px;
}

blockquote
{
	font: normal 12px/18px georgia, serif;
	color: #588DA2;
	padding: 0;
	margin: 4px 0;
	padding:0 0 0 15px;
	/*border-left: 3px double #e5e5e5;*/
}

blockquote span
{
	font: normal 10px/24px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #999;
}

.green
{
	color:#91B476;
}

ul
{
	list-style-image: url("bullet.gif");
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0 0 0 20px;
	padding: 0;
	color:#666;
}

ol
{
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0 0 0 20px;
	padding: 0;
	color:#666;
}

.highlight ul
{
	list-style-image: url("bullet.gif");
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0 0 0 25px;
	padding: 5px 0;
	color:#666;
}

.highlight
{
	border-top: 1px solid #DCDCB4;
	border-bottom: 1px solid #DCDCB4;
	background-color:#FAFAE7;
	margin: 8px 0;
	padding: 0 8px 0 0;
}

#quote
{
	float: right;
	position: relative;
	top: 0;
	right: 0;
	width: 237px;
	background: url(dotted_line_vert.gif) top left repeat-y;
	padding: 0px 0 0 15px;
	margin: 13px 0 0 0;
}

#quote p
{
	font: normal 13px/18px georgia, serif;
	color: #8C9297;
	margin: 5px 0;
	padding: 0;
}

.attributea
{
	font: italic 10px/14px georgia,serif;
	color: #999;
}

.attributeb
{
	font: italic 10px/14px georgia,serif;
	color: #666;
}

/* Page Header */

#header
{
	height: 77px;
	position: relative;
	top: 0;
	left: 0;
}

#header #main_photo
{
	position: absolute;
	top: 0;
	right: 220;
}

#header #logo
{
	position: absolute;
	top: 0;
	left: 0;
}

/* Header Navigation */

#nav a:hover
{
	color: #333;
}

#nav
{
	height: 22px;
	font: normal 10px/20px 'Lucida Grande', 'Lucida Sans',verdana, arial, sans-serif;
	background: none;
	margin: 1px 0 0 0;
	padding: 2px 0 0 0;
	position: absolute;
	top: 77px;
	left: 0;
}

#nav ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	height: 20px;
	color: #666;
}

#nav li
{
	float: left;
	background: url("tab_reg_l.gif") no-repeat left top;
	margin: 0;
	height: 20px;
	padding: 0 0 0 6px;
}

#nav a
{
	float: left;
	display: block;
	width: .1em;
	background: url("tab_reg_r.gif") no-repeat right top;
	padding: 3px 25px 3px 17px;
	text-decoration: none;
	margin: 0;
	font-weight: bold;
	height: 17px;
	color: #666;
}

#nav > ul a
{
	width: auto;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#nav a
{
	float: none;
}

/* End IE5-Mac hack */

#home #activenav,
#home #homenav,
#products #productsnav,
#services #servicesnav,
#company #companynav
{
	background: url("tab_active_l.gif") no-repeat left top;
	border-width: 0;
}

#home #activenav a,
#home #homenav a,
#products #productsnav a,
#services #servicesnav a,
#company #companynav a
{
	background: url("tab_active_r.gif") no-repeat right top;
	border-width: 0;
/*	padding-bottom: 0px;*/ /* Causes gap at the bottom in IE and Opera */
	color: #666;
}

/* Main Page Content */

#contentwrap
{
	margin-top: 25px;
}

#content
{
	width: 365px;
	padding: 40px 10px 10px 0px;
	background: url("dotted_line_vert.gif") top right repeat-y;
}

#content ul
{
	width: 49%;
	font: normal 11px/15px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #666;
	margin: 0px;
	padding: 2px 0;
	float: left;
	list-style-image: url(bullet.gif);
}

#content li
{
	margin: 3px 0 0px 20px;
	padding: 0;
}

#main_full
{
	float: left;
	margin: 15px 0 10px 0;
	padding: 0px;
	padding-right: 6px;
	width: 605px;
}

#main_left
{
	float: left;
	margin: 15px 0 10px 0;
	padding: 0px;
	padding-right: 6px;
	width: 375px;
	background: url("dotted_line_vert.gif") top right repeat-y;
}

#main_left h2
{
	font: normal 18px arial, 'Times New Roman', Serif;
	line-height: 18px;
	/*color: #f90;*/
	padding: 0px 0 0px 0;
	margin: 15px 0 0 0;
	/*letter-spacing: -.1em*/
}

#main_left #list
{
	font: normal 11px/15px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #666;
	margin: 0px;
	padding: 0 0 5px 0;
	display: inline;
	list-style-image: url(bullet.gif);
}

#main_left #list li
{
	margin: 0px 0 2px 20px;
	padding: 0;
	list-style-image: url(bullet.gif);
}

#main_left #list a {
	color: #588DA2;
	text-decoration: none;
	padding: 1px 2px;
	display: inline;
	list-style: url(bullet.gif) 50% 50%;
}

#main_left #list a:hover
{
	background-color: #E0EFF0;
	padding: 1px 2px;
}

#main_left p
{
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 5px 0 2px 0;
	color: #666;
}

#main_middle
{
	width: 340px;
	float: left;
	/*float: right;*/
/*	margin-top: 270px;*/
/*	margin-top: 180px;*/
	margin-top: 230px;
	margin-left: 20px;
}

#product_middle
{
	width: 500px;
	float: left;
	/*float: right;*/
/*	margin-top: 270px;*/
	margin-top: 10px;
	margin-left: 20px;
}

#main_right
{
	width: 195px;
	float: right;
/*	margin-top: 270px;*/
	margin-top: 10px;
	margin-left: 10px;
	/*text-align: right;*/
	padding: 0px 0px 0px 8px;
	background: url("dotted_line_vert.gif") top left repeat-y;
}

/* Latest News / Hot Links section on Front Page */
#even, #evenlist, #even li
{
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	background-color: #F1F8FF;
/*	border-bottom: 1px solid #C1D6DB;*/
	border-top: 1px solid #C1D6DB;
}

#even a, #odd a
{
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	display: block;
}

#odd, #oddlist, #odd li
{
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
/*	border-bottom: 1px solid #C1D6DB;*/
	border-top: 1px solid #C1D6DB;
}

/* Comments list */
#commenteven li
{
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
	background-color: #F1F8FF;
/*	border-bottom: 1px solid #C1D6DB;*/
	border-top: 1px solid #C1D6DB;
}

#commentodd a, #commentoeven a
{
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
}

#commentodd li
{
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
/*	border-bottom: 1px solid #C1D6DB;*/
	border-top: 1px solid #C1D6DB;
}

/* Page Footer */

#footer
{
	background: url(footer5.gif) top left repeat-x;
	height: 76px;
	width: 100%;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
	padding: 30px 0 0 0;
}

#footer_content
{
/*	width: 740px;*/
	width: 960px;
	text-align: left;
	margin: 0 auto;
}

#footer_content p
{
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
/*	color: #999;*/
	color: #FFF;
	padding: 0;
	margin: 0;
}

#footer_content a
{
	color: #FFF;
}

#footer_content a:hover
{
	background-color: #fe720c;
	padding: 1px 2px;
}

#bottom
{
/*	width: 740px;*/
	width: 960px;
	background: url(dotted_line.gif) top left repeat-x;
	position: relative;
	float:left;
	top: 0;
	left: 0;
}

/*<group=Portfolio Navigation>*/

#sidenav
{
	background: transparent url(sec_top.gif) top right repeat-y;
	width: 210px;
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	float: left;
}

#sidenav ul
{
	list-style-type: none;
	font: normal 10px/23px 'Lucida Grande','LucidaGrande',Lucida,Sans-Serif;
	background: transparent url(sec_normal2.gif)  0px -30px no-repeat;
	color: #666;
	margin: 0 0 0 0px;
	/* padding: 5px 0 10px 0;*/
	padding: 0px 0 10px 0;
}

#sidenav ul li
{
	list-style-image: none;
	background: transparent url(sec_hover2.gif) bottom right no-repeat;
	height: 23px;
	margin: 0;
}

#sidenav_inside
{
	background: transparent url(sec_bottom.gif) bottom right no-repeat;
	padding: 0px 0 50px 0;
}

#sidenav li a,#sidenav li a:link
{
	list-style-image: none;
	background: transparent url(sec_normal.gif) bottom right no-repeat;
	height: 23px;
	margin: 0;
	color: #999;
	display: block;
	padding: 0;
}

#sidenav li a:active
{
	color: #036;
}

#sidenav li a:visited
{
	background: transparent url(sec_normal.gif) bottom right no-repeat;
	color: #999;
}

#sidenav li a:hover
{
	background: none;
	color: #3F7E86;
}

#ul4 #nav4 a,
#ul5 #nav5 a,
#ul6 #nav6 a,
#ul7 #nav7 a,
#ul14 #nav14 a,
#ul8 #nav8 a,
#work #navall a
{
	background: transparent url(sec_active.gif) bottom right no-repeat;
	color: #3F7E86;
}

#searchform
{
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;s
}

#searchform #s
{
	width: 100px;
	padding: 2px;
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
}

#comment
{
	width: 490px;
	padding: 2px;
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
}

#searchsubmit, #submit
{
	padding: 1px;
	font: normal 11px/16px "lucida grande", tahoma, arial, verdana, sans-serif;
}

#feeds a
{
	display:block;
	padding:4px 4px 4px 24px;
	margin:3px;
	color:#99c;
	background: url(bg_feed.gif ) 3px center no-repeat;
}