/* RESET
-------------------------------------------------------------------- */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead {margin: 0; padding: 0; border: 0;}


/* GLOBAL
-------------------------------------------------------------------- */
body { 
	text-align: left;
	background: #60461e;
	color: #000;
	font: normal 12px/16px "Trebuchet MS", Arial, sans-serif;
	}

a:link, a:visited {
	color: #805d28;
	text-decoration: none;
	}
a:hover {
	color: #009abc;
	text-decoration: none;
	}

hr {
	clear: both;
	border: none 0;
	border-top: 1px dotted #666;
	text-align: center;
	width: 75%;
	height: 1px;
	margin-bottom: 10px;
	}

blockquote {
	margin: 15px;
	padding: 0;
	}

.req {
	font-size: 14px;
	font-weight: bold;
	color: #f00;
	}


/* STRUCTURE
-------------------------------------------------------------------- */
#wrap {
	width: 858px;
	text-align: left;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	margin-top: 30px;
	}

#content {
	margin: 3px 44px 15px 44px;
	padding: 0;
	}

* html img a {
	border: none;
	}
	
#btm {
	clear: both;
	width: 858px;
	height: 15px;
	background: #fff url(/ella/imgs/bg_btm.gif) no-repeat bottom left;
	margin: 0;
	padding: 20px 0 0 0;
	}


/* HEAD
-------------------------------------------------------------------- */
#head {
	position: relative;
	width: 858px;
	height: 113px;
	background: url(/ella/imgs/bg_head.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	}
#head #logo1 {
	position: absolute;
	top: 25px;
	left: 40px;
	width: 196px;
	height: 33px;
	}
#head #logo2 {
	position: absolute;
	top: 20px;
	left: 260px;
	width: 200px;
	height: 44px;
	border-left: 2px solid #91ce51;
	padding-left: 20px;
	}
#head #logo1 p, #head #logo2 p {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	}
	#head #logo1 a,
	#head #logo1 a:hover,
	#head #logo2 a,
	#head #logo2 a:hover {
	border: none;
	}

#head p.util {
	position: absolute;
	top: 27px;
	right: 80px;
	}
	#head p.util a {
	border-bottom: 1px dotted #805d28;
	}
	#head p.util a:hover {
	border-bottom: 1px dotted #009abc;
	}

/* navigation */

#nav {
	position: absolute;
	top: 79px;
	left: 44px;
	width: 768px;
	height: 30px;
	background: url(/ella/imgs/nav.gif) no-repeat;
	}
#nav li {
	list-style-type: none;
	float: left;
	}
	#nav a, #nav a:hover {
	border: none;
	}

#homeOn .nav_home {
	width: 104px;
	background: url(/ella/imgs/nav.gif) no-repeat -768px 0; /* on state */
	}
	.nav_home a {
	display: block;
	width: 104px;
	height: 30px;
	text-indent: -9999px;
	}
	.nav_home a:hover {
	background: url(/ella/imgs/nav.gif) no-repeat -768px 0; /* hover state */
	}
#approachOn .nav_approach {
	width: 135px;
	background: url(/ella/imgs/nav.gif) no-repeat -872px 0;
	}
	.nav_approach a {
	display: block;
	width: 135px;
	height: 30px;
	text-indent: -9999px;
	}
	.nav_approach a:hover {
	background: url(/ella/imgs/nav.gif) no-repeat -872px 0;
	}
#researchOn .nav_research {
	width: 133px;
	background: url(/ella/imgs/nav.gif) no-repeat -1007px 0;
	}
	.nav_research a {
	display: block;
	width: 133px;
	height: 30px;
	text-indent: -9999px;
	}
	.nav_research a:hover {
	background: url(/ella/imgs/nav.gif) no-repeat -1007px 0;
	}
#clientsOn .nav_clients {
	width: 89px;
	background: url(/ella/imgs/nav.gif) no-repeat -1140px 0;
	}
	.nav_clients a {
	display: block;
	width: 89px;
	height: 30px;
	text-indent: -9999px;
	}
	.nav_clients a:hover {
	background: url(/ella/imgs/nav.gif) no-repeat -1140px 0;
	}
#pricingOn .nav_pricing {
	width: 96px;
	background: url(/ella/imgs/nav.gif) no-repeat -1229px 0;
	}
	.nav_pricing a {
	display: block;
	width: 96px;
	height: 30px;
	text-indent: -9999px;
	}
	.nav_pricing a:hover {
	background: url(/ella/imgs/nav.gif) no-repeat -1229px 0;
	}
#resourcesOn .nav_resources {
	width: 103px;
	background: url(/ella/imgs/nav.gif) no-repeat -1325px 0;
	}
	.nav_resources a {
	display: block;
	width: 103px;
	height: 30px;
	text-indent: -9999px;
	}
	.nav_resources a:hover {
	background: url(/ella/imgs/nav.gif) no-repeat -1325px 0;
	}
#aboutOn .nav_about {
	width: 108px;
	background: url(/ella/imgs/nav.gif) no-repeat -1428px 0;
	}
	.nav_about a {
	display: block;
	width: 108px;
	height: 30px;
	text-indent: -9999px;
	}
	.nav_about a:hover {
	background: url(/ella/imgs/nav.gif) no-repeat -1428px 0;
	}

#homeOn .nav_home a, 
#approachOn .nav_approach a, 
#researchOn .nav_research a, 
#clientsOn .nav_clients a,
#pricingOn .nav_pricing a,
#aboutOn .nav_about a,
#resourcesOn .nav_resources a {
	background:none;
	}


/* nav */
ul#nav2 {
	position: absolute;
	top: 83px;
	left: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul#nav2 li {
	display: inline;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 13px;
	line-height: 14px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	}
ul#nav2 li a {
	display: block;
	float: left;
	color: #daef86;
	background: #009fc2 url(/ella/imgs/nav_bg.gif) repeat-x 0 0;
	border-left: 1px solid #00d0ff;
	margin: 0;
	padding: 6px 20px 6px 20px;
	}
ul#nav2 li:first-child a {
	border: none;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
	}
ul#nav2 li:last-child a {
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;   
	}
ul#nav2 li.on a,
ul#nav2 li a:hover {
	background-image: none;
	background-color: #775625;
	}




/* home
-------------------------------------------------------------------- */
#content .left {
	position: relative;
	float: left;
	width: 440px;
	margin: 0;
	padding: 0;
	}
#content .left .mod {
	background: url(/ella/imgs/bg_mod.gif) no-repeat top left;
	background-color: #cef4e6;
	margin: 20px 0 15px 0;
	padding: 5px 20px 10px 20px;
	}
#content .left .mod li {
	background: url(/ella/imgs/bullet2.gif) no-repeat left top;
	}

#content .left .mod .chart {
	margin: 20px 0 5px -5px;
	padding: 0;
	}
#content .left .mod .chart .longdesc {
	position: absolute;
	left: -9999em;
	}

#content .left .research {
	float: left;
	width: 110px;
	margin: 0 15px 5px 0;
	}
#content .left .research ul {
	list-style: none;
	margin: 15px 0 0 -7px;
	}
#content .left .research ul li {
	background: none;
	padding: 0;
	}
#content .left .research ul li.ref {
	background: url(/ella/imgs/icon_references.gif) no-repeat 7px 0;
	padding: 1px 0 16px 38px;
	}
#content .left .research ul li.pdf {
	height: 34px;
	background: url(/ella/imgs/icon_pdf.gif) no-repeat 0 0;
	padding: 10px 0 1px 38px;
	}

#content .modReg {
	float: left;
	width: 130px;
	background: url(/ella/imgs/bg_mod.gif) no-repeat top left;
	background-color: #cef4e6;
	margin: 0 20px 10px 0;
	padding: 5px 20px 10px 20px;
	}
#content .modReg ul {
	list-style: none;
	margin: 10px 0 0 -7px;
	}
#content .modReg ul li.reg {
	font-size: 16px;
	font-weight: normal;
	height: 18px;
	background: url(/ella/imgs/icon_arrow.gif) no-repeat 0 0;
	padding: 2px 0 1px 25px;
	}
#content .left .bioContainer {
        clear: both;
        padding: 20px 0 35px 0;
        border-top: 2px dotted #91ce51;
        }
#content .left .bioPhoto {
	float: left;
	padding: 0 20px 15px 0;
	}
#content .left .bioContainer .bioText .bioName {
        color: #0ea0bf;
        font-size: 15px;
        line-height: 18px;
        padding: 0; 
        font-weight: bold;
        }
#content .left .bioContainer .bioText .bioTitle {
        color: #0ea0bf;
        padding-bottom: 25px;
        line-height: 18px;
        }
#content .left .smudge {
	position: absolute;
	top: 0;
	right: -45px;
	width: 182px;
	height: 8px;
	background: url(/ella/imgs/home_smudge.gif) no-repeat top right;
	}
#content .right {
	float: right;
	width: 285px;
	margin: 0;
	padding: 0;
	}
#content .right .promo { 
        height: 104px;
        width: 285px;
	background: url('/ella/imgs/promo-bg.gif');
	margin: 0;
        padding: 0;
        }
#content .right .promoTxt {
        margin-left: 37px;
        line-height: 26px;
        padding: 11px 10px 0 0; 
        color: #00aac9;
	font: normal 18px "Trebuchet MS", Arial, sans-serif;
	font-weight: 200;
        }
#content .right .promoTxt a, #content .right promoTxt a:link, #content .right promoTxt a:hover, #content .right .promoTxt a:visited {
        color: #00aac9;
        text-decoration: none;
        }

/* CONTENT BASE
-------------------------------------------------------------------- */
#content h1 {
	font-size: 22px;
	line-height: 23px;
	font-weight: bold;
	color: #91ce51;
	margin: 25px 0 10px 0;
	}
#content h2 {
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #0ea0bf;
	margin: 20px 0 10px 0;
	}
	#content h2 a {
	border-bottom: 1px dotted #805d28;
	}
	#content h2 a:hover {
	border-bottom: 1px dotted #009abc;
	}
#content h3 {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #0ea0bf;
	margin: 10px 0 5px 0;
	}
#content p {
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	color: #000;
	margin: 0 0 10px 0;
	}
	#content p a {
	border-bottom: 1px dotted #805d28;
	}
	#content p a:hover {
	border-bottom: 1px dotted #009abc;
	}
#content p.intro {
	font-size: 14px;
	line-height: 18px;
	}
#content .note {
	font-size: 11px;
	color: #666;
	}
#content ul {
	list-style: none;
	margin: 0 0 10px 0;
	}
#content ul li {
	background: url(/ella/imgs/bullet1.gif) no-repeat left top;
	padding: 0 0 5px 10px;
	}
#content ol {
	margin: 0 0 10px 15px;
	}
#content ol li {
	background: none;
	padding: 0 0 5px 0;
	}
	#content li a {
	border-bottom: 1px dotted #805d28;
	}
	#content li a:hover {
	border-bottom: 1px dotted #009abc;
	}



/* TABLES
-------------------------------------------------------------------- */
table.contact {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	}
table.contact th, table.contact td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	padding: 2px 5px 2px 0;
	}
table.contact th {
	width: 50px;
	color: #0ea0bf;
	}
	table.contact a {
	border-bottom: 1px dotted #805d28;
	}
	table.contact a:hover {
	border-bottom: 1px dotted #009abc;
	}
table.contact label {
	font-weight: bold;
	}

table.reg {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	}
table.reg td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	padding: 4px 0 10px 0;
	}
	table.reg a {
	border-bottom: 1px dotted #805d28;
	}
	table.reg a:hover {
	border-bottom: 1px dotted #009abc;
	}
table.reg label {
	font-weight: bold;
	}
table.reg div.norm label {
	font-weight: normal;
	}

.footer {
        color:#cdf0a6;
        font-size:11px ;
        text-align: center;
        margin-bottom:30px;
}
.footer a:link, .footer a:visited {
        color: #cdf0a6;
        text-decoration: underline;
}

.footer a:hover {
	color: #99ffff;
	text-decoration: underline;
}