@charset "utf-8";
/*
    eBrochure For Everyone - CSS Document
	This Syle Sheet was prepared by Webs For Everyone 2009
	All content and images are copyright WFE 2009
*/
body{
	background-color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	background-image: url(../assets/siteWide/NEWbackground.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color: #000000;
}

#container{
	width: 965px;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#headWrapper{
	width: 965px;	
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
}

#topRowHeader{
	width: 965px;	
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 135px;
}

#headerLeft{
	width: 575px;
	text-align: left;
	margin: 0px;
	float: left;
	height: 40px;
	background-image: url(../assets/siteWide/EFE_head.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006600;
	font-style: italic;
	font-weight: bold;
	padding-top: 95px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}

#headerRight{
	width: 365px;	
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 135px;
}

#more{
	width: 365px;
	text-align: left;
	margin: 0px;
	float: left;
	height: 71px;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

#headerPhone{
	width: 365px;
	text-align: right;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 33px;
	font-size: 20px;
	color: #204C91;
	font-weight: bold;
}

#bottomRowHeader{
	width: 962px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	height: 30px;
	float: left;
}

#breadcrumbs{
	width: 580px;
	text-align: left;
	margin: 0px;
	height: 25px;
	display: inline;
	float: left;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

#headerSales{
	width: 360px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	height: 30px;
	display: inline;
	float: left;
}

#topImage{
	width: 965px;	
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
}

#mainNav, #mainny{
	width: 960px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
	background-image: url(../assets/siteWide/topNav.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 62px;
	
}

#navBegin{
	width: 15px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 52px;
}

.navItem{
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 60px;
	color:#FFFFFF;
	font-size: 16px;
}

#mainImageWrapper{
	width: 960px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 290px;
	font-weight: bold;
	background-image: url(../assets/siteWide/benefitsMaster.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#mainImage{
	width: 629px;	
	text-align: left;
	padding: 0px;
	padding-top: 30px;
	padding-left:21px;
	margin: 0px;
	float: left;
	height: 200px;
}
#imageLabel{
	width: 395px;
	text-align: left;
	padding: 0px;
	padding-top: 8px;
	padding-left:15px;
	margin: 0px;
	float: left;
	height: 40px;
	background-color:#EDEDED;
	color: #CC0000;
	font-weight: normal;
	font-size: 15px;
	font-family:  Verdana, Geneva, sans-serif;
}



/*
#mainImage{
	width: 655px;	
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 290px;
}
*/
#benfitsWrapper{
	width: 305px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 290px;
}

#benfitsTop{
	width: 305px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 80px;
}

.benefitOption{
	width: 305px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 35px;
	overflow: hidden;
	font-size: 18px;
	color: #ffffff;
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-weight: normal;
}

#benefitsEnd{
	width: 305px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 40px;
}

#mainContentWrapper{
	width: 965px;
	text-align: left;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#contentImageTop{
	width: 965px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
	background-image: url(../assets/siteWide/topContent.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 27px;
}

#contentImageMid{
	width: 965px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
	background-image: url(../assets/siteWide/midContent.jpg);
	background-repeat: repeat-y;
	background-position: left;
	overflow: hidden;
}

#mainContentArea, #contact, #features, #benefits, #integrate, #sell, #partner, #ebrochure, #greenOption, #ecoFriendly, #update, #createOwn, #maintenace, #exampleBro{
	width: 610px;
	text-align: left;
	padding: 0px;
	padding-left: 20px;
	margin: 0px;
	float: left;
}

.mainContentHeading{
	width: 590px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
}

.mainContentText{
	width: 610px;	
	text-align: left;
	padding: 0px;
	padding-top: 10px;
	margin: 0px;
	float: left;
}
.mainContentSpace{
	width: 610px;	
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 15px;
}

#sideContentArea{
	width: 325px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	margin-left: 5px;
	float: left;
	background-image: url(../assets/siteWide/sideBoxBack.jpg);
	background-repeat: repeat-y;
	background-position: left center;
	display: inline;
}

.sideArticle{
	width: 300px;
	text-align: left;
	padding: 0px;
	padding-left: 25px;
	margin: 0px;
	float: left;
	display: inline;
}

.sideArticleHeading{
	width: 260px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	margin-left: 5px;
	float: left;
	height: 60px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #1f4c91;/*/#1F4C91*/
	line-height: 28px;
	
}

.sideArticletitle{
	color:#00A600;
	font-size: 14px;
	padding: 0px;
	padding-left:5px;
	padding-top: 10px;
	width: 255px;
	float: left;
	text-align: left;
	font-style: normal;
	font-weight: bold;
}

.sideArticletext{
	color:#333333;
	font-size: 12px;
	width: 255px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-left:5px;
}

.sideArticletitleP{
	color:#00A600;
	font-size: 14px;
	padding: 0px;
	padding-left:5px;
	padding-top: 10px;
	width: 185px;
	float: left;
	text-align: left;
	font-style: normal;
	font-weight: bold;
}

.sideArticletextP{
	color:#333333;
	font-size: 12px;
	width: 185px;
	float: left;
	text-align: left;
	margin: 0px;
	padding-left:5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.sideArticletextPl{
	color:#333333;
	font-size: 16px;
	width: 185px;
	float: left;
	text-align: left;
	margin: 0px;
	padding-left:5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.sideArticleJoin{
	width: 305px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
	background-image: url(../assets/siteWide/sideBoxJoin.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 54px;
}

.sideArticleBottom{
	width: 305px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
	background-image: url(../assets/siteWide/sideBoxBackBot.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 26px;
}

#twitter{
	width: 300px;
	text-align: left;
	padding: 0px;
	padding-left: 25px;
	margin: 0px;
	float: left;
	display: inline;
}

#contentImagebottom{
	width: 960px; /*965*/
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
	background-image: url(../assets/siteWide/botContentB.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	clear: left;
	/*background-color:#30F;/*########################################################*/
}

#ie6div{
	padding: 0px;
	width: 100%;
	height: 5px;
	font-size: 5px;
	line-height: 5px;
}

#footerWrapperWide{
	background-color: #373737;
	background-image: url(../assets/siteWide/footerBackground.jpg);
	background-repeat: repeat-x;
	background-position: top;
	clear: left;
	text-align: center;
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 450px;
}


#footerWrapper{
	width: 1100px;
	text-align: center;
	padding: 0px;
	padding-top: 50px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#footerContent{
	width: 1100px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	float: left;
}



/*-------------------------------*/

#examples {
/*	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;*/
	overflow:hidden;
	position:fixed;
	right:0;
	top:180px;
	width:40px;
	z-index:99999;/*	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../assets/images/slider/bkEx3.jpg);
	background-repeat: repeat-y;
	background-position: 42px 0;*/
}
#examples .examplesContent {
	width:268px;
	overflow: hidden;
}
.examplesContent {
	background-image: url(../assets/images/slider/bkEx3.jpg);
	background-repeat: repeat-y;
	background-position: 42px 0;

}

#examplesButton a {
/*	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;*/
	background:transparent url(../assets/images/slider/btnExamples3.gif) no-repeat scroll 0 0;
	display:block;
	float:left;
	height:250px;
	text-decoration:none;
	width:42px;
}
#examplesButton a:hover {
	background-position:-42px 0;
}
#examplesButton a:active {
	background-position:-84px 0;
}
#examplesBottom {
/*	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;*/
	background:transparent url(../assets/images/slider/exampBott3.gif) no-repeat scroll 42px 0;
	clear:both;
	height:26px;
	width:268px;
}
.examplesMenu {
	display:block;
	float:left;
	margin-left:10px;
	margin-top:10px;
	width:206px;
	background-color: transparent;
	overflow: hidden;
}
ul.examplesMenu ,ul .examplesMenu li {
	margin:0;
	padding:0;
	list-style: none;
	text-align:left;
	background-color: transparent;
	overflow: hidden;
}
ul.examplesMenu {
	padding-top: 20px;
	padding-left: 10px;
}

.examplesMenu a {
	color:#222222;
	display:block;
	font-size:15px;
	font-weight:bold;
	margin-top:4px;
	padding:14px 2px 8px 40px;
	text-decoration:none;
	width:206px;
}
.examplesMenu a:hover {
/*	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;*/
	background:transparent url(../assets/images/slider/bkg-roll.gif) no-repeat scroll 100% -1px;
}
.examples1 {
	font-size: 20px;
}
.examples1 a {
	font-size: 20px;
	margin-left: -20px;
}
.examples1 a:hover {
	color: #cc0000;
}

li.examples2 a img{
	border:none;
}
.examples3 {
	font-size: 16px;
	line-height: 120%;
	margin-bottom: 10px;
	color: #cc0000;
}
.examples3 a {
	color: #cc0000;
}
.examples3 a:hover {
	color: #00C;
}
.botSpacer{
	width: 200px;
	height: 15px;
	float:left;
}