* {margin:0;padding:0;}
body {
  background:url(../gfx/bg.png) top repeat-x #FFFFFF;
  font-size:13px;
  line-height:20px;
  font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  text-align:center;
}
a {text-decoration:none;color:#0088CC;-moz-outline:none;}
a:hover {text-decoration:underline;}
a img {border:0;}
.clear {clear:both;width:0;height:0;overflow:hidden;}
.left  {float:left;}
.right {float:right;}
.hide  {display:none;}

.index #bg {
  width:100%;
  background:url(../gfx/home_bg.png) center 204px no-repeat;
  margin:0;
  position:absolute;
  top:0;
  left:0;
}
#wrapper {
  width:980px;
  margin:0 auto;
  text-align:left;
  z-index:100;
}
#lang {
  width:960px;
  margin:0 10px;
  height:24px;
  line-height:24px;
  font-size:11px;
  text-align:right;
}
#menu {
  width:980px;
  height:40px;
  margin-top:0;
  
  line-height:40px;
  color:#666;
  font-weight:bold;
  font-size:11px;
}
#menu ul {
	list-style-type:none;
}
#menu ul li {
	display:block;
	height:40px;
	float:left;
	
}
#menu ul li a {
  text-decoration:none;
  display:block;
  line-height:40px;
  height:40px;
  font-size:12px;
  color:#333;
  text-align:center;
  font-weight:bold;
  text-transform:lowercase;
}
#menu ul li a:hover,
#menu ul li a.active {
  color:#FFF;
}

#menu ul li#menu_home a {
  width:147px;  
  background-image:url(../gfx/menu.png);
  background-position:0px 0px;
  text-indent:-9999px;
}
#menu ul li#menu_home a:hover {
  background-position:0px -40px;
}
#menu ul li#menu_home a:active {
  background-position:0px -80px;
}
#menu ul li#menu_home a.active {
  background-position:0px -120px;
}

#menu ul li#menu_functions a {
  width:137px;
  background-image:url(../gfx/menu.png);
  background-position:-147px 0px;
}
#menu ul li#menu_functions a:hover {
  background-position:-147px -40px;
}
#menu ul li#menu_functions a:active {
  background-position:-147px -80px;
}
#menu ul li#menu_functions a.active {
  background-position:-147px -120px;
}

#menu ul li#menu_quicktours a {
  width:137px;  
  background-image:url(../gfx/menu.png);
  background-position:-284px 0px;
}
#menu ul li#menu_quicktours a:hover {
  background-position:-284px -40px;
}
#menu ul li#menu_quicktours a:active {
  background-position:-284px -80px;
}
#menu ul li#menu_quicktours a.active {
  background-position:-284px -120px;
}

#menu ul li#menu_references a {
  width:137px;  
  background-image:url(../gfx/menu.png);
  background-position:-421px 0px;
}
#menu ul li#menu_references a:hover {
  background-position:-421px -40px;
}
#menu ul li#menu_references a:active {
  background-position:-421px -80px;
}
#menu ul li#menu_references a.active {
  background-position:-421px -120px;
}

#menu ul li#menu_partners a {
  width:137px;  
  background-image:url(../gfx/menu.png);
  background-position:-558px 0px;
}
#menu ul li#menu_partners a:hover {
  background-position:-558px -40px;
}
#menu ul li#menu_partners a:active {
  background-position:-558px -80px;
}
#menu ul li#menu_partners a.active {
  background-position:-558px -120px;
}

#menu ul li#menu_contact a {
  width:137px;  
  background-image:url(../gfx/menu.png);
  background-position:-695px 0px;
}
#menu ul li#menu_contact a:hover {
  background-position:-695px -40px;
}
#menu ul li#menu_contact a:active {
  background-position:-695px -80px;
}
#menu ul li#menu_contact a.active {
  background-position:-695px -120px;
}

#menu ul li#menu_demo a {
  width:148px;
  color:#FFF;
  background-image:url(../gfx/menu.png);
  background-position:-832px 0px;
}
#menu ul li#menu_demo a:hover {
  background-position:-832px -40px;
}
#menu ul li#menu_demo a:active {
  background-position:-832px -80px;
}
#menu ul li#menu_demo a.active {
  background-position:-832px -120px;
}


#bottom {
	width:980px;
	height:100px;
	margin-top:10px;
	background:url(../gfx/bottom.png);

	font-size:11px;
}
#bottom .box {
	float:left;
  height:70px;
  width:298px;
}
#bottom .box img {
  float:left;
  margin:5px 15px 10px 10px;
}
#bottom .box h4 {
	font-size:12px;
	color:#000;
	line-height:21px;
}
#bottom .box p {
	color:#666;
	line-height:15px;
}
#bottom .box p a {
  background:url(../gfx/bottom_link_bullet.png) right center no-repeat;
  padding-right:10px;
}
#bottom .first {
  margin:15px 0 0 22px;
}
#bottom .second,
#bottom .third {
  margin:15px 0 0 21px;
}

#copy {
  width:980px;
  margin:5px;
  line-height:20px;
  color:#999999;
  text-align:center;
  font-size:11px;
}

#header {
	width:958px;
	margin:0 auto;
	height:110px;
	padding-top:140px;
	background:url(../gfx/header.png);
}
#header h1 {
	display:none;
}
#header h2 {
	line-height:40px;
}

#content h1 {
  margin:0 11px;
  line-height:34px;
  font-size:20px;
}
#content h2,
#content h3 {
  font-size:14px;
}
#content p {
  color:#666666;
}
a.arrow {
	  background:url(../gfx/bottom_link_bullet.png) right center no-repeat;
  padding-right:10px;
}

#index {
  width:962px;
  margin-left:7px;
  
}
#index .shortcuts {
  float:left;
  height:146px;
  width:360px;
  background:url(../gfx/shortcuts.png);
  font-size:11px;
}
#index .shortcuts ul {
	list-style-type:none;
	margin:3px 0 0 3px;
}
#index .shortcuts ul li {
  display:block;
  float:left;
  width:174px;
  height:44px;
  line-height:44px;
  margin:2px 0 0 2px;
}

#index .shortcuts ul li a {
  width:174px;
  height:44px;
  text-indent:44px;
  display:block;
  font-weight:bold;
  cursor:pointer;

  background:url(../gfx/shortcut_bullets.png) 150px 0px no-repeat;
}

#index .shortcuts ul li a.seo span {
	background:url(../gfx/icons/seo.png) 7px center no-repeat;
}
#index .shortcuts ul li a.international span {
	background:url(../gfx/icons/international.png) 7px center no-repeat;
}
#index .shortcuts ul li a.integration span {
	background:url(../gfx/icons/integration.png) 7px center no-repeat;
}
#index .shortcuts ul li a.safety span {
	background:url(../gfx/icons/safety.png) 7px center no-repeat;
}
#index .shortcuts ul li a.costs span {
	background:url(../gfx/icons/costs.png) 7px center no-repeat;
}
#index .shortcuts ul li a.social span {
	background:url(../gfx/icons/social.png) 7px center no-repeat;
}


#index .shortcuts ul li a:hover {
  text-decoration:none;

  background:url(../gfx/shortcut_bullets.png) 150px -44px no-repeat;
}
#index .shortcuts ul li a span {
  display:block;
  width:174px;
  height:44px;

  color:#666;
}
#index .shortcuts ul li a:hover span {
  color:#0088CC;
  text-decoration:none;
}

#index .news {
  float:left;
  width:352px;
  margin:0 4px;
}
#index .news .item {
  border-bottom:1px solid #EEE;
  width:352px;
  height:33px;
  line-height:33px;
  background:url(../gfx/shortcut_bullets.png) left center no-repeat;
  text-indent:20px;
  
  
}
#index .news .item h5 {
  color:#0088CC;
  display:inline;
  font-size:12px;
}
#index .news .item p {
  display:inline;
  margin-left:5px;
  color:#AAA;
  font-size:12px;
}
#index .box {
  float:left;
  width:274px;
  margin-left:27px;
}
#index .box .screenshots {
	width:274px;
	height:65px;
	margin-top:15px;
}
#index .box .screenshots .item {
	width:85px;
	height:65px;
	background:url(../gfx/screenshots_bg.png) no-repeat;
	float:left;
}
#index .box .screenshots .item img {
  padding:14px 10px 10px 15px;
}
#index .box .screenshots .item.second,
#index .box .screenshots .item.third {
	margin-left:4px;
}
#index .box p {
}
#index .spacer {
  clear:both;
  height:20px;
}

#references {
  width:958px;
  margin:0 11px;
}
#references .quote {
  width:958px;
  background:url(../gfx/quote_bg.png) top;
  padding-top:15px;
  color:#005984;
  font-size:16px;
  font-style:italic;
}
#references .quote span { 
  font-weight:bold;
  font-size:20px;
}
#references .quote .inner {
  width:918px;
  background:url(../gfx/quote_bg.png) bottom;
  padding:0 20px 15px 20px;
}
#references .quote strong {
  font-style:normal;
  font-size:12px;
  color:#999;
}
#references .item {
	margin:20px 0;
}
#references .item .screenshot {
	width:230px;
	height:180px;
	float:left;
	background:url(../gfx/screenshots_large_bg.png) no-repeat;
}
#references .item .screenshot img {
  padding:14px 10px 10px 15px;
}
#references .item .text {
  float:left;
  width:708px;
  margin-left:20px;
}

#functions {
  width:962px;
  margin:0 11px 0 7px;
  background:url(../gfx/submen_bg.png) no-repeat;
}

#functions .text {
	float:left;
	margin-left:25px;
	width:679px;
}
.submenu ul {
	list-style-type:none;

}


#submenu {
  width:258px;
  float:left;
  font-size:11px;
}
#submenu ul {
  list-style-type:none;
}
#submenu ul li {
  display:block;
  width:258px;
  background:url(../gfx/submenu.png) left center;
}
#submenu ul li.top {
  background:url(../gfx/submenu.png) left top;
  padding-top:5px;
}
#submenu ul li.bottom {
  background:url(../gfx/submenu.png) left bottom;
  padding-bottom:5px;
}
#submenu ul li.active {
  background:url(../gfx/submenu.png) right center !important;
}
#submenu ul li.active_top {
  background:url(../gfx/submenu.png) right top !important;
  padding-top:5px;
}
#submenu ul li.active_bottom {
  background:url(../gfx/submenu.png) right bottom !important;
  padding-bottom:5px;
}




#submenu ul li a {
	display:block;
	width:258px;
	height:44px;
	line-height:44px;
	text-indent:44px;
	color:#666;
	background:url(../gfx/shortcut_bullets.png) 225px 0px no-repeat;
	cursor:pointer;

}
#submenu ul li a:hover {
  color:#0088CC;
  text-decoration:none;
  background:url(../gfx/shortcut_bullets.png) 225px -44px no-repeat;
}
#submenu ul li.active a,
#submenu ul li.active_top a,
#submenu ul li.active_bottom a {
  background:url(../gfx/shortcut_bullets.png) 225px -88px no-repeat;
  font-weight:bold;
  color:#000;
}
#submenu ul li.active a:hover,
#submenu ul li.active_top a:hover,
#submenu ul li.active_bottom a:hover {
	color:#000;
	background:url(../gfx/shortcut_bullets.png) 225px -88px no-repeat;
}
#submenu ul li a:active,
#submenu ul li a:active_top,
#submenu ul li a:active_bottom {
  background:url(../gfx/shortcut_bullets.png) 225px -88px no-repeat;
}


#submenu ul li span {
  display:block;
  width:248px;
  height:42px;
  margin-left:5px;
  border-bottom:1px solid #DEDEDE;
  border-top:1px solid #FFF;
}
#submenu ul li.top span,
#submenu ul li.active_top span{
  border-top:none;
  height:43px;
}
#submenu ul li.bottom span,
#submenu ul li.active_bottom span{
  border-bottom:none;
  height:43px;
}
#submenu ul li.active span,
#submenu ul li.active_top span,
#submenu ul li.active_bottom span{
	border-color:#EEE;
}

#submenu a.video span {
	background:url(../gfx/icons/video.png) 7px center no-repeat;
}
#submenu a.seo span {
	background:url(../gfx/icons/seo.png) 7px center no-repeat;
}
#submenu a.international span {
	background:url(../gfx/icons/international.png) 7px center no-repeat;
}
#submenu a.integration span {
	background:url(../gfx/icons/integration.png) 7px center no-repeat;
}
#submenu a.safety span {
	background:url(../gfx/icons/safety.png) 7px center no-repeat;
}
#submenu a.costs span {
	background:url(../gfx/icons/costs.png) 7px center no-repeat;
}
#submenu a.social span {
	background:url(../gfx/icons/social.png) 7px center no-repeat;
}

#quicktours {
  width:958px;
  margin:0 11px;
}

.textpage {
	width:958px;
	margin:0 11px;
}
.textpage ul.style,
#functions .text ul.style {
  list-style-type:none;
}
.textpage ul.style li,
#functions .text ul.style li {
  background:url(../gfx/shortcut_bullets.png) 0px -56px no-repeat;
  text-indent:20px;
}

#contactform {
	width:918px;
	height:210px;
	background:url(../gfx/form_bg.png);
	padding:20px;
	line-height:12px;
	margin:20px 11px 0 11px;
}
#contactform .fields {
	float:left;
	width:409px;
}
#contactform .message {
	float:right;
	width:489px;
}
#contactform label {
	font-weight:bold;
	font-size:12px;
	color:#000;
}
#contactform label.error,
#contactform label.error span {
	color:#C61E15;
}
#contactform label span {
	font-size:10px;
	color:#999;
	font-weight:normal;
}
#contactform .input,
#contactform .textarea {
	width:100%;
	margin-top:5px;
	border:1px solid #AAA;
	text-indent:0;
	line-height:12px;
}
#contactform .input {
	height:18px;
}
#contactform .textarea {
	height:117px;
	margin-bottom:4px;
}
#contactform .submit {
	width:120px;
	margin-left:371px;
}

#msg_form_message {
	width:958px;
	height:44px;
	line-height:44px;
	font-weight:bold;
	margin:10px 11px 0 11px;
	text-indent:44px;
}
#msg_form_message.oke {
	background:url(../gfx/form_sent_oke.png);
	color:#0088CC;
}
#msg_form_message.error {
	background:url(../gfx/form_sent_error.png);
	color:#C61E15;
}

#contact .text {
	float:left;
	width:688px;
}
#contact .address {
  background:url(../gfx/address_bg.png) top;
  padding-top:15px;
  width:250px;
  float:right;
  color:#005984;
}
#contact .address a {
  color:#005984;
  text-decoration:underline;
}
#contact .address .inner {
  background:url(../gfx/address_bg.png) bottom;
  width:210px;
  padding:0 20px 15px 20px;

}
ul.simple li {
  list-style-type:square;
  margin-left:20px;
}
#partners .item {
  margin-top:10px;
}
#partners .item .image {
  width:114px;
  height:114px;
  background:#999;
  float:left;
}
#partners .item .text {
  float:right;
  width:824px;
}