/* Reset CSS */

	@import url(http://fonts.googleapis.com/css?family=Alegreya:400italic);
	@import url(http://fonts.googleapis.com/css?family=Quattrocento:400,700);
	/* @import url(http://fonts.googleapis.com/css?family=Merriweather+Sans); */
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 {
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	margin: 0;
	padding: 0;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: none; }

/* remember to define 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;
}


/* WordPress Generated Classes */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.wp-caption {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
	margin: 10px;
	padding-top: 4px;
	text-align: center;
}
.wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}


/* Ecotheme CSS */
* {
	margin: 0;
	padding: 0;
}

/*html, body { margin: 0 2.56%; }*/

html { 
	background-image: url("/images/bkgd2.jpg");
	background-position: center center;
	background-attachment: fixed;
	background-repeat:  no-repeat;
}

body {
	
	/*margin-left: auto;
	margin-right: auto; */
	/*width: 100%;*/
} 

/* ----------------------------- 
		my Styles / All media
	-----------------------------  */

header {
}
 
#header-wrapper{
		width: 90%;
		height: 8em;
		margin: 0 auto;
}

#logo-container { 
	background: url("/images/ecothermTech.png") no-repeat scroll 0 0 transparent;
	height: 6.5em;
	margin-top: 1em;
	margin-bottom: 1.50em;
	margin-left: 2em;
	width: 25%;
	float: left;
}

#header-right {
	float: left;
	background: url("/images/science_image_header.png") no-repeat scroll 0 0 transparent;
	margin-left: 1em;
	margin-top: 0.25em;
	width: 45%;
}

footer {
		width: 80%;
		margin: 0 auto;
}

footer p {
		text-align: center;
		font-family: 'Alegreya', serif;
		font-size: 1.25em;
		font-weight: 400;
		color: #F00;
		margin-bottom: 3em;
}

/*header h1 { 
		font-family: 'Fredericka the Great', cursive;
		font-size: 2em;
		font-weight: 400;
		text-align: left;
		color: #F00;
		margin-left: 5em;
}*/
nav a {
	border-top: 0.1em solid #36C ;
	display: block; /* big stacked buttons */
	font-family: 'Quattrocento', serif;
	font-weight: 700;
	font-size: 1.5em;
	font-weight:lighter;
	text-decoration: none;
}

#button {
    width: 45%;
	margin-left: auto;
    margin-right: auto;
}

nav li {
	list-style-type: none;
	text-decoration: none;
	text-align: center;
	/*border: 1px solid  #FFF;*/
	margin-right: 0em;
	margin-left: 0em;
}

ul {
	margin: 0em;
}
 
/* nav {
		width: 95%;
		text-align: center;
		display: block;
		/*float: right; 
		padding-top: 0.75em;
		margin-bottom: 1.5em;
		/* background-image: url("/images/line.png");
		background-position: center;
		background-repeat: repeat-x; */
		
/*		margin: 0 auto;
		margin-top: 0.75em;
		margin-bottom: 1.5em;
		clear: both; 
}
	
nav  ul li a { 
		/*display: block;*/
/*		display: inline;
		/*float: left; */
/*		margin: 0.5em;
		font-family: 'Quattrocento', serif;
		font-weight: 700;
		text-decoration: none;
		font-size: 1.75em;
		font-weight:lighter;
		color:  #36C;
} */
		
nav a:link { color: #36C; }
nav a:visited { color: #36C; }
nav a:hover { color: #F00; }
nav a:active { color: #36C; }
	
	
article {
		padding-left: 2em;
		margin-bottom: 2em;
		clear: both;
		width: 80%;
}

article #home_page p img {
	width: 90%;
	margin: 0 auto;
	padding-left: 0em;
}

article p{
	font-family: 'Alegreya', serif;
	font-size: 1.25em;
	font-weight: 400;
	line-height: 1.15em;
}

article h3{
	font-family: 'Quattrocento', serif;
	font-size: 1.75em;	
	font-weight:lighter;
	color: #36C;
}

article h4{
	font-family: 'Alegreya', serif;
	font-size: 1.25em;
	font-weight: 400;
}

article table {
	margin: 0 auto;
}

article td{
	font-family: 'Alegreya', serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 1em;
	margin: 1.15em;
}

article td p {
	font-family: 'Alegreya', serif;
	font-size: 1.15em;
	font-weight: 400;
	
}

article h5{
	font-family: 'Alegreya', serif;
	font-size: 1.25em;
	font-weight: 400;
}

/*#header-wrapper {
	/*background: url("ecothermtechnologies/images/logo1.gif") no-repeat scroll 0 0 transparent;
	height: 4em;
	margin-top: 1em;
	margin-bottom: 1.25em;
	margin-left: 5em;
	/*margin-right: auto;*/
	/*width: 100%;
}*/ 


/* #header-right a {
	text-decoration: none;
	color: #00F;
}

#header-right #language-select { padding-top: 5px; }

#header-right #language-select, .main-title { color: #ffd040; }

#header-right ul.menu li, .main-menu ul li { display: inline; }
*/

#title {
	width: 60%;
	margin: 0 auto;
	padding-top: 1em;
}

#title h1 {
	font-family: 'Fredericka the Great', cursive;
		font-size: 2em;
		font-weight: 400;
		text-align: center;
		color: #F00;
		clear: both;
}

/*
	* Clearfix: contain floats
	*
	* For modern browsers
	* 1. The space content is one way to avoid an Opera bug when the
	* `contenteditable` attribute is included anywhere else in the document.
	* Otherwise it causes space to appear at the top and bottom of elements
	* that receive the `clearfix` class.
	* 2. The use of `table` rather than `block` is only necessary if using
	* `:before` to contain the top-margins of child elements.
	*/
	
	.clearfix:before,
	.clearfix:after {
		content: " "; /* 1 */
		display: table; /* 2 */
	}
	
	.clearfix:after {
		clear: both;
	}
	
	/*
	* For IE 6/7 only
	* Include this rule to trigger hasLayout and contain floats.
	*/
	
	.clearfix {
		*zoom: 1;
	}
	
/*----------------------------- */
/*
	--------------------------
	Desktop Style / Media Query
	----------------------------
	*/
	 
	 @media only screen and (min-width: 64.6875em) {
	
	article #home_page {
		width: 100%;
		margin: 0 auto;
		padding-left: 1.5em;
	}
	
	article {
		padding-left: 7em;
	}
	
	article #home_page p img {
		width: 100%;
		margin: 0 auto;
	}
	
	#header-wrapper{
		width: 90%;
		height: 8em;
		margin: 0 auto;
	}
	header {
		width: 90%;
	}
	 
	#logo-container { 
		padding-bottom: 1.75em;
		margin-left: 5em;
		width: 25%;
	}
	
	#header-right {
		float: right;
		margin-right: 1em;
		margin-top: 0.5em;
		width: 55%;
	}

	
	nav {
		display: inline;
		width: 95%;
		/*padding-right: 5%; */
		border-top:  thick;
	}	

	nav a {
		border-top: none;
		display: inline;  /*big stacked buttons  */
	}

	nav ul li {
		margin: 0 auto;
		display: inline;
		padding: 0.5em 0.5em;
		overflow: auto;
	}
	
	nav ul {
		width: 95%;
		margin: 0 auto;
	}
	/*	------------------------
		width: 65%;
		text-align: center;
		display: block;
		margin: 0 auto;
		/*float: right;
		padding-top: 0.75em;
		padding-bottom: 0.75em;
		background-image: url("/images/line.png");
		background-position: center;
		background-repeat: repeat-x;
		/*margin: 0 auto;
		padding-top: 1.5em;
		margin-bottom: 1.5em;
		clear: both; 
}
	
nav  ul li a { 
		/*display: block;*/
		/* float: left;
		margin: 0.5em;
		/*font-family: 'Quattrocento', serif;
		font-weight: 700;
		text-decoration: none;
		font-size: 1.75em;
		font-weight:lighter;
		color:  #36C;
}
	


/*#main-wrapper {
	/* background: #aaaabb;
    background: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2c2cb', endColorstr='#ededef');
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1, rgb(194,194,203)), color-stop(0.25, rgb(237,237,239))) repeat fixed 0 0 transparent;
    background: -moz-linear-gradient(center bottom , #c2c2cb, rgba(237, 237, 239, 0.5)) repeat fixed 0 0 transparent; */
	/* background: #ededef; /* Old browsers */
	/* background: -moz-linear-gradient(top, rgba(237, 237, 239, 0.5) 0%, #c2c2cb 100%); /* FF3.6+ */
	/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237, 237, 239, 0.5)), color-stop(100%,#c2c2cb)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top, rgba(237, 237, 239, 0.5) 0%,#c2c2cb 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top, rgba(237, 237, 239, 0.5) 0%,#c2c2cb 100%); /* Opera11.10+ */
	/*background: -ms-linear-gradient(top, rgba(237, 237, 239, 0.5) 0%,#c2c2cb 100%); /* IE10+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededef', endColorstr='#c2c2cb',GradientType=0 ); /* IE6-9 */
	/*background: linear-gradient(top, rgba(237, 237, 239, 0.5) 0%,#c2c2cb 100%); /* W3C */
	/*-moz-border-radius-topleft: 7.5px;
	-moz-border-radius-topright: 7.5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 7.5px 7.5px 0px 0px;
	border-radius: 7.5px 7.5px 0px 0px; 
	box-shadow: 0 3px 6px #686871;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#686871, offX=3, offY=6, positive=true);
	-moz-box-shadow: 0 3px 6px #686871;
	-webkit-box-shadow: 0 3px 6px #686871;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	width: 88.5%;
} */

#main-front {
	background-color: #fff;
	box-shadow: 0 3px 6px #98989e;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#98989e, offX=3, offY=6, positive=true);
	-moz-box-shadow: 0 3px 6px #98989e;
	-webkit-box-shadow: 0 3px 6px #98989e;
	font-weight: normal;
	height: 615px;
	margin-left: auto;
	margin-right: auto;
	overflow-y:auto;
	padding-left: 16%;
	padding-right: 16%;
	padding-top: 10px;
	word-wrap:break-word;
}


#main-front.inquiries {
	padding-left: 20px;
	padding-right: 20px;
}

#main-front.contact_us {
	background-color: #dceafb;
	padding-left: 100px;
	padding-right: 100px;
}

#main-front.news {
	padding-left: 0;
	padding-right: 0;
}

#main-front.news .type-post, #main-front.news h6, #main-front.news hr {
	margin-left:auto;
	margin-right:auto;
	width:650px;
}

#main-front.news hr, #contentmenu hr, #contentarea hr {
	background:none repeat scroll 0 0 #c4cccc;
	border:0 none;
	color:#c4cccc;
	height:1px;
	margin-bottom: 12px;
}

#contentmenu hr {
	margin-bottom: 4px;
}

#main-front.news .type-post {
	padding-left:15px;
	width:635px;
}

#main-front.news #lefteventcontent, #main-front.news #righteventcontent {
	width: 50%;
	float: left;
}

#main-front.news #righteventcontent {
	margin-bottom: 27px;
	text-align: center;
}

#main-front #contentarea {
	float:left;
	width:480px;
}

span.newstitle {
	color: #0000FF;
}

#main-front.news .type-post a {
	color: #0b333c;
}

#main-front.homepage {
	color: #0000a0;
	font-family: Times, "Times New Roman", Georgia, serif;
	font-size:19px;
	font-style:italic;
	font-weight:bold;
	text-align: center;
}

#main-front.homepage hr {
	background:none repeat scroll 0 0 red;
	border:0 none;
	color:red;
	height:1px;
	margin:10px auto;
	width:500px;
}

#main-front p, .addresses { line-height: 1.5; }

#main-front.homepage, #main-front.homepage p { line-height: 1.3; }

#main-front h6 {
	color: #aa0000;
	font-size: 14px;
	margin-bottom: 10px;
}

#main-front p { margin-bottom: 8px }

#main-front a { color: #0000ff; }

table#inquiries {
	border-collapse: separate;
	border-spacing: 0 5px;
	width: 100%;
}

table#inquiries input {
	height: 23px;
}

table#inquiries input:focus, table#inquiries textarea:focus {
	border: 1px solid #6cc4fc;
}

table#inquiries input[type=radio] {
	vertical-align: middle;
}

table#inquiries input[type=text], table#inquiries textarea {
	width: 100%;
}

table#inquiries input[type=image] {
	height: 25px;
}

table#inquiries input[type=image]:hover, table#inquiries input[type=image]:focus {
	border: none;
}

table#inquiries textarea {
	height: 46px;
}

td.inquire-left {
	padding-right: 15px;
	text-align: right;
	vertical-align: middle;
	width: 310px;
}

ul#menu-nav, .main-menu ul {
	color: #aab3b3;
	font-weight: normal;
}

ul.menu li a, #main-front .main-menu ul li a { color: #000099; }

ul.menu li a, .main-menu ul li a, #main-front a {
	font-weight: bold;
	display: inline-block;
	margin-bottom: -8px;
	padding: 8px 5px;
	text-decoration: none
}

ul.menu li a:hover, #main-front .main-menu ul li a:hover, #main-front a:hover {
	background-color: #b2e1ff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	color: #0b333c;
}

#main-wrapper .saginomiya .main-menu ul li.page-item-15 a, ul.menu li.current_page_item a, ul.menu li.current-page-ancestor a, #main-front .main-menu ul li.current_page_item a { color: #aab3b3; }


#main-front.saginomiya {padding-left: 0; padding-right: 0;}

.saginomiya .main-menu {
	font-weight:bold;
	margin-left:13px;
}

ul.product_details {
	list-style:disc inside none;
	margin-left:20px;
	margin-top:30px;
}

ul.product_details li {
	margin-bottom: 5px;
}

#contentmenu {
	float: left;
	margin-left: 30px;
	padding-right: 70px;
	width: 235px;
}

#contentmenu a {
	color: #0B333C;
	display: block;
	font-size: 10px;
	height: 32px;
}

#contentmenu a img {
	height:42px;
	margin-top:-5px;
	vertical-align:middle;
}

#contentmenu a.excludelink {
	height: 8px;
}

#contentmenu a.excludelink img {
	height: 15px;
	margin-top:-3px;
	vertical-align: middle;
}

div.image-container img { margin-bottom: 40px; }

img.logo-spacing {padding-right: 40px;}

.addresses {
	display: inline-block;
	padding-left:5px;
	padding-right:5px;
}

.main-title { margin-bottom: 10px; }

.main-menu {
	font-weight: bold;
	margin-left: -22%;
}

.productimgalign {margin-top: -15px; vertical-align: top;}

.producttable img.productimage {
	vertical-align:top;
}

div.saginomiya div#contentarea table.producttable tr td a.producttile {
	font-weight: lighter;
	text-transform:uppercase;
}

.producttable span.subtext {
	color:#0B333C;
	font-size:10px;
	font-weight: bold;
	padding-left:5px;
	display: block;
}

.redasterisk {
	color: #ef3e35;
}

img.saginomiya-image {
	max-width:150px;
}

/*ADDS*/
.category-past-events, .category-upcoming-events{
	height:200px;
	overflow:hidden;
}


.mainPage{
	color:#F00;
    position:relative;
    margin:auto;
	background: url("http://www.ecotherm.ca/newsite/wp-content/uploads/Homepage2.png") no-repeat scroll 0 0 transparent;
    width:795px;
    height:615px;
    margin-top:150px;
	
}
#HVARC_Section{
position: absolute;
top: 285px;
left: 190px;
font-size: 35px;
}
#HVARC_Section a, #Sc_Section a{
	color:inherit;
}
#Sc_Section{
position: absolute;
top: 265px;
left: 430px;
text-align: center;
font-size: 25px;}

.page-id-643 #main-front{
    background: -moz-linear-gradient(left, #a5e1ec 0%, #f2f9ff 30%, #f2f9ff 70%, #a5e1ec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a5e1ec), color-stop(30%,#f2f9ff), color-stop(70%,#f2f9ff), color-stop(100%,#a5e1ec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #a5e1ec 0%,#f2f9ff 30%,#f2f9ff 70%,#a5e1ec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #a5e1ec 0%,#f2f9ff 30%,#f2f9ff 70%,#a5e1ec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #a5e1ec 0%,#f2f9ff 30%,#f2f9ff 70%,#a5e1ec 100%); /* IE10+ */
    background: linear-gradient(to right, #a5e1ec 0%,#f2f9ff 30%,#f2f9ff 70%,#a5e1ec 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5e1ec', endColorstr='#a5e1ec',GradientType=1 ); /* IE6-9 */
}