body{
	margin: 0;
	padding: 0;
	background: #003a53 url(echelon-images/2010-background.gif) top left repeat-x;
}

.callbackform{
display: block;
zoom: 1;
}

/* ////// START BANNERS /////// */

.banner{
margin-bottom: 1em;
}

#home-panel1{
margin: 10px 0;
padding: 0 0 0 0;
float: left;
display: block;
width: 320px;
height: 235px;
zoom: 1;

}
#home-panel2{
margin: 10px 0;
padding: 0 0 0 0;
float: right;
display: block;
width: 320px;
height: 235px;
zoom: 1;

}

#home-panel1 a,
#home-panel2 a{
display: block;
width: 320px;
height: 235px;
}


#home-panel1{
background: none!important;
}

#home-panel2{
background: none!important;
}

#sustainbanner1{
position: relative;
margin: 0;
padding: 0;
background: url(echelon-images/banners/sustain1/background.gif) top left no-repeat;
width: 320px;
height: 235px;
}
#sustainoverlay{
position: absolute;
top: 10px;
left: 0px;
z-index: 2;
}

#smecoworldholder{
position: absolute;
right: 0px;
top: 0px;
width: 320px;
height: 235px;
overflow: hidden;
}
#smecoworld {
/*
  -webkit-animation-name: rotateThis;
  -webkit-animation-duration:120s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  */
position: absolute;
bottom: -125px;
right: -145px;
z-index: 0;
}


/*
@-webkit-keyframes rotateThis {
  from {-webkit-transform:scale(1) rotate(0deg);}
  to {-webkit-transform:scale(1) rotate(360deg);}
}
*/

#processfixbanner1{
position: relative;
margin: 0;
padding: 0;
background: url(echelon-images/banners/processfix1/background.gif) top left no-repeat;
width: 320px;
height: 235px;
}
#processfixoverlay{
position: absolute;
top: 10px;
left: 0px;
z-index: 2;
}

#chevronholder{
position: absolute;
right: 0px;
top: 0px;
width: 320px;
height: 235px;
overflow: hidden;
}
#chevron {
/*
  -webkit-animation-name: rotateThis;
  -webkit-animation-duration:60s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  */
position: absolute;
top: -100px;
left: -110px;
z-index: 0;
}


/* ////// END BANNERS /////// */

.gsc-wrapper{
width: 920px!important
}


#googlesearchbox{
display: block;
margin: 0;
padding: 10px;
position: absolute;
top: 0;
right: 10px;
font-family: arial, helvetica, sans-serif;
background: url(echelon-images/50pc.png) top left;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
width: 220px;
}

.gsc-cursor-box{
margin: 0 auto;
display: block;
text-align: center;
}

.gsc-cursor-page,
.gsc-cursor-page:visited{
padding: 2px 4px;
background: #ececec;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
text-decoration: none!important;
color: #069!important;
}


.gsc-cursor-page:hover,
.gsc-cursor-page:active,
.gsc-cursor-page:focus{
padding: 2px 4px;
background: #069;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
text-decoration: none!important;
color: #ececec!important;
}

.gsc-cursor-current-page,
.gsc-cursor-current-page:visited,
.gsc-cursor-current-page:hover,
.gsc-cursor-current-page:active,
.gsc-cursor-current-page:focus{
padding: 2px 4px;
background: #069;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
text-decoration: none!important;
color: #ececec!important;
}

#cse-search-box2{
background: #ececec;
padding: 10px 20px;
margin: 0 0 1em 0;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
display: block;
width: 880px;
overflow: none; 
}
#cse-search-box #sa,
#cse-search-box #sa:visited
{
margin: 0 auto 0px 10px!important;
padding: 0.2em 0.4em;
width: 60px;
background: url(echelon-images/subscribe-button-back.gif) bottom left repeat-x;
border: 1px solid #ccc;
font-weight: bold;
	color: #069;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
display: block;
float: left;
font-size: 0.7em!important;
}
#cse-search-box #sa:hover,
#cse-search-box #sa:active,
#cse-search-box #sa:focus{
margin: 0 auto 0px 10px!important;
padding: 0.2em 0.4em;
width: 60px;
background: url(echelon-images/subscribe-button-back-over.gif) top left repeat-x;
border: 1px solid #ccc;
font-weight: bold;
	color: #09c;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
display: block;
float: left;
font-size: 0.7em!important;
}

#cse-search-box2 #sa,
#cse-search-box2 #sa:visited
{
margin: 0.3em auto 0px 10px!important;
padding: 0.2em 0.4em;
width: 60px;
background: url(echelon-images/subscribe-button-back.gif) bottom left repeat-x;
border: 1px solid #ccc;
font-weight: bold;
	color: #069;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
display: block;
float: left;
}
#cse-search-box2 #sa:hover,
#cse-search-box2 #sa:active,
#cse-search-box2 #sa:focus{
margin: 0.3em auto 0px 10px!important;
padding: 0.2em 0.4em;
width: 60px;
background: url(echelon-images/subscribe-button-back-over.gif) top left repeat-x;
border: 1px solid #ccc;
font-weight: bold;
	color: #09c;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
display: block;
float: left;
}

#cse-search-box2 #google-keywords-label{
position: absolute;
top: -9999px;
left: -99999px;
}

#cse-search-box #google-keywords{
width: 140px;
float: left;
}

#cse-search-box2 #google-keywords{
width: 760px;
float: left;
}
#cse-search-box2 #sa{
margin-left: 1em;
}

#cse-search-box #google-keywords-label{
position: absolute;
color: #666;
top: 14px;
left: 14px;
}


.gsc-control-cse form{
display: none;
}
.gsc-control-cse table .gs-visibleUrl{
display: none ;
}

.gsc-control-cse table td,
.gsc-control-cse table{
border: none!important;
}

.gsc-result{
border: none!important;
}

.gs-webResult{
background: #ececec;
padding: 10px 20px;
margin: 0 0 1em 0;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
display: block;
width: 880px;
overflow: none; 
}

.gs-title{
text-decoration: none!important;
margin-bottom: 0.5em;
padding-bottom: 0.2em;
border-bottom: 1px solid #ccc;
}

.gsc-table-cell-snippet-close{
color: #666;
font-size: 1em!important;
}

a.gs-title:link,
a.gs-title:visited
{
font-size: 1.1em!important;
font-weight: bold;
text-decoration: none!important;
border: none!important;
font-style: normal;
}

.gs-title b, .gs-snippet b{
padding: 0 0.2em;
color: #069!important;
background: #ff9;
text-decoration: none!important;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

a.gs-title:hover,
a.gs-title:active,
a.gs-title:focus
{
font-size: 1.1em!important;
font-weight: bold;
text-decoration: underline!important;
border: none!important;
font-style: normal;
}


#sbb,
#sbb:visited
{
margin: 0 auto 0px auto!important;
padding: 0.2em;
width: 50px;
background: url(echelon-images/subscribe-button-back.gif) bottom left repeat-x;
border: 1px solid #ccc;
font-weight: bold;
color: #069;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
display: block;
float: left;
}
#sbb:hover,
#sbb:active,
#sbb:focus{
margin: 0 auto 0px auto!important;
padding: 0.2em;
width: 50px;
background: url(echelon-images/subscribe-button-back-over.gif) top left repeat-x;
border: 1px solid #ccc;
font-weight: bold;
color: #09c;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
display: block;
}

#googlesearchbox form{
margin: 0!important;
padding: 0!important;
}

#googlesearchbox input, 
#googlesearchbox label{
font-size: 0.7em;
}
#sbi{
margin-right: 10px;
font-family: arial, helvetica, sans-serif;
font-size: 0.7em;
width: 150px;
float: left;
}

#signup_bubble{
display: none;
width: 173px;
height: 64px;
background: url(echelon-images/signup-bubble.png) top left no-repeat;
position: absolute;
top: 485px;
left: 555px;
z-index: 9999;
}

h3.tabhead{
margin: 1em 0 0.5em 0!important;
clear: both!important;
}

ul.tablist{
margin: 0 0 1em 0!important;
padding: 0!important;
list-style: none!important;
}


.tablist li{
display: block!important;
padding: 0;
margin: 0!important;
font-weight: bold!important;
float: left!important;
}

.tablist li a:link,
.tablist li a:visited
{
margin: 0 0.2em!important;
padding: 0.2em 0.4em!important;
background: #999!important;
text-decoration: none!important;
color: #fff!important;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
display: block!important; 
float: left!important;
}

.tablist li a:hover,
.tablist li a:active,
.tablist li a:focus
{
margin: 0 0.2em!important;
padding: 0.2em 0.4em!important;
background: #666!important;
text-decoration: none!important;
color: #fff!important;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
display: block!important; 
float: left!important;
}


.tablist li a.current:link,
.tablist li a.current:visited,
.tablist li a.current:hover,
.tablist li a.current:active,
.tablist li a.current:focus
{
margin: 0 0.2em!important;
padding: 0.2em 0.4em!important;
background: #069!important;
text-decoration: none!important;
color: #fff!important;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
display: block!important; 
float: left!important;
}




.article-list-item{
background: #ececec;
padding: 10px 20px;
margin: 0 0 1em 0;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
display: block;
width: 880px;
overflow: none; 
}

.article-list-item hr{
display: none;
}

.article-list-item h2{
margin-top: 0.5em!important;
}

.article-list-item h2 a:link,
.article-list-item h2 a:visited{
text-decoration: none!important;
}

.article-list-item h2 a:hover,
.article-list-item h2 a:active,
.article-list-item h2 a:focus{
text-decoration: underline!important;
}

p.dateadded{
padding-bottom: 0.5em!important;
margin-top: -0.5em!important;
margin-bottom: 2em!important;
font-size: 0.7em!important;
border-bottom: 1px solid #ccc;
}

a.button:link,
a.button:visited{

margin-top: 1em!important;

font-family: arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;

text-decoration: none!important;
margin: 0;
padding: 0.5em; 
  
   border: 1px solid #ccc;
   background-color: #fff;

border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px; 

   
box-shadow: 
/* inside top edge blur */ inset 0 1px 3px #fff, 
/* bottom half hard color */ inset 0 -1.1em #ececec;
   
-o-box-shadow: 
/* inside top edge blur */ inset 0 1px 3px #fff, 
/* bottom half hard color */ inset 0 -1.1em #ececec;
   
-webkit-box-shadow: 
/* inside top edge blur */ inset 0 1px 3px #fff, 
/* bottom half hard color */ inset 0 -1.1em #ececec;
   
-moz-box-shadow: 
/* inside top edge blur */ inset 0 1px 3px #fff, 
/* bottom half hard color */ inset 0 -1.1em #ececec;

color: #069!important;

   text-shadow: 0 1px #fff;

float: left;
}

a.button:focus{
outline: none;
}

a.button:hover,
a.button:active,
a.button:focus{
margin-top: 1em!important;


font-family: arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;

text-decoration: none!important;
margin: 0;
padding: 0.5em; 
  
   border: 1px solid #ccc;
   background-color: #fff;

border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px; 
   
box-shadow: 
/* inside top edge blur */ inset 0 1px 3px #fff, 
/* bottom half hard color */ inset 0 -1.1em #ececec,
/* outside blur*/ 0 0 3px #999;
   
-o-box-shadow: 
/* inside top edge blur */ inset 0 1px 3px #fff, 
/* bottom half hard color */ inset 0 -1.1em #ececec, 
/* outside blur*/ 0 0 3px #999;
   
-webkit-box-shadow: 
/* inside top edge blur */ inset 0 1px 3px #fff, 
/* bottom half hard color */ inset 0 -1.1em #ececec,
/* outside blur*/ 0 0 3px #999;
   
-moz-box-shadow: 
/* inside top edge blur */ inset 0 1px 3px #fff, 
/* bottom half hard color */ inset 0 -1.1em #ececec, 
/* outside blur*/ 0 0 3px #999;

color: #036!important;

   text-shadow: 0 1px #fff;

float: left;

}



#outercontainer{
display: block;
width: 960px;
margin: 0 auto!important;
padding: 0;
zoom: 1;
}

.navwithpic{
padding-top: 1em!important;
padding-bottom: 1em!important;
}

.navpic{
margin: -4px 10px 0 0;
padding: 0;
border: none;
width: 20px;
display: block;
float: left;
}

/* //////  Contact styles ////// */

#newsletter, 
#announcements{
float: left;
margin-right: 0.5em!important;
margin-left: 150px!important;
display: block;
}

.contact-bubble{
margin: 0 0 1em 0;
padding: 15px 0 0 0;
background: url(echelon-images/contact-bubble-top.gif) top left no-repeat;
width: 678px;
display: block;
}
.contact-bubble .inner{
margin: 0 0 0 0;
padding: 0 20px 32px 20px;
background: #efefef url(echelon-images/contact-bubble-bottom.gif) bottom left no-repeat;
}

.contactconnect{
width: 490px;
}

.contactconnect p{
margin: 0 0 1.5em 0!important;
}

.contactconnect ul.contact-list.half{
margin: 0!important;
float: left!important;
width: 245px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #fff;
}

.contactconnect ul.contact-list.half li{
font-size: 0.8em!important;
padding-left: 40px!important;
background-position: -12px center!important;
}

h1.contactname{
border-bottom: 1px solid #ccc;
margin: 0 0 0.2em 0!important;
padding: 0 0 0.2em 0!important;
}
.awards{
margin: 0 0 -0.2em 0;
font-size: 60%;
}
.contacttitle{
margin: 0 0 2em 0!important;
line-height: 1em!important;
font-size: 0.8em!important;
color: #666;
font-weight: bold!important;
}

.section.bottomnewsline{
padding-bottom: 0.5em!important;
}


/* //////  START RIGHTCOL ////// */


#withrightcol{
float: left;
width: 410px;
padding: 0 20px 0 0;
margin: 0;
}

#rightcol{
margin: 0!important;
padding: 0 0 0 0!important;
width: 220px;
float: right;
}

#rightcol h2{
	margin: 0 0 0.5em 0!important;
padding: 0!important;
color: #069!important;
}

ul.PDFlist{
margin: 1em 0!important;
padding: 0!important;
list-style: none!important;
}

ul.PDFlist li{
padding: 0.5em 0 0.5em 30px!important;
background: url(echelon-images/sm-pdf-icon.gif) top left no-repeat;
line-height: 2em;
}


.contactholder{
background: url(echelon-images/contact-panel-top.gif) top left no-repeat;
padding: 16px 0 0 0;
margin: 0 0 1em 0;
}

.contactholder a:link,
.contactholder a:visited{
text-decoration: none!important;
color: #666!important;
}
.contactholder a:hover,
.contactholder a:active,
.contactholder a:focus{
text-decoration: none!important;
	color: #069!important;
}

.contactholder .outer{
background: #efefef url(echelon-images/contact-panel-bottom.gif) bottom left no-repeat;
padding: 0 0 16px 0;
margin: 0;
}

.contactholder .inner{
Background: #efefef;
padding: 0 1px;
margin: 0;
}

ul.contact-list{
margin: 0!important;
padding: 0!important;
list-style: none!important;
}

ul.contact-list li{
display: block;
margin: 0!important;
padding: 8px 0 8px 60px!important;
font-weight: bold!important;
font-size: 1em!important;
line-height: 1.3em!important;
}

ul.contact-list li.profilepic{
padding: 10px 0 20px 60px!important;
border-bottom: 1px solid #ccc;
line-height: 1.4em!important;
background-position: 12px 6px!important;
}
ul.contact-list li.telephone{
background: url(echelon-images/contact-panel-tel.gif) center left no-repeat;
border-bottom: 1px solid #ccc;
border-top: 1px solid #fff;
}
ul.contact-list li.mobile{
background: url(echelon-images/contact-panel-mob.gif) center left no-repeat;
border-bottom: 1px solid #ccc;
border-top: 1px solid #fff;
}
ul.contact-list li.email{
background: url(echelon-images/contact-panel-email.gif) center left no-repeat;
border-bottom: 1px solid #ccc;
border-top: 1px solid #fff;
}
ul.contact-list li.callback{
background: url(echelon-images/contact-panel-callback.gif) center left no-repeat;
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
}

a.viewprofile:link,
a.viewprofile:visited{
width: 104px;
height: 25px;
display: block;
margin: 10px auto 0px auto;
padding: 0;
background: url(echelon-images/view-profile-sprite.gif) top left no-repeat;
}
a.viewprofile:hover,
a.viewprofile:active,
a.viewprofile:focus{
width: 104px;
height: 25px;
display: block;
margin: 10px auto 0px auto;
padding: 0;
background: url(echelon-images/view-profile-sprite.gif) bottom left no-repeat;
}

/* //////  END RIGHTCOL ////// */

.service-panel{
margin: 1em 10px;
float: left;
font-family: arial, helvetica, sans-serif;
font-size: 0.8em;
font-weight: bold;
}
.service-panel a:link,
.service-panel a:visited
{
background: none!important;
text-decoration: none!important;
}
.service-panel a:active,
.service-panel a:hover,
.service-panel a:focus
{
background: none!important;
text-decoration: none!important;
color: #000!important;
}

.twopanels{
text-align: center;
padding: 0 120px;
}
.threepanels{
text-align: center;
padding: 0 15px;
}

#homebubble{
margin: 0;
padding: 0;
display: block;
width: 660px;
height: 130px;
background: url(echelon-images/home-bubble.gif) top left no-repeat;
}


#home-panel1 a,
#home-panel2 a{
display: block;
width: 320px;
height: 235px;
}


#ms-feature a{
margin: 0 0 20px 0;
padding: 0;
width: 660px;
height: 75px;
display: block;
background: url(echelon-images/ms-panel.gif) top left no-repeat;
clear: both;
}
#racing-feature{
margin: 0 0 20px 0;
padding: 0;
width: 660px;
height: 75px;
display: block;
background: #000 url(echelon-images/racing-panel-back.gif) top left no-repeat;
clear: both;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#racing-feature .racinglink{
width: 220px;
height: 75px;
display: block;
float: left;
}

#racing-feature .racingtxt{
position: relative;
top: 20px;
margin: 0;
padding; 0;
width: 300px;
display: block;
float: left;
}
#racing-feature .racingpic{
position: relative;
right: 10px;
top: 10px;
margin: 0;
padding: 0;
float: right;
display: block;
}


#racing-feature .racingtxt p{
color: #fff;
}


/* ///// NEWSLETTER ////// */

.expandertab.newsletter h2{
margin: 0!important;
padding: 0!important;
zoom: 1;
display: block;
}

.expandertab.newsletter h2 a:link,
.expandertab.newsletter h2 a:visited{
margin: 0 0 0 0!important;
padding: 0!important;
display: block;
height: 43px;
background: url(echelon-images/subscribe-sprite.gif) top left no-repeat;
}
.expandertab.newsletter h2 a:hover,
.expandertab.newsletter h2 a:active,
.expandertab.newsletter h2 a:focus{
margin: 0 0 0 0!important;
padding: 0!important;
display: block;
height: 43px;
background: url(echelon-images/subscribe-sprite.gif) top left no-repeat;
background-position: 0 -53px;
}
.expandertab.newsletter .toggle_container{
margin: 0!important;
padding: 5px 0 5px 0!important;
background: url(echelon-images/subscribe-back.gif) top left repeat-y;
zoom: 1;
display: block;
}
.expandertab.newsletter .outer{
margin: 0 0 1em 0!important;
padding: 0 0 0 0!important;
background: url(echelon-images/subscribe-sprite.gif) top left no-repeat;
background-position: 0 -43px ;
zoom: 1;
display: block!important;
height: 10px!important;
overflow: none!important;
}

.expandertab form{
margin: 0!important;
padding: 0 15px!important;
font-family: arial, helvetica, sans-serif;
color: #666;
zoom: 1;
display: block;
}
.expandertab fieldset legend{
position: absolute;
left: -99999px;
top: -99999px;
}

.expandertab label{
margin: 0 0 0.5em 0;
padding: 0;
font-size: 0.7em;
line-height: 1em;
display: block;
}
.expandertab .checkbox{
margin: 0.5em 0;
float: left;
display: block;
}
.expandertab .radiolabel{
float: right;
width: 140px;
}

.expandertab #subscribe,
.expandertab #subscribe:visited
{
margin: 10px auto 0px auto!important;
padding: 0.4em;
width: 7em;
background: url(echelon-images/subscribe-button-back.gif) bottom left repeat-x;
border: 1px solid #ccc;
font-weight: bold;
	color: #069;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
display: block;
}
.expandertab #subscribe:hover,
.expandertab #subscribe:active,
.expandertab #subscribe:focus{
margin: 10px auto 0px auto!important;
padding: 0.4em;
width: 7em;
background: url(echelon-images/subscribe-button-back-over.gif) top left repeat-x;
border: 1px solid #ccc;
font-weight: bold;
	color: #09c;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
display: block;
}



.expandertab input#name,
.expandertab input#aiuz-aiuz{
margin: 0 0 0.5em 0;
width: 180px;
}

.expandertab input#telephone,
.expandertab #comment{
margin: 0 0 0.5em 0;
width: 180px;
}
.expandertab input:focus{
background: #ffd;
}


.expandertab.callback .toggle_container{
margin: 0!important;
padding: 5px 0 15px 0!important;
border-bottom: 1px solid #ccc;
background: #fff url(echelon-images/call-back.gif) top left repeat-x;
zoom: 1;
display: block;
}



/* ///// SOCIALS ////// */

a.linkedin:link,
a.linkedin:visited
{
margin: 0 0 20px 0;
width: 220px;
height: 53px;
display: block;
clear: both;
background: url(echelon-images/linkedin-sprite.gif) top left no-repeat;
	zoom: 1;
}
a.linkedin:hover,
a.linkedin:active,
a.linkedin:focus
{
margin: 0 0 20px 0;
width: 220px;
height: 53px;
display: block;
clear: both;
background: url(echelon-images/linkedin-sprite.gif) bottom left no-repeat;
	zoom: 1;
}

#twitterholder{
margin: 0 0 20px 0;
padding: 0;
background: url(echelon-images/twitter-mid.gif) top left repeat-y;
	zoom: 1;
}

#twitterlink:link,
#twitterlink:visited{
margin: 0;
padding: 0;
width: 220px;
height: 53px;
display: block;
background: url(echelon-images/twitter-sprite.gif) top left no-repeat;
	zoom: 1;
}

#twitterlink:hover,
#twitterlink:active,
#twitterlink:focus{
margin: 0;
padding: 0;
width: 220px;
height: 53px;
display: block;
background: url(echelon-images/twitter-sprite.gif) bottom left no-repeat;
	zoom: 1;
}



#twitter_update_list{
	margin: 0;
	padding: 0;
	list-style: none!important;
	zoom: 1;
}

#twitter a#twitter-link{
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -99999px;
	height: 20px;
}
#twitter a#twitter-link2{
	margin: 0;
	padding: 0;
	display: block;
	text-indent: -99999px;
	height: 35px;
}
#twitter_update_list li{
	display: block;
	margin: 0!important;
	padding: 8px 0!important;
	color: #fff!important;
	font: 0.7em/1.2em arial, helvetica, sans-serif!important;
	border-bottom: 1px solid #ececec;
	color: #666!important;
}
#twitterholder .inner{
	margin: 0;
	padding: 0 10px 10px 10px;
	background: url(echelon-images/twitter-bottom2.gif) bottom left no-repeat;
}

#tweetxtlink:link,
#tweetxtlink:visited
{
margin: 0;
padding: 10px 0 0 0;
font-weight: bold;
color: #369;
text-decoration: none;
font-family: arial, helvetica, sans-serif;
font-size: 0.7em;
text-align: right;
width: 200px;
display: block;
}

#tweetxtlink:hover,
#tweetxtlink:active,
#tweetxtlink:focus
{
margin: 0;
padding: 10px 0 0 0;
font-weight: bold;
color: #369;
text-decoration: underline;
font-family: arial, helvetica, sans-serif;
font-size: 0.7em;
text-align: right;
width: 200px;
display: block;
}

/* ///// SOCIALS ////// */

.floatright{
float: right;
}

a:focus{
outline: none;
}

#contactleft{
margin: 0;
padding: 0;
float: left;
width: 250px;
}

#googlemap{
width: 500px;
margin: 0;
padding: 10px;
float: right;
display: block;
border: 1px solid #ccc;
}

/* Fix IE. Hide from IE Mac \*/
* html {}
/* End #nav */

#googlemap p{
margin: 0.5em 0 0 0!important;
display: block;
}
#map{
width: 500px;
height: 350px;
display: block;
font-family: arial, helvetica, sans-serif;
}
#maphtml{
display: block;
margin: 0!important;
padding: 0!important;
}
#map form{
clear: both;
background: #ececec;
	-moz-border-radius: 8px!important;
	-webkit-border-radius: 8px!important;
border-radius: 8px!important;
}
#map label{
margin: 0.2em 0!important;
padding: 0!important;
}

#map #address{
width: 190px;
}

#map input{
margin: 0.2em 0 0.5em 0!important;
}


.button{
text-align: center;
}
.button a:link,
.button a:visited
{
clear: both;
margin: 0 auto;
padding: 8px 5px;
border: 1px solid #ccc;
display: inline;
background: url(echelon-images/echelon-h1-back.gif) bottom left repeat-x;
text-decoration: none!important;
font-weight: bold;
}


.button a:hover,
.button a:active,
.button a:focus
{
clear: both;
margin: 0 auto;
padding: 8px 5px;
border: 1px solid #ccc;
display: inline;
background: #003a53!important;
text-decoration: none!important;
font-weight: bold;
color: #fff!important;
}



/* ///////////// GALLERY ///////////////////// */

.emailsubscribe{
background: url(echelon-images/mail-icon2.jpg) top left no-repeat;
background-position: 500px 2em;
}
.uppercase{
text-transform: uppercase;
}

.roman{
display: block;
list-style-type: lower-roman;
list-style-position: inside;
}

#content ul#gallery {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	background: #ccc;
	display: block;

}
#content ul#gallery li{ 
	display: block;
	margin: 0 6px 6px 0;
	padding: 0;    
	background: #fff; 
	float: left;	
}
#content ul#gallery li a{ 
	display: block;
	text-align: center;
	margin: auto;
	padding: 0;
	background: #fff; 
}

#content ul#gallery li a img {          
	margin: 0; 
	padding: 2px;
	border: 1px solid #ccc;
}
#content ul#gallery li a img:hover{
background: #069;
}

#content .maingalpic{
margin: 0 10px;
padding: 0;
text-align: center;
border: none;
}
#content .maingalpic img{
margin: 0;
padding: 2px;
border: 1px solid #ccc;
}
#content .maingalpic p{
margin: 0;
padding: 0;
margin-top: 0.5em;
}



/* ///////////// GALLERY ///////////////////// */


#clientlogin{
	position: absolute;
	margin: 0 10px 0 0;
	padding: 0;
	top: 0;
	right: 0;
}

a:link.skip, a:visited.skip{
	position: absolute;
	left: -99999px;
	top: -99999px;
	border: none;
	z-index: 999999;
}
a:hover.skip, a:active.skip, a:focus.skip{
	position: absolute;
	left: 25px;
	top: 160px;
	border: none;
	z-index: 999999;
}


a:link.skipsubnav, a:visited.skipsubnav{
	position: absolute;
	left: -99999px;
	top: -99999px;
	border: none;
	z-index: 999999;
}
a:hover.skipsubnav, a:active.skipsubnav, a:focus.skipsubnav{
	position: absolute;
	left: 0px;
	top: 0px;
	border: none;
	z-index: 999999;
}


#header{
	position: relative;
margin: 0 auto!important;
	padding: 0;
	width: 960px;
	height: 190px;
	zoom: 1;
}
#header.default{
	background: #fff url(echelon-images/2008-header.jpg) top left no-repeat;
}

.homelink{
width: 200px;
height: 190px;
display: block;
position: absolute;
top: 0;
left: 0;
}

#header .offscreen{
	position: absolute;
	top: -999999px;
	left: -999999px;
}
#header .headleft {
	position: relative;
	float: left;
	display: block;
	width: 220px;
	height: 141px;
}
#header .headright {
	position: relative;
	float: right;
	display: block;
	width: 479px;
	height: 141px;
}
.clearboth{
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/* //////////////// START NAVIGATION //////////////// */

#menu{
	margin: 0 auto;
	padding: 0;
}
#navholder{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	background: #00648b url(echelon-images/2008-nav-back.gif) top left repeat-x;
	z-index: 519;
}

ul#nav { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	width: 830px;
}


ul#nav li { /* all list items */
	margin:0;
	padding: 10px 0 0 0;
	float: left;
	position: relative;
	display: block;
}





ul#nav li a:link, ul#nav li a:visited  {
	position: relative;
	margin: 0;
	padding: 0.5em 18px 0.5em 10px;
	display: block;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: left;
	z-index: 521;
	font-weight: bold;
}
ul#nav li a:hover, ul#nav li a:active, ul#nav li a:focus {
	margin: 0;
	padding: 0.5em 18px 0.5em 10px;
	display: block;
	background: #80ceea url(echelon-images/2008-hov-tab-back.gif) top right no-repeat;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
}
ul#nav li a.current.default {
	margin: 0;
	padding: 0.5em 18px 0.5em 10px;
	display: block;
	background: #fff url(echelon-images/2008-wht-tab-back.gif) top right no-repeat;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #069!important;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
}

ul#nav li ul { /* second-level lists */
	position: absolute;
	margin: 10px 0 0 0;
	padding: 0;
	display: none;
	list-style: none;
	top: 0;
	left: 0;
	z-index: 520;
	width: 150px;

}

ul#nav li ul li{
	margin: 0;
	padding: 0;
	text-align: left;
	display: block;
}

ul#nav li ul li.head a:link.head, #nav li ul li.head a:visited.head{
	margin: 0;
	padding: 0.5em 18px 0.5em 10px;
	display: block;
	background: #80ceea url(echelon-images/2008-hov-tab-back.gif) top right no-repeat;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	color: #80ceea;

}
ul#nav li ul li.head a:hover.head, #nav li ul li.head a:active.head, #nav li ul li.head a:focus.head{
	margin: 0;
	padding: 0.5em 18px 0.5em 10px;
	display: block;
	background: #80ceea url(echelon-images/2008-hov-tab-back.gif) top right no-repeat;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	color: #80ceea;
}

ul#nav li ul li a.width150{
	width: 150px;
}

ul#nav li ul li a:link, #nav li ul li a:visited{
	margin: 0;
	padding: 0.5em 18px 0.5em 10px;
	display: block;
	background: #80ceea;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
}
ul#nav li ul li a:hover, #nav li ul li a:active, #nav li ul li a:focus{
	margin: 0;
	padding: 0.5em 18px 0.5em 10px;
	display: block;
	background: #80ceea;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	color: #3F6991;
}

/* ////////// third level ////////// */

ul#nav li ul li ul{ /* third-level lists */
	position: relative!important;
margin: 0 0 0 0;
	padding: 0;
	display: none;
	list-style: none;
	top: 0;
	left: 0;
	z-index: 520;
	width: 130px;
clear: both;

}

ul#nav li ul li{
	margin: 0;
	padding: 0;
	text-align: left;
	display: block;
}




ul#nav li ul li ul li a.width150{
	width: 140px;
	overflow: hidden;
}

ul#nav li ul li ul li a:link, 
ul#nav li ul li ul li a:visited{
	margin: 0;
	padding: 0.3em 18px 0.3em 20px;
	display: block;
	background: #80ceea;
	font: 0.65em/1.2em Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
color: #fff;
}
ul#nav li ul li ul li a:hover, 
ul#nav li ul li ul li a:active, 
ul#nav li ul li ul li a:focus{
	margin: 0;
	padding: 0.3em 18px 0.3em 20px;
	display: block;
	background: #80ceea;
	font: 0.65em/1.2em Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
	color: #3F6991;
}

/* ///////////////////////////////// */


#subnavholder{
	float: left;
	margin: 0 0 50px 0;
	padding: 0px;
	width: 242px;
	background: url(echelon-images/2008-subnav-back.gif) top left repeat-x;
	z-index: 10;
}



ul#subnav { /* all lists */
	margin: 0!important;
	padding: 0!important;
	list-style: none;
	
}
ul#subnav li { /* all list items */
	margin:0;
	padding: 0;
	display: block;
	zoom: 1;
}
ul#subnav li a:link, 
ul#subnav li a:visited  {	
	margin: 0;
	padding: 0.7em 10px;
	display: block;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	text-align: left;
	background: url(echelon-images/2008-twin-divider.gif) bottom left repeat-x;
	zoom: 1;
}
ul#subnav li a:hover,
ul #subnav li a:active, 
ul#subnav li a:focus {
	margin: 0;
	padding: 0.7em 10px;
	display: block;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #069;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	background: url(echelon-images/2008-twin-divider.gif) bottom left repeat-x;
	zoom: 1;
}
 #subnavholder ul#subnav li a.current {
	margin: 0;
	padding: 0.7em 10px;
	display: block;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #069;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	background: url(echelon-images/2008-twin-divider.gif) bottom left repeat-x;
	zoom: 1;
}



ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
	display: block;
	z-index: 520;
}
li ol{
	display: none;
}

ul#subnav li.selected a{
background: url(echelon-images/subnav-vert-pointer.gif) bottom left no-repeat!important;
background-position: 20px bottom!important;
	zoom: 1;
}

ul#subnav li ul {
background: #ccc url(echelon-images/subnav-select-shade.gif) top left repeat-x;
}
ul#subnav li ul { /* all lists */
	margin: 0;
	padding: 0;
	list-style: none;
	zoom: 1;
}
ul#subnav li ul li { /* all list items */
	margin:0;
	padding: 0;
	display: block;
	zoom: 1;
}
ul#subnav li ul li a:link,
ul#subnav li ul li a:visited  {	
	margin: 0;
	padding: 0.7em 10px 0.7em 20px;
	display: block;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	text-align: left;
	background: url(echelon-images/subnav-select-divider.gif) bottom left repeat-x!important;
	zoom: 1;
}
ul#subnav li ul li a:hover,
ul #subnav li ul li a:active, 
ul#subnav li ul li a:focus{
	margin: 0;
	padding: 0.7em 10px 0.7em 20px;
	display: block;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #069;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	background: url(echelon-images/subnav-select-divider.gif) bottom left repeat-x!important;
	zoom: 1;
}
 #subnavholder ul#subnav li ul li a.current {
	margin: 0;
	padding: 0.7em 10px 0.7em 20px;
	display: block;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #069;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	background: url(echelon-images/subnav-select-divider.gif) bottom left repeat-x!important;
	zoom: 1;
}

 #subnavholder ul#subnav li ul li.selected{
	background: url(echelon-images/subnav-left-pointer.gif) center right no-repeat;
	zoom: 1;
}

/* //////////////// END NAVIGATION //////////////// */


#maincontainer{
	position: relative;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	width: 960px;
}
#maincontainer.subnavback{
	margin: 0 auto;
	padding: 0;
	background: #fff url(echelon-images/2008-hasnav-back.gif) top left repeat-y;
	width: 960px;
}
#content.nohome{
	position: relative;
	float: left;
	padding: 20px;
width: 920px;
min-height: 300px!important;
}

#content.home {
	position: relative;
	float: left;
	padding: 0;
	width: 718px;
min-height: 300px!important;
}

#content.hassubnav {
	position: relative;
	float: left;
	display: block;
	padding: 20px;
	width: 678px;
min-height: 300px!important;
}

/* Fix IE. Hide from IE Mac \*/
* html div.hassubnav{
	position: relative;
	float: left;
	display: block;
	padding: 20px;
	width: 678px;
}
/* End #nav */


/* Fix IE. Hide from IE Mac \*/
* html div.nohome{
	position: relative;
	float: left;
	padding: 20px;
}
/* End #nav */

/* Fix IE. Hide from IE Mac \*/
* html div.home{
	position: relative;
	float: left;
	padding: 0;
	width: 718px;
}
/* End #nav */

#content #homecontainer{
	position: relative;	
	float: left;
	margin: 0;
	padding: 20px;
	width: 660px;
}
.borderbox{
	margin: 0;
	padding: 1px;
	border: 1px solid #ccc;
}

#content div.featurebox{
	position: relative;
	margin: 0;
	padding: 0 0 5px 0;
	background: url(echelon-images/2008-feature-back.gif) top left repeat-x;
}
#content div.featurebox img{
	position: relative;	
	margin-top: 0;
}
#content div.featurebox p{
	margin: 0 0 0.5em 0;
	padding: 0 10px;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
}
#content div.featurebox p.before{
	padding: 10px 10px 0 10px;
}


#content h1{
	margin: 0 0 0.5em 0;
	padding: 0;
	font: 1.4em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #069;
}

/*#content h2{
	margin: 0 0 0.5em 0;
	padding: 0;
	font: 1.4em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #069;
}*/
#content h2.homehead{
	margin: 0 0 0 0;
	padding: 0;
	width: 305px;
	height: 39px;
	background: url(echelon-images/welcome-h1.gif) top left no-repeat;
	text-indent: -9999px;

}
div.homesection{
	position: relative;	
	float: left;
	display: block;
	padding: 20px;
	width: 678px;
}

#content div.services{
	position: relative;	
	float: left;
	width: 228px;
	padding: 0 0 0 20px;
	margin: 0;
}

#content div.services h2{
	margin: 0.5em 0 0.75em 0;
	padding: 0 0 0.3em 0;
	border-bottom: 1px dotted #ccc;
}
#content div.services ul{
	margin: 0.3em 0 1em 0;
	padding: 0 0 0 20px;
	list-style: square;
}
#content div.services ul li{
	margin: 0 0 0.75em 0px;
	padding: 0 0 0 0px;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
}

#content div.feature{
	position: relative;	
	float: left;
	width: 228px;
	padding: 0 20px 0 20px;
	margin: 0;
}
#content div.feature h2{
	margin: 0.5em 0 0.75em 0;
	padding: 0 0 0.3em 0;
	border-bottom: 1px dotted #ccc;
}

#content h2{
	margin: 1em 0 0.5em 0;
	padding: 0;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
}
#content h3{
	margin: 1em 0 0.5em 0;
	padding: 0;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
}
#content h4{
	margin: 1em 0 0 0;
	padding: 0;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
}
#content ul#map{
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}
#content ul#map li{
	font-weight: bold;
	margin: 1em 0 0.5em 0px;
}
#content ul#map li ul{
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
}
#content ul#map li ul li{
	font-weight: normal;
	margin: 0.2em 0 0 0;
}
#content .logoquote{
	margin: 1em 0;
	padding: 5px 0;
	position: relative;
	background: #ECF0F4 url(echelon-images/openquote.gif) top left no-repeat;
	background-position: 0 10px;
	width: 340px;
}
#content .leftquote{
	margin: 1em 0;
	padding: 5px 0;
	position: relative;
	background: #ECF0F4 url(echelon-images/openquote.gif) top left no-repeat;
	background-position: 0 12px;
}

#content blockquote{
	position: relative;
	margin: 5px 0 5px 0;
	padding: 0px 25px;
	background: url(echelon-images/closedquote.gif) bottom right no-repeat;

}
#content blockquote p{
	font: 0.75em/1.3em Arial, Helvetica, sans-serif;
	color: #666;
}
#content .leftquote p.quoter{
	padding: 0 10px;
	font: 0.75em/1.3em Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	color: #666;
}
#content p{
	margin: 0 0 0.75em 0;
	padding: 0;
	font: 0.75em/1.3em Arial, Helvetica, sans-serif;
	color: #666;
}
#content p.introtxt{
	font-weight: bold;
	color: #069;
}
#content ul{
	margin: 1em 20px 1em 20px;
	padding: 0 0 0 20px;
	list-style: square;
}
#content ul li{
	margin: 0 0 0.5em 0px;
	padding: 0 0 0 0px;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
}
#content li ul{
	margin: 0 0 0.5em 20px;
	padding: 0 0 0 10px;
	list-style: disc;
}
#content  li ul li{
	margin: 0 0 0.5em 0px;
	padding: 0 0 0 0px;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
}
#content ol{
	margin: 1em 0 1em 20px;
	padding: 0 0 0 20px;
}
#content  ol li{
	margin: 0 0 0.5em 0px;
	padding: 0 0 0 0px;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
}
#content li ol{
	margin: 0 0 0.5em 20px;
	padding: 0 0 0 10px;
}
#content  li ol li{
	margin: 0 0 0.5em 0px;
	padding: 0 0 0 0px;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
}
#content img.border{
	border: 1px solid #ccc;
	padding: 4px;
	background: #fff;
}

#content .thirdcol{
	position: relative;
	float: left;
	margin: 0.5em 0 0.5em 10px;
	width: 28%;
}
/* Fix IE. Hide from IE Mac \*/
* html #content .thirdcol{
	position: relative;
	float: left;
	margin: 0.5em 0 0.5em 5px;
	width: 28%;
 }
/* End #nav */



.section{
	margin: 0;
	padding: 0;
	display: block;
}
#content a:link, #content a:visited {
	text-decoration: underline;
	color: #069;
}
#content a:hover, #content a:active, #content a:focus{
	text-decoration: none;
	color: #069;
}
.left{
	float: left;
	margin: 0 1em 1em 0;
}
.center{
	clear: both;
	display: block;
	margin: 0 auto 1em auto;
	width: 100%;
	text-align: center;
}
.right{
	float: right;
	margin: 0 0 1em 1em;
}
img.imgright{
	float: right;
	margin: 0 0 1em 1em;
}
.smright{
	float: right;
	margin: 0 0 0.5em 0.5em;
}
.rightnone{
	float: right;
	margin: 0 0 1em 1em;
}
.lefttxt{
	text-align: left;
}
.centertxt{
	text-align: center;
}
.righttxt{
	text-align: right;
}
#content hr {
	margin: 0.5em 0;
	padding: 0;
	height: 1px;
	border: none;
	background: #ccc;
}
#content table{
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
#content table caption{
	margin: 0;
	padding: 5px 0.4em 5px 0;
	text-align: right;
	font: 0.6em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
	font-style: italic;
}
#content table th{
	margin: 0;
	padding: 0.4em;
	background: #ccc;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	color: #333;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#content table th.blank{
	margin: 0;
	padding: 0.4em;
	background: #fff;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	color: #333;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#content table td{
	margin: 0;
	padding: 0.4em;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333;	
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#content table td.currency{
	text-align: right;
}

#content table td p{
	margin: 0;
	padding: 0;
}
.wob{
	margin: 10px;
	padding: 10px;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	display: block;
	color: #fff;
	background: #666;
}

/* ///////// start record nav ///////// */
#content h2.headback2{
	position: relative;
	margin: 0;
	padding: 5px;
	display: block;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
	background: url(echelon-images/news-h1-back.gif) top left repeat-x;
	border: 1px solid #fff;
}
.searchliner2{
	margin: 0;
	padding: 0;
	border-left: 1px solid #ececec;
	border-top: 1px solid #ececec;
	border-right: 1px solid #ececec;
	
}

#content .recordinfo{
	margin: 0;
	padding: 10px 0 0 0;
}
#content .recordcount{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
}
#content .recordinfo ul.readnav{
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
#content .recordinfo ul.readnav li{
	position: relative;
	float: left;
	margin: 0;
	padding-left: 5px;	
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
}
#content .recordinfo ul.readnav li.rightbar{
	padding-right: 5px;	
	border-right: 1px solid #666;
}
.fullbotline{
	margin: 0.5em 0 0 0;
	padding: 0;
	height: 1px;
	border-bottom: 1px solid #ececec;
}
.fulltopline{
	margin: 0;
	padding: 0;
	height: 1px;
	border-bottom: 1px solid #ececec;
}

/* ///////// end record nav ///////// */

/* ///////// START NEWS ///////// */
 
 
#newscontainer{
	float: right;
	margin: 0 0 0 0;
	padding: 20px 20px 0 0;
	display: block;
	width: 220px;
	zoom: 1;
}
#newscontainer h2{
	margin: 0 0 5px 0;
	padding: 0;
}
#news{
	margin: 0 0 0 0;
	padding: 0;
	height: 170px;
	width: 220px;
	display: block;
	overflow: hidden;
}

.newstop{
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	background: url(echelon-images/news-top.gif) top left no-repeat;
	display: block;
}
.newsbottom{
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	background: #ececec url(echelon-images/news-bottom.gif) bottom left no-repeat;
	display: block;
}

.newsfeednav{
	margin: 0 0 0 0;
	padding: 0;
	width: 220px;
	height: 45px;
	background: url(echelon-images/news-bubble.gif) top left no-repeat;
}

#prevnews:link,
#prevnews:active,
#prevnews:visited{
display: block;
margin: 8px 8px 8px 0px;
padding: 0;
width: 16px;
height: 16px;
background: url(echelon-images/news-left-sprite.gif) top left no-repeat;
float: left;
}
#prevnews:hover{
display: block;
margin: 9px 8px 8px 0px;
padding: 0;
width: 16px;
height: 16px;
background: url(echelon-images/news-left-sprite.gif) top left no-repeat;
float: left;
}

#prevnews:focus{
display: block;
margin: 8px 8px 8px 0px;
padding: 0;
width: 16px;
height: 16px;
background: url(echelon-images/news-left-sprite.gif) bottom left no-repeat;
float: left;
}
#nextnews:link,
#nextnews:active,
#nextnews:visited{
display: block;
margin: 8px 8px 8px 0px;
padding: 0;
width: 16px;
height: 16px;
background: url(echelon-images/news-right-sprite.gif) top left no-repeat;
float: left;
}
#nextnews:hover{
display: block;
margin: 9px 8px 8px 0px;
padding: 0;
width: 16px;
height: 16px;
background: url(echelon-images/news-right-sprite.gif) top left no-repeat;
float: left;
}
#nextnews:focus{
display: block;
margin: 8px 8px 8px 0px;
padding: 0;
width: 16px;
height: 16px;
background: url(echelon-images/news-right-sprite.gif) bottom left no-repeat;
float: left;
}

#news a:link, #news a:visited {
	text-decoration: underline;
	color: #069;
}
#news a:hover, #news a:active, #news a:focus{
	text-decoration: none;
	color: #069;
}


#news h3{
	position: relative;
	margin: 0 0 0.4em 0;
	padding: 0;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666;
}
#news p{
	margin: 0 0 0.5em 0;
	padding: 0;
	font: 0.7em/1.2em Arial, Helvetica, sans-serif;
	color: #666;
}
.newsitem{
	margin: 0;
	padding: 5px 12px;
	width: 196px;
	display: block;
}


.newsitemdiv{
	margin: 0;
	padding: 0;
	height: 2px;
	background: url(echelon-images/2008-twin-divider.gif) bottom left repeat-x;
}


#racingcontainer{
	margin: 0;
	padding: 0 0 10px 0;
	width: 242px;
	background: #000;
}
#racingcontainer p{
	margin: 0 0 0.5em 0;
	padding: 0 12px;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	color: #fff;
}
.bottomnewsline{
	border-bottom: 1px solid #ccc;
}
.newsitem.shaded{
	display: block;
	background: #fff url(echelon-images/echelon-h1-back.gif) bottom left repeat-x;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #ececec;
	border-bottom: 1px solid #fff;
}
.lnewsitem{
	margin: 1em 0 0 0;
	padding: 0;
	height: 1px;
	background: #ccc;
	color: #ccc;
}

/* /////////  END NEWS ///////// */



/* ///////// START FORM ELEMENTS ///////// */

.toggle_container dl{
font-size: 80%!important;
margin: 10px!important;
}

.toggle_container dl dt{
	padding-left: 30px!important;
	background-position: 3px 0.3em!important;
}

.toggle_container dl dd{
	padding-left: 25px!important;
	background: url(admin/images/error-alert.gif) top left no-repeat;
	background-position: 0px 1px;
}


dl.error{
		margin: 20px 0px;
border: 1px solid #ccc;
	padding: 1px;
	width: auto;
}
dl.error dt{
	margin: 0 0 0.5em 0;
	padding:  0.5em  0.5em  0.5em 2.3em;
	background: #ececec;
	font-weight: bold;
	background: #fcc url(admin/images/error-stop-red.gif) top left no-repeat;
	background-position: 6px 0.6em;
	font: 0.8em/1.5em Arial, Helvetica, sans-serif;
font-weight: bold;
}
dl.error dd{
	padding-left: 25px;
	margin: 0 0.5em 0.5em 0.5em;
	background: url(admin/images/error-alert.gif) top left no-repeat;
	background-position: 0px 1px;
	font: 0.8em/1.3em Arial, Helvetica, sans-serif;
}

form dl.success{
}
dl.success{
	margin: 20px 0px;
	border: 1px solid #ccc;
	padding: 1px;
	width: auto;
}
dl.success dt{
	margin: 0 0 0.5em 0;
	padding:  0.5em  0.5em  0.5em 2.3em;
	background: #ececec;
	font-weight: bold;
	background: #cfc url(admin/images/confirm-grn.gif) top left no-repeat;
	background-position: 6px 0.6em;
	font: 0.8em/1.5em Arial, Helvetica, sans-serif;
	font-weight: bold;
}
dl.success dd{
	margin: 0 0.5em 0.5em 0.5em;
	font: 0.8em/1.3em Arial, Helvetica, sans-serif;
}

.ccc-button{
margin: 0 10px 0 em !important;
padding: 10px 90px 10px 10px;
border: 1px solid #ccc;
display: block;
background: url(echelon-images/ccc-mail-icon.jpg) center right no-repeat!important;
background-position: 220px 0.5em!important;
	-moz-border-radius: 8px!important;
	-webkit-border-radius: 8px!important;
width: 210px;
}

.radiolabel{
margin: 0!important;
padding: 0.5em 20px 0 0!important;
diaply: block;
}
.radiolabel input{
margin: 0 5px 0 0!important;
padding: 0!important;
display: block;
float: left;
}

.ccc-button ul{
margin-left: 0!important;
}
 

#content fieldset{
	margin: 0 10px;
	padding: 10px;
	border: 1px solid #ccc;
}
#content legend{
	margin: 1em 0;
	padding: 0 0.5em;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
}
#content label{
	margin: 0.5em 0;
	padding: 0;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	float: left;
	color: #333;
}

#content p.labeller{
	margin: 0.5em 0;
	padding: 0;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	float: left;
	color: #333;
	width: 150px;
}
#content .flabel{
	margin: 0.5em 0;
	padding: 0.2em 0;
	border: none;
}
#content .flabel legend{
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
	font-weight: bold;
}
#content input, textarea, option{
	margin: 0.5em 0;
	padding: 0;
}
#content input:focus, textarea:focus, option:focus{
	background: #ffc;
}

#content .labeller{
	clear: both;
	width: 150px;
}
.hidden{
	position: absolute;
	top: -99999px;
	left: -99999px;
}
#content .centersubmit{
	margin: 10px;
	padding: 10px;
	text-align: center;
	border: 1px solid #ccc;
}
#content .infobox{
	margin: 0;
	padding: 7px 0;
	background: #ececec;
	border: 3px double #fff;
}
#content .radio{
	clear: both;
	margin: 0;
	padding-left: 5px;
}
#content .padright{
	margin: 0 5px 0 0;
	padding: 0;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
}
#content .clearlabel{
	clear: both;
	position: relative;
	display: block;
	padding-left: 5px;
	float: left;
}

#contact{
position: relative;
}

#contact #comment{
width: 650px;
}

#contact .counter{
margin: 0 75px -1.6em 0;
padding: 0.2em 0.4em;
float: right;
display: block;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
background: #ececec;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #666;
}

#contact .counter.warning{
background: #f90!important;
color: #fff;
}
#contact .counter.exceeded{
background: #c00!important;
color: #fff;
}

#contact p.formhelper{
clear: both;
padding-left: 150px!important;
display: block;
}

#contact button#contactbutton,
#contact button#contactbutton:visited{
margin: 10px 0 0px 150px!important;
padding: 0.4em!important;
width: 10em;
background: url(echelon-images/subscribe-button-back.gif) bottom left repeat-x;
border: 1px solid #ccc;
font-weight: bold;
	color: #069;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
display: block;
}
#contact button#contactbutton:hover,
#contact button#contactbutton:active,
#contact button#contactbutton:focus{
margin: 10px 0 0px 150px!important;
padding: 0.4em!important;
width: 10em;
background: url(echelon-images/subscribe-button-back-over.gif) top left repeat-x;
border: 1px solid #ccc;
font-weight: bold;
	color: #09c;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
display: block;
}



.callbackform{
margin: 1em 0 0 0;
padding: 10px;
position: relative;
background: #fff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.callbackform .counter{
margin: 0 4em -1.6em 0;
padding: 0.2em 0.4em;
float: right;
display: block;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
background: #ececec;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #666;
}

.callbackform .counter.warning{
background: #f90!important;
color: #fff;
}
.callbackform .counter.exceeded{
background: #c00!important;
color: #fff;
}

.callbackform p.formhelper{
clear: both;
padding-left: 14em!important;
display: block;
}


.callbackform h2{
margin-top: 0!important;
}

a.close:link,
a.close:visited{
position: absolute;
top: 10px;
right: 10px;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
text-decoration: none!important;
}
a.close:hover,
a.close:active,
a.close:focus{
position: absolute;
top: 10px;
right: 10px;
	font: 0.75em/1.2em Arial, Helvetica, sans-serif;
text-decoration: underline!important;
}

.callbackform label.labeller{
float: left!important;
width: 14em!important;
font-weight: bold!important;
}
.callbackform input{
float: left;
}
.callbackform #ccomment{
width: 400px;
float: left;
}



.callbackform button#callback,
.callbackform button#callback:visited{
margin: 10px 0 0px 12em!important;
padding: 0.4em!important;
width: 10em;
background: url(echelon-images/subscribe-button-back.gif) bottom left repeat-x;
border: 1px solid #ccc;
font-weight: bold;
	color: #069;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
display: block;
}
.callbackform button#callback:hover,
.callbackform button#callback:active,
.callbackform button#callback:focus{
margin: 10px 0 0px 12em!important;
padding: 0.4em!important;
width: 10em;
background: url(echelon-images/subscribe-button-back-over.gif) top left repeat-x;
border: 1px solid #ccc;
font-weight: bold;
	color: #09c;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
display: block;
}


/* ///////// END FORM ELEMENTS ///////// */

.padright20{
	margin: 0 20px 0 0;
}
.logolinks {
	text-align: center;
}
.logolinks img{
	border: 1px solid #fff;
}
.logolinks img:hover{
	border: 1px solid #ececec;
}


/* start footer */

#footer{
	margin: 0 auto;
	padding: 0;
	width: 960px;
background: none;
}

.affiliations{
margin: 0;
padding: 0;
height: 161px;
background: url(echelon-images/footer-back.gif) top left no-repeat;
}

#footer ul#footerlinks{
	position: relative;
	list-style: none;
	display: block;
	margin: 0 0 0.3em 0;
	padding: 10px 0 ;
	text-align: center;
}

#footer ul#footerlinks li{
	display: inline;
	margin: 0 0.2em 0 0;
	padding: 0 0.6em 0 0;
	border-right: 1px solid #fff;
	font: 0.65em/1.8em Arial, Helvetica, sans-serif;
	color: #fff;
}
/* Fix IE. \*/
* html #footer ul#footerlinks li{ 
	margin: 0 0.5em 0 0;
	padding: 0 0.4em 0 0;
}
/* End */
#footer ul#footerlinks li.noline{
	border-right: none;
}
#footer ul#footerlinks li a{	
	color: #fff;
	text-decoration: underline;
}
#footer ul#footerlinks li a:hover, #footer ul#footerlinks li a:focus{
	color: #ececec;
	text-decoration: none;
}
#footer ul#footerlinks li a.current {	
	color: #ececec;
	text-decoration: none;
}
.footercenter{
	text-align: center;
}

#btt-footer{
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
	height: 32px;
	background: url(echelon-images/btt-footer-back.gif) top left repeat-x;
}
.btt-button{
margin: 0 auto;
display: block;
width: 129px;
height: 36px;
text-indent: -99999999px;
	background: url(echelon-images/btt-footer-btn.gif) top left no-repeat;
}
