/*
	Базовый css файл
	(c) ArtVisio 2004-2008
	В состав включён reset.css из css framework Blueprint
*/

/* Blueprint Version 0.6 - 21.9.2007 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
table { border-collapse: collapse; border-spacing: 0; }
td { text-align: left; font-weight:400; }

/* Базовые */
body {
	color: #000;
	background-color: #de771c;
}
.inline { display: inline !important; }
.hide { display: none; }
.show, .block { display: block; }

/* Шрифты */
div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, code, del, dfn,
em, q, dl, dt, dd, ol, li, fieldset, label, legend,
caption, tr, th, td {
	color: black;
	font-family: Tahoma, Verdana, Trebuchet MS, Arial;
	font-size: 14px;
	text-align: left;
}
h1 {
	font-size: 22px;
	font-weight: normal;
	padding: 0px 0px 24px 35px;
}
h1 a { font-size: 16px; }
/* Ссылки */
a {
	text-decoration: underline;
}
a:hover { text-decoration: none; }
a.script { text-decoration: none; border: 1px dashed blue; border-width: 0px 0px 1px 0px; }
a.script:hover { text-decoration: none; border: none; }

/* Картинки */
a img { border: none; }
.png { behavior: url('css/pngbehavior.htc'); }

/* Сноски */
sup, sub {
  vertical-align: middle;
  position: relative;
  font-size: 75%;
}
sup { bottom: 0.5em; }
sub { top: 0.5em; }

/* Таблицы */
table {
	border-collapse: collapse;
	border: 0px;
}
table td {
	padding: 0px;
	vertical-align: top;
}
table.no, table.no td, table.no th { border: none !important; }
.nobg { background: none !important; }
table.bred { border: 1px solid red !important; }
table.bbred, table.bbred td, table.bbred th { border: 1px solid red !important; }
table.bbno, table.bbno td, table.bbno th { border: none !important; }
table.bgray { border: 1px solid gray !important; }
table.bbgray, table.bbgray td, table.bbgray th { border: 1px solid gray !important; }
table.p0 td, table.p0 th, td.p0, th.p0, div.p0 { padding: 0px !important; }
table.p5 td, table.p5 th, td.p5, th.p5, div.p5 { padding: 5px; }
table.p10 td, table.p10 th, td.p10, th.p10, div.p10 { padding: 10px; }

/* Список */
ul { list-style: none; }
li {
	padding: 3px 8px;
}

/* Разделитель */
hr {
	border: 1px dotted #d1624f;
	border-width: 1px 0px 0px 0px;
	background-color: transparent;
	height: 1px;
	width: 90%;
	margin: 15px auto;
	text-align: center;
}

/* Позиционирование */
.c { text-align: center !important; }
.r { text-align: right !important; }
.l { text-align: left !important; }
.t { vertical-align: top !important; }
.m { vertical-align: middle !important; }
.b { vertical-align: bottom !important; }

/* Размеры */
.h100 { height: 100px !important; }
.w100 { width: 100px !important; }
.h100p { height: 100% !important; }
.w100p { width: 100% !important; }
.f18 { font-size: 20px; }
.f24 { font-size: 26px; }

/* Fire&Ice Ошибки */
div.errorhandler {
	position: absolute;
	left: 2%;
	top: 78%;
	width: 96%;
	border: 1px solid #DDDDDD;
	background: #EEEEEE;
}
.inside {
	background: #959595 url( '../i/fon-inside.jpg' ) left top no-repeat;
	width: 1140px !important;
	height: 903px !important;
	margin: auto;
}
.all {
	width: 1140px;
	height: 903px;
	margin: auto;
	position: relative;
}
.bgc { background-color: #de771c; }
.content {
	padding-left: 40px;
}
.topmenu {
	height: 74px;
	position: absolute;
	top: 0px;
	left: 54px;
}
.topmenu table {
	width: 520px;
	height: 74px;
}
.rightmenu {
	width: 74px;
	height: 520px;
	position: absolute;
	top: 0px;
	left: 1066px;
	z-index: 10;
}
.rightmenu td {
	text-align:right;
}
.contact {
	position: absolute;
	top: 260px;
	left: 445px;
	width: 300px;
	height: 300px;
}
.contact td { 	font-size: 16px; }
.contact p {
	padding: 2px 0px;
	line-height: 41px;

}
.contact p a {
	text-decoration: none;
}
.contact p a:hover{
	text-decoration: underline;
}

.grey {
	background-color: #363636;
	width: 54px;
	height: 903px;
	padding: 0;
}
.grey img { margin-bottom: 52px;}
.index {
	width: 1070px;
	height: 903px;
}
.index td {
	width: 185px;
	height: 185px;
}
/* Сетка!!!*/
.rightcol {
	width: 104px !important;
}
.bottomcol {
	width: 720px !important;
	height: 121px !important;
}
div.out div,
div.out-right div,
div.out-bottom div {
	position: relative;
	background: url( '../i/out.jpg' ) no-repeat;
	width: 1070px;
	height: 910px;
}
div.out div.over,
div.out-right div.over,
div.out-bottom div.over {
	background: url( '../i/over.jpg' ) no-repeat !important;
}
div.out {
	width: 185px;
	height: 185px;
	overflow: hidden;
}
div.out-right {
	width: 145px;
	height: 903px;
	overflow: hidden;
}
div.out-bottom {
	width: 920px;
	height: 163px;
	overflow: hidden;
}
div.r1 { left: 0px; }
div.r2 { left: -185px; }
div.r3 { left: -370px; }
div.r4 { left: -555px; }
div.r5 { left: -740px; }
div.r6 { left: 0px; top: -185px; }
div.r7 { left: -185px; top: -185px; }
div.r8 { left: -370px; top: -185px;  }
div.r9 { left: -555px;  top: -185px;}
div.r10 { left: -740px;  top: -185px;}
div.r11 { left: 0px;  top: -370px;}
div.r12 { left: -185px;  top: -370px;}
div.r13 { left: -370px;  top: -370px;}
div.r14 { left: -555px;  top: -370px;}
div.r15 { left: -740px;  top: -370px;}
div.r16 { left: 0px;  top: -555px;}
div.r17 { left: -185px;  top: -555px;}
div.r18 { left: -370px;  top: -555px;}
div.r19 { left: -555px;  top: -555px;}
div.r20 { left: -740px;  top: -555px;}
div.r21 { left: -925px; }
div.r22 { left: 0px;  top: -740px;}

.logo {
	position: absolute;
	left: 54px;
	top: 570px;
}
.port {
	width: 500px;
	height: 400px;
	position: absolute;
	left: 270px;
	top: 120px;
}
.port td {
	height: 80px;
	vertical-align: bottom;

}
.port td a {
	color: #000;
	font-size: 16px;
	text-decoration: none;
}
.port td a:hover{
	text-decoration: none;
}
.port-inside {
	width:920px;
	height: 420px;
	position: absolute;
	left: 70px;
	top: 100px;
}
.pics td {
	vertical-align: middle;
	font-size: 12px;
	height: 90px;
}
.pics img {
	float: left;
	width: 80px;
	height: 80px;
	margin: 5px;
}
.nav {
	width: 100px;
	height: 50px;
	font-size: 18px;
	color: #78400f;
	padding-top: 5px;
}
.nav a {
	font-size: 18px;
	text-decoration: none;
}
.nav a:hover {
	text-decoration: underline;
}
.back {
	width: 100px;
	height: 50px;
	position: absolute;
	left: 864px;
	top: 807px;
	font-size: 14px;
	color: #78400f;
}
.back a { font-size: 11px; }

#fimage {
	width: 200px;
	height: 200px;
	position: absolute;
	top: 0px;
	z-index: 1000;
}

#mlogo,
#index div div {
	cursor: pointer;
}

/*О мастерской */
.about {
	position: absolute;
	top: 100px;
	left: 335px;
	width: 600px;
}
.about p {
	font-size: 16px;
	line-height: 20px;
	margin: 6px 0px;
}

.ml1 { margin-left: 150px; white-space: nowrap; }
.ml2 { margin-left: 120px; white-space: nowrap; }
.ml3 { margin-left: 120px; white-space: nowrap; }
.ml4 { margin-left: 130px; white-space: nowrap; }

div.f-default { margin: 15px 0px; }
div.f-default table {
	display: inline;
	margin-bottom: -5px;
}
div.f-default table td {
	font-size: 15px;
	font-weight: bold;
	height: 35px;
	padding-left: 30px;
}
div.f-comics div {
	font-family: Comic Sans MS, Arial, Tahoma;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	display: inline;
}
.f-antiqua,
.f-antiqua span  { font-family: Book Antiqua, Times New Roman; }
.f-antiqua span { font-size: 20px; }
#flash {
	position: absolute;
	top: 60px;
	left: 30px;
}
#flash2 {
	position: absolute;
	top: 120px;
	left: 70px;
}
#flash3 {
	position: absolute;
	top: 90px;
	left: 60px;
}