@charset "utf-8";
/* CSS Document */

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Eric Meyers - Reset CSS                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

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;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	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;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Main Site Structure                                            */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


html{
/*height: 100%;*/
}

body{
background: url(../images/grass-repeat.jpg) bottom right repeat-x;
background-color: #94C0E6;
padding: 0px;
margin: 0px;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
width:100%;
min-height: 100%;
height:auto;
overflow: auto;

color: #3D3D3D;
font-size: 12px;
}

a, a:active {
	color: #006CB8;
}

a:hover {
	color: #6a9b14;
}

#wrapper{
width: 960px;
background: 50% 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
min-height:750px;
height:auto !important;
height:750px;
padding-bottom: 175px;
}

#sky-wrapper{
background: url(../images/top-sky-split.jpg) right top repeat-x;
}

#cloud-wrapper{
overflow: visible;
margin-left: auto;
margin-right: auto;
background: url(../images/two-clouds.jpg) 50% 365px no-repeat;
}

#tree-wrapper{
background: url(../images/tree.jpg) right bottom no-repeat;
/*margin-bottom: 70px;*/
}
#nav-wrapper{
background: transparent url(../images/nav/nav-bg.jpg) top left repeat-x;
height: 37px;
width: 100%;
}

#nav{
width: 960px;
margin-left: auto;
margin-right: auto;
}

.nav-item{
background: transparent url(../images/nav/tab-left.jpg) left top no-repeat;
height:37px;
padding-left: 16px;
}

#nav li {
display: block;
float: left;
}

#nav a{
height:27px;
display:block;
padding: 10px 26px 0px 16px;
font-weight: normal;
font-family: "Times New Roman", Times, serif;
font-size: 18px;
color: #FFFFFF;
letter-spacing: 1px;
}

#nav .nav-item a:hover {
	color: #fff;
}

#nav a:hover {
	color: #6A9B14;
}

#nav a:active {
	color: #006CB8;
}


.nav-item a {
background: transparent url(../images/nav/tab-right.jpg) right top no-repeat;
/*height is 37px*/
}

#logo{
text-align: center;
padding-top: 15px;
}

#content-wrapper{
padding-bottom: 100px;
}

#content-header{
background: transparent url(../images/content-bg-top.png) left top no-repeat;
width: 960px;
height: 35px;
}

#content-container{
background: transparent url(../images/content-bg-middle.png) left top repeat-y;
padding: 30px 0px 10px 65px;
}

#content-footer{
background: transparent url(../images/content-bg-footer.png) left top no-repeat;
width: 960px;
height: 35px;
}

#left-content{
float: left;
width: 530px;
padding-right: 30px;
}

#left-content p{

}

#right-content{
float: left;
width: 285px;
background: url(../images/right-column-seperator.jpg) left top no-repeat;
min-height:452px;
height:auto !important;
height:452px;
padding: 0px;
}

#right-content-container{
	margin-left: 20px
}

.right-callout, .right-callout-home{
font-family:Arial, Helvetica, sans-serif;
margin: 5px 0;
padding: 10px 10px 20px 10px;
}

.right-callout-sub{
font-family:Arial, Helvetica, sans-serif;
margin: 5px 0;
padding: 10px 0px 10px 0px;
}


.main-callout {
	background-color: #f5f5f5;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.right-callout-home a, .page-nav a{
	margin-bottom: 10px;
}

.right-callout-home {
	padding-bottom: 0;
}

.right-callout p, .right-callout-home p{
font-size: 12px;
line-height: 20px;
}

.right-callout .features-list {
	line-height: 16px;
}

.features-list li {
	list-style-type: disc;
	margin: 5px 0 0 15px;
	line-height: 21px;
}

ol li {
	list-style-type: decimal;
	margin: 0px 0 0 20px;
	padding-bottom: 8px;
	line-height: 21px;
	
}

ul li {
	list-style-type: disc;
	margin: 0px 0 0 20px;
	padding-bottom: 8px;
	line-height: 21px;
	
}

.right-image{
	float: right;
	margin: 18px 0px 10px 20px;
	border: 4px solid #DEDEDE;
}

.left-image{
	float: left;
	margin: 15px 20px 10px 0px;
	border: 4px solid #DEDEDE;
}

.large-image{
	border: 4px solid #DEDEDE;
	margin: 10px 0px 10px 0px;
	padding: 0px!important;
}

.entry{
	padding: 0px 0px 0px 0px;
}

.right-link{
display: block;
font-family: "Times New Roman", Times, serif;
font-size: 20px;
border-bottom: #CFE2ED 1px solid;
text-transform: uppercase;
}

.right-link span{
display: block;
font-size: 12px;
padding: 3px 0px 10px 0px;
text-transform:none!important;
}


.right-callout p.mission {
	font-style: italic;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
	
}

.mission p{
	font-style: italic;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
}

p.button {
	margin-left: -10px;
}

.button a{
	font-weight: bold;
	display: inline-block;
	padding-left: 10px;
	background: url(/assets/images/pill_button.gif) left top no-repeat;
	clear: both;
	float:left;
	margin:0 0 10px 0;
	padding-left:15px;
}

.button span {
	height: 24px;
	padding: 3px 15px 0 0;
	background: url(/assets/images/pill_button_right.gif) right top no-repeat;
	display: inline-block;
	cursor: pointer;
}





/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Default Styles                                                 */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.green{
color: #6A9B14!important;
}

.blue{
color: #006CB8!important;
}

a{
text-decoration: none;
}

p, ol, ul{
color: #3D3D3D;
line-height: 22px;
font-size: 13px;
font-family:Arial, Helvetica, sans-serif;
padding: 10px 0px 10px 0px;
}

h1{
font-size: 24px;
color: #6A9B14!important;
font-weight: 400;
padding-bottom: 15px;
margin-bottom: 5px;
background: transparent url(../images/heading-underline.gif) left bottom no-repeat;
font-family: "Times New Roman", Times, serif;
text-transform: uppercase;
}


h2{
color: #6A9B14;
font-size: 27px;
font-weight: 400;
padding-bottom: 15px;
margin-bottom: 5px;
background: transparent url(../images/heading-underlinegeneric.gif) left bottom no-repeat;
font-family: "Times New Roman", Times, serif;
text-transform: uppercase;
}

h3, h4, h5 {
	color: #6A9B14;
}

#products-page h2, #products-page h4, #products-page h5 {
	color: #b6262f;
}

h2 span {
	display: block;
	font-size: 13px;
	color: #666;
	padding-top: 5px;
}


h3 {
line-height: 21px;
letter-spacing: .01em;
font-size: 16px;
color: #999;
font-weight: normal;
/*margin: 10px 0 5px;*/
margin: 10px 0px 15px 0px;
font-family: "Times New Roman", Times, serif;
}

/*h3 {
color:#3D3D3D;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
line-height:22px;
padding: 0px 0px 5px 0px;
font-weight: normal;
margin: 10px 0 5px;
}*/

h4{
line-height: 24px;
font-size: 22px;
font-weight: 400;
padding-top: 15px;
font-family: "Times New Roman", Times, serif;
clear: both;
}

h5 {
line-height: 19px;
font-size: 15px;
font-weight: 400;
margin: 10px 0 5px;
font-family: "Times New Roman", Times, serif;
text-transform: uppercase;

}


h6 {
	font-size: 13px;
	color: #666;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	line-height: 28px;
	font-weight: normal;
	letter-spacing: .02em;

}

.right-callout h5 {
	border-bottom: #CFE2ED 1px solid;
	padding: 5px 0 10px;
	margin: 0 0 10px;
}

.clear{
clear:both;
min-height:1px;
height:auto !important;
height:1px;
line-height: 1px;
}


.left {
	display: block;
	float: left;
}

.right {
	display: block;
	float: right;
}

#left-content p.image {
	width: 270px;
}

.green {
	color: #6a9b14;
}

#copyright p{
	color: #4a4a4a;
	font-size: 11px;
	padding-left: 20px;
	font-weight: bold;
}

#copyright p a {
	color: #4a4a4a;
}

#copyright p a:hover {
	color: #6A9B14;
}


.replace {
	display:block;
	height:0 !important;
	overflow:hidden;
}


.lighting-image {
}

.lighting-image, .sensor-image, .drives-image, .hvac-image {
	width: 120px;
	height: 155px;
	display: block;
	float: left;
}

.lighting-image {
	background: transparent url(../images/ecco_homeButtons.jpg) 0px -205px;
}

.sensor-image {
	background: transparent url(../images/ecco_homeButtons.jpg) -120px -205px;
}

.drives-image {
	background: transparent url(../images/ecco_homeButtons.jpg) -240px -205px;
}

.hvac-image {
	background: transparent url(../images/ecco_homeButtons.jpg) -360px -205px;
}

a.lighting-image:hover {
	background: transparent url(../images/ecco_homeButtons.jpg) 0px -29px;
}

a.sensor-image:hover {
	background: transparent url(../images/ecco_homeButtons.jpg) -120px -29px;
}

a.drives-image:hover {
	background: transparent url(../images/ecco_homeButtons.jpg) -240px -29px;
}

a.hvac-image:hover {
	background: transparent url(../images/ecco_homeButtons.jpg) -360px -29px;
}

#left-content p img {
	border: 4px solid #dedede;
}

.home-content p{
	width: 500px;
}

.entry-listing{
	/*background: transparent url(../images/heading-underlinegeneric.gif) left bottom no-repeat;*/
	border-bottom: #D5D5D5 1px solid;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.entry-listing p{
	padding-top: 5px;	
}

.entry-listing-right{
	float:left;
	width: 320px;
	padding-left: 15px;
	padding-top: 5px;
		
}

.entry-listing-title{
	font-size: 19px;
	line-height: 21px;
}

.benefits-nav a{
	padding-bottom: 5px;
}

.benefits-nav a.current{
	padding-bottom: 5px;
	color: #6a9b14;
}

/*
-------- pagination -------*/

.pagination{
	text-align: right;	
	padding-right: 20px;
}

.pagination a{
	font-weight: bold;
	font-size: 14px;
	padding: 0px 5px 0px 5px;
}

.current-link{
	color: #6a9b14;
	border: #6a9b14 1px solid;
	margin-left: 3px;
	margin-right: 3px;
	padding: 0px 5px 0px 5px;
}

/*
red: b6262f
blue: 006CB8
green: 6A9B14
orange: d78137
turquoise: 2f93a9

*/

/*
	margin: 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #c3c3c3;
*/