/*
Theme Name: FreshEnergy
Description: FreshEnergy eco xhtml/css theme
Author: Daniel Pereyra at dubideas.com.uy
Email: dani@dubideas.com
*/

/*Global Reset */
body{ background:url(img/bg.gif) repeat-x top #4d8d2c; margin:0; }
form{padding:0; margin:0;}

div{margin:0; padding:0;}
a:link { color:#8a8a8a; text-decoration:none;}
img{border:0; clear:none;}

/* Content */

#wraper{ width:950px; padding:0; margin:0 auto; background:url(img/wrapper.jpg) no-repeat top;}
#logo { background:url(img/logo.gif) no-repeat; width:280px; height:100px; float:left; padding:0 0 20px 0 ;}


/* navigation */
#nav{float:right; margin:5px 0 0 0; width:479px; font:11px Verdana, Arial, Helvetica, sans-serif; padding:0;}

#nav ul{margin:5px 0 0 0; list-style:none; list-style-image:none; list-style-position:inside; list-style-type:none; padding:0;}

#nav li {height:25px; text-align:center; background:url(img/button.gif) no-repeat; margin : 0 10px 0 11px; padding : 5px 0 0 0; width:75px; float : right; list-style-image:none; list-style:none; color:#FFFFFF; display:block;}

#nav li a {color:#FFFFFF; text-decoration:none;  height:25px; margin:8px 0 0 0;  list-style-image:none; list-style:none;}

#nav li .current {color:#333333; background:url(img/current.gif) no-repeat; text-decoration:none; height:25px; padding : 0; list-style-image:none; list-style:none;}

/* head */

#header-top{ margin:0; padding:0; height:47px; width:938px; background: url(img/headtop.gif) no-repeat top; border-top:solid 6px #4c8729; border-right:solid 6px #4c8729; border-left:solid 6px #4c8729; clear:both;}
#header{padding-left:50px; height:250px; width:888px; background: #FFFFFF; border-right:solid 6px #4c8729; border-left:solid 6px #4c8729; clear:both;}
#inner-header {padding-left:50px; height:85px; width:888px; background: #FFFFFF; border-right:solid 6px #4c8729; border-left:solid 6px #4c8729; clear:both;}
#header img{border:0; clear:none; float:left;}
#header-text{ padding:20px 0 10px 0;; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:24px; width:340px; height:95px; float:left; clear: left; color:#6f6f6f;}
.inner-header-text{ padding:0 89px 10px 0 ; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:24px; width:328px; float:right;  color:#6f6f6f;}

#header-btn{ padding:10px 0 0 230px; float:left; clear: left;}
.inner-header-text span{ padding:0 0 0 30px; float: right; display:block; }
#header-bt{ margin:0; padding:0; height:25px; width:949px; background: url(img/header-bt.gif) no-repeat bottom; clear:both;}

#heading1{ margin:0 auto; padding:20px 0 0 0; width:845px; clear:both;}
#heading2{ margin:0; padding:30px 0 0 0; width:200px }
#heading3{ margin:0; padding:10px 0 0 0; width:200px }
#info{ margin:0; padding:10px 0 30px 0; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}

.content { width:644px;  padding:20px 0 0 6px;}
.content p { font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; font-size:12px; line-height:24px; color:#FFFFFF;}

.sidebar { float:right; clear:both; padding:15px 0 0 15px; margin:20px 0 0 0; width:268px; background:url(img/sidebar-bg.gif) repeat-x top #fff9b3; border:solid 6px #447e26;}
.sidebar ul{ margin:15px 0 0 0; list-style:none; list-style-image:none; list-style-position:inside; list-style-type:none; padding:0;}
.sidebar li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6f6f6f; text-decoration:none;  margin:8px 0 8px 0;  list-style-image:none; list-style:none;}
.sidebar p{ margin:15px 0 0 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6f6f6f;}


.box{ width:230px; margin:55px 28px 40px 50px; float:left; } 

.box p{ padding:10px 0 0 0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:24px; color:#FFFFFF;}

#recomendations-top { margin:0; padding:0; height:17px; width:950px; background: url(img/recomendations-top.gif) no-repeat top; clear:both;}
#recomendations{ height:105px; width:938px; background: #FFFFFF; border-bottom:solid 6px #4c8729; border-right:solid 6px #4c8729; border-left:solid 6px #4c8729; clear:both;}
.recomendations-box { width:290px; margin:10px 5px 20px 15px; float:left;}
.recomendations-box h1 { float:left; padding:0 0 0 10px; margin:0; font-family:Helvetica,Arial,sans-serif; font-size:20px; letter-spacing:-1px; color:#92b97e; }
.recomendations-box img{border:0; clear:none; float:left;}
.recomendations-box p{ float:left; width:200px; padding:5px 0 0 10px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:24px; color:#9a9a9a;}

#footer {margin: 15px 0 0 0; height:100px; width:100%; background:url(img/bottom-bg.gif) repeat-x top #0f0f0f;}
#footer-container {width:950px; padding:25px 0 0 0; margin:0 auto; background:url(img/footer-logo.gif) no-repeat left bottom; text-align:right; color:#8a8a8a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; min-height:40px;}
#footer-container span{ color:#272727; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}




/* tabs */
.stripViewer .panelContainer .panel ul {text-align: left; margin: 0 15px 0 30px;}

/* This div isn't entirely necessary but good for getting the side arrows vertically centered */		
.slider-wrap {  margin: 0 20px 0 0 ; height:222px; width: 500px; position:relative;	float:right;}
		
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 222px; background: #fff; overflow: hidden;}
.csw .loading {margin: 50px 0 300px 0; text-align: center}

/* This is the viewing window, Also specified in  .stripViewer .panelContainer .panel  below */
.stripViewer { 	position: relative;	overflow: hidden; margin: auto; width: 416px; height: 222px; background: #fff;}

/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */		
.stripViewer .panelContainer {  position: relative; left: 0; top: 0; width: 100%;	list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
/* Each panel is arranged end-to-end , Also specified in  .stripViewer  above */
.stripViewer .panelContainer .panel { float:left; height: 100%;	position: relative;	width: 416px; }

/* Wrapper to give some padding in the panels, without messing with existing panel width */		
.stripViewer .panelContainer .panel .wrapper { /*padding: 10px;*/}

/* This is the div to hold your nav (the UL generated at run time) */		
.stripNav { margin: auto;}

/* The auto-generated set of links */		
.stripNav ul { list-style: none;}

/* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */		
.stripNav ul li {float: left; margin-right: 2px; }

/* The nav links */		
.stripNav a { font-size: 10px; font-weight: bold; text-align: center; line-height: 32px; background: #c6e3ff; color: #fff;			text-decoration: none; display: block; padding: 0 15px;	}
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 100px;
			/*text-indent: -1000em;*/
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}