/*general*/
body {
	background:#dce1e4 url(/images/main_bg.png) no-repeat scroll center top;
	color:#444751;
	font-size:12px;
	line-height:20px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	display:table;
    width:100%;
}
/*login header*/
#header {
	width:100%;
	float:left;
	padding:22px 0px 0px 0px;
}
#wraper_header {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:940px;
}
.header_col_1 {
	width:270px;
	float:left;
}
.header_col_2 {
	width:507px;
	float:left;
	height:50px;
	background:url(/images/main_bg_line.png) repeat-x scroll left bottom;
	}
.header_col_3 {
	width:163px;
	float:left;
	height:50px;
	background:url(/images/main_bg_line.png) repeat-x scroll left bottom;
}
.header_col_2 img{
	padding-right:25px;
	padding-left:3px;
}
.header_col_2 a {
	color:#444751;
	font-size:12px;
	line-height:20px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
.header_col_2 a:hover {
	color:#6ca4d4;
	font-size:12px;
	line-height:20px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#logo {
	float:left;
	margin-top:108px;
}
/*index central square general*/
#center {
	background:;
	width:100%;
	float:left;
}
#wraper_center {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:940px;
}
/*main navigation*/
#nav_main {
	clear:both;
	height:42px;
	width:940px;
	margin-top:30px;
}
#nav_main_l {
	background:url(/images/nav_main_l.png) no-repeat scroll left top;
	float:left;
	height:42px;
	width:21px;
}
#nav_main_r {
	background:url(/images/nav_main_r.png) no-repeat scroll left top;
	float:right;
	height:42px;
	width:21px;
}
#nav_main_c {
	background:url(/images/nav_main_c.png) repeat-x scroll left top;
	float:left;
	height:42px;
	width:898px;
}
#nav_main_btns {
	float:left;
	margin-top:11px;
}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 12px;
	line-height:100%;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	text-indent: -9999px; /*--Push text off of page--*/
	height: 29px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left top; } /*--Hover State--*/
ul#topnav a.home {
	background: url(/images/home_btn_1.png) no-repeat;
	width: 42px;
	margin-right:30px;
}
ul#topnav a.company {
	background: url(/images/company_btn_0.png) no-repeat;
	width: 54px;
	margin-right:30px;
}
ul#topnav a.services {
	background: url(/images/services_btn_0.png) no-repeat;
	width: 48px;
	margin-right:30px;
}
ul#topnav a.community {
	background: url(/images/community_btn_0.png) no-repeat;
	width: 65px;
	margin-right:30px;
}
ul#topnav a.contacts {
	background: url(/images/contacts_btn_0.png) no-repeat;
	width: 50px;
	margin-right:30px;
}
ul#topnav a.store {
	background: url(/images/store_btn_0.png) no-repeat;
	width: 31px;
	margin-right:30px;
}
ul#topnav a.subscription {
	background: url(/images/subscription_btn_0.png) no-repeat;
	width: 71px;
	margin-right:30px;
}
ul#topnav a.resources {
	background: url(/images/resources_btn_0.png) no-repeat;
	width: 59px;
	margin-right:30px;
}
ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 28px; left: 0;
	z-index:2;
	background: #4686be url(/images/sub_bg.png) repeat-x; /*--Background gradient--*/
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 12px;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #FBD83C;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(/images/navlist_arrow.png) no-repeat 5px 10px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
	font-size:12px;
}
ul#topnav .sub ul li a:hover {
	color: #dce1e4;
	background-position: 5px 10px ;/*--Override background position--*/
}
/*spot for animated content*/
#flash {
	clear:both;
	height:362px;
	width:940px;
	margin-top:30px;
	background:url(/images/flash.png) no-repeat scroll center top;
}
.haccordion {
	padding:26px 23px 26px 26px;
}
.haccordion ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden; /*leave as is*/
}
.haccordion li {
	margin: 0;
	padding: 0;
	display: block; /*leave as is*/
	width: 100%; /*For users with JS disabled: Width of each content*/
	height: 310px; /*For users with JS disabled: Height of each content*/
	overflow: hidden; /*leave as is*/
	float: left; /*leave as is*/
}
.haccordion li .hpanel {
	width: 100%; /*For users with JS disabled: Width of each content*/
	height: 310px;  /*For users with JS disabled: Height of each content*/
}
#hc1 li {
	margin:0 4px 0 0; /*Spacing between each LI container*/
}
#hc1 li .hpanel {
	padding:20px 0px 20px 10px; /*Padding inside each content*/
	background: #f4f5f7 url(/images/hpanel_bg.gif) repeat-y scroll left top;
	cursor:pointer;
}
#hpanel_1 {
	background: url(/images/content_1_1_1_flash.png) no-repeat scroll right top;
	height:270px;
}
#hpanel_2 {
	background: url(/images/store_2_2_2_flash.png) no-repeat scroll right top;
	height:270px;
}
#hpanel_3 {
	background: url(/images/login_3_3_3_flash.png) no-repeat scroll right top;
	height:270px;
}
#hpanel_4 {
	background: url(/images/chat_4_4_4_flash.png) no-repeat scroll right top;
	height:270px;
}
#hpanel_5 {
	background: url(/images/mobile_5_5_5_flash.png) no-repeat scroll right top;
	height:270px;
}
/*products and servisec index*/
#wraper_products_line {
	clear:both;
	width:940px;
	height:160px;
	margin-top:30px;
	background:url(/images/deviders.png) no-repeat scroll center top;
}
.products_block_1 {
	float:left;
	width:273px;
	height:160px;
	margin:0px 20px 0px 20px;
	background:url(/images/product_1.png) no-repeat scroll right center;
}
.products_block_2 {
	float:left;
	width:273px;
	height:160px;
	margin:0px 20px 0px 20px;
	background:url(/images/product_2.png) no-repeat scroll right center;
}
.products_block_3 {
	float:left;
	width:273px;
	height:160px;
	margin:0px 20px 0px 20px;
	background:url(/images/product_3.png) no-repeat scroll right center;
}
.products_block_1 p, .products_block_2 p, .products_block_3 p {
	margin:10px 0px 30px 0px;
}
/*bottom footer*/
#footer_background {
	background:#3c3f48 url(/images/back_footer.jpg) repeat-x scroll center top;
	float:left;
	width:100%;
	margin-top:20px;
}
#footer {
	background:transparent url(/images/footer.jpg) no-repeat scroll center top;
	width:100%;
	float:left;
	padding:20px 0px 100px 0px;
}
#footer p {
	color:#FFFFFF;
}
.footer_col_2 a, .footer_col_3 a {
	color:#FFFFFF;
	font-size:12px;
	line-height:20px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.footer_col_2 a:hover, .footer_col_3 a:hover {
	color:#74b5e4;
	font-size:12px;
	line-height:20px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#wraper_footer {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:940px;
}
.footer_col_1, .footer_col_2, .footer_col_3 {
	float:left;
	width:273px;
	margin:0px 20px 0px 20px;
}
/*inside content*/
#inner_content_wrapper {
	clear:both;
	width:940px;
	margin-top:30px;
	background-color:#F4F5F7;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;	
}
#trail_wrapper {
	width:900px;
	background:#6a6d74;
	padding:9px 20px;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 5px;
	-khtml-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 5px;
	-khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}
#content_wrapper {
	padding:20px;
	width:900px;
}
#subscriptions_wrapper {
	padding:10px;
	width:920px;
}
#trail_wrapper p {
	color:#FFFFFF;
	font-weight:bold;
}
#trail_wrapper a {
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none;
}
#trail_wrapper a:hover {
	color:#74b5e4;
	text-decoration:none;
}
#content_wrapper a, .for_links a {
	color:#444751;
	font-weight:normal;
	text-decoration:underline;
}
#content_wrapper a:hover, .for_links a:hover {
	color:#74b5e4;
	text-decoration:none;
}
.column {
	float:left;
	width:280px;
	margin:0px;
}
.column_m {
	float:left;
	width:280px;
	margin:0px 30px 0px 30px;
}
.subscribtion_wrapper {
	float:left;
	width:286px;
	margin:10px;
	background:#A9ADAF;
}
.subscribtion {
	float:left;
	width:266px;
	padding:10px;
	background:#DCE1E4;
}
.subscribtion_link {
	float:left;
	width:266px;
	padding:10px;
}
.subscribtion_details {
	float:right;
	color:#444751;
	font-weight:normal;
	text-decoration:none;
}
/*contact form*/
.field_wraper label {
	float:left;
	width:200px;
	margin:10px 0 0;
}
.field_wraper input {
	padding:2px 2px 0;
	margin:10px 0 0;
}
.field_wraper select {
	padding:2px 2px 0;
	margin:10px 0 0;
}
.field_wraper label.textarea {
	float:none !important;
	margin:5px 0px 10px 0px;
	display:block;
	width:100%;
}
.field_wraper p {
	float:left;
	width:200px;
	margin:0;
}
.field_wraper span {
	margin:0;
}
/*popup window*/
#dialog-overlay {
	/* set it to fill the whil screen */
	width:100%; 
	height:100%;
	/* transparency for different browsers */
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5; 
	background:#000; 
	/* make sure it appear behind the dialog box but above everything else */
	position:absolute; 
	top:0; left:0; 
	z-index:3000; 
	/* hide it by default */
	display:none;
	}
#dialog-box {
	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	/* css3 border radius */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	background:#eee;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
	width:328px; 
	/* make sure it has the highest z-index */
	position: fixed; 
	z-index:5000; 
	/* hide it by default */
	display:none;
	}
#dialog-box .dialog-content {
	/* style the content */
	text-align:left; 
	padding:10px; 
	margin:13px;
	color:#666; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px; 
	}
a.button {
	/* styles for button */
	margin:10px auto 0 auto;
	text-align:center;
	display: block;
	width:50px;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	float:right;
	background-color: #e33100;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* drop shadow */
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	/* text shaow */
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	}
a.button:hover {
	background-color: #c33100;	
	}
a.button_main {
	/* styles for button */
	margin:10px auto 0 auto;
	text-align:center;
	display: block;
	width:80px;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	float:left;
	background-color: #6CA4D4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* drop shadow */
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	/* text shaow */
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
a.button_main:hover {
	background-color: #5393CB;	
}	

/*chatter*/
.panel {
position: fixed;
top: 50px;
left: 0;
display: none;
background: #333333;
border:1px solid #2d2f36;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
width: 330px;
height: auto;
padding: 30px 30px 30px 120px;
filter: alpha(opacity=95);
opacity: .95;
z-index:3;
}
.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #FFFFFF;
}
.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #74b5e4;
text-decoration: none;
border-bottom: 1px solid #74b5e4;
}
.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}
a.trigger{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
color:#fff;
padding: 10px 40px 10px 15px;
background:#3C3F48 url(/images/comment.png) 85% 55% no-repeat;
border-top:1px solid #444444;
border-right:1px solid #444444;
border-bottom:1px solid #444444;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
display: block;
z-index:3;
}
a.trigger:hover{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
color:#FFFFFF;
padding: 10px 40px 10px 20px;
background:#3C3F48 url(/images/comment.png) 85% 55% no-repeat;
border-top:1px solid #444444;
border-right:1px solid #444444;
border-bottom:1px solid #444444;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
display: block;
}
a.active.trigger {
background:#000000 url(/images/no.png) 85% 55% no-repeat;
}
.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}
.colleft{
float: left;
width: 130px;
line-height: 22px;
}
.colright{
float: right;
width: 130px;
line-height: 22px;
}

/*extra buttons*/
a.button_extra {
	/* styles for button */
	margin:10px auto 0 auto;
	text-align:center;
	display: block;
	width:240px;
	padding: 7px 10px 8px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	float:left;
	background-color: #6CA4D4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* drop shadow */
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	/* text shaow */
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
a.button_extra:hover {
	background-color: #5393CB;	
}