/*
Theme Name: Focused Energy
Theme URI: http://focusedenergy.net
Description: Focused Energy Theme.
Version: 1.0
Author: Santa Fe Web Design
Author URI: http://www.santafewebdesign.com
*/



body
{
	background-image : url(/images/bg.jpg);
	background-repeat : repeat-x;
	background-color : #a5d0f9;
	margin : 0px;
	padding : 0px;
	font-size : 13px;
}


img, div, input { behavior: url(/iepngfix.htc); }

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

.clearfix {
  display: inline-block;
}

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

#layout
{
	width : 889px;
	margin : auto;
}

#nav
{	
	background-color : #2252bd;
	color : white;
	font-family : palatino, palatino linotype, times new roman, serif;
	text-align : center;
	font-size : 18px;
	padding : 8px;
	margin : 0px;
}

#nav a
{
	text-decoration : none;
	color : white;
	padding : 0px 10px;
}

#footer
{
	text-align : center;
	color : white;
	font-size : 18px;
	padding : 0px 0px 35px 0px;
}


#content
{
	background-image : url(/images/green_bg.jpg);
	background-repeat : repeat-x;
	background-position : bottom;
	background-color : #ecf4e7;
	margin : 0px;
	padding : 15px 50px;
	color : #b3a89e;
}

h2
{
	color : #f09301;
	font-weight : normal;
	margin : 0px;
	padding : 0px;
	font-family : palatino, palatino linotype, times new roman, serif;
	font-size : 18px;
}

.outer_border
{
	background-color : white;
	padding : 3px;
}

.inner_border
{
	border : 1px solid #665544;
	padding : 10px;
	background-image : url(/images/content_frame.jpg);
	background-repeat : repeat-y;
	color : #665544;
	font-family : arial, verdana, helvetica, sans-serif;
	font-size : 12px;
}

.inner_border a
{
	color : #4d3b28;
	font-weight : bold;
	text-decoration : none;
}

.inner_border a:hover
{
	text-decoration : underline;
}

.inner_border p
{
	margin-top : 0px;
}

#index_footer
{
	background-image : url(/images/green_bg.jpg);
	background-repeat : repeat-x;
	background-position : bottom;
	background-color : #d7e8ce;
	padding-top : 10px;
}

#index_left
{
	width : 400px;
	float : left;
	margin-left : 25px;
	text-align : left;
}

html>body #index_left
{	
	margin-left : 50px;
}

#index_left form *
{
	display : inline;
}

#index_right
{
	width : 327px;
	float : left;
	margin-left : 50px;
	text-align : left;
}

#contact
{
	clear : both;
	padding-top : 30px;
	height : 100px;
	background-image : url(/images/footer_bg.png);
	background-repeat : no-repeat;
	
}




#contact a
{
	color : white;
	text-decoration : none;
}

#contact a:hover
{
	text-decoration : underline;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
