/*______________________________________________________ HTML */

html, body {
	margin: 0;
	padding: 0;
}

body {
	background: #F0F4F7 url("img/body_bg.gif") repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

h1,h2,h3,h4 {
	margin: 0;
}

/*______________________________________________________ CONTAINER */

#container {
	width: 712px;
}

/*______________________________________________________ TITLE */

#title {
	height: 120px;
}

#logo {
	float: left;
	width: 162px;
}

#logo a {
	height: 80px;
	width: 122px;
	display: block;
	background: url("img/logo.gif") no-repeat;
	margin: 20px 0 0 20px;
}

#logo span {
	display:none;
}

/*______________________________________________________ MENU */

#menu {
	height: 61px;
	margin-top: 59px;
	float: left;
	width: 550px;
	background: url("img/menu_bg.gif") repeat-x;
}

#menu .starter {
	width: 15px;
	height: 61px;
	float: left;
	background: url("img/menu_starter.gif") no-repeat;
}

#menu .ender {
	width: 15px;
	height: 61px;
	float: right;
	background: url("img/menu_ender.gif") right bottom no-repeat;
}

#menu .items {
	float: left;
	padding: 10px 0 0 0;
}

#menu ul {
	width: 550px;
}

#menu ul, #menu ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#menu ul li {
	padding: 0 0 0 15px;
}

#menu .title {
	width: 75px;
	padding: 0;
	margin: 0;
	position: relative;
	float: left;
	display: block;
}

#menu a {
	color: #FFF;
	text-decoration: none;
}

#menu a:hover {
	color: #FF6244;
}

#menu .spacer {
	height: 5px;
	display: block;
}

/*______________________________________________________ DEMONSTRATION */

#demonstration {
	position: absolute;
	width: 162px;
	top: 120px;
	left: 0px;
}

#demonstration span {
	display: none;
}

#demonstration a {
	height: 300px;
	width: 162px;
	background: url("img/demonstration.jpg") no-repeat;
	display: block;
}

/*______________________________________________________ CONTENT */

#content {
	width: 550px;
	position: absolute;
	top: 120px;
	left: 162px;
}

/*______________________________________________________ CONTENT _ BIG CONTENT */

#big {
	height: 200px;
	background: #DAE0E6 url("img/big_bg.gif") no-repeat;
}

#big span * {
	display: none;
}

#big span.title_about {
	height: 36px;
	width: 407px;
	display: block;
	background: url("img/big_title_about.jpg") no-repeat 11px 12px;
}

#big span.title_index {
	height: 36px;
	width: 347px;
	display: block;
	background: url("img/big_title_index.jpg") no-repeat 11px 12px;
}

#big span.title_features {
	height: 36px;
	width: 344px;
	display: block;
	background: url("img/big_title_features.jpg") no-repeat 11px 12px;
}

#big span.title_operation {
	height: 36px;
	width: 358px;
	display: block;
	background: url("img/big_title_operation.jpg") no-repeat 11px 12px;
}

#big span.title_tech {
	height: 36px;
	width: 444px;
	display: block;
	background: url("img/big_title_tech.jpg") no-repeat 11px 12px;
}

#big span.title_contact {
	height: 36px;
	width: 426px;
	display: block;
	background: url("img/big_title_contact.jpg") no-repeat 11px 12px;
}

#big span.title_agents {
	height: 36px;
	width: 420px;
	display: block;
	background: url("img/big_title_agents.jpg") no-repeat 11px 12px;
}

#big div.text {
	margin: 0;
	padding: 1em;
	font-size: medium;
	color: #4A5769;
	float: left;
	padding-right: 178px;
	font-weight: bold;
}

#big div.text span.darker {
	color: #3B4A5D;
}

#big div.text strong {
	color: #000;
}

#big div.interrupter_crusher {
	position: absolute;
	top: 79px;
	left: 372px;
	width: 151px;
	height: 140px;
	display: block;
	background: url("img/interrupter_crusher.jpg") no-repeat;
}

#big div.interrupter_flash {
	position: absolute;
	top: 79px;
	left: 372px;
	width: 151px;
	height: 140px;
	display: block;
	background: url("img/interrupter_flash.jpg") no-repeat;
}

#big div.interrupter_logo {
	position: absolute;
	top: 79px;
	left: 372px;
	width: 151px;
	height: 140px;
	display: block;
	background: url("img/interrupter_logo.jpg") no-repeat;
}

#big div.interrupter_world {
	position: absolute;
	top: 79px;
	left: 372px;
	width: 151px;
	height: 140px;
	display: block;
	background: url("img/interrupter_world.jpg") no-repeat;
}

#big div.text a {
	color: #2E74D7;
	text-decoration: none;
}

#big div.text a:hover, #big div.text a:hover strong {
	color: #FFF;
	text-decoration: underline;
}

#big div.text a strong {
	color: #1D63C6;
}

/*______________________________________________________ CONTENT _ MAIN CONTENT */

#main {
	background: #DAE0E6 url("img/main_starter.gif") left bottom no-repeat;
	padding: 2em 1em 1em 1em;
}

#main a {
	color: #204980;
}

#main a:hover {
	color: #6089bf;
}

#main ul li {
	color: #FA735A;
	font-weight: bold;
}

#main table {
	width: 520px;
	color: #FFF;
	border: 0;
}

#main h4 {
	clear: both;
}

#main table tr.heading {
	background: #2E425C;
}

#main table tr.heading td.bullet {
	background: #929CA8;
}

#main table tr.heading td.alt {
	background: #3B4A5D;
}

#main table tr.content {
	background: #B0C1D9;
	color: #4A5769;
}

#main table tr.content td.bullet {
	background: #C9D3E0;
}

#main table tr.content td.alt {
	background: #B7C6DA;
}

#main table tr.content2 {
	background: #BCCDE5;
	color: #4A5769;
}

#main table tr.content2 td.bullet {
	background: #CFD9E6;
}

#main table tr.content2 td.alt {
	background: #C3D2E5;
}

#main table tr.footnote {
	text-align: right;
	color: #929CA8;
}

#main div.agents_map {
	position: relative;
	float: left;
	width: 300px;
}

#main div.agents_list {
	position: relative;
	float: right;
	width: 200px;
}

#main div.agents_details h4 {
	border-bottom: 1px solid #8b95a2;
	width: 400px;
	color: #252b33;
}

#main div.agents_details p {
	position: relative;
	float: left;
	padding-left: 10px;
	width: 240px;
}

#main div.agents_details p.additional {
	position: relative;
	float: right;
	padding-left: 0px;
	width: 250px;
}

#main div.agents_fixer {
	clear: both;
}