﻿/*==================================================*/
/* 	Dmitriy Repik									*/
/*	Last Updated 10/31/2009							*/
/*==================================================*/

body {margin:0; padding:0;}

body /*, table, td, select, input, textarea*/
{
    font: normal 11px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #444;
	background: #010916;
}

#maincontainer 
{
	margin: 0 auto 0px auto;
	width: 900px;
	background: #010916;
}

#header_1
{
    /* Top of Logo */
    text-align: center;
    padding: 0 0 0 0;
    width: 900px;
}

#leftcol 
{
  background: #010916;
  background: url('../images/skin/top_left.png');
  background-repeat: no-repeat;  
  float:left;
  width: 42px;
  height: 111px;
}

#rightcol 
{
  background: #010916;
  background: url('../images/skin/top_right.png');
  background-repeat: no-repeat;
  float:left;
  width: 42px;
  height: 111px;
}

#content_master 
{
  background: #010916;
  background: url('../images/skin/top_bg.png');
  background-repeat: repeat-x;
  float:left;
  width: 816px;
  height: 21px;
}

#logo_holder
{   
    float:left;
    text-align: left;
    width: 656px;
    height: 90px;    
}

#logo_container
{    
	background: #010916;
    float:left;
    text-align: left;
    width: 816px;
    height: 111px;    
}

#download_now_flash_holder
{    
	background: #040702;
    float:left;
    width: 160px;
    height: 90px;    
}

/*  BORDERED PLACE STARTS */
#BORDER_DIV
{

}
 
.DefaultPage
{
    height: 600px;
}

.FeaturesPage
{
    height: 535px;
}

.FeedBackPage
{
    height: 650px;
}

.FAQPage
{
    height: 504px;
}

.PrivacyPage
{
    height: 1220px;
}

.TermsOfUsePage
{
    height: 2460px;
}

.FooterPage
{
    height: 70px;
}

#PrivacyPage
{
    float: left;
    width: 858px;    
    font-size: 12px; 
    color:#999;
}

#PrivacyContents
{
	padding-left:15px;
	padding-right:15px;
}

#PrivacyContents h4
{
	color:#ddd;
	font-size:12px;
}

#PrivacyContents a
{
	color:#999;
}

#TermsOfUsePage
{
    float: left;
    width: 858px;    
    font-size: 12px; 
    color:#999;
}

#TermsOfUseContents
{
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
}

#TermsOfUseContents .SubHead
{
	color:#ddd;
	font-weight:bold;
}

#TermsOfUseContents a
{
	color:#999;
}

.main_holder_left
{   
    background: url('../images/skin/banner_left.png');
    background-repeat: repeat-y;
    float:left;
    margin: auto;
    width: 21px;
    height: 100%;
    /*height: 670px;*/
}

.main_holder_right
{
    background: url('../images/skin/banner_right.png');
    background-repeat: repeat-y;
    float:right;
    width: 21px;
    height: 100%;
    /*height: 670px;*/
}

#main_low_left1
{
    background: url('../images/skin/head_left.png');
    background-repeat: repeat-y;
    float:left;
    width: 28px;
    height: 20px;    
}

#main_low_right2
{
    background: url('../images/skin/content_right.png');
    background-repeat: repeat-y;
    float:left;
    width: 42px;
    height: 138px;    
    
}

#main_low_low_body
{
    background: url('../images/bg/overview_bottom_bg.jpg');
    background-repeat: repeat-x;
    float:left;
    width: 858px;
    height: 178px;
}

#main_footer_body_left p
{
	margin: 30px 0 0 20px;
}

#main_footer_body_left
{   
    background: url('../images/skin/footer_bg.png');
    background-repeat: repeat-x;
    float: left;
    width: 712px;
    height: 70px;
}

#main_footer_body_right
{   
    background: url('../images/skin/bot_img.png');    
    float: left;
    width: 146px;
    height: 70px;
}

.clear_both 
{
    clear: both;
}

#footer
{
    /* Top of Logo */
    margin: 0 auto 0px auto;
    text-align: center;
    width: 900px;
}

#footer_rol_left 
{
    
  background: #010916;
  background: url('../images/skin/bot_left.png');
  background-repeat: no-repeat;  
  float: left; 
  width: 42px;
  height: 42px;
}

#footer_rol_bottom 
{
  background: #010916;
  background: url('../images/skin/bot_bg.png');
  background-repeat: repeat-x;
 float: left; 
  width: 816px;
  height: 42px; 
}

#footer_rol_right 
{
  background: #010916;
  background: url('../images/skin/bot_right.png');
  background-repeat: no-repeat;
  float: left;
  width: 42px;
  height: 42px; 
}


div .img {border: none;}
img.indent {padding:4px 12px;}
.noline {border:none;}
.spaceabove {padding-top:2em;}
.underline {border-bottom: 1px solid #cccccc;}

/* MY NAVIGATION BAR */

.kwicks 
{  
     list-style: none;  
     position: relative;  
     margin: 0px;      
     padding: 0; 
/*     border: 2px solid #FFF; background-color: #000; */
/*	 background-image:url(../images/navigation/no_flicker.jpg); /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering */

}  
 
.kwicks li
{  
    display: block; 
    overflow: hidden;
    padding: 0;  
    cursor: pointer;
	float: left;
	width: 130px;
	height: 64px;
	margin-right: 0px;	
	background-image:url(../images/navigation/FeaturesMain.png);
	background-repeat:no-repeat;
}
	
.kwicks a
{
	display:block;
	height:64px;
	text-indent:-9999px;
	outline:none;
}

.kwick1 {background-position:  0px 0px;}
.kwick2 {background-position: -300px 0px;}
.kwick3 {background-position: -600px 0px;}
.kwick4 {background-position: -900px 0px;}
.kwick5 {background-position: -1200px 0px;}
.kwick6 {background-position: -1500px 0px;}

.kwick1.active, #kwick1:hover{ background-position: 0px bottom;}
.kwick2.active, #kwick2:hover{ background-position: -300px bottom;}
.kwick3.active, #kwick3:hover{ background-position: -600px bottom;}
.kwick4.active, #kwick4:hover{ background-position: -900px bottom;}
.kwick5.active, #kwick5:hover{ background-position: -1200px bottom;}
.kwick6.active, #kwick6:hover{ background-position: -1500px bottom;}

.kwick1activated { background-position: 0px -64px;}
.kwick2activated { background-position: -300px -64px;}
.kwick3activated { background-position: -600px -64px;}
.kwick4activated { background-position: -900px -64px;}
.kwick5activated { background-position: -1200px -64px;}
.kwick6activated { background-position: -1500px -64px;}

#default_notes
{
	font: normal 15px Arial, Helvetica, sans-serif;
	padding-left: 15px;
	padding-right: 20px;
	color: #000;
}

#default_description
{
	font: normal 18px Arial, Helvetica, sans-serif;
	padding-right: 20px;
	color: #000;
}

#default_description ul { margin:2px 0 0 7px; padding-left:20px; padding-top:10px; padding-bottom:0px; display: block;}
#default_description ul li {padding:3px}

#home_page_left_div
{
	float: left;
	width: 600px;
	height: 384px;
	text-align: center;
}
#right_default_page
{
    float: left;
    background-image:url(../images/bg/banner_bg.png);
	background-repeat: repeat-x;
    width: 258px;
    height: 384px;
}
#home_page_right_div
{
	float: left;
	width: 60px;
	/*background: clear;*/
}

#home_page_right_div p
{
	margin: 13px 0 0 5px;
}

#home_page_right_text_div 
{
	float: left;
	width: 150px;
	/*background: clear;*/
	font-size: 16px;
	font-weight: bold;
}

#home_page_right_text_div a 
{
	text-decoration:none;
}

#home_page_right_text_div p
{
	margin: 11px 0 0 10px;
	line-height: 1.55em; 
}

/* My Tool Tips */
.tooltip
{
    position:absolute;
    z-index:999;
    left:-9999px;
    background-color:#dedede;
    padding:5px;
    border:1px solid #fff;
    width: 170px;
}

.tooltip p
{
    margin:0;
    padding:0;
    color: #fff;
    background-color:#222;
    padding:2px 7px;
    font-size: 12px;
}

img {border: 0px;}


/*========================================================*/
/* Blue Bar				   		                        */
/*========================================================*/

#cssmenu_background						{ background: url('../images/skin/menu_bg.png'); background-repeat: repeat-x; float:left; width: 858px; height: 38px; font-size: 14px;}
.cssmenu 								{ position:relative; height:38px; float:left}
.cssmenu span 							{ padding:0 20px; white-space: nowrap; display:block;}
.cssmenu ul								{ margin:0px; padding:0px;display: block;float:left}
.cssmenu li 							{ list-style: none none outside; float:left;position:relative;}
.cssmenu ul li 							{ background:url(../images/skin/menu.gif) top left no-repeat; float:left}
.cssmenu ul li a						{ background:url(../images/skin/menu.gif) right -40px no-repeat;height:38px; display:block; float:left; }
.cssmenu ul .current 					{ background:url(../images/skin/menu.gif) left -80px no-repeat; margin:0px}
.cssmenu ul .current a					{ background:url(../images/skin/menu.gif) right -120px no-repeat; color:#fff;}
.cssmenu ul .current span				{ background:url(../images/skin/menu.gif) right -200px no-repeat; float:left}/*{ color:#fff}*/
.cssmenu ul .current .slide span		{ background:transparent;} 
.cssmenu ul a:link, 
.cssmenu ul a:active, 
.cssmenu ul a:visited					{ width:auto;color:#fff; text-decoration:none; line-height:38px;display: block; cursor:pointer}
.cssmenu ul a:hover 					{ color: #fff; background:url(../images/skin/menu.gif) left -160px no-repeat;float:left}
.cssmenu ul a:hover span 				{ background:url(../images/skin/menu.gif) right -200px no-repeat; float:left}
.downarrow								{ position:absolute; right:9px; top:17px}
.rightarrow								{ position:absolute; right:5px; top:10px}
.cssmenu .slide 						{ display: none; float: left; overflow:hidden; position:absolute;}
.cssmenu .slide .icon 					{ position:absolute; left:2px; top:3px}
.cssmenu .slide .Group 					{ background:#fff; border:1px #000 solid;display: none;left: 0px; float: left; position:relative}
.cssmenu .slide ul li 					{ clear: both;background:url(../images/skin/submenu.gif) top left repeat-x; display:block; border-bottom:1px #dbd8d8 solid; width:100%}
.cssmenu .slide ul li span 				{ color:#666666; display:block; padding:0 20px 0 20px}
.cssmenu .slide ul li a					{ background:url(../images/skin/submenu.gif) top left repeat-x;height:24px; display:block}
.cssmenu .slide ul a:link, 
.cssmenu .slide ul a:active, 
.cssmenu .slide ul a:visited			{ width:auto;color:#333; text-decoration:none; line-height:24px;display: block; cursor:pointer}
.cssmenu .slide ul a:hover 				{ background:url(../images/skin/submenu.gif) 0 -25px repeat-x;width:100%}
.cssmenu .slide ul a:hover span 		{ background:url(../images/skin/submenu.gif) 0 -25px repeat-x;}

/*  Animation in footer */
.toggler { width: 500px; height: 200px; position: relative; display: block;}
/*
#effect { width: 240px; height: 65px; padding: 0.4em; position: relative; background: #clear; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; 
             background: url('../css/ui-darkness/images/ui-bg_inset-soft_30_f58400_1x100.png'); background-repeat: repeat-x;}
*/	

#bednie_rodstviniki{float:left; margin-left: 30px;background-color: #000;}
.clear { clear: both;}

#Left_Description {float: left; padding: 0px 0 0 0; width: 295px;}

.slideshow { height: 277px; width: 504px; margin: 0px 0 0 0; float:left; }
.slideshow img { padding: 0px; border: 0px solid #000; background-color: #000; }

.visible_yes{display: block;}
.visible_no{display: none;}
.visible_hide{display: block; visibility: hidden;}
.visible_unhide{display: block; visibility: visible;}

.demoHeaders { margin-top: 2em; }

#previous_slide {float: left; position: relative; margin-top: 100px;}
#next_slide {float: left; position: relative; margin-top: 100px;}

#next_slide_bottom 
{
	float: left; 
	position: relative; 
	margin-top: 0px;
	margin-left: 518px;
}

#previous_slide_bottom 
{
    float: left; 
    position: relative; 
    margin-top: 0px;
    font: normal 15px Arial, Helvetica, sans-serif; color: #000; 
}

#new_slides
{
    background: inherit;
    font: normal 16px Arial, Helvetica, sans-serif;
    color: #000;
    float: left;
}

#new_slides div
{
    background: inherit;
    width: 827px; 
    height: 105px; 
    padding-top: 1px;
    padding-left: 15px; 
    padding-right: 15px;
    color: inherit;
    text-align: left; 
    font-size: 16px;
    float: left;
}

#new_slides h3
{
	font-size: 16px;
	margin-bottom:10px;
	margin-top:17px;
}

#features
{
	float: left;
    background-color: #000;
    width: 858px;
    height: 341px;   
}

#features_footer
{
	float: left;
	background: url('../images/bg/features_bottom_bg.png');
    background-repeat: repeat-x;
    background-color: #000;
    width: 858px;
    height: 156px;    
}

#features_top_pane
{
	float: left;
	background-image: url(../images/bg/features_top_bg.png); /*our background image*/
	background-repeat: repeat-x; /*repeats background image along the Y axis*/
	background-color: #000;
	width: 858px;
    height: 277px; 
}

/* FEED BACK PAGE */
#feedback_page
{
    background-color: #000000; /*website background color*/
	color: #999a9a; /*website default text color*/
	background-image: url(../images/feedback/bg.png); /*our background image*/
	background-repeat: repeat-y; /*repeats background image along the Y axis*/
	background-position: center; /*centers our background*/

    /* color: White; */
    float: left;
    width: 858px;    
    height: 93.6%;
    font-size: 12px; 
}

#feedback_holder
{
    padding-left: 20px;
}

#feedback_footer
{
    background-color: #000000; /*website background color*/
	color: #999a9a; /*website default text color*/
	background-image: url(../images/feedback/bg.png); /*our background image*/
	background-repeat: repeat-y; /*repeats background image along the Y axis*/
	background-position: center; /*centers our background*/
    width: 858px;
    /*height: 178px;    */
}

#feedback_page .RoundedPanelContent
{
    float: left;
    /*display: block;*/
    padding : 10px 0 10px 10px;   
    background-color: Transparent;
}

#feedback_page .span
{
    background-color: Transparent;
}

#feedback_page .feedback_check_boxes
{
    background-color: Transparent;
    font: bold 13px Arial, Helvetica, sans-serif;
    padding-right:35px;
    text-decoration:none;
}

#feedback_page .feedback_selected_check_box
{
    background-color: Transparent;
    font: bold 13px Arial, Helvetica, sans-serif;
    padding-right:35px;
    text-decoration:underline;
}

#feedback_page .feedback_check_boxes img
{
    padding: 0px; border: 0px solid #000; background-color: #000; 
}

#feedback_page .lblPageInfo
{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #999a9a;
	vertical-align:middle;
	padding-bottom:7px;
}

#feedback_navigation
{
    float: left;
    display: block;
    color: #fff;
    padding-top:8px;
}

#feedback_navigation input[type="submit"]
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
}

#repeater_holder
{
    width: 550px;
    margin-bottom: 5px;       
}

#feedback_intro h1
{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #59b4d4;
    display: inline;
}

#feedback_intro
{
    width: 810px;
    border: 1px solid #0078a3; 
    background: #000 url(images/ui-bg_inset-soft_30_f58400_1x100.png) 50% 50% repeat-x;
    font-weight: bold; 
    color: #aaaaaa; 
    outline: none; 
    padding: 5px 5px 5px 5px;
}

#feed_back_header
{
    width: 550px;
    border: 1px solid #ffaf0f; 
    background: #59b4d4 url(images/ui-bg_inset-soft_30_f58400_1x100.png) 50% 50% repeat-x;    
    outline: none; 
}

#feed_back_repeater 
{
    border: 1px solid #59b4d4; 
    color: #ffffff; 
    padding: 5px 5px 5px 5px;    
}

/* #feed_back_repeater h2 */
.testimonial-inside h2
{
    color: #59b4d4;
    text-transform: uppercase;
    font-weight: bold; 
    font-size: 14px;
    display: inline;
}
/* #feed_back_repeater h3 */
.testimonial-inside h3
{
    font-weight: bold; 
    font-size: 12px;
    display: inline;
}

.testimonial 
{
	float: left;
	border: 1px solid #121212;
	margin-bottom: 15px;
	float: left;
	width: 818px;
	margin-right: 25px;
	background-color: #0c0c0c;
}

.testimonial-inside 
{
	background-color: #0c0c0c;
	border: 1px solid #030303;
	float: left;
	width: 796px;
	padding: 10px;
}

.testimonial-inside p 
{
	padding-top: 10px;
}

.rating 
{
	float: left;
	height: 12px;
	width: 796px;
	margin-top: 0px;
}

.rating img
{
	float: right;
}

.boxtitle2 
{
	color: #aaaaaa; /*sets font color*/
	text-transform: uppercase; /*transforms text to uppercase*/
	font-size: 0.7em; /*sets font size*/
	background-image: url(../images/feedback/divider.png); /*adds our divider image*/
	background-repeat: repeat-x; /*repeats our divider image horizontally*/
	background-position: bottom; /*positions divider at the bottom*/
	padding-bottom: 10px; /*adds bottom padding*/
}

/* END FEED BACK PAGE */

.InivisblePreloader {display:none;}

.DisabledLink
{
	cursor: default;
}



