/***************** 30.04.2010 *****************/
/*  design: Eremeev Ilya eremeevtd@gmail.com  */
/*  layout: Eremeeva Nina erenone@gmail.com   */
/************* copyright ÒðèDÝ ****************/

* {margin: 0;padding: 0;}
html {width: 100%;}
body {
	font: 16px/18px 'Trebuchet MS', Arial, Verdana, sans-serif;
	width: 100%;
	font-style:italic;
	min-width: 995px;
}
a {
	color: blue;
	outline: none;
	text-decoration: none;
}
a:hover {text-decoration: underline;}
h1 {font-size: 30px;margin-left: 50px;}
h2 {font-size: 21px;}
h3 {font-size: 16px;}
p {margin: 0;}
td {vertical-align: top;}
img {border: none;}
input {vertical-align: middle}
#header, #yellow_cont, #lightGrey_cont, #red_cont, #ochre_cont, #white_cont, #darkGrey_cont, #foot_cont {
	width: 995px;
	min-width: 995px;
	margin: 0 auto;
}
#header_wrap, #yellow_wrap, #lightGrey_wrap, #red_wrap, #ochre_wrap, #white_wrap, #darkGrey_wrap, #foot_wrap {
	width: 100%;
}
/* Header
-----------------------------------------------------------------------------*/
#header_wrap {width: 100%;background-color: #141414;}
#header {
	width: 995px;
	margin: 0 auto;
	min-height: 148px;
	font-size: 14px;
	color: #fff;
	border: 1px solid #141414; /* important */
}
#header img { /* logo */
	width: 132px;
	float: left;
	margin: 30px 0 0 41px;
}
#header .tel p {font-size: 14px;color: #f5f5f5;}
.tel {
	background: url('../images/tel_icon_head.gif') 0px 5px  no-repeat;
	margin-left: 40px;
	margin-top: 45px;
	padding-left: 28px;
	float:left;
}
.contacts {
	float:left;
	margin-left: 65px;
	margin-top: 45px;
}
.contacts a, .talk a {
	color: #ffd20e;
	text-decoration:underline;
}
#header a:hover {text-decoration:none;}
.mail {
	background: url('../images/mail_icon_head.gif') 0px 5px no-repeat;
	padding-left: 26px;
	margin-bottom: 10px;
}
.icq {
	background: url('../images/icq_icon_head.gif') 0px 0px no-repeat;
	padding-left: 26px;
}
.talk {
	float:left;
	margin-top: 45px;
	margin-left: 65px;
	padding-left: 26px;
	background: url('../images/talk_icon_head.gif') 0px 5px no-repeat;
	line-height: 17px;
}
/* Menu */
.clear {clear:left;font-size:0px;line-height:0px;}
#menu {
	margin-top: -28px;
	margin-left: 241px;
}
#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
#menu>ul {
	background: url('../images/menu_side_bg.gif') right bottom no-repeat;
	padding-right: 1px;
	font-size: 14px;
}
#menu ul ul {border-bottom: 1px dotted #000;}
#menu a {
	color: #141414;
	text-decoration:none;
	white-space:nowrap;
}
#menu .a_1 {
	background-color: #141414;
	padding: 0 25px 0 25px;
	font-style:italic;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	color: #ffd20e;
}
#menu .a_1:hover {
	background-color: #ffd20e;
	color: #141414;
}
#menu ul ul a:hover {
	text-decoration:underline;
}
#menu li {float: left;}
.li_1 {
	line-height: 27px;
	min-width: 130px;
	text-align:center;
	display:inline-block;
	background: url('../images/menu_side_bg.gif') 0px 0px no-repeat;
	padding-left: 1px;
}
#menu ul a {display: block;}
/* UL UL */
#menu ul ul {
	float: left;
	display: none;
	position: absolute;
	margin-left: -140px; /*Sdvinut vlevo na shirinu menu */
	background: transparent; /*Obyazatelno nujen*/
	padding-right: 20px;
}
#menu li:hover ul {display: block;}
#menu .a_2 {
	padding-left: 20px;
	font-size: 11px;
	font-family: Verdana;
	background: url('../images/arrow.gif') 10% 50% no-repeat;
}
#menu .a_2:hover {
	color: #fff;
	background: url('../images/arrow_h.gif') 10% 50% no-repeat;
}
/* Yellow content (What is 3d)
-----------------------------------------------------------------------------*/
#yellow_wrap {
	min-height: 423px;
	background: url('../images/yellow_bg.gif') bottom left repeat-x;
}
#yellow_cont {
	border-top: 1px solid #ffd20e; /* important */
	padding-bottom: 25px;
	position:relative;
	min-height: 390px;
}
#yellow_bg {
	background-color: #ffd20e;
}
#yellow_cont #order { /* illustr container */
	width: 356px;
	height: 334px;
	float:right;
	margin-top: 16%; /*50px*/;
	margin-right: 50px;
	position: absolute;
	background: url('../images/order.jpg') top left no-repeat;
	letter-spacing: -1px;
	bottom: 30px;
	right: -10px;
}
#yellow_cont #order strong {
	font-size: 60px;
	display:block;
	margin-bottom: 4px;
}
#yellow_cont #order p {
	margin: 156px 0 0 187px;
	width: 140px;
	line-height: 23px;
	text-align:right;
}
#yellow_cont #order a.site_ot:hover {text-decoration:none;}
#yellow_cont #order a.site_ot { /* main text link */
	font-size: 23px;
	font-family: Georgia, serif;
	color: #d40000;
	font-weight: bold;
}
#yellow_cont p {
	margin-top: 10px;
	margin-left: 50px;
	margin-right: 400px;
}
#yellow_cont h1 {
	color: #fffefe;
	padding-top: 60px;
}
#yellow_cont #order a.star:hover {color: #141414;}
a.star { /* star * link */
	display:block;
	position: absolute;
	right: 25px;
	top: 210px;
}
#yellow_cont #block { /* hidden block */
	width: 365px;
	position:absolute;
	border: 1px solid #672121;
	background-color: #f5f5f5;
	padding: 5px;
	font-size: 12px;
	font-family: 'Trebuchet MS', serif;
	letter-spacing: normal;
	top: -55px;
	left: -385px;
	display: none;
}
#yellow_cont #order a.star:hover #block {display:block;}
body #yellow_cont #block cite { /* hidden block content */
	width: 347px;
	text-align: left;
	color: #141414;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 17px;
	background: url('../images/star.gif') 0 2px no-repeat;
	line-height: 14px;
	display:block;
}
.button {
	width: 168px;
	line-height: 64px;
	background: url('../images/order_button.png') center center no-repeat;
	margin-left: 180px;
	margin-top: 3px;
}
.buttonComm { /* Obschie styli dlya texta knopok */
	display:block;
	text-align:center;
	color: #141414 !important;
	font-style:normal;
	font-size: 19px;
	letter-spacing: normal;
	cursor: pointer;
}
a.buttonComm:hover {text-decoration:underline !important;}

/* Lightgrey Content (What we do)
-----------------------------------------------------------------------------*/
#lightGrey_wrap {
	min-height: 455px;
	background: url('../images/lightGrey_bg.gif') bottom left repeat-x;
	color: #424242;
	padding-bottom: 16px;
}
#lightGrey_bg {background-color: #f5f5f5;}
#lightGrey_cont h1 {
	color: #424242;
	padding-top: 30px;
}
#lightGrey_cont a {color: #141414;}
#lightGrey_cont h2 {color: #141414;}
#lightGrey_cont table {
	border: 0;
	margin-top: 20px;
	margin-left: 10px;
}
#lightGrey_cont td, #red_cont td {
	border: 1px dashed #d9ca74;
	width: 33%; /*250px*/;
	text-align:center;
	padding: 15px 5px ;
}
.weDoBlock h2, .weDoBlock p, .weDoBlock h3 {
	padding-left: 40px;
	padding-right: 10px;
	line-height: 20px;
	text-align:left;
}

/* Red content (Work with us)
-----------------------------------------------------------------------------*/
#red_wrap {
	min-height: 154px;
	background: url('../images/red_bg.gif') bottom left repeat-x;
}
#red_cont {padding-bottom: 50px;}
#red_bg {background-color: #672121;}
#red_cont td {
	border: none;
	color: #fff;
	font-size: 12px;
}
#red_cont h1 {color: #d8c59d;padding-top: 30px;}
#red_cont td p, #red_cont td h3 {padding-right: 70px;}
#red_cont td p {line-height: 14px;}
#red_cont a {color: #fff;}
#red_cont a.start {
	width: 387px;
	line-height: 66px;
	background: url('../images/start_button.jpg') center center no-repeat;
	margin-left: 30%;
	margin-top: 15px;
}

/* Ochre content (Business)
-----------------------------------------------------------------------------*/
#ochre_wrap {
	min-height: 476px;
	background: url('../images/ochre_bg.gif') bottom left repeat-x;
	padding-bottom: 30px;
}
#ochre_bg {background-color: #f2f0d3;}
#ochre_cont {
	position: relative;
	height: 1100px; /* izmenit pri dobavlenii texta */
}
#ochre_cont h1 {
	padding-top: 30px;
	color: #8b7a61;
	position: relative;
	z-index: 1000;
}
#ochre_cont img {
	margin-left: 50px;
	margin-top: -17px;
	width: 515px;
	float:left;
}
#ochre_cont>div {
	position: absolute;
	margin-left: 435px;
	margin-top: 110px;
	padding-right: 75px;
}
#ochre_cont p, .weDoBlock p {margin-top: 10px;}

/* White content (Our works)
-----------------------------------------------------------------------------*/
#white_wrap {
	min-height: 344px;
	background-color: #fff;
	color: #141414;
	font-size: 12px;
}
#white_cont h1 {
	padding-top: 3px;
	color: #535353;
	padding-bottom: 15px;
}
#white_cont td a {color: #141414;}
#white_cont td {border: 0;text-align:center;}
#white_cont td p {line-height: 14px; padding-right: 0;}
#white_cont td p, #white_cont td h3 {text-align: left;}
a.seeAll {
	color: #e95b36;
	display: table;
	border-top: 1px dotted #141414;
	font-size: 18px;
	padding-top: 7px;
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: 40px;
	border-bottom: 1px solid #fff;
}
a.seeAll:hover {border-bottom: 1px solid #e95b36;}

/* Dark grey content (Partners)
-----------------------------------------------------------------------------*/
#darkGrey_wrap {
	min-height: 173px;
	background: url('../images/darkGrey_bg.png') top left repeat-x;
	position:relative;
	z-index: 1000;
}
#darkGrey_cont h1 {
	padding-top: 35px;
	color: #fff;
	padding-bottom: 10px;
}
/* Scroll */
div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 65px;
	width: 880px;
	overflow: auto;
	border-left: 1px solid #616161;
	border-right: 1px solid #616161;
	margin-left: 50px;
}
ul.sc_menu {
	display: block;
	height: 40px;
	/* max width here, for users without javascript */
	width: 2500px;
	padding: 15px 0 0 15px;
	/* removing default styling */
	margin: 0;
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;
	padding: 0 4px;
}
.sc_menu a {display: block;text-decoration: none;}
.sc_menu span {
	display: none;
	margin-top: 3px;
	text-align: center;
	font-size: 12px;
}
.sc_menu a:hover {margin-top: -5px;}
.sc_menu img {margin: 0 15px 0 15px;}

/* Foot content (Contact)
-----------------------------------------------------------------------------*/
#foot_wrap {
	min-height: 461px;
	background-color: #f5f5f5;
	font-size: 14px;
	color: #141414;
	line-height: 16px;
	margin-top: -20px;
}
#foot_cont h1 {
	padding-top: 40px;
	color: #535353;
	padding-bottom: 20px;
}
#foot_cont p {margin-left: 50px;}
#footIllustrBox {
	width: 377px;
	height: 442px;
	float:right;
	background: url('../images/foot_illustr.jpg') top left no-repeat;
	margin-top: -35px;
}
#footIllustrBox a {
	margin-top: 148px;
	margin-bottom: 63px;
	margin-left: 30px;
}
#footIllustrBox fieldset {
	width: 260px;
	margin-left: 80px;
	border:none;
}
#footIllustrBox input {
	width: 100%;
	margin-bottom: 6px;
	line-height: 18px;
}
#footIllustrBox textarea {width: 100%;height: 48px;}
#footIllustrBox textarea, #footIllustrBox input {
	border: none;
	border-top: 1px solid #717171;
	font-size: 10px;
	color: #8f8f8f;
	font-family: Verdana, Arial, sans-serif;
	padding: 3px;
}
#foot_cont .talk {
	float:none;
	clear:left;
	background: url('../images/talk_icon_foot.gif') 0px 5px  no-repeat;
	margin-left: 50px;
	margin-bottom: 30px;
}
#foot_cont .tel, #foot_cont .contacts, #foot_cont .talk {color: #787878;}
#foot_cont .tel a, #foot_cont .contacts a, #foot_cont .talk a {color: #b3514d;}
#foot_cont a:hover {text-decoration: none;}
#foot_cont .tel {
	background: url('../images/tel_icon_foot.gif') 0px 5px  no-repeat;
	margin-left: 50px;
	margin-top: 20px;
}
#foot_cont .contacts {margin-top: 20px;}
#foot_cont .mail {background: url('../images/mail_icon_foot.gif') 0px 5px  no-repeat;}
#foot_cont .icq {
	background: url('../images/icq_icon_foot.gif') 0px 5px  no-repeat;
	margin-bottom: 17px;
	line-height: 20px;
}
#foot_cont .tel p {margin-left: 0;}
.foot_logo {margin-left: 50px;	margin-right: 219px;}
#foot_cont span {
	font-size: 11px;
	color: #8f8f8f;
	font-family: Verdana, Arial, sans-serif;
	font-style: normal;
	position: relative;
	bottom: 20px;
}