/*****************************   anDeRan   ************************************/

body {
	background-color: #E2D7C1;
	color: #333;
}

#header .inner, #content .inner, #footer .inner {
	width: 895px;
	margin: 0 auto;
}

body, p, ul, ol, dl, form, h1, h2, h3, h4, h5, blockquote {
	padding: 0;
	margin: 0;
}

body, table, input, textarea, select {
	font: 12px Arial, "Nimbus Sans L", Garuda, sans-serif;
}

img {
	border-width: 0;
	vertical-align: middle;
}

a {
	color: #903739;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	padding: 0 0 14px;
}

h2 {
	font: 17px Georgia, "Times New Roman", serif;
	padding-bottom: 15px;
}

h3 {
	font: bold 12px Tahoma, sans-serif;
	padding-bottom: 15px;
}

ul {
	margin: 0 0 14px 14px;
}

blockquote {
	padding-left: 20px;
}

.to-left {
	float: left;
}

.clear {
	clear: both;
}

.right {
	text-align: right;
}

#header h1, #icons li, #nav li a, #phone, #ftr-logo h4 {
	line-height: 1000em;
	overflow: hidden;
}

a.underlined, .parts a, .news a {
	text-decoration: underline;
}

a.underlined:hover, .parts a:hover, .news a:hover {
	text-decoration: none;
}

/* HEADER */

#header {
	background: #F3F0DF url(../images/common/hdr_bg.png) repeat-x;
	height: 366px;
}

#header li {
	list-style-type: none;
	float: left;
}

#header h1 {
	position: absolute;
	width: 224px;
	height: 50px;
	background-image: url(../images/common/logo.png);
	margin: 24px 0 0 7px;
}

#header h1 a {
	display: block;
}

#logo-text {
	position: absolute;
	width: 170px;
	margin: 72px 0 0 9px;
	color: #555;
	font-size: 11px;
	line-height: 110%;
}

#logo-text strong {
	font-weight: normal;
}

#nav {
	position: absolute;
	margin: 74px 0 0 332px;
}

#nav li {
	margin-left: 12px;
	height: 36px;
}

#nav li a {
	height: 36px;
	display: block;
}

#nav div {
	position: absolute;
	padding-top: 5px;
	visibility: hidden;
}

#nav ul {
	background-color: #FFF;
	padding: 0 0 0 13px;
	width: 182px;
	position: relative;
	z-index: 100;
	margin: 0;
}

#nav ul li {
	margin-left: 0;
	height: auto;
	line-height: normal;
	padding-bottom: 5px;
}

#nav ul li a {
	height: auto;
	display: inline;
	line-height: normal;
	color: #000;
}

#nav .border-top {
	background-image: url(../images/common/nav_drop_top_bg.png);
	height: 8px;
	width: 227px;
	display: block;
	overflow: hidden;
}

#nav .border-bot {
	height: 200px;
	overflow: hidden;
	position: absolute;
	display: block;
}

#nav .border-bot span {
	background-image: url(../images/common/nav_drop_bg.png);
	width: 227px;
	height: 200px;
	display: block;
}

#nav .shadow {
	background-image: url(../images/common/shadow.png);
	position: absolute;
	display: block;
	width: 220px;
	z-index: 100;
}

.nav-print-cd { background-image: url(../images/nav/print_cd_off.png); width: 78px; }
.nav-print-dvd { background-image: url(../images/nav/print_dvd_off.png); width: 86px; }
.nav-pack-cd-dvd { background-image: url(../images/nav/pack_cd_dvd_off.png); width: 124px; }
.nav-services { background-image: url(../images/nav/services_off.png); width: 136px; }
.nav-projects { background-image: url(../images/nav/projects_off.png); width: 68px; }

.nav-print-cd-on, .nav-print-cd:hover { background-image: url(../images/nav/print_cd_on.png); }
.nav-print-dvd-on, .nav-print-dvd:hover { background-image: url(../images/nav/print_dvd_on.png); }
.nav-pack-cd-dvd-on, .nav-pack-cd-dvd:hover { background-image: url(../images/nav/pack_cd_dvd_on.png); }
.nav-services-on, .nav-services:hover { background-image: url(../images/nav/services_on.png); }
.nav-projects-on, .nav-projects:hover { background-image: url(../images/nav/projects_on.png); }

#header li li {
	float: none;
}

#icons {
	position: absolute;
	margin: 26px 0 0 827px;
	background: url(../images/common/ico_separator.png) repeat-x 0 3px;
}

#icons li {
	width: 27px;
	height: 11px;
	background-repeat: no-repeat;
	background-position: 8px 0;
}

#icons a {
	width: 27px;
	display: block;
}

.ico-home    { background-image: url(../images/common/ico_home.png); }
.ico-sitemap { background-image: url(../images/common/ico_sitemap.png); }
.ico-email   { background-image: url(../images/common/ico_email.png); }

#hdr-img {
	position: absolute;
	margin: 123px 0 0 1px;
}

#hdr-img p img {
	margin: 23px 0 0 18px;
	vertical-align: top;
}

#contour {
	display: block;
	position: absolute;
	width: 904px;
	height: 213px;
	background-image: url(../images/common/contour.png);
}

#nav-sub {
	margin: -209px 0 0 18px;
	width: 311px;
	height: 39px;
	line-height: 48px;
	font-weight: bold;
	overflow: hidden;
	position: absolute;
}

#nav-sub a, #nav-sub li {
	z-index: 10;
}

#nav-sub li {
	padding: 0 12px 0 10px;
}

#nav-sub a {
	text-decoration: none;
	color: #000;
}

#nav-sub a:hover {
	color: #903739;
}

#crumbs {
	position: absolute;
	margin: -4px 0 0 8px;
	font-size: 11px;
	color: #555;
	padding: 0 0 0 14px;
	background: url(../images/common/pointer.png) no-repeat 0 5px;
	width: 630px;
}

#phone {
	position: absolute;
	margin: -26px 0 0 658px;
	width: 224px;
	height: 38px;
	background-image: url(../images/common/phone.png);
	padding-bottom: 0;
}

/* CONTENT */

#content {
	background-color: #F3F0DF;
}

#content .inner {
	background: url(../images/common/cnt_inn_bg.png) no-repeat 440px 18px;
	position: relative;
	z-index: 2;
	margin-bottom: -67px;
}

.col-left {
	float: left;
	width: 412px;
	padding: 0 47px 0 9px;
}

.col-right {
	float: left;
	width: 427px;
}

.parts {
	list-style-type: none;
	margin: 0;
}

.parts {
	position: relative;
}

.parts li {
	clear: left;
}

.parts h3 {
	height: 29px;
	line-height: 29px;
	padding: 0 0 0 7px;
	margin-bottom: 10px;
	cursor: pointer;
}

.parts h3.selected {
	background: url(../images/common/hdr_corner_left.png) no-repeat;
}

.parts h3.selected span {
	display: block;
	background: #FFF url(../images/common/hdr_corner_right.png) no-repeat right;
	height: 29px;
	padding-right: 7px;
	position: absolute;
	white-space: nowrap;
	cursor: auto;
}

.parts p {
	line-height: 20px;
	padding-bottom: 11px;
}

.parts .to-left {
	width: 200px;
	padding-left: 6px;
}

.parts .part-second {
	position: absolute;
	top: 0;
	margin-left: 189px;
}

.parts .part-second div {
	display: none;
}

.parts .part-normal h3 {
	margin-bottom: 4px;
	cursor: auto;
}

.tabs {
	list-style-type: none;
	position: relative;
	height: 286px;
	margin: 0 0 0 -10px;
}

.tabs li {
	/*padding-bottom: 7px;*/
	height: 37px;
}

.tabs li.once {
	height: 28px;
	margin-top: 1px;
}

.tabs h5 {
	width: 142px;
	font-size: 12px;
	font-weight: normal;
	color: #903739;
	padding-left: 10px;
	line-height: 13px;
	padding-top: 1px;
	cursor: pointer;
}

.tabs h5.once {
	padding-top: 3px;
}

.tabs div {
	display: none;
}

.tabs p {
	padding-bottom: 8px;
}

.tabs .selected {
	padding-bottom: 0;
}

.tabs .selected h5 {
	background-image: url(../images/common/tab_bg.png);
	height: 37px;
	cursor: text;
}

.tabs .selected h5.once {
	background-image: url(../images/common/tab2_bg.png);
	height: 25px;
	padding-top: 3px;
}

.tabs .selected div {
	width: 263px;
	height: 271px;
	position: absolute;
	display: block;
	margin-left: 152px;
	padding: 8px 11px 0;
	top: 0;
	font-size: 11px;
	background: #FFF url(../images/common/tab_body.png) no-repeat bottom;
}

.tabs img.to-left {
	margin-right: 20px;
}

.numbers {
	background: #FAF7F0 url(../images/common/nums_bot_bg.png) no-repeat bottom;
	width: 408px;
	font-size: 11px;
}

.numbers .border-top {
	display: block;
	height: 9px;
	overflow: hidden;
	background-image: url(../images/common/nums_top_bg.png);
}

.numbers p {
	padding: 1px 18px 11px 40px;
	background-repeat: no-repeat;
	background-position: 14px 0;
}

.numbers .num-1 { background-image: url(../images/numbers/1.png); }
.numbers .num-2 { background-image: url(../images/numbers/2.png); }
.numbers .num-3 { background-image: url(../images/numbers/3.png); }
.numbers .num-4 { background-image: url(../images/numbers/4.png); }
.numbers .num-5 { background-image: url(../images/numbers/5.png); }

.news {
	margin-right: -30px;
	font-size: 11px;
	position: relative;
	padding-bottom: 4px;
}

.news p {
	padding-bottom: 12px;
}

.news .date {
	padding-bottom: 4px;
}

.news small {
	font-size: 10px;
	color: #903739;
}

.news div {
	float: left;
	width: 209px;
	padding-right: 17px;
}

.news-list div {
	float: none;
	padding-right: 0;
	width: 400px;
}

ul.links {
	padding-bottom: 15px;
	margin: 0;
}

ul.links li {
	list-style-type: none;
	background: url(../images/common/dash.png) no-repeat 5px 6px;
	padding: 0 0 5px 14px;
}

ul.links ul {
	padding: 10px 0 0;
	margin: 0;
}

p.border-maxi {
	background: url(../images/common/border_maxi.png) no-repeat;
	width: 415px;
	height: 192px;
	padding: 8px 0 0 9px;
	margin: 0 0 15px -1px;
}

.gallery {
	margin-right: -60px;
	width: 450px;
}

.gallery div {
	width: 190px;
	float: left;
	font-size: 11px;
	color: #555;
	margin-right: 30px;
}

p.border-mini {
	background: url(../images/common/border_mini.png) no-repeat;
	width: 175px;
	height: 136px;
	padding: 4px 0 0 5px;
}

.gallery .title {
	padding: 6px 0 18px 3px;
}

.offset-top {
	padding-top: 34px;
}

.offset-right {
	padding-right: 44px;
}

.pages span {
	color: #903739;
}

.pages a {
	text-decoration: none;
}

.pages a:hover {
	text-decoration: underline;
}

.pages a strong {
	text-decoration: underline;
	font-weight: normal;
}

p.border-circle {
	background: url(../images/common/border_circle.png) no-repeat;
	width: 378px;
	height: 287px;
	padding: 8px 0 0 8px;
	margin: 0 0 15px -3px;
}

.projects-nav a {
	text-decoration: none;
	color: #000;
}

.projects-nav a:hover {
	text-decoration: underline;
}

.projects-nav a.opened {
	color: #903739;
}

.projects p {
	padding-left: 30px;
	line-height: 18px;
	padding-bottom: 12px;
}

.projects span {
	display: block;
	position: absolute;
	font: bold 15px "Times New Roman", serif;
	margin-left: -35px;
	width: 30px;
	text-align: right;
}

.projects a {
	text-decoration: none;
}

.projects a:hover {
	text-decoration: underline;
}

.circles {
	position: absolute;
	width: 23px;
	margin: 15px 0 0 394px;
}

.circles img {
	margin-bottom: 17px;
	cursor: pointer;
}

p.border-map {
	background: url(../images/common/border_map.png) no-repeat;
	width: 405px;
	height: 232px;
	padding: 9px 0 0 8px;
	margin: 0 0 15px;
}

.offset-email {
	padding-left: 40px;
}

.offset-email strong {
	display: block;
	position: absolute;
	margin-left: -40px;
	font-weight: normal;
}

.emails {
	padding: 2px 0 6px;
}

.emails p {
	padding-left: 202px;
}

.emails p strong {
	display: block;
	position: absolute;
	margin-left: -202px;
}

form {
	margin-top: 12px;
}

form label {
	display: block;
	width: 86px;
	float: left;
	margin: 3px 8px 0 0;
	text-align: right;
}

form p {
	clear: left;
	padding-bottom: 0;
}

form p.field {
	height: 30px;
}

form p.area {
	height: 109px;
}

form input.field, form textarea {
	background-color: #FFF;
	border: 1px solid #CCC;
}

form input.field {
	width: 207px;
	height: 19px;
	padding: 2px 2px 0;
}

form textarea, form input#fld-subject {
	width: 274px;
}

form textarea {
	height: 96px;
	padding: 2px 2px 0;
}

form .error {
	border-color: #CC0101 !important;
}

form input.button {
	background-color: #FFF;
	border: 1px solid #CCC;
	font: bold 11px Tahoma, sans-serif;
	margin-left: 94px;
	height: 22px;
}

table.price {
	border-collapse: collapse;
	margin: 0 2px 10px;
}

.price thead td {
	border: 1px solid #D1CFC2;
	border-width: 1px 0;
	background-color: #FFF;
	padding: 3px 2px;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
}

.price tbody td {
	border: 1px solid #D1CFC2;
	padding: 3px 2px;
	text-align: center;
	font-size: 11px;
}

.price .col-first {
	border-left-width: 0;
	padding-right: 20px;
}

.price .col-last {
	border-right-width: 0;
}

.price thead td.col-first {
	text-align: left;
	font-size: 12px;
	padding-left: 4px;
}

.price tbody td.col-first {
	text-align: left;
	padding-bottom: 6px;
}

.price tbody td.col-first a {
	display: block;
	width: 100%;
	background: url(../images/common/eye.png) no-repeat 1px 3px;
	padding-left: 24px;
	text-decoration: none;
	color: #000;
	cursor: default;
}

.hdr-note {
	font-size: 11px;
	margin: -15px 0 0 2px;
}

.hint-block {
	position: absolute;
	z-index: 9;
	background: url(../images/common/progress.gif) no-repeat;
	min-width: 32px;
	min-height: 32px;
}
.hint-block img {
	border: 1px solid #CCC;
}

/* FOOTER */

#footer {
	background: url(../images/common/ftr_bg.png) repeat-x;
}

#footer .inner {
	height: 162px;
	position: relative;
	z-index: 1;
	background: url(../images/common/ftr_inn_bg.png) no-repeat 0 67px;
}

#copyright {
	position: absolute;
	margin-top: 96px;
}

#ftr-logo {
	position: absolute;
	width: 202px;
	right: 0;
	font-size: 11px;
	margin-top: 91px;
}

#ftr-logo h4 {
	width: 122px;
	height: 28px;
	background-image: url(../images/common/ftr_logo.png);
	margin-bottom: -2px;
}

#ftr-logo h4 a {
	display: block;
}

#choose-page {
	position: absolute;
	width: 204px;
	left: 50%;
	margin: 102px 0 0 -102px;
}

#choose-page select {
	font-size: 11px;
	width: 170px;
	margin-right: 8px;
}

#choose-page img {
	margin-top: -2px;
}