h1.print-logo { display: block; position: relative; right: 20px; float: left}
h1 { display: none}

p.print-address { float: right; width: 190px; margin: 0 0 0 25px; padding: 0; font: 11px Arial, Helvetica, sans-serif;}

body {
	background: #fff;
	text-align: center;
}

* { margin: 0; padding: 0; }
*.clear { clear: both; }

a { outline: none; }

#wrapper { 
	background: #fff;
	width: 100%;
}

#header, #content, #footer, #breadcrumbs, #banner, #footer {
	width: 902px;
	margin: 0 auto;
	text-align: left;
}

#footer { display: none}

#content {
	margin: 30px auto;
}

#content a {
	color: #333;
	text-decoration: none;
}

#content a:hover {
	color: #cbc901;
	text-decoration: none;
}

/* === Banner & Breadcrumbs === */

#banner-holder, #breadcrumbs-holder {
	width: 100%;
	display: none;
	background: #eeeff0;
	margin: 1px 0 0 0;
}

#breadcrumbs {
	font: 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #abadb3;
}

#breadcrumbs a {
	font: 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #abadb3;
	text-decoration: none;
}

#breadcrumbs a:hover {
	color: #85a3c2;
}

#banner {
	width: 902px;
	height: 215px;
	background: url(../img/banner-home.jpg) no-repeat left top;
}

/* === Header, Logo, Main nav, Search === */

.top-nav {
	display: none;
	float: right;
	text-align: right;
	background: url(../img/top-nav.gif) no-repeat 55px top;
}

.top-nav a {
	color: #abadb3;
	font: 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0 0px 0 10px;
	position: relative;
	bottom: 2px;
}

.top-nav a:hover {
	color: #ffffff;
	text-decoration: none;
}

.search {
	display: none;
	width: 297px;
	height: 47px;
	background: url(../img/search-bg.gif) repeat-x left top;
	border-left: 1px solid #013366;
	border-right: 1px solid #013366;
	float: right;
}

.search .field {
	display: block;
	float: right;
	margin: 10px 10px 0;
	width: 149px;
	height: 21px;
	background: url(../img/search-input.gif) no-repeat left top;
}

.search .field input {
	width: 120px;
	border: none;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 4px;
}
ul#main-nav {
	display: none;
	height: 47px;
	width: 603px;
	float: left;
	list-style-type: disc;
}

ul#main-nav li {
	border-left: 1px solid #013366;
	float: left;
	width: 200px;
}

ul#main-nav a {
	width: 200px;
	display: block;
	height: 47px
}

ul#main-nav a.solution { background: url(../img/button-solutions.gif) no-repeat left top;}
ul#main-nav a.why-eki { background: url(../img/button-why-eki.gif) no-repeat left top;}
ul#main-nav a.about-us { background: url(../img/button-about-us.gif) no-repeat left top;}

ul#main-nav a strong { display: none; }

#main-nav li ul {
	position: absolute;
	width: 10em;
	margin: 0px 0 0 0;
	left: -999em;
	border-top: 1px solid #fff;
}

#main-nav li:hover ul {
	left: auto;
}

#main-nav li:hover ul, #main-nav li.sfhover ul {
	left: auto;
}


#main-nav li ul a {
	height: auto;
}

#main-nav li ul.sub-solution {
	width: 200px;
	border-bottom: 1px solid #85a3c2; 
	list-style-type: none;
}

#main-nav li ul.sub-solution li { padding: 0; border: none}

#main-nav li ul.sub-solution a {
	font: 12px/24px Arial, Helvetica, sans-serif;
	background: #c9d5e2;
	padding: 0 10px;
	width: 180px;
	text-decoration: none;
	display: block;
	color: #000;
	border-bottom: 1px solid #85a3c2; 
}

#main-nav li ul.sub-solution a:hover {

	background: #85a3c2;
	color: #fff;
}

#main-nav li ul.sub-why-eki {
	width: 200px;
	border-bottom: 1px solid #e4a46a; 
	list-style-type: none;
}

#main-nav li ul.sub-why-eki li { padding: 0; border: none}

#main-nav li ul.sub-why-eki a {
	font: 12px/24px Arial, Helvetica, sans-serif;
	background: #f2d2b5;
	padding: 0 10px;
	width: 180px;
	text-decoration: none;
	display: block;
	color: #000;
	border-bottom: 1px solid #e4a46a; 
}

#main-nav li ul.sub-why-eki a:hover {
	background: #e4a46a;
	color: #fff;
}

#main-nav li ul.sub-about-us {
	width: 200px;
	border-bottom: 1px solid #e0c167; 
	list-style-type: none;
}

#main-nav li ul.sub-about-us li { padding: 0; border: none}

#main-nav li ul.sub-about-us a {
	font: 12px/24px Arial, Helvetica, sans-serif;
	background: #f0e0b3;
	padding: 0 10px;
	width: 180px;
	text-decoration: none;
	display: block;
	color: #000;
	border-bottom: 1px solid #e0c167 
}

#main-nav li ul.sub-about-us a:hover {
	background: #e0c167;
	color: #fff;
}


/* HOMEPAGE === Trusted partners, main-home === */

#trusted-partners {
	width: 310px;
	float: left;
	margin: 0 0 0 1px;
}

#trusted-partners p {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0 0 20px;
}

#main-home {
	float: left;
	width: 550px;
	margin: 0 0 0 40px;
}

#trusted-partners h2, #main-home h2 {
	height: 18px;
	padding: 0 0 12px;
	margin: 0 0 20px;
}

#trusted-partners h2.trusted-partners {
	font: 16px Arial, Helvetica, sans-serif;
	color: #b4b4bb;
	font-weight: bold;
	margin: 0 0 14px 0;
	border-bottom: 2px solid #cb9801;}

#main-home h2.offerings-spotlight {
	font: 16px Arial, Helvetica, sans-serif;
	color: #b4b4bb;
	font-weight: bold;
	margin: 0 0 14px 0;
	border-bottom: 2px solid #d26707;
}

#main-home h2.looking-for-high-impact-results {
	font: 16px Arial, Helvetica, sans-serif;
	color: #b4b4bb;
	font-weight: bold;
	margin: 0 0 14px 0;
	border-bottom: 2px solid #346699;
}

#main-home p {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0 0 20px;
}

#main-home p .inner-img {
	border: 1px solid #cbc901;
	padding: 1px;
	float: left;
	margin: 3px 10px 0 0;
}

#main-home ul, #main ul, #trusted-partners ul {
	list-style-type: disc;
	list-style-position: inside;
	margin: -15px 0 25px 0
}

#main-home ul li, #trusted-partners ul li {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0 0 0 0px;
	background: none;
	margin:0 0 5px 0;
}

#main ul li {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0 0 0 0px;
	background: none;
	margin:0 0 5px 0;
}

#main-home ul li a, #main ul li a, #trusted-partners ul li a {
	color: #333;
}


/* SUBPAGES === Interpage navigation, Main content, Sidebar === */

/* Navigation */

#navigation {
	width: 200px;
	float: left;
}

#navigation h2 {
	border-bottom: 2px solid #cb9801;
	padding: 0 0 12px;
	width: 200px;
	height: 18px;
}

#navigation h2.about-us {
	font: 16px Arial, Helvetica, sans-serif;
	color: #b4b4bb;
	font-weight: bold;
	margin: 0 0 0px 0;
}

#navigation ul {
	border-bottom: 1px solid #cdced1;
	list-style-type: none;
}

#navigation ul li a {
	border-bottom: 1px solid #cdced1;
	display: block;
	padding: 8px 18px;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #666666;
	width: 164px;
	text-decoration: none;
	background: url(../img/arrow-yellow.gif) no-repeat 10px 13px;
}

#navigation ul li a.inner {
	border-bottom: 1px solid #cdced1;
	display: block;
	padding: 8px 22px;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #666666;
	width: 156px;
	text-decoration: none;
	background: url(../img/arrow-yellow.gif) no-repeat 14px 13px;
}

#navigation ul li a:hover {
	color: #000;
	background: #f6f7f7 url(../img/arrow-blue.gif) no-repeat 10px 13px
}

#navigation ul li a.inner:hover {
	color: #000;
	background: #f6f7f7 url(../img/arrow-blue.gif) no-repeat 14px 13px
}

/* Main */

#main {
	margin: 0 0px 0 30px;
	width: 470px;
	float: left;
}

#main h2 {
	border-bottom: 2px solid #cb9801;
	padding: 0 0 12px;
	width: 470px;
	height: 18px;
	margin: 0 0 20px;
}

#main h2.overview {
	font: 16px Arial, Helvetica, sans-serif;
	color: #b4b4bb;
	font-weight: bold;
	margin: 0 0 14px 0;
}


#main p {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0 0 20px;
}

#main p .inner-img {
	border: 1px solid #cbc901;
	padding: 1px;
	float: left;
	margin: 3px 10px 0 0;
}

#main h3 {
	border-bottom: 1px solid #cdced1;
	border-top: 1px solid #cdced1;
	font: 12px/18px Arial, Helvetica, sans-serif;
	margin: 0 0 20px;
}

#main h3 strong {
	display: block;
	background: #f6f7f7;
	color: #666;
	padding: 5px;
	margin: 1px 0px;
}

#main .go-top {
	border-top: 1px solid #cdced1;
}

#main .go-top a {
	display: block;
	float: right;
	background:url(../img/top.gif) no-repeat left top;
	width: 41px;
	height: 14px;
	margin: 20px 0 0 0;
}

/* Sidebar */ 

#sidebar {
	width: 170px;
	margin: 30px 0px 0 30px;
	float: left;
	border-top: 2px solid #cbc901;
}

#sidebar ul {
	border-bottom: 1px solid #cdced1;
	list-style-type: none;
}

#sidebar ul li a {
	border-bottom: 1px solid #cdced1;
	display: block;
	padding: 8px 18px;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #666666;
	width: 134px;
	text-decoration: none;
	background: url(../img/arrow-yellow.gif) no-repeat 10px 13px;
}

#sidebar ul li a:hover {
	color: #000;
	background: #f6f7f7 url(../img/arrow-blue.gif) no-repeat 10px 13px;
}

#sidebar ul li.info {
	border-bottom: 1px solid #cdced1;
	background: #eeeff0 url(../img/ico-info.jpg) no-repeat 7px center;
	color: #666;
	padding: 10px 0 10px 27px;
	font: 12px/12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height:15px;
}

/* === Footer === */

#footer-holder {
	display: none;
	width: 100%;
	padding: 25px 0;
	background: #346699 url(../img/footer-bg.gif) repeat-x left top;
} 

.footer-nav {
	float: left;
	font: 11px/15px Arial, Helvetica, sans-serif;
}

.footer-nav strong { 
	float: left; 
	width: 48px;
	margin: 0 5px 0 0;
	font-weight: normal;
	color: #9ab3cc;
	text-align: right;
}

.footer-nav .links { 
	float: left;
	color: #d6e0eb;
}

.footer-nav .links a {
	color: #d6e0eb;
	text-decoration: none;
}

.links a:hover {
	color: #ffffff;
	text-decoration: none;
}

.copyright {
	font: 11px Arial, Helvetica, sans-serif;
	float: right;
	color: #d6e0eb;
	background: url(../img/eki-footer.gif) no-repeat right top;
	padding: 32px 0 0 0;
	text-align: right
}


body {
	/*background: #fff url(../img/popup-bg.gif) repeat-x left top;*/
	margin: 0;
	padding: 0;
}

* { margin: 0; padding: 0; }
*.clear { clear: both; }

a { outline: none; }

#pop-up { 
	width: 100%;
	text-align: left;
}

#header {
	height: 91px;
	background-color:#fff;
	background-repeat:no-repeat;
	padding-top:7px;
}

#header h1 {
	background: url(../img/eki-logo.gif) no-repeat left top;
	width: 159px;
	height: 56px;
	margin: 0px 0 8px 19px;
}

#header #sub_colors {height:27px;}
#header #sub_colors { display: none;}

#header #sub_colors #blue {
	float:left;
	height:27px;
	width:33%;
	background-image:url(../img/blue.gif);
	background-repeat:repeat-x;
}

#header #sub_colors #orange {
	float:left;
	height:27px;
	width:34%;
	background-image:url(../img/orange.gif);
	background-repeat:repeat-x;
}

#header #sub_colors #yellow {
	float:left;
	height:27px;
	width:33%;
	background-image:url(../img/yellow.gif);
	background-repeat:repeat-x;
}

#content {
	margin: 38px 23px 0;
}

#content h2 {
	font: 16px/18px Arial, Helvetica, sans-serif;
	color: #8f8f8f;
	font-weight: bold;
	margin: 0 0 20px 0;
}

#content p {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0 0 20px 0;
}

#content.popup ul {
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #666666;
	list-style-type: disc;
	list-style-position: inside;
	margin: -20px 0 20px 0;
}


#content ul li {
	background:url(../img/arrow-yellow.gif) no-repeat left center;
	padding: 0 0 0 10px;
}


#footer {
	width: 100%;
	height: 28px;
	border-top: 1px solid #cdced1;
	background: #346699;
	position: absolute;
	bottom: 0;
	margin: 30px 0 0 0;
}

#footer a.close {
	background: url(../img/close.gif) no-repeat left top;
	height: 14px;
	display: block;
	float: right;
	width: 96px;
	margin: 8px 20px 0 0;
}
