html, body
{
	height : 100%;
}

body
{
	margin : 0;
	padding : 0;
}

body, p, a, span
{
	font-size : 14px;
	color : #000000;
	font-family : Tahoma, Arial, Verdana;
	text-decoration : none;
}

a
{
	color : #6284AE;
	text-decoration : underline;
}

img,div,a, ul, li
{
	margin : 0;
	padding : 0;
	border : 0;
}

body
{
	background : #ffffff url(../img/gradient.png) repeat-x;
}

table, td
{
	border-collapse : collapse;
	border-width : 0;
	padding : 0;
	margin : 0;
}
table.comparison {
	margin-bottom: 30px;
	border-bottom: 1px solid #A2D142;
}
table.comparison td h4{
	display: block;
	position: relative;
	top: 0; left: 0;
}
table.comparison td {
	padding: 10px;
	font-size: 1.2em;
	text-align: center;
	border: 0;
}
table.comparison td a {
	font-size: 1em !important;
}
table.comparison tr.odd td{
	background: #F3F5FF;
}
table.comparison td.category {
	text-align: left;
}
.trial-note {
	display: block;
	padding: 4px 0;
	color: red;
}
.learn-more {
	display: block;
	padding: 12px 0;
}

#main
{
	width : 960px;
	margin : 0 auto;
	padding : 100px 0 0 0;
	position : relative;
	overflow : hidden;
	zoom : 1;
}

/* logo */
#logo
{
	display : block;
	position : absolute;
	left : 22px;
	top : 22px;
	width : 194px;
	height : 51px;
	padding : 10px;
	background : url(../img/logo.png) no-repeat 10px 10px;
}


/* top menu */
#menu
{
	position : absolute;
	top : 28px;
	right : 20px;
	z-index : 100;
	float : none;
}

#menu li
{
	height : 35px;
	list-style : none;
	float : left;
	margin : 0 2px;
}

#menu li div
{
	padding : 0 15px;
	height : 100%;
	float : left;
}

#menu li div a
{
	height : 100%;
	float : left;
	font-size : 18px;
	text-decoration : none;
	color : #3666a5;
	line-height : 35px;
	background : url(../img/menu_dots.png) repeat-x 0 31px;
	cursor : pointer;
}

#menu li.m_select
{
	background : #A1D042 url(../img/green_block_l.png) no-repeat;
}

#menu li.m_select div
{
	background : transparent url(../img/green_block_r.png) no-repeat 100% 0;
}

#menu li.m_select div a
{
	color : #ffffff;
	background : transparent none;
}
/* /top menu */

/* navigation */
#navigation
{
	padding : 5px 0 0 15px;
	overflow : hidden;
	zoom : 1;
}

#navigation div
{
	float : left;
	height : 30px;
	padding : 0 3px;
	font-size : 18px;
	color : #696969;
	line-height : 30px;
}

#navigation div.nav_arrow
{
	line-height : 32px;
}

#navigation div a
{
	text-decoration : none;
	font-size : 18px;
	color : #3465A4;
}
/* /navigation */





/* other */
.l_color
{
	color : #3465A4;
}

.yellow_head
{
	overflow : hidden;
	zoom : 1;
}

.yellow_head div
{
	background : #FFFFAC url(../img/yellow_block_l.png) no-repeat;
	background-color : #FFFFAC;
	height : 35px;
	line-height : 35px;
	float : left;
	font-family : "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size : 18px;
	color : #484831;
}

.yellow_head div div
{
	background : transparent url(../img/yellow_block_r.png) no-repeat 100% 0;
	padding : 0 14px;
}

.yellow_head_rss div div
{
	background : transparent url(../img/yellow_block_rs.png) no-repeat 100% 0;
	padding : 0 34px 0 14px;
}


.mini_head
{
	font-family : "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size : 18px;
}

.page_head
{
	font-family : "Trebuchet MS", Tahoma, Arial, Verdana;
	padding : 20px 0 15px 35px;
	font-size : 44px;
	margin-right: 25px;
}
.mesh_head {
 background: transparent url(../img/ltm.png) no-repeat scroll right 5px;
}
.sdk_head {
 background: transparent url(../img/box.png) no-repeat scroll right 5px;
}
.lite_head {
 background: transparent url(../img/ltl.png) no-repeat scroll right 5px;
}
.cloud_head {
 background: transparent url(../img/cloud.png) no-repeat scroll right 5px;
}
/* /other */

/* content */
.content {
	padding-left: 35px;
	padding-right: 20px;
}
.content p
{
	margin : 8px 0px 13px 4px;
	line-height: 1.5em;
}

.content ol li, .content  ul li {
	margin-bottom: 1em;
}
.content ul {
	padding-left: 1em;
}
.content p.cont_marker
{
	padding-left : 21px;
	margin-bottom : 27px;
	border-left : 4px solid #A2D142;
}
.screenshots div {
	margin: 2em 0;
	/*width: 450px;*/
}
.screenshots div img {
	display: block;
	clear: both;
	/*width: 450px;*/
}
.screenshots div p {
	margin: 0 6px;
	padding: 4px 10px;
	display: block;
	float: left;
	background: #FFFFAC;
	border-right: 1px black solid;
	border-left: 1px gray solid;
	border-top: 1px gray solid;
}
.team img {
	float: left;
	margin: 0 20px 45px 0;
}
.team h4 {
	clear: both;
}
.product img , .technology img{
	position: absolute;
	top: 0;
	left: 0;
}
.product,  .technology {
   margin-top: 2em;
   margin-bottom: 3.5em;
   padding-left: 115px;
   position: relative;
}
.technology {
   padding-left: 90px;
}
.loudtalks_lite {
	background: url(../img/ltl_small.png) no-repeat 0px 0px;
}
.loudtalks_mesh {
	background: url(../img/ltm.png) no-repeat 0px 0px;
}
.loudtalks_cloud {
	background: url(../img/cloud.png) no-repeat 0px 0px;
}
.loudtalks_sdk {
	background: url(../img/box.png) no-repeat 0px 0px;
}

h4 {
	font-family: "Trebuchet MS",Tahoma,Arial,Verdana;
	color:#5FA718;
	font-size:22px;	
	margin-bottom: 15px
}

td h4 {
	margin: 0 0 10px;
}
/* /content */

/* left part */
#left
{
	width : 590px;
	position : relative;
	padding : 0 0 100px 30px;
	float : left;
}

#lt_fly
{
	height : 258px;
	background : url(../img/devices.png) no-repeat 0 0px;
	position: relative;
}
a#lt_listen_lobby {
	display: block;
	margin: 0 0 1em;
	font-size: 1.1em;
	text-decoration: none;
	background : url(../img/speaker.png) no-repeat left center;
	padding-left: 24px;
	/*
	color: white;
	text-decoration: none;
	*/
}
a#lt_listen_lobby span{
	color: gray;
	font-size: 1em;
}
#ltm_about
{
	padding : 0px 0 0 0px;
}

#ltm_about .ltm_head, #ltm_about .ltm_head span
{
	font-family : "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size : 55px;
	font-weight: bold;
}

#ltm_about .ltm_subhead
{
	font-size : 23px;
	color : #696969;
	padding : 20px 0 20px 0;
}

#ltm_about .ltm_line
{
	font-size : 18px;
	padding : 8px 0 8px 46px;
	background : url(../img/mark.png) no-repeat 0 8px;
}

#lt_mobile
{
	height : 70px;
	padding : 36px 0 0 275px;
	background : url(../img/mobile_banner.png) no-repeat 0 32px;
}

#lt_mobile div
{
	height : 25px;
	line-height : 25px;
}

#lt_select
{
	padding : 20px 0 0 0;
	overflow : hidden;
	zoom : 1;
}

#lt_select .lts_head
{
	font-family : "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size : 26px;
}

#lt_select .lts_element
{
	position : relative;
	height : 32em; /* change height 2*/
	width : 180px;
	float : left;
	margin : 0 7px 0 0;
	cursor : pointer;
}

#lt_select .lts_element a
{
	display : block;
	text-align : center;
	padding : 136px 0 0 0;
	text-decoration : none;
	color : #000000;
}

#lt_select .lts_ltl
{
	background : url(../img/ltl.png) no-repeat 35px 30px;
}

#lt_select .lts_ltm
{
	background : url(../img/ltm.png) no-repeat 52px 30px;
}

#lt_select .lts_ltc
{
	background : url(../img/ltc.png) no-repeat 26px 30px;
}

#lt_select .lts_element .lts_about
{
	position : absolute;
	left : 0;
	right : 0;
	bottom : 0;
	height : 20em; /* change height 2*/
	background : url(../img/lts_about_top.png) no-repeat;
	background-color : #EEF2F8;
}

#lt_select .lts_element .lts_about span
{
	display : block;
	padding : 1.25em 1.45em 0 1.45em;
	text-align : left;
	font-size : 0.85em;
}

#lt_select .lts_element .lts_about .lts_about_bottom
{
	position : absolute;
	left : 0;
	right : 0;
	bottom : 0;
	height : 42px;
	background : url(../img/lts_about_bottom.png) no-repeat;
	background-color : #696969;
	line-height : 42px;
	text-align : center;
	color : #FFFFFF;
}

#lt_select .lts_element .lts_about .lts_about_bottom span
{
	font-weight : 700;
	display : inline;
	color : #FFFFFF;
	padding : 0;
	font-size : 14px;
}

#lt_select .lts_element .lts_about .lts_about_bottom_light
{
	background : url(../img/lts_about_bottom_l.png) no-repeat;
	background-color : #A9A9A9;
}

/* only for ie6 */
#lt_select .lts_element .lts_about, #lt_select .lts_element .lts_about .lts_about_bottom
{
	width : 180px;
}

#lt_select .lts_more
{
	padding : 15px 0 0 10px;
}

#lt_select .lts_more a {
	font-size: 18px;
}

/* /left part */


/* right part */
#right
{
	width : 337px;
	position : relative;
	padding : 15px 0 50px 0;
	float : left;
}

/* right contents bloks */
.rbcont
{
	padding : 12px 15px 32px 30px;
}

.glive_chat {
	margin-bottom: 25px;
}
.glive_chat  a {
	font-size: 1.2em;
}
.glive_chat img {
	padding: 0 8px 0 0;
}

#ltlite .ltl_head, #ltlite .ltl_head span
{
	font-family : "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size : 30px;
	cursor: pointer;
}

#ltlite .ltl_subhead
{
	
}

#ltlite p
{
	color : #696969;
	margin : 20px 0 15px 0;
}

 .green_button
{
	display : block;
	line-height : 52px;
	height : 52px;
	width : 209px;
	text-align : center;
	color : #ffffff;
	font-size : 18px;
	text-decoration : none;
	background : url(../img/green_button.png) no-repeat;
}

.wm_tease {
	margin: 15px 0;
	padding: 0 0 0 26px;
	min-height: 20px;
}

.windows_os {
	background : url(../img/os_win.png) no-repeat;
}

.blackberry_os {
	background : url(../img/os_bb.png) no-repeat;
}

.android_os {
	background : url(../img/os_android.png) no-repeat;
}

.wm_tease a {
	margin-top: 10px;
	display: block;
	font-size: 15px;
	color: black;
}

#ltlite .ltl_dinfo
{
	display : block;
	color : #696969;
	font-size : 12px;
	padding : 5px 0 0 0;
}

.ltph_phone
{
	font-size : 23px;
	display : block;
	padding : 6px 0 11px 0;
}

.brief_news
{
	padding-top : 17px;
	padding-bottom : 58px;
}

.brief_news div
{
	padding : 0 0 0 0;
}

.brief_news div span
{
	font-family : "Georgia", Tahoma, Arial, Verdana;
	font-style: italic;
	display : block;
	font-size : 13px;
	color : #696969;
}

.brief_news div p
{
	margin : 6px 0 24px 27px;
}

.brief_news div p a
{
	color : #3465A4;
}

.reward div
{
	padding : 14px 0;
	overflow : hidden;
	zoom : 1;
}

.reward div a
{
	display : block;
	float : left;
}

.product_link div
{
	padding : 15px 0 0 0;
	color: #696969;
}

.product_link div a, .product_link div
{
	font-size : 25px;
}

.product_link div span
{
	font-size : 20px;
}

.right_reply
{
	width : 301px;
	background : #EEF2F8;
	font-size : 12px;
	margin : 20px 0 0 0;
}

.right_reply .rr_head
{
	background : url(../img/spec_right_text_t.png) no-repeat;
	padding : 12px 0 17px 68px;
}

.right_reply .rr_head div
{
	line-height : 18px;
}

.right_reply .rr_head .rr_place
{
	font-weight : 700;
}


.right_reply .rr_text
{
	padding : 0 25px 15px 16px;
	color : #696969;
	background : url(../img/spec_right_text_b.png) no-repeat 0 100%;
}
/* /right part */


/* footer */
#footer
{
	position : absolute;
	height : 19px;
	bottom : 20px;
	left : 30px;
	font-size : 12px;
	line-height : 19px;
	padding : 0 0 0 9px;
	border-left : 10px solid #5FA718;
}
/* /footer */
#help_links a {
    line-height: 2em;
	margin-right: 2em;
	white-space: nowrap;
}

.help ul li:first-line {
	color: #3465A4;
	line-height: 1.5em;
}
#platforms {
	background:#EEF2F8 none repeat scroll 0 0;
	padding:10px;
}

/*

Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>

*/

pre code[class]:after {
  content: 'highlight: ' attr(class);
  display: block; text-align: right;
  font-size: smaller;
  color: #CCC; background: white;
  border-top: solid 1px;
  padding-top: 0.5em;
}

pre code {
  display: block;
  background: #F0F0F0;
}

pre code,
.ruby .subst,
.xml .title,
.lisp .title {
  color: black;
}

.string,
.title,
.parent,
.tag .attribute .value,
.rules .value,
.rules .value .number,
.preprocessor,
.ruby .symbol,
.instancevar,
.aggregate,
.template_tag,
.django .variable,
.smalltalk .class,
.addition,
.flow,
.stream,
.bash .variable,
.apache .tag,
.apache .cbracket {
  color: #800;
}

.comment,
.annotation,
.template_comment,
.diff .header,
.chunk {
  color: #888;
}

.number,
.date,
.regexp,
.literal,
.smalltalk .symbol,
.smalltalk .char,
.change {
  color: #080;
}

.label,
.javadoc,
.ruby .string,
.decorator,
.filter .argument,
.localvars,
.array,
.attr_selector,
.pi,
.doctype,
.deletion,
.envvar,
.shebang,
.apache .sqbracket {
  color: #88F;
}

.keyword,
.id,
.phpdoc,
.title,
.vbscript .built_in,
.rsl .built_in,
.cpp .built_in,
.avrasm .built_in,
.aggregate,
.smalltalk .class,
.winutils,
.bash .variable,
.apache .tag {
  font-weight: bold;
}

.html .css,
.html .javascript,
.html .vbscript {
  opacity: 0.5;
}

