/* 
Theme Name: 1. Default Text
Theme URL: www.access-bydesign.com	
Description: Energys services normal text size 
Author: Accesss by Design
Author URI: www.access-bydesign.com
Version: 0.1
*/

/*start import of tripoli reset framework, enabling stable crossbrowser platform from outset */
@import url("css/tripoli/tripoli.base.css"); 
@import url("css/tripoli/plugins/tripoli.visual.css"); 
@import url("css/tripoli/plugins/tripoli.type.css"); 
@import url("css/tripoli/tripoli.ie.css"); 

/* main headings typographical framework ===================================== */
@import url("css/headings.css"); 
@import url("css/textual.css"); 

/*import suckerfish 1.07 styles ==============================================*/
@import url("css/suckerfish.css"); 

/*import image alignment and gallery settings ============================================*/
@import url("css/images.css"); 

/*import highslide css =====================================================*/
@import url("css/highslide.css"); 
@import url("css/highslide-ie6.css"); 

@import url("css/tips.css"); 

/*define variables */
/*end variables*/


/* links and lists */

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

a:hover
{
text-decoration:underline;
}

a:active
{
	text-decoration:underline;
}

a:focus
{
	text-decoration:underline;
}

#footer_wrapper li a
{
cursor: pointer; 
display:block;
padding:3px;
font-family:Verdana, Geneva, sans-serif;
font-size:small;
list-style:none;
}

ul li
{
list-style:none;	
}

p, ul
{
margin-bottom:10px;
}

.nodisplay
{
display:none;	
}


/* start the basic structural layout */

html
{

}

body
{
	color:#272D36;
	font-family: Verdana, Geneva, sans-serif;
	font-size:small;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:18px;
	color:#333;
	background-color:#f7f7f7;
}

#max_wrapper
{
	width:100%;
	height:auto;
	float:left;
	background-color:#f7f7f7;
}

#wrapper
{
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:30px;
	border:2px solid #f7f7f7;
	overflow:hidden;
	background-color:#FFFFFF;
}

#head_wrapper
{
	width:100%;
	height: auto;
	float:left;	
	margin-bottom:10px;
}

#breadcrumb
{
	height:25px;
	width:99%;
	float:left;
	padding-left:1%;
	padding-top:3px;
	border-bottom:2px solid #f7f7f7;
}

#breadcrumb a
{
	color:#666;
	text-decoration:underline;
}
	
.current
{
	font-weight:bold;
	color:#304175;
}

/*30px hieght */

#header
{
	width:100%; /*this width is required to have a complete border around this dynmaic element, probably because the 0.2% is the 1px border on each side */
	height:auto;
	float:left;
	background-image:url(images/wheat.jpg);
	background-repeat:repeat-x;
	background-position: top left;
}

#logo
{
	width:282px;
	height:148px;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:20px;
	float:left;
	background-image:url(images/logo4.png);
}

#tag_line
{
	float:left;
	height:auto;
	min-height:20px;
	width:100%;
	color:#666;
	border-bottom:2px solid #f7f7f7;
	padding-top:12px;
	padding-left:0;
}

#tag_line .subhead2
{
	font-family: “Trebuchet MS”, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: normal;
	color:#333;
	
}

#nav
{
	width:100%;
	min-height:30px;
	height:auto;
	float:left;
	background-color: #FFFFFF;
	border-bottom: 2px solid #f7f7f7;
}

#nav.subhead2_grey
{
	margin-top:5px;	
}

#mid_wrapper
{
	width:100%;
	float:left;
	height:auto;
	padding-bottom:20px;
}

#content_wrapper
{
	width:100%;
	height:auto;
	float:left;
}

#content
{
	width:90%;
	height:auto;
	padding-left:5%;
	padding-right:5%;
	background-color:#FFFFFF;
	overflow:hidden;
	margin-bottom:20px;

}

#content_inner
{
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	overflow:hidden;
}

#content_inner a
{ /*old green: BEDF74*/
	color:#304175;
	font-weight:bold;
}

#content_inner .post
{
	width:90%;
	padding-left:5%;
	padding-right:5%;
	height:auto;
	margin-bottom:20px;
	float:left;
}

#content_inner ul 
{
	margin-left:20px;
}

#content_inner ul li
{
	margin-left:20px;
	margin-bottom:5px;
	list-style:outside;
	list-style-type:circle;
}

/*start the sidebar stylings which are only used for the warranty template - but i could type get_sidebar instead of include TEMPLATEPATH etc */

#sidebar_wrapper
{
	width:100%;
	height:auto;
	float:left;
}

#sidebar
{
	width:300px;
	height:auto;
	float:right;
	padding:5px;
	margin-right:10px;
}

.warranty
{
	width:auto;
	height:auto;
	float:right;
}

.warranty_outa
{
	background-color:#f7f7f7;
	padding:5px;
}


/*for the payback calculation model results that are included in payback.php and payback_calc.php */

#content_wrapper_small
{
	width:65%;
	height:auto;
	float:left;
}

#payback_wrapper
{
	width:35%;
	height:auto;
	float:left;
}

#payback
{
	width:80%;
	height:auto;
	float:right;	
	padding-left:5%;
	padding-right:5%;
}

.pb_widget
{
	width:95%;
	height:auto;
	padding:5px;
	
	border:2px solid #ff6a6a;
	background-color:#ffdcdc;
	margin-bottom:10px;
	
}

.pb_widget .subhead2
{
	color:#666;
}

/*begin the styling for the mini content, used on the case studies page */
/*mini_outer is added by jquery in the header, as the only time this rounded stuff is done is with java */
.mini_outer { 
	float: left; 
	background-color: #DDDDDD; 
	border:none;
	padding: 4px; 
	margin:0;
	width: 98%; 
	height:auto; 
}

.mini_container
{
	width:30%;
	height:auto;
	float:left;
	margin-left:1%;
	margin-right:2%;
}

.mini_title
{
	width:100%;
	height:50px;
	float:left;
	margin-bottom:5px;
}

.mini_img, .mini_alt
{
	width:100%;
	height:160px;
	float:left;
	background-position: left center ;
}

.mini_content
{
	width:100%;
	height:auto;
	min-height:200px;
	float:left;
}


.mini_alt/*this is the backup picture is one is not entered */
{
	background-color:#666;
	background-image:url('images/mini_alt.jpg');
	background-repeat:repeat-x;
}

#footer_wrapper
{
	width:100%;
	height:auto;
	float:left;
	background-color:#FFFFFF; 
	
}

#footer_content	
{
	width:90%;
	height:auto;
	float:left;
	padding-right:0%;
	padding-left:10%;
	padding-top:20px;
	padding-bottom:20px;
	
	border-top:2px solid #f7f7f7;
}

#footer_content p, #footer_content a, #footer_content
{
	color:#666;
}

#footer_content .footer_item
{
	width:25%;
	height:auto;
	float:left;
	margin-left:1%;
	margin-right:1%;
	padding:10px;
}

#footer_content .footer_item .footer_item_inner
{
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#footer_content .footer_item .footer_item_inner ul li
{
	list-style:none;
}

#footer_content .footer_item ul li
{
	border-left:10px solid #FFFFFF;	
}

#footer_content .footer_item ul li:hover
{
	background-color: #FFFFFF;
	color:#333;
	border-left:10px solid #304175;	
	
}

#footer_content .footer_item .subhead2
{
	padding:5px;
	background-color:#FFFFFF;
	border: 2px solid #f7f7f7;
}

#footer_footer
{
	height: 25px;
	width:92%;
	padding-right:3%;
	padding-left:5%;
	float:left;
	text-align:right;
	border-top:2px solid #f7f7f7;
	padding-top:4px;
	color:#CCC;
}

#footer_footer a
{
	color:#666;	
}

.lower_footer
{
	width:100%;
	height:auto;
	float:left;
}

.lower_footer .viewing
{
	height:20px;
	width:100%;
	float:left;
	background-color:#FFFFFF;
	padding:5px;
	border-top:2px solid #f7f7f7;
}

.lower_footer .viewing ul
{
	float:left;
}
	

.lower_footer .viewing ul li
{
	padding-top:1px;
	float:left;
	width:auto;
	height:25px;
	list-style:none;
	margin-left:10px;
	margin-right:10px;
	color:#999;
}

.lower_footer .viewing ul li a
{

	color:#333;
}

#mid_wrapper
{
	width: 100%;
	height:auto;
	float:left;	
}


.linklove
{
	display:none;
}