*
{
	padding:0;
	margin:0;
	border:0;
}

html, body { height: 100%; }

body
{
	font:14px 'Trebuchet MS', Tahoma, Arial, sans-serif;
	color:black;
	background:url('/img/templates/giraffeBg.gif') center top no-repeat;
	background-attachment:fixed;
}

a
{
	color:#a07a3c;
	text-decoration:underline;
}
a:hover { text-decoration:none; }

h1,h2,h3
{
	font-weight:normal;
	padding-bottom: 22px;
}

h1 { font-size:25px; }
h2 { font-size:22px; }
h3 { font-size:19px; }

h1 strong
{
	font-size:24px;
	font-weight:normal;
}

p,ul,ol { padding-bottom: 18px; }

ul ul,ol ol { padding-bottom: 0; }

ul,ol { padding-left:35px; }

ul { list-style-type:square; }

small { font-size:10px; }

label { cursor:pointer; }
label sup
{
	font-size:12px;
	color:#a17c71;
	font-weight:bold;
}

input,textarea { padding:5px; }
input,textarea,select
{
	/*border:solid 1px #454545;*/
	border:solid 1px #999999;
	color:#999999;
}

td,th { padding: 0 5px 5px 0; }

.activeInput
{
	color:black;
	border-color:black;
}

.button
{
	padding:2px;
	cursor:pointer;
	color:black;
}

.specH { font-size:34px; }

.clear
{
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}

.word
{
	background:url('/img/templates/icons/word.gif') left 2px no-repeat;
	padding-left:20px;
	padding-bottom:2px;
}

.startBtn 
{
	position:relative;
	font-size:28px;
}
.startBtn a
{
	background:url('/img/templates/icons/go.gif') 0 6px no-repeat;
	padding-left:38px;
}

.loading
{
	width:43px;
	height:11px;
	padding-left:10px;
	padding-right:10px;
	display:none;
}

.fog
{
	color:#cdaaa0;
	position:relative;
	left:0;
	top:-4px;
}
.fog strong { font-weight:normal; }
.fog a { color:#cdaaa0; }

.noB b, .noB strong { font-weight:normal; }

/* Логотип */
#logo
{
	width:984px;
	height:132px;
	margin:0 auto;
	position:relative;
}
#logo div { position:absolute; }
#logo #logoImg
{
	left:265px;
	top:33px;
}
#logo #logoImg, #logo #logoImg img
{
	width:159px;
	height:99px;
}
#logo #btnSet
{
	text-align:right;
	right:1px;
	top:38px;
	width:254px;
	line-height:22px;
	vertical-align:top;
}
#logo #btnSet a
{
	color:#a17c71;
	text-decoration:none;
}
#logo #btnSet a:hover { text-decoration:underline; }
#logo #btnSet a span,#logo #btnSet a:hover span { text-decoration:none; }

/* Левая часть с меню и с контактами */
#left
{
	position:fixed;
	left:50%;
	top:147px;
	width:200px;
	margin-left:-442px;/* 946e63 */
	border-right:solid 1px #a17c71;/*#946e63;#a17c71;*/
}
#left .body { padding:20px 10px 20px 0; }

/* Навигация */
#nav
{
	position:relative;
	height:150px;
	color:#a17c71;
}
#nav a
{
	color:#a17c71;
	text-decoration:none;
}
#nav a:hover { color:black; }
#nav ul
{
	position:absolute;
	left:2px;
	top:-6px;
	padding:0;
	list-style-type:none;
}
#nav ul ul
{
	padding:0;
	display:none;
	position:static;
	left:0;
	top:0;
	font-size:12px;
	padding-bottom:2px;
	padding-top:2px;
	margin-top:5px;
}
#nav ul,#nav ul li { width:200px; }
#nav ul li
{
	text-align:right;
	line-height:15px;
	margin-top:5px;
}
#nav ul li a { padding-right:10px; }
#nav ul ul,#nav ul ul li { width:180px; }
#nav ul ul li
{
	margin-top:0;
	line-height:20px;
	vertical-align:middle;
}
#nav ul .active { background: url('/img/templates/navActiveBg.gif') right 7px no-repeat; }
#nav ul .active a { color:black; }
#nav ul .active ul
{
	display:block;
	border-right:solid 1px black;
}
#nav ul .active ul .active { background:none; }
#nav ul .active ul .active a { text-decoration:underline; }


/* Контакты */
#iContacts { padding:75px 0 0 0; }
#iContacts a { text-decoration:none; }
#iContacts a:hover { color:black; }

#iContacts table, #iContacts table td
{
	padding:0;
	border:0;
}

#iContacts table td
{
	font-size:12px;
	height:16px;
	line-height:16px;
	padding-left:20px;
	padding-top:5px;
	background-position:left 5px;
	background-repeat: no-repeat;
}

#phone
{
	padding: 5px 0 10px 20px;
	font-size:18px;
	height:22px;
	line-height:22px;
	background:url('/img/templates/icons/phone.gif') left 9px no-repeat;
	color:black;
}

#question
{
	padding: 0 0 3px 20px;
	height:16px;
	line-height:16px;
	font-size:12px;
	background:url('/img/templates/icons/question.gif') left top no-repeat;
}

#question { background-image:url('/img/templates/icons/question.gif'); }
#email { background-image:url('/img/templates/icons/mail.gif'); }
#iContacts #icq
{
	padding-right:8px;
	background-image:url('/img/templates/icons/icq.gif');
	color:#a07a3c;
}
#skype { background-image:url('/img/templates/icons/skype.gif'); }
#iContacts #vkontakte
{
	font-size:10px;
	background-image:url('/img/templates/icons/vkontakte.gif');
}

/* Контейнер */
#content
{
	margin:0 auto;
	padding-top:30px;
	padding-bottom:50px;
	width:984px;
}
#content .body { padding-left:264px; }

/* Подвал */
#bottom
{
	width:984px;
	height:50px;
	margin:0 auto;
	font-size:12px;
	color:#6b4a40;
}
#bottom p { padding:10px 0 10px 0; }
#bottom .body
{
	width:600px;
	margin-left:384px;
	border-top:solid 1px #6b4a40;
}

/* Формы */
#courseForm,#questionForm { display:none; }

/* Пошаговая инструкция */
.stepSet
{
	margin-left:-10px;
	padding-top:13px;
	padding-bottom:35px;
	font-size:12px;
}
.stepSet h2
{
	color:#6b4a40;
	padding-bottom:7px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.stepSet p { padding-bottom:7px; }
.stepSet .step
{
	width:180px;
	display:-moz-inline-box;
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:top;
}
.stepSet .step .img
{
	height:92px;
	width:180px;
	text-align:center;
	position:relative;
}
.stepSet .step .img .symbol
{
	position:absolute;
	left:166px;
	top:27px;
	width:32px;
	height:32px;
	background: url('/img/templates/icons/plus.gif') left top no-repeat;
}
.stepSet .step .content
{
	padding-left:10px;
	padding-right:10px;
}
.stepSet .step .content strong { font-weight:normal; }

/* Наборы кнопок для шагов */
.stepBtnSet { padding-bottom:80px; }
.stepBtnSet .startBtn { left:-170px; top:5px; }

/* Настройки для каждого шага */
#step1 .img img,#step5 .img img,#step9 .img img,#step13 .img img { margin-top:5px; }
#step3 .img img,#step7 .img img,#step11 .img img,#step15 .img img { margin-top:5px; }
#step4 .img img,#step8 .img img,#step12 .img img,#step16 .img img { margin-top:3px; }
#step1,#step5,#step9,#step13 { margin-left:1px; }
#step2,#step6,#step10,#step14 { margin-left:3px; }
#step3,#step7,#step11,#step15 { margin-left:3px; }
#step4,#step8,#step12,#step16 { margin-left:3px; }
#step3 .img .symbol,#step7 .img .symbol,#step11 .img .symbol,#step15 .img .symbol { background-image:url('/img/templates/icons/well.gif'); }