/* 
Website: Optimal Energy
Title: Primary/Master style sheet for screen media
Original Build: 22 September
Updated: 

Style Index
$1 - Global Styles
$2 - Body Styles
$3 - Top Nav
$4 - Logo Strip Header 
$5 - Bread Crumb
$6 - Content
$7 - Call To Actions
$8 - News Page
$9 - Contact Page
$10 - Home 
$11 - About Joule
$12 - About Optimal Energy 
$13 - Why Buy Joule
$14 - FAQ
$15 - Footer

*/


/*  ------------------------------------------------------------------ 
      $1 - Global Styles                                                            
   -------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}

img {	
	border: 0;
}

p {
	line-height:18px;
}

a {
	color: #b0b0b0;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

a:focus {
	outline: none;
	}

.fl {float: left;}
.fr {float: right;}
.cr{clear: right;}
.cl{clear:left;}
.clear {clear:both;}


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

h1 {font-size:28px;}

.hide {
	text-indent:-9999px;
	line-height:0px;
}

.mrg_bot15 {margin:0 0 15px 0;}
.mrg_bot50 {margin-bottom:50px;}
.mrg_top10 {margin-top:10px;}
.mrg_top15 {margin-top:15px;}
.mrg_left15 {margin-left:15px;}
.pad_top15 {padding-top:15px;}
.pad_bot15 {padding-bottom:15px;}

.brdr_btm { background:url(/images/frontend/global/dbl-stroke-horz.gif) repeat-x bottom left;}
.brdr_top { background:url(/images/frontend/global/dbl-stroke-horz.gif) repeat-x top left;}

/*  ------------------------------------------------------------------ 
      $2 - Body Styles                                                            
   -------------------------------------------------------------------- */

body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: #b0b0b0;
	font-size: 12px;
	text-align: center;
	/*background: #474C52 url(/images/frontend/global/body-bg.jpg) center center fixed;*/
	background: #474C52 url(/images/frontend/global/body_tile.jpg);
}

#container{
	width: 100%;
	height:100%;
	margin: 0 auto;
	padding: 32px 0 0 0;
	background: url(/images/frontend/global/body_gradient.jpg) repeat-x top;
	text-align: center;
	position: relative;
	}


/*  ------------------------------------------------------------------ 
      $3 - Top Nav                                                           
   -------------------------------------------------------------------- */

#topnav{
	width: 980px;
	height: 25px;
	margin: 0 auto;
	font-size: 14px;
	background: url(/images/frontend/global/dbl-stroke-horz.gif) repeat-x bottom left;
	}

#topnav ul{
	width: 880px;
	margin: 0 auto;
	}

#topnav li {
	float: left;
	list-style: none;
	margin: 0 15px;
	/*background: url(/images/frontend/global/dbl-stroke-horz.gif) repeat-x bottom left;*/
	}
	
#topnav li.first {
	margin: 0 20px 0 5px;
	}
	
#topnav li.last {
	margin: 0 0 0 28px;
	}

#topnav li a:link, #topnav li a:visited {
	padding: 0 0 8px 0;
	background: url(/images/frontend/global/dbl-stroke-horz.gif) repeat-x bottom left;
	display:block;
	}

#topnav li a:hover{
	/*border-bottom: 3px solid #dee5eb;*/
	background: url(/images/frontend/global/dbl-stroke-horz-hover.gif) repeat-x bottom left;
	text-decoration: none;
	}

#container #topnav ul .on_state{
	/*border-bottom: 3px solid #dee5eb;*/
	background: url(/images/frontend/global/dbl-stroke-horz-hover.gif) repeat-x bottom left;
	text-decoration: none;
	}

/*  ------------------------------------------------------------------ 
      $4 - Logo Strip Header                                                            
   -------------------------------------------------------------------- */

#logo-strip{
	height:100px;
	background: url(/images/frontend/global/logo-strip-bg.gif) repeat-x;
	margin: 12px 0 34px 0;
	}

#logo-strip2{
	height:100px;
	background: url(/images/frontend/global/logo-strip-bg.gif) repeat-x;
	margin: 12px 0 0 0;
	}

#logo-black{
	width: 476px;
	background: url(/images/frontend/global/logo-black-bg.gif) repeat-x;
	text-align: left;
	float:right;
	}	

/* Introducing Joule - Background Gradient */
#intro-grad{
	/*background: url(/images/frontend/about/intro-bg.png) repeat-x;*/
	height: 463px;
}



/*  ------------------------------------------------------------------ 
      $5 - Bread Crumb                                                            
   -------------------------------------------------------------------- */

#breadcrumb{
	height: 30px;
	font-size: 11px;
	padding: 0;
	margin: 0 0 15px 0;
	background: url(/images/frontend/global/dbl-stroke-horz.gif) repeat-x bottom left;
	width:980px;
	}
#breadcrumb ul{
	float:left;
	}
	
#breadcrumb li{
	float: left;
	list-style: none;
	padding: 3px 15px;
	border-left: 1px solid #707274;
	}

#breadcrumb  .home-crumb {
	border: none;
	padding-left: 0;
	}

/*  ------------------------------------------------------------------ 
      $5.1 - Bread Crumb Sub on FAQ list                                                           
   -------------------------------------------------------------------- */	
	
#breadcrumb_sub{
	height: 5px;
	font-size: 11px;
	padding: 0;
	margin: 0 0 15px 0;
	/*background: url(/images/frontend/global/dbl-stroke-horz.gif) repeat-x bottom left;*/
	width:980px;
	}
#breadcrumb_sub ul{
	float:left;
	}
	
#breadcrumb_sub li{
	float: left;
	list-style: none;
	padding: 3px 4px;
	border-left: 1px solid #707274;
	}
	
#breadcrumb_sub li a{
	text-decoration:underline;
	}
	
#breadcrumb_sub li a:hover{
	text-decoration: none;
	}

#breadcrumb_sub  .home-crumb {
	border: none;
	padding-left: 0;
	}

.header-space{
	padding: 15px 0 0 0;
}

/*  ------------------------------------------------------------------ 
      $6 - Content                                                            
   -------------------------------------------------------------------- */
#content{
	width: 980px;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 24px 0;
	
	}

.colr {
	float:right;
	width:224px;
	margin:25px 0 15px 15px;
}
	
.col-left{
	float: left;
	width: 735px;
	margin:0 0 0 0;
}

.col-left ul{
	padding: 15px 0 0 20px;	
}

.col-left ul li{
	padding: 5px 0;
}

.content-intro{
	padding: 20px 0 0 5px;	
}
	
/*  ------------------------------------------------------------------ 
      $7 - Call to Actions                                                            
   -------------------------------------------------------------------- */
.rss {
	width:214px;
	height:48px;
	color:#dcdcdc;
	font-size:0.9em;
	padding:0 0 0 11px;
	background: url(/images/frontend/global/cta/rss_bg.jpg) no-repeat top left;
}

a.rsslnk:link, a.rsslnk:visited {
	display:block;
	padding:11px 10px 11px 30px;
	background: url(/images/frontend/global/cta/rss.jpg) no-repeat top left;
}

a.rsslnk:hover {
	background: url(/images/frontend/global/cta/rss.jpg) no-repeat bottom left;
	text-decoration:none;
	color:#e3e1e1;
}

.new_gallery {
	background: url(/images/frontend/global/cta/new_gallery_bg.jpg) no-repeat top left;
	width:183px;
	height:120px;
	padding:20px 15px;
}

.new_gallery a img.pic {
	border:1px solid #6d6f72;
	padding:2px;
	margin:8px 0;
}

.new_gallery a:hover img.pic {
	border:1px solid #abacad;
}

.new_gallery a {
	font-size:11px;
	text-decoration:underline;
}

.new_gallery a:hover {
	text-decoration:none;
}
	
   
.gallery_cta {
	width: 224px;
	height:179px;
	background: url(/images/frontend/global/cta/gallery_bg.jpg) no-repeat top left;
}

.gallery_cta_dark {
	width: 224px;
	height:179px;
	background: url(/images/frontend/global/cta/gallery_bg_dark.jpg) no-repeat top left;
}

#container .gallery_cta .ftr p, #container .gallery_cta_dark .ftr p{
	margin: 0;
}

.gallery_cta .hdr , .gallery_cta_dark .hdr{
	padding:15px 10px 0 10px;
}

.gallery_cta .cnt, .gallery_cta_dark .cnt {
	padding:10px;
}

.gallery_cta .cnt a.gall_arrw_pic:link, .gallery_cta .cnt a.gall_arrw_pic:visited, .gallery_cta_dark .cnt a.gall_arrw_pic:link, .gallery_cta_dark .cnt a.gall_arrw_pic:visited {
	background:url(/images/frontend/global/cta/gallery_pic.jpg) no-repeat top left;
	width:201px;
	height:64px;
	display:block;
	text-indent:-9999em;
	margin: 0 0 8px 0;
	}
	
.gallery_cta .cnt a.gall_arrw_pic:hover, .gallery_cta_dark .cnt a.gall_arrw_pic:hover {
	background:url(/images/frontend/global/cta/gallery_pic.jpg) no-repeat bottom left;
	}

.gallery_cta .ftr, .gallery_cta_dark .ftr {	
	padding:0 10px;
}

.gallery_cta .ftr a:link, .gallery_cta .ftr a:visited, .gallery_cta_dark .ftr a:link, .gallery_cta_dark .ftr a:visited {
	font-size:0.9em;
	color:#b0b0b0;
	text-decoration:none;
}

.gallery_cta .ftr a:hover, .gallery_cta_dark .ftr a:hover {
	color:#fff;
	text-decoration:none;
}

.tech_cta_dark {
	width:204px;
	height:59px;
	background:url(/images/frontend/global/cta/tech_bg_dark.jpg) no-repeat top left;
	padding:10px;
}

.tech_cta {
	width:204px;
	height:59px;
	background:url(/images/frontend/global/cta/tech_bg.jpg) no-repeat top left;
	padding:10px;
}

.tech_cta p, .tech_cta_dark p {
	font-size:0.9em;
	margin: 3px 0;
}

.tech_cta p a:link, .tech_cta p a:visited, .tech_cta_dark p a:link, .tech_cta_dark p a:visited {
	text-decoration:underline;
}

.tech_cta p a:hover, .tech_cta_dark p a:hover {
	color:#fff;
}

/*  ------------------------------------------------------------------ 
      $8 - News Page                                                            
   -------------------------------------------------------------------- */
   
/* Optimal Energy News ------------------------------------------------------------------- */

#news-left{
	width:721px;
	float:left;
	font-size:11px;
	}
	
#news .news_listing {
	background:url(/images/frontend/global/dbl-stroke-horz.gif) repeat-x bottom left;
	padding:15px 0 20px;
}
	
#news .news_listing .icon{
	width:35px;
	float:left;
}

#news .news_listing .icon a.icon{
	background:url(/images/frontend/news/icons.gif) no-repeat;
	width:18px;
	height:19px;
	display:block;
	text-indent:-9999px;
}

#news .news_listing .icon a.more{}
#news .news_listing .icon a.more:hover{background-position:-18px 0;}
#news .news_listing .icon a.less{background-position:0 -19px;}
#news .news_listing .icon a.less:hover{background-position:-18px -19px;}

#news .news_listing .news_info{
	width:685px;
	float:left;
}
	
#news .news_listing .news_info img.pic{
	border:1px solid #939496;
	padding:2px;
	float:right;
	margin:0 0 10px 15px;
}

#news a {
	text-decoration: underline;
}

#news_right {
	width:213px;
	float:right;
	margin:0 0 0 25px;
}

#categories {
	width:190px;
	background:url(/images/frontend/news/cats_bg.jpg) no-repeat;
	padding:15px 20px;
	height:202px;
}

#categories ul {
	border-top:1px solid #505154;
	margin:5px 0 0;
	width:175px;
}

#categories ul li {
	border-bottom:1px solid #505154;
	list-style:none;
}

#categories ul li.active a {
	font-weight:bold;
}

#categories ul li a{
	background: url(/images/frontend/news/cats_icon.gif) no-repeat 0 3px;
	padding:5px 5px 5px 23px;
	line-height:33px;
	
}

#categories ul li a:hover{
	background-position: 0 -22px;	
}


#news-feature{
	float: left;
	width: 715px;
	padding: 0 10px 0 0;
	
	}

#feature-copy{
	width: 470px;
	float: left;
	padding: 0 0 0 15px;
	}
	
#feature-copy h3{
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	}	

#feature-copy p{
	margin: 10px 0 0 0;
}

.feature-wrap{
	position: relative;
	width: 220px;
	height: 183px;
	padding: 3px;
	float: left;
	}

#archive {
	width:190px;
	background:url(/images/frontend/news/cats_ac.jpg) no-repeat;
	padding:15px 20px;
	height:260px;
}

#archive ul {
	border-top:1px solid #505154;
	margin:5px 0 0;
	width:175px;
	height:218px;
	overflow:hidden;
}

#archive ul li {
	border-bottom:1px solid #505154;
	list-style:none;
	padding:5px 0;
}

#archive ul li.active a {
	font-weight:bold;
}

#archive ul li a{
	padding:0;
	line-height:18px;
	
}

#archive ul li a:hover{
	text-decoration:none;
}

#archive ul li p{
	margin:0;
	padding:0;
	
}

#archive .more_less {
	font-size:11px;
}

#news-gallery{
	margin: 20px 0 0 0;
}

.feature-frame{
	background: url(/images/frontend/news/feature-frame.png) no-repeat;
	width: 226px;
	height: 189px;
	position: absolute;
	top: 0;
	left: 0;
	}

#vert-stroke{
	width: 2px;
	height: 240px;
	float:left;
	background: url(/images/frontend/global/dbl-stroke-vert.gif) repeat-y;
	}



#news-archive{
	float: right;
	width: 222px;
	/*height: 240px;*/
	padding: 0 0 0 5px;
	}
	
.archive-article{
	padding: 15px 0 0 0;
	}

.subsection-header{
	margin: 20px 0;
}
	
/* Around the web News ------------------------------------------------------------------- */

#web-news{
	width: 721px;
	float: left;
	font-size:11px;	
	}

#web-news a{
	text-decoration: underline;
	}

#web-news span img{
	margin: 15px 0 0 0;
}

#web-news .morelink{
	text-align: right;
	font-style: italic;
	}

.web-feature{
	margin: 15px 0;
	}
	
.article-header{
	font-size: 12px;
	font-weight: bold;
	}

.article-header span{
	font-weight: normal;
	font-style: italic;
	}

#news-categories{
	float: right;
	width: 195px;
	height: 154px;
	padding: 15px;
	margin: 20px 0;
	background: url(/images/frontend/news/categories-bg.jpg) no-repeat;
	}

#news-categories ul{
	margin: 10px 0 0 0;
	}
	
#news-categories ul li{
	}
	
#news-categories ul li.first{
	list-style: none;
	padding: 9px 0 9px 35px;
	background: url(/images/frontend/news/categories-bullet1.jpg) 0 2px  no-repeat;
	}

#news-categories ul li.second{
	list-style: none;
	padding: 9px 0 9px 35px;
	background: url(/images/frontend/news/categories-bullet2.jpg) 0 2px  no-repeat;
	}

#news-categories ul li.third{
	list-style: none;
	padding: 9px 0 9px 35px;
	background: url(/images/frontend/news/categories-bullet3.jpg) 0 2px  no-repeat;
	}

#news-categories ul li.fourth{
	list-style: none;
	padding: 9px 0 9px 35px;
	background: url(/images/frontend/news/categories-bullet4.jpg) 0 2px  no-repeat;
	}

/* News Article Page ------------------------------------------------------------------- */

#article-left{
	width: 226px;
	float: left;
	}

#downloads{
	width: 226px;
	}

 .download{
	background: url(/images/frontend/news/download-bg.jpg) no-repeat;
	padding: 3px 0 0 0;
	margin: 15px 0 0 0;
	height: 37px;
	width: 226px;
	float: left;
	}

.download span{
	line-height: 35px;
	}

.download img{
	margin: 3px 10px 0 10px;
	float: left;
	}

.download a{
	text-decoration: none;
	}


/*  ------------------------------------------------------------------ 
      $9 - Contact Page                                                            
   -------------------------------------------------------------------- */

.contact_form {
	width:680px;
	margin:25px 0 15px 10px;
	border:1px solid #212226;
}

.contact_form .hdr {
	/*background:url(/images/frontend/contact_us/form_top.jpg) no-repeat top left;*/
	height:12px;
	line-height:1px;
	font-size:0.1em;
	
}

.contact_form .cnt {
	/*background:url(/images/frontend/contact_us/form_bg.jpg) repeat-y top left;*/
	padding:0 17px;
}

form {
	width:680px;
}

label.one {
	float:left;
	width:100px;
	margin:14px 5px;
}

label.two {
	float:left;
	width:91px;
	margin:14px 3px 14px 35px;
}

input {
	width:185px;
	float:left;
	margin:10px 5px;
	background:#929292 url(/images/frontend/contact_us/input_bg.gif) no-repeat top left;
	border:1px solid #26282c;
	color:#333;
	padding:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	/*overflow:auto;*/
}

select{
	background:#929292 url(/images/frontend/contact_us/input_bg.gif) no-repeat top left;
	border:1px solid #26282c;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
	padding:4px;
	margin:10px 5px;
}

option{
	/*padding:4px;*/
	color:#333;
}

textarea {
	width:426px;
	float:left;
	margin:10px 5px;
	background:#929292 url(/images/frontend/contact_us/input_bg.gif) no-repeat top left;
	border:1px solid #26282c;
	color:#333;
	padding:4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	overflow:auto;	
}

label.checkbox {
	float:left;
	width:526px;
	margin:5px 5px 5px 87px;
}

input.ckbx {
	width:16px;
	border:none;
	padding:0;
	margin:0 3px 10px 0;
	background:none;
}

form span {
	color:#378bd7;
	float:left;
	padding:11px 0 0 0;
	line-height:12px;
	font-size:0.9em;
}

.required {
	color:#378bd7;
	float:left;
	padding:0 0 0 125px;
	line-height:25px;
	font-size:0.9em;
}

.notrequired{
	float:left;
	width:8px;
}

.contact_form .ftr {
	/*background:url(/images/frontend/contact_us/form_btm.jpg) no-repeat top left;*/
	height:12px;
	line-height:1px;
	font-size:0.1em;
}

.submit {
	padding: 0;
	width:200px;
	margin:0 auto;
}

.submit a:link, .submit a:visited {
	background:url(/images/frontend/global/submit_btn.gif) no-repeat top left;
	font-size:10px;
	display:block;
	height:13px;
	padding:3px 8px 3px 15px;
	text-decoration:none;
	margin:8px 0 0;
	float:left;
	width:45px;
	color:#fff;
	text-transform:uppercase;
}

.submit a:hover {
	background-position: bottom left;
}

.submit_dark a:link, .submit_dark a:visited {
	margin:0 auto;
	clear:left;
	display:block;
	width:89px;
	height:31px;
	background: url(/images/frontend/contact_us/submit_btn_dark.jpg) no-repeat top left;
	text-decoration:none;
	text-indent:-9999em;
	overflow:hidden;
}

.submit_dark a:hover {
	background: url(/images/frontend/contact_us/submit_btn_dark.jpg) no-repeat bottom left;
}

.inputframe {
	width: 600px;
	clear:both;
}

label.error {
	width: 260px;
	float: right; 
	color: #378BD7; 
	padding-left: 0.5em; 
	margin:14px 0px;
}

.hidden{
	display:none;
	visibility:hidden;
}

.colr .ns_div {
	height:100px;
	}

.art_ns_div {
	float:right;
	height:125px;
	}
	
.oe_button{
	text-align: center;
	padding: 10px 0 0 0;
}

.side_contact_details {
	text-align:left;
	padding:0;
	margin:0 0 10px 0;
}

.side_contact_details .content{
	padding:3px 15px;
	background:url(/images/frontend/contact_us/details_bg.jpg) repeat-x 0 0;
}

.side_contact_details div.img {
	height:17px;
	overflow:hidden;
	padding:0;
	margin:0;
}

.side_contact_details .content p{
	font-size:11px;
	padding:10px 0 0 0;
	line-height:14px;
}

/*  ------------------------------------------------------------------ 
      $10 - Home                                                            
   -------------------------------------------------------------------- */

#home-flash{
	width: 980px;
	height: 470px;
	margin: 0 0 16px 0;
	/*background: url(/images/frontend/home/placeholder-flash.jpg) no-repeat;*/
}

.horz-stroke980{
	height: 2px;
	width: 980px;
	background: url(/images/frontend/global/dbl-stroke-horz.gif) repeat-x bottom left;
}

#news-ticker{
	height: 25px;
	width: 915px;
	background: url(/images/frontend/home/ticker-bg.jpg) no-repeat;
	padding: 6px 55px 0 10px;
	margin: 5px 0 4px 0;
	position: relative;
}

#news-ticker a:link, #news-ticker a:visited {
	text-decoration: none;	
}

#news-ticker a:hover {
	text-decoration: underline;	
}

#news-ticker .fwd-arrow{
	position: absolute;
	top: 0;
	right: 10px;
}

#news-ticker span{
	float: left;
	padding: 2px 10px 0 0;	
}

#news-ticker ul li{
	list-style: none;
	float: left;	
}

#home_left {
	float:left;
	width:620px;
	padding:0;
}

#home_right {
	float:right;
	margin:0 0 0 30px;
	width:310px;
	padding:0;
}

#home_left p {
	padding:10px 0 30px 0;
}

#home_left p a{
	text-decoration:underline;
}

#home_left p a:hover{
	text-decoration:none;
}

#intro-copy {
	margin: 0 0 30px 0;
	float: left;	
}


#home-cta{
	padding: 20px 0 0 0;
}

#home-cta p{
	padding: 10px 0 0 0;	
}

#home_right .news_subscribe {
	width:310px;
}

#home_right .news_subscribe .inner {
	background:url(/images/frontend/home/news_subscribe_bg.jpg) repeat-y;
	padding:5px 25px;
	margin:0;
}

#home_right .news_subscribe form{
	width:270px;
}

#home_right .news_subscribe input{
	width:240px;
	border:none;
	background:url(/images/frontend/global/input_bg.gif) no-repeat;
	color:#a0a2a3;
	font-size:12px;
	height:18px;
	padding:6px 10px;
	margin:8px 0 0 0;
	float:none;
	overflow:hidden;
	line-height:15px;
}

#home_right .news_subscribe a.news_submit {
	background:url(/images/frontend/global/submit_btn_left.gif) no-repeat top left;
	font-size:10px;
	display:block;
	height:19px;
	padding:0 0 0 15px;
	text-decoration:none;
	margin:8px 0 0;
	float:left;
}

#home_right .news_subscribe a.news_submit span{
	background:url(/images/frontend/global/submit_btn_right.gif) no-repeat top right;
	display:block;
	color:#fff;
	float:left;
	height:13px;
	text-transform:uppercase;
	padding:3px 8px 3px 2px;
}

#home_right .news_subscribe a.news_submit:hover {
	background-position: bottom left;
}

#home_right .news_subscribe a.news_submit:hover span {
	background-position: bottom right;
}

#home_right .gallery, #home_right .test_drive {
	background:url(/images/frontend/home/gallery_bg.jpg) no-repeat;
	width:122px;
	height:145px;
	float:left;
	margin:10px 0 0;
	padding:15px 15px;
}

 #home_right .test_drive {
	float:right;
}

#home_right .gallery img.pic, #home_right .test_drive img.pic {
	margin:8px 0;
}

#home_right .gallery a, #home_right .test_drive a {
	font-size:11px;
	text-decoration:underline;
}

#home_right .gallery a:hover, #home_right .test_drive a:hover {
	text-decoration:none;
}

#home_right .latest_news .inner {
	background:url(/images/frontend/home/latest_news_bg.jpg) repeat-y;
	padding:0 25px;
	height:85px;
	font-size:11px;
	line-height:16px;
}

#home_right .latest_news .inner .icon {
	width:27px;
	float:left;
	margin:8px 0 0;
}

#home_right .latest_news .inner ul li {
	list-style:none;
}

#home_right .latest_news .inner #news {
	width:230px;
	float:left;
	margin:8px 0 0;
	font-weight:bold;
}

#home_right .latest_news .inner #news a{
	font-weight:normal;
	text-decoration:underline;
}

#home_right .latest_news .inner #news a:hover{
	text-decoration:none;
}


#home-cta1{
	width: 280px;
	height: 167px;
	float: left;
	padding: 0 15px;
	background: url(/images/frontend/global/dbl-stroke-vert.gif) repeat-y top right;
}

#home-cta2{
	width: 290px;
	height: 167px;
	 float: left;
	 padding: 0 15px;
	 background: url(/images/frontend/global/dbl-stroke-vert.gif) repeat-y top right;
}

#home-cta3{
	width: 280px;
	height: 167px;
	float: left;
	padding: 0 15px;
}

#home-cta3 ul li{
	padding: 9px 0 9px 30px;
	list-style: none;

}

#home-cta3 .cnt-arrow{
	background: url(/images/frontend/home/fwd-arrow.jpg) 0 6px no-repeat;
}


#home-cta3 .rss-icon{
	background: url(/images/frontend/home/subscribe-icon.jpg) 0 9px no-repeat;
}
/*  ------------------------------------------------------------------ 
      $11 - About Joule                                                            
   -------------------------------------------------------------------- */

#about_container{
	margin: 0 auto;
	position: relative;
}

#about-flash{
	width: 980px;
	height: 510px;
	position: absolute;
	top: -530px;
	left: 0px;
}

#flash-spacer{
	height: 457px;
	}

.colr-2 {
	float:right;
	width:224px;
	margin:0px 0 15px 15px;
}

/*  ------------------------------------------------------------------ 
      $12 - About Optimal Energy                                                            
   -------------------------------------------------------------------- */

.summary-block{
	margin: 15px 0 30px 0;
}

.summary-block a{
	text-decoration: underline;	
}

.summary-copy{
	width: 683px;
	float: left;
}

.design-header{
	padding: 0 0 10px 0;
}


/*  ------------------------------------------------------------------ 
      $13 - Why Buy Joule
   -------------------------------------------------------------------- */

.text-only{
	margin: 23px 0 0 0;
}

.text-only p{
	margin: 15px 0 0 0;	
}

#why-flash{
	margin: 0 0 30px 0;
}

/*  ------------------------------------------------------------------ 
      $13 - Team
   -------------------------------------------------------------------- */

.team_pic {	
	float: left;
	width:226px;
}

.team_detail {
	float:left;
	width:720px;
	margin:0 0 15px 15px;
}

/*  ------------------------------------------------------------------ 
      $14 - FAQ
   -------------------------------------------------------------------- */
   
.faq_list {
	padding: 15px 0;
}

.faq_img {	
	float: left;
	width:25px;
}

.faq_copy {
	float:left;
	width:921px;
	margin:0 0 15px 15px;
}


/*  ------------------------------------------------------------------ 
      $15 - Footer                                                            
   -------------------------------------------------------------------- */
#footer {
	background:url(/images/frontend/global/footer_new_bg.jpg) repeat-x;
	height:89px;
	padding:80px 0 0;
	position:relative;
}

#footer .inner {
	width:980px;
	margin:0 auto;
}

#footer ul.footlinks {
	font-size:11px;
	color:#b0b0b0;
}

#footer ul.footlinks li {
	list-style:none;
	float:left;
}

#footer ul.footlinks li a {
	padding:0 5px;
}

#copyright {
	position:absolute;
	right:0;
	top:61px;
	background:url(/images/frontend/global/copyright_bg.jpg) no-repeat;
	width:407px;
	height:33px;
	padding:18px 0 0 50px;
	font-size:11px;
	text-align:left;
}
   
/*
#footer-container{
	width: 980px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: left;
	background: url(/images/frontend/global/dbl-stroke-horz.gif) repeat-x top left;
	height: 68px;
	border: none;
}

#footer-container #footer{
	height: 46px;
	font-size: 10px;
	padding: 0px 25px;
	background: url(/images/frontend/global/footer-bg.jpg) repeat-x;
}

#footer-container #footer ul li{
	float: left;	
	list-style: none;
	padding: 18px 4px;
}

#footer-container #footer ul li a{
	padding-right: 3px;
}

#footer-container #footer ul li a:hover{
	text-decoration: underline;
}

#footer-container #footer span{
	padding: 12px 0 0 0;
	text-align: right;
}*/

#page-top{
	margin: 0 0 25px 0;
}

.stroke-vert{
	height: 10px;
	background: url(/images/frontend/global/dbl-stroke-horz.gif) repeat-x bottom left;
}



/*-------------------------------------------------
	
	$ - Splash Page 
	
-------------------------------------------------*/

#splash_mid {
	vertical-align:middle;
}

#splash #logo-strip{
	height:100px;
	background: url(/images/frontend/global/logo-strip-bg.gif) repeat-x;
	margin: 12px 0 34px 0;
	}

#splash #logo-strip2{
	height:100px;
	background: url(/images/frontend/global/logo-strip-bg.gif) repeat-x;
	margin: 12px 0 0 0;
	}

#splash #logo-black{
	width: 676px;
	background: url(/images/frontend/global/logo-black-bg.gif) repeat-x;
	}	

/* Introducing Joule - Background Gradient */
#splash #intro-grad{
	background: url(/images/frontend/about/intro-bg.png) repeat-x;
}

/*-------------------------------------------------
	
	$ - New Gallery 
	
-------------------------------------------------*/

.gallery {
	background:url(/images/frontend/gallery/gallery_bg.jpg) no-repeat;
	height:471px;
	width:435px;
	float:left;
	margin-top:20px;
	padding:30px 20px 30px 20px;
}

.gallery span.enlarge {
	background:url(/images/frontend/gallery/enlarge_icon.gif) no-repeat top right;
	padding:3px 23px 8px 0;
	line-height:9px;
	font-size:11px;
	color:#b0b0b0;
	float:right;
	margin:10px 0 0;
}

.gallery ul.image_gallery {
	width:438px;
	padding:10px 0;
	clear:both;
}

.gallery ul.image_gallery li{
	list-style:none;
	float:left;
	margin:0 8px 8px 0;
}

.gallery ul.image_gallery li a img{
	border:1px solid #66686a;
	padding:2px
}

.gallery ul.image_gallery li a:hover img{
	border:1px solid #aaabac;
}

.gallery div.prev_next {
	border-top:1px solid #575a5e;
	width:430px;
	padding:5px 0 0;
	clear:both;
}

.gallery div.prev_next a.btn {
	background:url(/images/frontend/gallery/prev_next_icons.gif) no-repeat;
	color:#b0b0b0;
	font-size:11px;
}

.gallery div.prev_next a.btn:hover {
	color:#d3d3d3;
	text-decoration:none;
}

.gallery div.prev_next a.previous { background-position:0 0; padding:3px 0 3px 23px; float:left;}
.gallery div.prev_next a.previous:hover { background-position:0 -19px;}
.gallery div.prev_next a.previous_inactive { background-position:0 -38px; padding:3px 0 3px 23px; color:#141517;float:left;}
.gallery div.prev_next a.previous_inactive:hover { color:#141517; cursor:default;}
.gallery div.prev_next a.next { background-position: right -57px; padding:3px 23px 3px 0; float:right;}
.gallery div.prev_next a.next:hover { background-position: right -76px;}
.gallery div.prev_next a.next_inactive { background-position: right -95px; padding:3px 23px 3px 0; float:right; color:#141517;}
.gallery div.prev_next a.next_inactive:hover {color:#141517; cursor:default;}

.gallery .vid_hdr {
	border-bottom:1px solid #3f4144;
	padding:0 0 7px 0;
}

#container .gallery p.vid_title {
	font-size:18px;
	color:#b0b0b0;
	margin:5px 0 0;
	padding:0;
	line-height:18px;
}

#container .gallery p.vid_caption {
	font-size:11px;
	color:#b0b0b0;
	margin:5px 0 0;
	padding:0;
	line-height:18px;
}

.gallery .vid_holder {
	padding:5px 0 10px;
	border-bottom:1px solid #575a5e;
}

.gallery ul.vid_gallery {
	margin:10px 0;
}

.gallery ul.vid_gallery li{
	list-style:none;
	float:left;
	margin:0 16px 0 0;
	font-size:11px;
}

.gallery ul.vid_gallery li.last{
	margin:0;
}

.gallery ul.vid_gallery li a img{
	border:1px solid #66686a;
	padding:2px;
	margin-bottom:3px;
}

.gallery ul.vid_gallery li a:hover{
	text-decoration:none;
	color:#d4d5d6;
}

.gallery ul.vid_gallery li a:hover img{
	border:1px solid #aaabac;
}


/* Start Icons */
	
#icons {
	float:right;
	margin:3px 0 0;
	font-size:11px;
	position:relative;
}

#icons ul li {
	float:left;
	list-style:none;
	padding:0 10px 0 15px;
	border-left:1px solid #6a6b6e;
}

#icons ul li.first {
	border-left:none;
}

#icons ul li a.print, #icons ul li a.send, #icons ul li a.share  {
	text-decoration:none;
	background:url(/images/frontend/global/icons.gif) no-repeat;
	padding:3px 0 3px 23px;
	line-height: 19px;
	color:#b0b0b0;
}

#icons ul li a:hover{
	color:#d4d5d6;
}

#icons ul li a.print {background-position: 0 0;}
#icons ul li a.print:hover {background-position: 0 -19px;}

#icons ul li a.send {background-position: 0 -38px;}
#icons ul li a.send:hover {background-position: 0 -57px;}

#icons ul li a.share {background-position: 0 -76px; cursor:pointer;}
#icons ul li a.share:hover {background-position: 0 -95px;}

/* End Icons */

#send_to_friend {
	background: #43484d url(/images/frontend/gallery/popup_bg.jpg) repeat-x;
	height:380px;
	width:480px;
	border:1px solid #737478;
	margin:0 auto;
	text-align:left;
}

#send_to_friend .hdr {
	padding:10px 20px;
	border-bottom:1px solid #737478;
}

#send_to_friend .cnt {
	padding:20px 20px;
}

#send_to_friend .cnt {
	padding:0 20px 20px 20px;
}

#send_to_friend .cnt form{
	padding:0;
	margin:0;
	width:450px;
}

#send_to_friend .cnt form label{
	float:left;
	padding:0;
	margin:25px 4px 0 0;
	color:#b0b0b0;
}

#send_to_friend .cnt form input, #send_to_friend .cnt form textarea{	
	padding:6px 10px;
	margin:5px 0 0;
	width:190px;
	border:none;
	background:url(/images/frontend/global/send_input_bg.gif) no-repeat;
	color:#a0a2a3;
	font-size:12px;
}

#send_to_friend .cnt form textarea {
	height:90px;
	width:420px;
	overflow:auto;
}

#send_to_friend .cnt form span{
	float:left;
	padding:0;
	color:#378bd7;
	margin:25px 0 0;
}

#send_to_friend .cnt form a.submit {
	background:url(/images/frontend/global/submit_btn.gif) no-repeat top left;
	font-size:10px;
	display:block;
	height:13px;
	padding:3px 8px 3px 15px;
	text-decoration:none;
	margin:8px 0 0;
	float:left;
	width:45px;
	color:#fff;
	text-transform:uppercase;
}

#send_to_friend .cnt form a.submit:hover {
	background-position: bottom left;
}

/*---------------------------------------------------*/

/* Start Pagination */
	
#content .pagination {
	text-align: center;
	font-size: 11px;
	padding: 15px 0 0;
}

#content .pagination ul {
	margin: 0;
	padding: 0 15px;
}

#content .pagination ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#content .pagination ul li a {
	display: block;
	margin: 0 3px;
	padding: 2px 5px;
	background: #35363a;
	color: #afb0b2;
	float: left;
	text-decoration: none;
	border:1px solid #808286;
}

#content .pagination ul li a.more {
	padding: 2px 3px;
}

#content .pagination ul li a:hover {
	background: #1f4569;
	padding: 3px 6px;
	border:none;
	color:#fff;
}

#content .pagination ul li a.more:hover {
	padding: 3px 4px;
}

#content .pagination ul li.active a {
	background:none;
	color:#fff;
	border:none;
	padding: 3px 6px;
	cursor:default;
}

#content .pagination ul li a.prev, #content .pagination ul li a.next{
	background: #35363a url(/images/frontend/news/pagin_prev_next.gif) 0 0;
	text-indent:-9999px;
	width:17px;
	height:17px;
	padding:0;
}

#content .pagination ul li a.next {
	background-position: 0 -19px;
}

#content .pagination ul li a.prev:hover, #content .pagination ul li a.next:hover{
	background-color: #1f4569;
	width:19px;
	height:19px;
	background-position: 1px 1px;
	padding:0;
}

#content .pagination ul li a.next:hover{
	background-position: 1px -18px;
}

/* End Pagination */





/*-------------------------------------------------
	
	$ - New Gallery 
	
-------------------------------------------------*/
#icons dd, .shareit .share-it  {
	list-style:none;
	line-height:22px;
	float:left;
	padding: 0;
}

.shareit {
	position:absolute;
	display:none;
	background: #2c2f34;
	border: 1px solid #6b6d6f;
	padding: 2px 2px;
	z-index:10;
	width:210px;
	top:26px;
	right:0;
}

.shareit .share-it {
	width: 100px;
	text-align:left;
	padding: 0 5px 0 0;
}

.shareit .share-it a:link, .shareit .share-it a:visited {
	color:#b0b0b0;
	padding:2px 0 5px 20px;
	text-decoration:none;
}

.shareit .share-it:hover {
	background: #1e2123;
	color:#b0b0b0;
}
  .shareit .share-it a:hover{
	color:#b0b0b0;
}


.share-it .del-icio-us {background: url(/images/frontend/social/delicious.png) no-repeat left;}
.share-it .digg {background: url(/images/frontend/social/digg.png) no-repeat left;}
.share-it .reddit {background: url(/images/frontend/social/reddit.png) no-repeat left;}
.share-it .stumbleupon {background: url(/images/frontend/social/stumbleupon.png) no-repeat left;}
.share-it .google {background: url(/images/frontend/social/google.png) no-repeat left;}
.share-it .facebook {background: url(/images/frontend/social/facebook.png) no-repeat left;}