/* GENERAL */

* {	margin: 0; padding: 0;}

body { font-family: Arial; font-size: 12px; color: #000;	background: url(../i/bg.gif) repeat-x top; margin: 0;}

input {}

a { text-decoration: none; color: #07B2DE;}
a:hover { text-decoration: none; color: #07B2DE;}

p { margin: 10px 0; }

ul { list-style-type: none; }

h1 { font-size: 30px; font-weight:normal; margin-bottom: 10px; color: #07B2DE;}
h2 { font-size: 22px; font-weight: bold; margin-bottom: 10px;}
h3 { font-size: 18px; font-weight: normal; color: #666; margin-bottom: 10px;}

.BlueText { color:#07B2DE;}
.CoffeeText { color:#BB7108;}
.GreenText { color:#79A03D;}
.PassiveText { color: #888;}

.MR15 { margin-right: 15px;}

.ClearAll { clear: both;}

/* GENERAL */

.Container {
	text-align: left;
	width: 960px;
}

.Header {
	height: 145px;
	position: relative;
}

.Logo {
	position: absolute;
	top: 30px;
	left: 0;
}

.Logo a {
	background: url(../i/logo.gif) no-repeat;
	width: 219px;
	height: 91px;
	display: block;
}

.TopNavi {
	position: absolute;
	right: 10px;
	top: 25px;
}

.TopNavi li {
	float: left;
	margin-left: 20px;
}

.TopNavi  li a{
	color: #666;
	font-size: 11px;
}

.TopNavi li a:hover {
	color: #07B2DE;
}

.Language {
	background: url(../i/icon_dropdown.gif) no-repeat right center;
	padding-right: 15px;
}

.Navi {
	position: absolute;
	right: 0;
	top: 60px;
}


.Navi li {
	float: left;
	margin-left: 20px;
}

.Navi li a {
	color: #666;
	font-size: 15px;
	font-weight: bold;
	display: block;
	padding: 5px 5px 5px 10px;
	height: 23px;
	float: left;
}

.Navi li a:hover {
	color: #07B2DE;
}

.Navi li.Active {
	background: url(../i/bg_navi_right.gif) no-repeat right top;
	padding-right: 5px;
}

.Navi li.Active a {
	background: url(../i/bg_navi_left.gif) no-repeat;
	color: #fff;
}

.Navi li.Active a:hover {
    background: url(../i/bg_navi_left.gif) no-repeat;
    color: #fff;
}

.Splash {margin-bottom: 10px;}

.Layout {}

.Box {
	background: url(../i/bg_box.gif) no-repeat;
	padding: 15px;
	width: 280px;
	height: 121px;
	float: left;
	font-size: 11px;
	margin-bottom: 10px;
}

.Services {
	border-top: 1px solid #ccc;
	padding: 5px 0;
}

.WhatWeDo {
	background: url(../i/bg_blue.png) repeat-x;
	padding: 10px;
	width: 520px;
	float: left;
	margin-right: 5px;
}

.Others {
	background: url(../i/bg_gray.png) repeat-x;
	padding: 20px;
	width: 375px;
	float: left;
	color: #666;
	font-size: 11px;
}

.WhatWeDo li {
	border-bottom: 1px dashed #ccc;
	padding: 7px 0;
	width: 340px;
}

.WhatWeDo li a {
	color: #000;
}

.ViewAll {
	float: right;
	margin: 10px 10px 0 0;
}

.BTN {
	background: url(../i/btn_right.gif) no-repeat right top;
	padding-right: 5px;
	float: left;
}

.BTN a {
	background: url(../i/btn_left.gif) no-repeat;
	padding: 4px 5px 0 10px;
	height: 19px;
	color: #1181A1;
	font-size: 12px;
	font-weight: bold;
	display: block;
	float: left;
}

.Footer {
	padding: 20px 0;
	position: relative;
	border-top: 1px solid #ccc;
	margin-top: 10px;
}

.Footer li {
	float: left;
	margin-right: 10px;
}

.Footer li a {
	padding: 5px 10px;
	color: #000;
	font-size: 11px;
}

.Copyright {
	margin: 10px 0 0 8px;
	font-size: 10px;
	color: #666;
}

.Partners {
	position: absolute;
	right: 0;
	top: 10px;
}

.SubTitle {
	height: 57px;
	margin-bottom: 10px;
	padding: 23px 0 0 80px;
}

.SubServices { background: url(../i/bg_services.png) no-repeat;}
.SubProducts { background: url(../i/bg_products.png) no-repeat;}

.Left {
	float: left;
	width: 230px;
}

.Right {
	float: right;
	width: 690px;
	padding: 10px;
}

.SubNavi {
	background: #efefef;
	padding: 15px;
}

*html .SubNavi li {
	margin: 0 0 -10px 0;
}

.SubNavi li {
	margin-bottom: 5px;
}

.SubNavi li a {
	font-size: 13px;
	color: #666;
	padding: 5px 10px;
	display: block;
}

.SubNavi li a:hover {
	color: #07B2DE;
}

.SubNavi li.Active a {
	background: url(../i/icon_arrow.gif) no-repeat #07B2DE right;
	color: #fff;
}

.FullBox {
	background: url(../i/bg_blue.png) repeat-x;
	padding: 15px;
	margin-bottom: 10px;
}