* 				{ margin: 0; padding: 0; }
html			{ height: 100%; }
header, nav, section, article, aside, footer 
					{ display: block; }
body			{ font: 12px/normal Verdana, Arial, Helvetica, sans-serif; height: 100%; background-color: #f9fbf4; }

#wrapper	{ min-width: 992px; max-width: 1042px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; background-color: #ffffff; }


/*--Typography---------------------------------------*/
p									{ margin: 0 0 16px; }
p.center					{ text-align: center; }

q									{ quotes: "\0022" "\0022"; }
q.ru							{ quotes: "\00ab" "\00bb"; }

.big							{ font-size: 20px; }
.text_red					{ color: #981f1f; }
.text_lightred		{ color: #a83232; }
.text_darkred			{ color: #3b0000; }
.text_unval				{ color: #d78484; }
.text_grey				{ color: #999999; }


/*--Margins-bottom----------------*/
.mini							{ margin-bottom: 0; }
.mid							{ margin-bottom: 10px; }
.maxi							{ margin-bottom: 30px; }


/*--Lists----------------*/
ul								{ list-style: none; margin-bottom: 20px; }
ul.error li				{ padding-bottom: 3px; }

div.helpmenu ul		{ margin-left: 10px; margin-bottom: 0; } /* for Help on help.shtml */


/*--Headings---------------*/
h1, h1.index, h2, h3, h4, h5 
									{ font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; color: #660000; }
h1								{ font-size: 24px; line-height: 1.125em; margin-bottom: 12px; }
h1.index					{ line-height: 1.5em; }
h2								{ font-size: 22px; line-height: 1.5em; margin-bottom: 15px; }
h3								{ font-size: 20px; line-height: 1em; margin-bottom: 7px; }
h4								{ font-size: 18px; line-height: 1em; margin-bottom: 5px; color: #3b0000; }
h5								{ font-size: 13px; line-height: 1em; margin-bottom: 3px; color: #3b0000; font-weight: bold; }

/*--Headings for Help on help.shtml--*/
div.helpmenu h4		{ margin-top: 7px; } 
div.helpage h4		{ padding-top: 10px; margin-bottom: 10px; } 
div.helpage h5		{ margin-bottom: 0; } 


/*--a-----------------------------*/
a									{ color: #981f1f; outline: none; text-decoration: underline; vertical-align: top; } /*For IE6 and 7, выравниваем ссылки-картинки в меню */
a.nl							{ text-decoration: none; }
a.white						{ color: #ffffff; }
a:hover, a.nl:hover, a:active, a.nl:active 
									{ color: #dd3a3a; }

a.lang						{ text-decoration: none; color: #a83232; }
a.lang:hover, a.lang:active
									{ color: #f1a1a1; }

/*-- a ---- styles for top_menu----*/
a.home, a.screens, a.download, a.key, a.help, a.faq 
									{ display: inline-block; height: 25px; text-decoration: none; } /* images as block inline elements */
a.home 						{ background: url('../images/buttons_menu/1home.png'); width: 56px; height: 25px; }
a.home:hover, a.home:active
									{ background-position: -56px 0; }  /* смещение фона */
a.screens					{ background: url('../images/buttons_menu/2screens.png'); width: 98px; }
a.screens:hover, a.screen:active 
									{ background-position: -98px 0; }
a.download				{ background: url('../images/buttons_menu/3download.png'); width: 69px; }
a.download:hover, a.download:active 
									{ background-position: -69px 0; }
a.key							{ background: url('../images/buttons_menu/4key.png'); width: 114px; }
a.key:hover, a.key:active
									{ background-position: -114px 0; }
a.help						{ background: url('../images/buttons_menu/5help.png'); width: 76px; }
a.help:hover, a.help:active
									{ background-position: -76px 0; }
a.faq							{ background: url('../images/buttons_menu/6faq.png'); width: 46px; }
a.faq:hover, a.faq:active
									{ background-position: -46px 0; }

/*-- a ---- styles for sideleft--------*/
a.carton, a.pencil, a.mail
									{ display: block; text-decoration: none; } 
a.carton					{ background: url('../images/sideleft/left1carton.png'); width: 74px; height: 54px; }
a.carton:hover, a.carton:active
									{ background-position: -74px 0; }
a.pencil					{ background: url('../images/sideleft/left5pencil.png'); width: 61px; height: 61px; }
a.pencil:hover, a.pencil:active
									{ background-position: -61px 0; }
a.mail						{ background: url('../images/sideleft/left3mail.png'); width: 67px; height: 43px; }
a.mail:hover, a.mail:active
									{ background-position: -67px 0; }


/*--Images-----------------------------------*/
img								{ border: none; }

img.menu0					{ width: 16px; height: 25px; } /* buttons_menu */
img.home					{ width: 56px; height: 25px; } /* buttons_menu */
img.screens				{ width: 98px; height: 25px; } /* buttons_menu */
img.download			{ width: 69px; height: 25px; } /* buttons_menu */
img.key						{ width: 114px; height: 25px; } /* buttons_menu */
img.help					{ width: 76px; height: 25px; } /* buttons_menu */
img.faq						{ width: 46px; height: 25px; } /* buttons_menu */

img.line					{ width: 665px; height: 1px; }
img.ichronos_box	{ width: 263px; height: 230px; }
img.picture				{ width: 194px; height: 90px; }
img.support				{ width: 195px; height: 118px; }
img.girl_confused	{ width: 158px; height: 115px; }
img.girl_direct		{ width: 131px; height: 115px; }
img.error					{ width: 147px; height: 56px; margin-bottom: 15px; }
img.screen_main		{ width: 720px; height: 553px; margin-left: 2px; }
img.screen_dom		{ width: 414px; height: 305px; }
img.moneyback			{ width: 385px; height: 50px; margin-top: 10px; }
img.purchase			{ width: 123px; height: 42px; margin-right: 20px; }
img.card_plimus		{ width: 502px; height: 26px; vertical-align: top; margin-top: 8px; }

/*--Images for screenshots.shtml----*/
img.base					{ width: 356px; height: 274px; }
img.contact				{ width: 356px; height: 448px; }
img.password			{ width: 356px; height: 223px; }
img.block					{ width: 337px; height: 223px; margin-left: 10px; }
img.calendar			{ width: 356px; height: 237px; }
img.file					{ width: 356px; height: 252px; }

/*--Images for help.shtml---------*/
img.screen_buttons1				{ width: 53px; height: 16px; }
img.screen_buttons2				{ width: 83px; height: 16px; }
img.screen_buttons3				{ width: 80px; height: 16px; }
img.screen_buttons4				{ width: 107px; height: 16px; }
img.screen_buttons5				{ width: 23px; height: 16px; }
img.screen_calendar				{ width: 181px; height: 201px; }
img.screen_date						{ width: 181px; height: 92px; }
img.screen_desktop				{ width: 495px; height: 317px; }
img.screen_find						{ width: 414px; height: 323px; }
img.screen_find_list			{ width: 356px; height: 232px; }
img.screen_find_timeline	{ width: 361px; height: 232px; }
img.screen_main_mini			{ width: 500px; height: 366px; }
img.screen_objects				{ width: 258px; height: 290px; }
img.screen_object_folder	{ width: 206px; height: 191px; }
img.screen_tasks					{ width: 256px; height: 135px; }
img.screen_tasks_find			{ width: 345px; height: 232px; }
img.screen_timeline				{ width: 499px; height: 173px; }
img.screen_today					{ width: 166px; height: 88px; }
img.screen_tray1					{ width: 341px; height: 199px; }
img.screen_tray2 					{ width: 341px; height: 267px; }


/*--Header ------------------------------------------*/
header						{ position: relative; margin-bottom: 25px; }
nav								{ height: 25px; position: relative; top: 61px; left: 0; background: url('../images/header/header04.png') repeat-x; }

#left_header			{ height: 86px; min-width: 694px; max-width: 744px; position: absolute; top: 18px; left: 0; right: 298px; }
#top_left					{ height: 61px; background: url('../images/header/header02.png') repeat-x; position: absolute; top: 0; left: 0; right: 0; }
#left_image				{ height: 61px; width: 370px; background: url('../images/header/header01.png') no-repeat; }
#left_lang				{ padding-top: 20px; padding-left: 18px; }

#right_header			{ height: 86px; width: 298px; float: right; margin-top: 18px; margin-left: 0; }
#right_header img	{ width: 298px; height: 86px; }

#shadow						{ height: 12px; width: 100%; }
#shadow_left			{ height: 12px; min-width: 694px; max-width: 744px; background: url('../images/header/shadow01.png') repeat-x; }
#shadow_right			{ height: 12px; width: 298px; float: right; margin-left: 0; background: url('../images/header/shadow02.png') no-repeat; }

#slogan						{ width: 800px; margin-left: 18px; margin-top: 5px; font: 22px/20px Arial, Verdana, Helvetica, sans-serif; color: #cbaeae; }
#slogan_line			{ width: 665px; height: 1px; margin-left: 18px; margin-top: 5px; background: url('../images/line01.png') no-repeat; }


/*--Middle----------------------------------------------------------*/
#middle						{ width: 100%; height: 1%; padding: 10px 0 30px; /*position: relative;*/}
#middle:after			{ content: '.'; display: block; clear: both; visibility: hidden; height: 0; }

#sideleft					{ width: 181px; background: url('../images/sideleft/left03.png') no-repeat bottom; position: relative; left: 18px; }/* Container for Sidebar left */
#sideleft_fon			{ background: url('../images/sideleft/left02.png') repeat-y; position: relative; bottom: 9px; }

#container				{ width: 768px; position: relative; left: 100%; margin: 0 -768px 0 0; } /* Container for all of middle */
#container_one		{ width: 758px; position: relative; margin: 0 117px 15px; } /* Container for error.shtml */
#container_right	{ width: 768px; position: relative; }
#container_right.top
									{ top: -18px; } /* to get up image 'ichronos_box' on page index.shtml */

#content					{ padding: 0 15px 0 25px; }

div.cancel_float	{ overflow: hidden; margin-bottom: 7px; } /* Container cancels 'float left' (clear: left; — don't match up for this situation) */

.right						{ float: right; }
.left							{ float: left; }

.col1							{ width: 200px; margin-right: 20px; }
.col2							{ width: 263px; margin-right: 10px; }
.col3							{ width: 280px; margin-right: 20px; }
.col4							{ width: 350px; margin-right: 20px; }
.col5							{ width: 356px; margin-right: 15px; }
.col6							{ width: 448px; }
.col7							{ width: 501px; }

.line_v						{ float: left; background: url('../images/line_vertical.gif') repeat-y; height: 290px; width: 5px; margin-right: 10px; }

.lightred					{ width: 724px; background-color: #f4e8e8; padding: 15px; margin-bottom: 25px; border-radius: 10px; -moz-border-radius: 10px; /* For Firefox 3 */ -webkit-border-radius: 10px; /* For Safari 4 and Chrome */ }
.push							{ float: left; width: 295px; background-color: #721B1B; margin: 10px 30px 15px 0; padding: 10px 15px 15px; border-radius: 10px; -moz-border-radius: 10px; /* For Firefox 3 */ -webkit-border-radius: 10px; /* For Safari 4 and Chrome */ text-align: center; color: #ffffff; }

table							{ margin: 5px 0 20px; border: 1px #e2bdbd solid; border-spacing: 2px; }
th								{ background: #660000 url('../images/cellpic.gif') repeat-x; width: 320px; height: 30px; color: #ffffff; text-align: left; padding-left: 5px; }
th.c2							{ background: url('../images/cellpic_yellow.gif') repeat-x; color: #660000; }
td								{ background-color: #f4e8e8; width: 320px; padding: 6px 10px; }


/*--Sidebar Left------------------------------------------- 
(based on these examples: http://chikuyonok.ru/2009/06/float-columns/
and http://chikuyonok.ru/playground/cols/)----*/

#container_left		{ float: left; left: -181px; /* сдвигаем левый контейнер на всю ширину sideleft */ margin-right: -100%; position: relative; width: 181px; }
#top_sideleft			{ width: 181px; height: 11px; background: url('../images/sideleft/left01.png') no-repeat; }

.box							{ width: 181px; }
.box_left					{ width: 74px; float: left; }
.box_right				{ width: 107px; float: left; color: #c49784; }
.split						{ width: 181px; height: 2px; background: url('../images/sideleft/leftsplit.png') no-repeat; margin-top: 15px; margin-bottom: 10px; }


/*--Footer------------------------------------------------------*/
footer						{ min-width: 743px; max-width: 793px; margin: -30px auto 0; height: 30px; text-align: center; padding-right: 30px; background-color: #ffffff; padding-left: 219px; }
footer.error			{ padding-left: 30px; }

.line_footer			{ background: url('../images/line02.png') repeat-x; padding-bottom: 8px; height: 1px; }