/* @override http://ecodieselcanada.com/style.css */

HTML {height: 100%; width: 100%;}
BODY {width: 100%; margin: 0; text-align: center; background: bottom right #FFF url('gears.jpg') no-repeat;   background-attachment: fixed;  font: 12px "Times New Roman", Times, serif; }
A {color: #003; text-decoration: none; font-weight: 500; font: 12px Arial; }

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

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

DIV#page {width: 770px; height: 100%; padding-bottom: 0px; margin: 0px auto 0 auto;  display: block;}

DIV#masthead {
	width: 100%;
	height: 97px;
	min-height: 97px;
	clear: both;
	background: url('masthead.jpg');
	background-position: top center;
	background-repeat:  repeat-x; 
	color: #000;
	margin-left: auto;
	margin-right: auto; 
	text-align: right;
	}
	
DIV#footer {
	width: 670px;
	height: 120px;
	min-height: 120px;
	margin: 0px auto auto auto;
	text-align: left;
	padding-top: 40px;
	padding-left:  100px;
	clear: both;
	background: url('footer.gif') top left no-repeat; 
	color: #000;
	}	

DIV#ContentColumn {
	width: 498px;
	min-height: 80px;
	color: #000;
  margin-left: 00px;
  margin-right: 20px;
  margin-bottom: 0px;
  float: left;
  text-align: justify;

	}
		
DIV.content {
	width: 442px;
	color: #000;
  padding-bottom: 10px;
		}

DIV#title { color: #000;  display: block; padding: 20px 0 0 0px; float: left; clear: left;
	font: 40px Helvetica;
}
 
DIV#limitsize  {width: 770px; text-align: left; margin: auto;}
SPAN.pagetitle { width: 100%; text-align: left; font-family: Arial, Helvetica; font-size: 18px; color: #050; font-weight: 400; display: block; padding: 10px 0px 10px 0px; background: url('xtitle.gif') top center no-repeat;}

DIV.side {margin: 15px 0 0 0; width: 202px;}
DIV.side IMG {float: right; width: 200px; border: 1px dashed #e2eabf; margin: 0;}	

DIV.caption {width: 740px;	font-size: 12px;	color: #000;  margin: 0 0 0 30px;  padding-bottom: 10px;}		
DIV.caption SPAN {font-size: 14px;}	
DIV.smallcontainer {margin-right: 0; margin-left: auto;}
DIV#ContainerColumn {display: block;	 float: right; width 300px: margin-right: 50px; padding-top: 25px;}
		
IMG.pics {margin-right: auto; margin-left: auto; width: 385px;}

DIV.gallery {margin: 10px 10 0 0px;	width: 150px;	float: left;}
DIV.gallery IMG {width: 130px;  border: 1px solid transparent;	}	
DIV.gallery IMG:hover { border: 1px #ACA solid;}	
DIV.gallery SPAN {float: left; 	text-align: center; 	margin:  0px 0px 0px 10px;	}
	
DIV.sologallery {	width: 770px;	font: 12px;	margin: 0;	text-align: center;	}
DIV.sologallery img {width: 750px;}	
	
B	{font-weight: 600;}

DIV.Menu {font-size: 10px; background-color: #DDD;}
DIV.Menu B {color :#004;}

DIV#masthead img{
	height: 100px;
  margin-top: 25px;
	float: right;
	}


DIV#nav {position: absolute; top: 240px;}

DIV#masthead ul { /* all lists */
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
	position: relative;
    text-align:left;
}

DIV#masthead li { /* all list items */
	float: left;
	position: relative;
	margin: 0px 2px 0 0;
  padding: 2px 2px 3px 0px;
  text-align: center;
}

DIV#masthead li.selectedtab { /* all list items */
	float: left;
	position: relative;
	margin: 0px 2px 0 0;
  padding: 57px 0px 3px 5px;
  position: relative; top: -55px;
  background: url('light.jpg') no-repeat;
}


DIV#masthead li a{ /* all list items */
color: #fde11b; font-weight: 600; height: 15px; font-size: 12px; display: block; width: 100px; border: 1px solid #135800; padding: 0 0 2px 0; margin: 1px 0 0 0;
}

DIV#masthead li a:hover{
  background: #77bc64;
}

/*Nav Level 2*/
div#masthead  li ul {display: none;	position: absolute;	top: 26px;	left: 0; margin: 0 0 0 0; padding: 0 0 0 0; }
div#masthead  li>ul {top: 22px; left: auto; margin: 5px 0 0 0; padding: 0 0 0 0; }
div#masthead  li.selectedtab ul {display: none; position: absolute; top: 78px;}
/* div#nav li.selectedtab>ul {display: none;	position: absolute;	top: 82px;	left: 0;} */

DIV#masthead  li.over ul {display: block;	padding: 0px;}
DIV#masthead li:hover ul  {display: block; padding: 0px;}
div#masthead  li li {clear: both; width: 100px; border-bottom: 0px solid #FFF; margin: -2px 0 0 0; padding: 0 0 0 5px; }
div#masthead li li:hover {font-weight: 600;}
div#masthead  li li a {color: #000; font-weight: 600; background: #e1c522; height: 15px; font-size: 10px; display: block; width: 100px; border: 1px solid #135800; padding: 0 0 2px 0;}
div#masthead  li.selectedtab li a {color: #000; font-weight: 600; background: #e1c522; height: 15px; display: block; width: 100px; border: 1px solid #135800; padding: 0 0 2px 0;}

div#masthead  li li a:hover {  background: #77bc64; }
div#masthead  li.selectedtab li a:hover { background: #77bc64; }