/**************************************************

File:			/assets/css/oslenergy.css
Created by:		Eoghan O'Brien, StudioForty9, http://www.studioforty9.com
Created on:		28/04/09

1. Style Reset
2. Layout
3. sIFR
4. 
5. 


/**************************************************
1. Style Reset
**************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

body {
	line-height: 1;
	font: normal 62.5% 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	background: #fff url('../img/bg.jpg') top center no-repeat;
	color: #333;
	}

/* Unordered Lists */
ul {
	list-style: none;
	}

/* Blockquote / Quote */
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

/* Focus styles */
:focus {
	outline: 0;
	}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
	
a { color: #3C7BA3; text-decoration: none; }
a:hover { color: #5AA642; text-decoration: none; }
	
p {
	margin: 2px 0 12px;
	font-size: 1.1em;
	}	
	
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	.clearfix { display: inline-table; }
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	*+html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* End hide from IE-mac */
	
	
/**************************************************
2. LAYOUT
**************************************************/
#wrapper {
	width: 960px;
	margin: 0 auto;
	}

/**************************************************
	HEADER
**************************************************/
	#header {
		width: 960px;
		position: relative;
		}
		
		/***********************************
		HEADER TOP
		***********************************/
		#header-top {
			width: 960px;
			clear: both;
			}
			
			#sub-nav {
				float: right;
				display: inline;
				margin: 15px 0 0;
				}
				
				#sub-nav li {
					display: inline;
					}
					
					#sub-nav li a {
						float: left;
						display: block;
						margin: 0 0 0 10px;
						padding: 0 10px 0 0;
						color: #dfeaf1;
						text-decoration: none;
						border-right: 1px solid #fff;
						font-size: 1.1em;
						}
						#sub-nav li.last a { border: none; }
						#sub-nav li a.current, #sub-nav li a.current:hover { color: #fff; }
						#sub-nav li a:hover { color: #fff; }
					
		/***********************************
		HEADER MIDDLE
		***********************************/
		#header-middle {
			width: 960px;
			clear: both;
			}
			
			#ribbon {
				position: absolute;
				right: -10px;
				top: 36px;
				width: 350px;
				height: 45px;
				background: #e1d4a7 url('../img/call-us-now.png');
				text-indent: -9000px;
				}
				
		/***********************************
		HEADER BOTTOM
		***********************************/
		#header-bottom {
			clear: both;
			}
			
			/*******************************
			LOGO
			*******************************/
			#logo {
				float: left;
				display: inline;
				margin: 40px 0 0 10px;
				width: 220px;
				height: 100px;
				font-size: 3em;
				color: #3490ce;
				text-indent: -9000px;
				background: #fff url('../img/logo.png') no-repeat;
				}

			/*******************************
			MAIN NAVIGATION
			*******************************/
			#main-nav {
				float: right;
				display: inline;
				margin: 75px 10px 0 0;
				}
				
				#main-nav li {
					display: inline;
					}
					
					#main-nav li a {
						float: left;
						display: block;
						width: 60px;
						height: 30px;
						line-height: 30px;
						font-size: 1.3em;
						color: #5199c3;
						text-decoration: none;
						text-indent: -9000px;
						margin: 0 0 0 20px;
						}
						
						#main-nav li#home a { background: url('../img/navigation.png') top left no-repeat; width: 60px; }
						#main-nav li#home a:hover { background: url('../img/navigation.png') 0 -30px no-repeat; }
						#main-nav li#home a.current, #main-nav li#home a.current:hover { background: url('../img/navigation.png') 0 -60px no-repeat; }
						
						#main-nav li#energy-audits a { background: url('../img/navigation.png') -70px 0 no-repeat; width: 117px; }
						#main-nav li#energy-audits a:hover { background: url('../img/navigation.png') -70px -30px no-repeat; }
						#main-nav li#energy-audits a.current, #main-nav li#energy-audits a.current:hover { background: url('../img/navigation.png') -70px -60px no-repeat; }
						
						#main-nav li#energy-management a { background: url('../img/navigation.png') -197px 0 no-repeat; width: 166px; }
						#main-nav li#energy-management a:hover { background: url('../img/navigation.png') -197px -30px no-repeat; }
						#main-nav li#energy-management a.current, #main-nav li#energy-management a.current:hover { background: url('../img/navigation.png') -197px -60px no-repeat; }
						
						#main-nav li#is393 a { background: url('../img/navigation.png') -373px 0 no-repeat; width: 62px; }
						#main-nav li#is393 a:hover { background: url('../img/navigation.png') -373px -30px no-repeat; }
						#main-nav li#is393 a.current, #main-nav li#is393 a.current:hover { background: url('../img/navigation.png') -373px -60px no-repeat; }
						
						#main-nav li#building-energy-rating a { background: url('../img/navigation.png') -445px 0 no-repeat; width: 175px; }
						#main-nav li#building-energy-rating a:hover { background: url('../img/navigation.png') -445px -30px no-repeat; }
						#main-nav li#building-energy-rating a.current, #main-nav li#building-energy-rating a.current:hover { background: url('../img/navigation.png') -445px -60px no-repeat; }
					
/**************************************************
	BANNER
**************************************************/
	#banner {
		width: 940px;
		height: 150px;
		margin: 0 auto;
		background: #90c956 url('../img/banner-placeholder.png') no-repeat;
		text-indent: -9000px;
		}


/**************************************************
	CONTENT
**************************************************/
	#content {
		width: 940px;
		margin: 0 auto 20px;
		padding: 40px 0 40px;
		background: url('../img/bg-content.png') top left no-repeat;
		}
		
		#content h2, h3, h4, h5, h6 { margin: 2px 0 8px; }
		#content h2 { font-size: 2.4em; color: #6ab235; }
		#content h3 { font-size: 1.6em; color: #4f97c1; }
		
		/*******************************
		MAIN NAVIGATION
		*******************************/
		#main {
			width: 620px;
			float: left;
			}
		
		#features {
			width: 620px;
			margin: 0 0 30px;
			padding: 0 0 30px;
			border-bottom: 4px solid #f7f7f7;
			}
			
			.feature {
				width: 300px;
				height: 120px;
				float: left;
				display: inline;
				padding: 0 5px;
				}
				
				.feature .left { width: 60px; float: left; margin: 0; }
				.feature .right { width: 220px; float: left; margin: 0 0 0 10px; padding: 0 10px 0 0; }
					
		#text {
			width: 580px;
			padding: 0 10px;
			}
			
			#text.left {
				float: left;
				display: inline;
				width: 300px;
				padding: 0 10px 0 0;
				}
			
			#text p {
				font-size: 1.2em;
				line-height: 1.5em;
				margin: 4px 0 20px;
				}
			
			#text ul {
				list-style: disc;
				margin: 0 0 0 15px;
				}
			#text ul li {
				font-size: 1.2em;
				margin: 5px 0 5px 15px;
				}
				
			#news-page {
				border-top: 1px solid #eee;
				padding: 10px 0 0;
				}
				.newslist { margin-bottom: 20px !important; }
				.newslist li.hide { display: none; }
				.archive {
					color: #fff;
					background: #70ADD1;
					display: block;
					padding: 5px 10px;
					
					}
					.archive:hover { background: #78BAE0; color: #fff; }
			
				
				#text .news-entry, #text .news-archive-entry {
					border-bottom: 1px solid #eee;
					margin: 0 0 20px;
					}
					
				#text .news-entry .date, #text .news-archive-entry .date {
					font-size: 1em;
					text-transform: uppercase;
					color: #8fafc3;
					display: block;
					margin: -20px 0 20px;
					padding: 0;
					}
					#text .news-archive-entry .date {
						margin: -10px 0 20px;
						font-size: 0.9em;
						}
						
				* html #text .news-archive-entry { border-bottom: 1px solid #eee; }
				* html #text .news-archive-entry .date {
						margin: 0px 0 20px;
						font-size: 0.9em;
						}
				html>body #text .news-archive-entry .date {
					margin: 0px 0 20px;
					font-size: 0.9em;
					}				
		#contact.right {
			float: left;
			display: inline;
			width: 300px;
			margin: 50px 0 0;
			padding: 0 0 0 10px;
			position: relative;
			}
			#contact-response {
				width: 210px;
				height: 310px;
				display: none;
				background: #64A4C9 url('../img/form-contact-us-ajax-confirm.png') bottom center no-repeat;
				position: absolute;
				top: 32px;
				left: 80px;
				border: 1px solid #8EB6CF;
				border-top: none;
				cursor: pointer;
				}
				* html #contact-response { top: 29px; }
			#contact.right form label {
				display: block;
				float: left;
				margin: 4px 0;
				font-size: 1.1em;
				width: 70px;
				height: 27px;
				line-height: 29px;
				}
				#contact.right form label.error {
					display: block;
					float: right;
					margin: 0;
					font-size: 1em;
					width: 200px;
					height: 12px;
					line-height: 1.2em;
					color: red;
					}
			#contact.right form .textbox {
				float: left;
				width: 200px;
				margin: 2px 0;
				padding: 7px 4px;
				font-size: 1.2em;
				color: #5098c1;
				background: #dceaf3;
				border: 1px solid #8eb6cf;
				}
			#contact.right form textarea {
				float: left;
				width: 200px;
				height: 150px;
				margin: 2px 0;
				padding: 7px 4px;
				color: #5098c1;
				background: #dceaf3;
				border: 1px solid #8eb6cf;
				font: normal 1.2em 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
				}
			#contact.right form	.send {
				clear: both;
				margin: 4px 0 0 70px;
				}
				
				.fieldwrap { margin: 3px 0; }
				.send { float: left; }
				.loading { display: block; float: left; padding: 15px 0 0 15px; }
				.loading img { display: none; }
				
		#left {
			width: 318px;
			float: left;
			display: inline;
			margin: 0;
			}
			
			#have-us-call-you {
				width: 310px;
				margin: 0 0 15px 2px;
				padding: 0 0 5px;
				background: #efead6 url('../img/ftr-cream.png') bottom right no-repeat;
				color: #918248;
				position: relative;
				z-index: 1;
				}
				
				#have-us-call-you h4 {
					font-size: 1.6em;
					background: #efead6 url('../img/hdr-cream.png') top right no-repeat;
					padding: 10px 15px 0;
					}
					#have-us-call-you h4 object { width: 120px;  }
					
				#have-us-call-you #call-you-toggle {
					position: absolute;
					top: 15px;
					right: 10px;
					z-index: 9;
					width: 13px;
					height: 13px;
					background: url('../img/ico-toggle-cream.png') no-repeat;
					text-indent: -9000px;
					}
				#have-us-call-you #response {
					width: 260px;
					height: 163px;
					display: none;
					background: #f3f0e4 url('../img/form-have-us-call-you-ajax-confirm.png') bottom center no-repeat;
					position: absolute;
					top: 41px;
					left: 25px;
					border: 1px solid #ddd2ad;
					border-top: none;
					cursor: pointer;
					}
				#have-us-call-you .body { border-top: 1px solid #dad3b5; margin: 0 15px; padding: 0 0 15px; }
				#have-us-call-you .body p { margin: 7px 0 7px; }
				#have-us-call-you .body form { margin: 10px 0 0; }
				#have-us-call-you .body form .fieldwrap {
					
					}
					#have-us-call-you .body form label {
						display: block;
						float: left;
						margin: 4px 0;
						font-size: 1.1em;
						width: 70px;
						height: 27px;
						line-height: 29px;
						}
						#have-us-call-you .body form label.error {
							display: block;
							float: right;
							margin: 0;
							font-size: 1em;
							width: 200px;
							height: 12px;
							line-height: 1.2em;
							color: red;
							}
					#have-us-call-you .body form .textbox {
						float: left;
						width: 200px;
						margin: 2px 0;
						padding: 7px 4px;
						font-size: 1.2em;
						color: #918248;
						background: #f3f0e4;
						border: 1px solid #ddd2ad;
						}
				#have-us-call-you .body form .send {
					clear: both;
					margin: 4px 0 0 70px;
					}
				
				
			#latest-news {
				width: 310px;
				margin: 0 0 15px 2px;
				padding: 0 0 5px;
				background: #dbe9f2 url('../img/ftr-blue.png') bottom right no-repeat;
				color: #5098c1;
				position: relative;
				z-index: 1;
				}
				
				#latest-news h4 {
					font-size: 1.6em;
					background: #dbe9f2 url('../img/hdr-blue.png') top right no-repeat;
					padding: 10px 15px 0;
					font-size: 1.6em;
					}
					#latest-news h4 object { width: 90px;  }
					
					#latest-news #latest-news-toggle {
						position: absolute;
						top: 15px;
						right: 10px;
						z-index: 9;
						width: 13px;
						height: 13px;
						background: url('../img/ico-toggle-blue.png') no-repeat;
						text-indent: -9000px;
						}

					#latest-news .body {
						border-top: 1px solid #c9dbe4;
						margin: 0 15px;
						padding: 0 0 15px;
						}
					
					#latest-news .news-entry {
						margin: 10px 0;
						}
						
						#latest-news .title {
							color: #5098c1;
							font-size: 1.3em;
							padding: 0 0 0 10px;
							background: url('../img/ico-arrow.png') 0 5px no-repeat;
							text-decoration: none;
							}
							
						#latest-news .date {
							font-size: 0.9em;
							text-transform: uppercase;
							color: #8fafc3;
							display: block;
							padding: 0 0 5px 10px;
							}
							
						#latest-news p {
							font-size: 1.1em;
							color: #3f5d70;
							padding: 0 0 0 10px;
							}
							
							#latest-news a.read-more { color: #3C7BA3; text-decoration: none; }
							#latest-news a.read-more:hover { color: #5AA642; text-decoration: none; }


			#newsletter {
				width: 310px;
				margin: 0 0 15px 2px;
				padding: 0 0 5px;
				background: #add786 url('../img/ftr-green.png') bottom right no-repeat;
				color: #4f8120;
				position: relative;
				z-index: 1;
				}
				
				#newsletter h4 {
					font-size: 1.6em;
					background: #add786 url('../img/hdr-green.png') top right no-repeat;
					padding: 10px 15px 0;
					}
					#newsletter h4 object { width: 240px;  }
					
				#newsletter #newsletter-toggle {
					position: absolute;
					top: 15px;
					right: 10px;
					z-index: 9;
					width: 13px;
					height: 13px;
					background: url('../img/ico-toggle-green.png') no-repeat;
					text-indent: -9000px;
					}
				#newsletter #response {
					width: 260px;
					height: 163px;
					display: none;
					background: #f3f0e4 url('../img/form-newsletter-ajax-confirm.png') bottom center no-repeat;
					position: absolute;
					top: 41px;
					left: 25px;
					border: 1px solid #ddd2ad;
					border-top: none;
					cursor: pointer;
					}
				#newsletter .body { border-top: 1px solid #8ec858; margin: 0 15px; padding: 0 0 15px; }
				#newsletter .body p { margin: 7px 0 7px; }
				#newsletter .body form { margin: 10px 0 0; }
				#newsletter .body form .fieldwrap {
					
					}
					#newsletter .body form label {
						display: block;
						float: left;
						margin: 4px 0;
						font-size: 1.1em;
						width: 70px;
						height: 27px;
						line-height: 29px;
						}
						#newsletter .body form label.error {
							display: block;
							float: right;
							margin: 0;
							font-size: 1em;
							width: 200px;
							height: 12px;
							line-height: 1.2em;
							color: red;
							}
					#newsletter .body form .textbox {
						float: left;
						width: 200px;
						margin: 2px 0;
						padding: 7px 4px;
						font-size: 1.2em;
						color: #4f8120;
						background: #e3f3d4;
						border: 1px solid #7db845;
						}
				#newsletter .body form .send {
					clear: both;
					margin: 4px 0 0 70px;
					}
										
/**************************************************
	FOOTER
**************************************************/
	#footer {
		width: 960px;
		height: 63px;
		clear: both;
		margin: 0;
		background: #2e2e2e url('../img/bg-footer.png') no-repeat;
		font-size: 1.1em;
		}
		
		#copyright {
			float: left;
			color: #fff;
			padding: 24px 0 0 20px;
			}
			
		#text-links {
			float: right;
			padding: 24px 20px 0 0;
			color: #fff;
			}
			
			#text-links a { color: #8c8c8c; text-decoration: none; }
			#text-links a:hover { color: #fff; text-decoration: none; }
			#text-links a.current, #text-links a.current:hover { color: #90c955; text-decoration: none; }

/**************************************************
	CREDITS
**************************************************/		
	#credits {
		margin: 10px 0 20px;
		width: 160px;
		float: right;
		}
		
		#credits a {
			display: block;
			width: 160px;
			height: 25px;
			background: url('../img/credits.png') no-repeat;
			text-indent: -9000px;
			}
		
/*****************************************************************************
3. scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 Ð 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
	.sIFR-active h2 {
		font-size: 2.4em;
		margin: 0;
    	visibility: hidden;
		}
		
	.sIFR-active h3 {
		font-size: 1.6em;
		margin: 0;
    	visibility: hidden;
		}
		
	.sIFR-active h4 {
		font-size: 1.6em;
		margin: 0;
    	visibility: hidden;
		}
}