/*-------------------------*//* global layout styles *//*---------------------------------*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

#container{
	width:960px;
	margin:0 auto;
	min-height: 100%;
}

/*header*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

#header{
	padding: 19px 0 8px;
	height: 63px;
}

#header #logo {
	float:left;
}  

/*navigation*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

#nav {
	float: right;
	margin: 0;
	padding: 12px 0 0;
	zoom: 1;
	font-size:12px;
	font-weight:bold;
}
#nav:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

#nav ul{
	margin:0 1px 0 0;
	list-style:none;
}

#nav li{
	float:left;
	margin:0 -1px 0 0;
}

#nav a {
	background: url(/images/bg_nav.png) no-repeat right;
	color: #1E7ECD;
	display: block;
	_float: left; /* :hack: width firx for IE6 */
}

#nav span {
	display: block;
	padding: 7px 16px 0;
	height: 19px;
	cursor: pointer;
	line-height: 1;
	_float: left; /* :hack: width firx for IE6 */
}

#nav a:focus, #nav a:hover {
	color: #666666;
	text-decoration: none;
}

#body_home #nav_home a, 
.body_services #nav_services a, 
#body_technology #nav_technology a, 
#body_clients #nav_clients a, 
#body_about_us #nav_about_us a, 
#body_archive #nav_archive a,
#body_links #nav_links a,
#body_contact_us #nav_contact_us a {
	color: #222;
	background: url(/images/bg_nav_on.png) no-repeat 100% 0;
}

#body_home #nav_home span, 
.body_services #nav_services span, 
#body_technology #nav_technology span, 
#body_clients #nav_clients span, 
#body_about_us #nav_about_us span, 
#body_archive #nav_archive span,
#body_links #nav_links span,
#body_contact_us #nav_contact_us span {
	background: url(/images/bg_nav_on.png) no-repeat 0 -26px;
}

#nav_login a:link, #nav_login a:visited, #nav_login a:link span, #nav_login a:visited span { color: #d5571f; }

/*content*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

#content{
	clear: both;
	background: url(/images/bg_content.png) repeat-y 225px 0;
	border-bottom: 173px solid #fff;
	zoom: 1;
}
#content:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

#content_main {
	float: left;
	margin-left: 256px;
	width: 704px;
	_display:inline; /* :hack: double left margin fix for IE6 */
}

/* sub nav */

#nav_sub {
	float: left;
	width: 226px;
	margin: 0 0 20px -100%;
}

#nav_sub ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #cbdae5; font-weight: bold; font-size: 1.17em; text-transform: capitalize; }
#nav_sub li { margin: 0; _display: inline; /* :hack: fix gaps in IE6 */ }
#nav_sub a { display: block; border: 1px solid #cbdae5; border-top-color: #fff; border-left-width: 0; }
#nav_sub span { display: block; padding: 8px 0 7px 23px; background: #ecf5fb url(/images/bg_nav_sub.png) no-repeat 6px 11px; border-right: 3px solid #e0edf6; cursor:pointer;zoom:1; }
#nav_sub a:focus, #nav_sub a:hover { text-decoration: none; color: #09497e; }
#nav_sub a:focus span, #nav_sub a:hover span { border-right-color: #f3f8fb; background-color: #f7fbfd; background-image: url(/images/bg_nav_sub_over.png); }
#body_benefits #nav_benefits a,
#body_rewards #nav_rewards a,
#body_flexible #nav_flexible a,
#body_calculator #nav_calculator a,
#body_tools #nav_tools a { border-right-color: #fff; color: #323232; }
#body_benefits #nav_benefits span,
#body_rewards #nav_rewards span,
#body_flexible #nav_flexible span,
#body_calculator #nav_calculator span,
#body_tools #nav_tools span { border-right-color: #fff; background-color: #fff; }
       
/*footer*/
/*/////////////////////////////////////////////////////////////////////////////////////////*/

#footer{
	clear: both;
	background: #0f2e57 url(/images/bg_footer2.png) repeat-x top;
	margin: -153px 0 0;
	color: #fff;
	color: #75b6e8;
	zoom: 1;
}

#footer_sleeve {
	background: url(/images/bg_footer_sleeve2.png) no-repeat 0 0;
	padding: 35px 0 0;
	height: 118px;
	width: 960px;
	margin: 0 auto;
}

#footer img { float: right; margin: 12px 0 0 20px; }

#footer ul{
	margin:0 0 10px;
	list-style: none;
	zoom: 1;
}
#footer ul:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }

#footer li{
	float:left;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid;
}

#footer li#kyan{
	border-right: 0;
}

#footer a { color: #fff; }

/* specific blocks */

#content.wide { background: url(/images/bg_content_clients.png) no-repeat 0 100%; }
.wide #intro { background: #ecf4fc; width: 260px; padding: 15px 20px 0; margin-bottom: 5px; float: left; }
.wide #intro h2 { font-size: 2.5em; margin-bottom: 15px; }
.wide #intro h3 { font-size: 1.33em; margin-top: 40px; }
body#body_technology .wide #intro h3 { margin: 10px 0 20px 0; }
.wide #main { float: right; width: 630px; }


.demo { color: #323232; font-size: 1.33em; font-weight: bold; padding: 13px 15px; background: #ebf4f8; margin: 30px 0 0; }
.demo img { vertical-align: -9px; margin-left: 15px; }


/* specific pages */

#body_home { background-image: url(/images/bg_body_home2.png); }
#body_home #content { background: none; }
#body_home #intro { height: 180px; padding: 105px 10px 0 750px; background: #0e4a82 url(/images/hdr_home.png) no-repeat 0 0; color: #fff; text-shadow: 1px 1px 1px #333; margin: 0 0 28px; position: relative; }
#body_home h1, #body_home #intro h2, #body_home #intro .button span { position: absolute; left: -9999px; }
#body_home #intro .button { position: absolute; top: 187px; left: 0; width: 93px; height: 30px; }
#body_home #intro .button a { display: block; width: 100%; height: 100%; }
#body_home #intro #button_technology { left: 102px; width: 122px; }
#body_home #intro #button_login { left: 750px; }
#body_home #advantages { float: left; font-size: 13px; line-height:18px; width: 960px; margin: 10px 30px 10px 0; }

#body_home #news { float: left; background: #ecf4fc; padding: 13px 15px 5px 15px; margin: 0 41px 10px 0; width: 206px; font-size: 1em; }

#home_news { margin: 0 0 5px 0; }
#news_title { margin: 10px 0 3px 0; color: #1d1d1d; font-size: 1.1em; font-weight: bold; }

#body_home #arrange { font-size: 1.17em; padding-top: 5px; }
#body_home #arrange img { display: block; margin: 0 0 15px; }
#body_home #arrange a { display: block; margin: 5px 0; }
#body_home #arrange span { color: #333; }
#body_home #tech { float: left; width: 430px; padding: 15px; margin: 0 30px 20px 0; background: #ecf4fc; }
#body_home #application { float: left; width: 470px; padding: 15px 0 0; margin: 0 0 20px; }
#body_home #tech h2, #body_home #application h2 { font-size: 2.17em; }
#body_home #tech h3, #body_home #application h3 { margin: 0; }
#body_home #tech ul { background: #fff; margin: 0 0 20px; padding: 18px 12px; list-style: none; }
#body_home #tech li { margin: 0 0 20px; padding: 0 0 0 50px; background: no-repeat 0 0; }
#body_home #tech #tech_flexible { background-image: url(/images/icon_flexible.png); }
#body_home #tech #tech_customisation { background-image: url(/images/icon_customisation.png); }
#body_home #tech #tech_updates { background-image: url(/images/icon_updates.png); }
#body_home #tech #tech_record { margin: 0; background-image: url(/images/icon_record.png); }
#body_home #tech p { font-size: 1.17em; margin-bottom: 20px; }
#body_home #tech li p, #body_home #tech .more { font-size: 1em; margin-bottom: 0; }
#body_home #application li { margin: 0 0 20px 16px; width: 227px; _height:225px;#min-height:225px; /* :hack: fix IE's clearing of subsequent lis */ }
#body_home #application li.row_leader { margin-left: 0; }
#body_home #application li img { float: none; display: block; margin: 10px 0; }
#body_home #application .button { float: left; }
#body_home #application .more { margin: 5px 0 0 245px;}
#body_home #clients { width: 460px; margin: 0 30px 20px 0; float: left; position: relative; }
#body_home #clients li { height: 170px; position: relative; padding-bottom: 50px;}
#body_home #clients cite { position: absolute; bottom: 0; right: 50px; }
#body_home #calculator { position: relative; width: 205px; height: 167px; padding: 40px 250px 0 15px; float: left; background: url(/images/bg_home_calculator.jpg); }
#body_home #calculator h2 { position: absolute; left: -9999px; }
#body_home #calculator .button { position: absolute; left: 15px; bottom: 30px; }


#body_calculator #calculator { background: url(/images/bg_calculator.jpg) no-repeat bottom; position: relative; padding: 0 0 73px; zoom: 1; /* :hack: bg clipping in IE6 */ }
#body_calculator #calculator #intro { width: 350px; float: left; }
#body_calculator #calculator form { width: 315px; margin-left: 375px; _margin-left: 372px; /* :hack: IE6 3px jog fix */ }
#body_calculator #calculator form .error { background: url(/images/incorrect.gif) no-repeat 0 0; float: left; width: 16px; height: 16px; }
#body_calculator #calculator form .ok { float: left; width: 0; height: 0; line-height: 0; }
#body_calculator #calculator input.text { width: 100px; }


/*#body_clients .boxes li { text-align: center; width: 280px; padding: 10px; height: 160px; background: url(/images/bg_clients_li.png) no-repeat 0 0; }*/
#body_clients .boxes li{ text-align: center; width: 300px; padding-bottom: 4px; background: url(/images/bg_box_helper.png) no-repeat 100% 100%;}
#body_clients .boxes li .box_top { padding-bottom: 1px; min-height: 190px; height: auto !important; height: 190px; padding-top: 10px; background: url(/images/bg_box_helper.png) no-repeat 0 0;}
#body_clients .boxes li p{ padding: 10px;}


#body_clients .boxes img { float: none; display: block; margin: 0 auto 10px; }

#body_tools #hdr_prompt { padding: 12px 58px 18px; background: url(/images/icon_prompt.png) no-repeat 0 0; margin-top: 30px; }
#body_tools #hdr_tracker { padding: 12px 58px 18px; background: url(/images/icon_tracker.png) no-repeat 0 0; margin-top: 30px; }

#map { padding: 3px; border: 1px solid #e4e4e4; }
#map_sleeve { width:622px; height:342px; }

ul#quotes{ list-style: none; margin: 0;}
ul#quotes li{ width: 100%;}

#clients p.more{ position: absolute; bottom: 0;}