* {
	margin: 0;
	padding: 0;
}
body {
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #35B4D5;
}


h1 {
	margin-bottom: .5em;
	font-size: 182%;
	font-weight: normal;
	color: #0066CC;
}

h2 {
	font-size: 131%;
	font-weight: normal;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}
h5{
	font-size: 80%;
	font-weight: normal;
}


p, blockquote, ol, ul {
	margin-bottom: 1.5em;
	text-align: justify;
	line-height: 167%;
	font-size: 107%;
}

blockquote {
	margin-left: 2em;
}
blockquote a {
	background:none;
	color:#CC66CC;
}

ol {
	margin-left: 2em;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 1em;
	background: url(images/arrow.gif) no-repeat left center;
}

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

.redtext{
	color:#FF0000;
}

.greentext{
	color:#00CC00;
}
.bluetext{
	color:#0066FF;
}
.yellowtext{
	color:#CCCC00;
}

a:hover {
	text-decoration: underline;
	color: #0066FF;
}

/* Menu */

#menu {
	width: 780px;
	height: 25px;
	margin: 0 auto;
	padding-left: 20px;
	background-color:#E3E3E6;
	background-image:url(images/bg.gif);
	border-left: 1px solid #E3E3E6;
	border-right: 1px solid #E3E3E6;
}
#border {
	margin: 0 auto;
	width: 800px;
	background: #FFFFFF;
	border: solid 9px #FFFFFF;
	height: 100%;
}
#menu ul {
	margin: 0;
	padding: 0;
	width: 780px;
	list-style: none;
	position:absolute;
	border-left: solid 1px #FFFFFF;
}

#menu li {
	padding: 0;
	margin: 0;
	display: inline;
	background: none;	
}

#menu a {
	display: block;
	float: left;
	height: 25px;
	padding: 0px 14px 0px 14px;
	font-size: 92%;
	font-weight: bold;
	/*background-color:#E3E3E6;*/
	border-right: solid 1px #FFFFFF;
}

#menu a:hover {
	background: #65cced;
	text-decoration: none;
	color: #FFFFFF;
	border-right: solid 1px #FFFFFF;
}

#menu b {
	text-decoration: underline;
}

/* banner */

#banner {
	width: 800px;
	height: 165px;
	margin: 0 auto;
	background:  url(images/solar-heating-canada-banner.jpg);
	padding-top: 0px;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #E3E3E6;
	border-right: 1px solid #E3E3E6;
}

#banner h1 {
	margin: 0;
	padding: 60px 0 0 220px;
	text-align: left;
	letter-spacing: -1px;
	font-size: 189%;
	color: #000000;
}

#banner h2 {
	margin: 0;
	position:relative;
	padding: 0 0 0 220px;
	text-align: left;
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}

#banner a {
	text-decoration: none;
	color: #000000;
}

/* Page */

#page {
	width: 800px;
	margin: 0 auto;
	background: url(images/border.gif) repeat-x;	
	border-top: 1px solid #FFFFFF;
	background-color:#FFFFFF;
	border-right: 1px solid #E3E3E6;
	border-left: 1px solid #E3E3E6;
}
#pagebottom
{
	width: 800px;
	margin: 0 auto;
	background: url(images/border.gif) repeat-x;
	border-top: 1px solid #FFFFFF;
	background-color:#FFFFFF;
	border-left: 1px solid #E3E3E6;
	border-right: 1px solid #E3E3E6;
}

/* Content */
#table1 {
	table-layout:auto;
	border: 1px solid;
}
#table1 td{
	text-align:center;
}
	
#content {
	float: left;
	width: 555px;
	padding: 15px 5px 0px 5px;
}

#content ul{
	padding-top: 0px;
	padding-bottom: 0px;
}

#content il{
	padding-top: 0px;
	padding-bottom: 0px;
}

#box{
	padding-left: 14px;
	padding-bottom: 20px;
	padding-top: 0;
}

#box2{
	padding-left: 1px;
	padding-bottom: 20px;
	padding-top: 0;
}
img {
	padding-left: 5px;
	padding-right: 5px;
	border: 0;
}
#welcome {
	margin-bottom: 10px;
	padding-bottom: 1px;
	padding-left: 2px;
}
#welcome img{
	display:block;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}
#welcome a{
	color:#0066FF;
}
#gallery {
	margin-bottom: 20px;
	padding-bottom: 1px;
	background: url(images/img04.gif) repeat-x left bottom;
}
#gallery img{
	border: 1px #000000;
	margin-left: 15px;
	margin-right: auto;
}
#gallery h3{
	margin-top: 5px;

}
.floating-box {
	float: left;
	width: 210px;
}

.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {
	line-height: 144%;
	font-size: 92%;
}

.floating-box img {
	border: 2px solid #FF7F00;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 220px;
	padding-top: 10px;
	padding-left:5px;
	margin:0;
}
#sidebar h2 {
	}

#sidebar blockquote {
	margin-left: 0;
	padding-left: 1em;
	background: url(images/img09.gif) no-repeat right bottom;
	border-left: solid 5px #4DBFE1;
}

#sidebar blockquote p {
	text-align: left;
	line-height: normal;
	font-style: italic;
}

#sidebox{
	width:225px;
	margin-left: -5px;
	padding-left: 0px;
}
#sidebox a{
	color: #000000;
}
#links {
	width:220x;
	margin-left: -5px;
	padding-left: 0px;
}
#links h2 {
	margin: 0;
	padding: 5px 0 5px 10px;
	text-align: left;
	font-size: 131%;
	color:;
	font-weight:normal;
}
#links ul {
	background: url(images/img04.gif) repeat-x left bottom;
	text-align:left;	
}

#links li {
	font-size:13px;
	background: url(images/img04.gif) repeat-x left top;
	padding-left:0;
}

#links a {
	padding-left: 0.6em;
	background: url(images/img08.gif) no-repeat left center;
	color: #0066FF;
}

/* Footer */

#footer {
	height: 50px;
	width: 800px;		
	border-top: 1px solid #FFFFFF;
	margin: 0 auto;
		border-left: 1px solid #E3E3E6;
	border-right: 1px solid #E3E3E6;
}

#footer .wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: right;
}

#footer .links {
	float: left;
	width: 490px;
	height: 34px;
	padding: 16px 5px 0 5px;
	background-image:url(images/bg.gif);
	color:#FFFFFF;
	padding-left: 25px;
	font-size: 85%;
}
#footer a {
	text-decoration:none;
}	
#footer .legal {
	float: right;
	width: 260px;
	height: 34px;
	margin: 0 auto;
	padding: 16px 20px 0 0;
	text-align: right;
	font-size: 85%;
	color: #ffffff;
		background-image:url(images/bg.gif);
}
/*Start Drop Down menu*/

#menu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#menu ul li a[rel]:after{ /*HTML to indicate drop down link*/
	content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
	position:absolute;
	top: 0;
	font-weight: bold;
	line-height:18px;
	z-index:100;
	background-color:#CCCCCC;
		background-image:url(images/bg.gif);
	width: 250px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	visibility: hidden;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
	display: block;
	float: left;
	height: 18px;
	padding: 0px 10px 0px 20px;
	margin: 0;
	font-size: 92%;
	font-weight: bold;
	width: 100%;
	background-color:#CCCCCC;
		background-image:url(images/bg.gif);
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.dropmenudiv a:hover{
	background: #65cced;
	text-decoration: none;
	color: #000000;
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
	border-right: 1px solid 1px #FFFFFF;
}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}