/* CSS Document */

html {

    height:100%;
	background-color:#FFF;
	width:100%;
	font-size: 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body {
	padding:0;
	position:relative;
	background:url(images/brd_md.gif) repeat-y top;
	margin: 20px auto;
	width:710px;
    color:#59646e;
	min-height:650px;
	
	behavior: url(csshover.htc);
	
}

* html body {
	height:650px;
    /*font-size:95%;*/
}


a {
	color:#0f9ddf;
	text-decoration:underline;
}

/*a:hover {
	text-decoration:underline;
}*/

img {
	border:0;
}

h1, h2, h3, h4 {
	margin:5px 0;
}

h1 {
	font-size:160%;
	font-weight:normal;
}


h2 {	
	font-size:135%;
	font-weight:normal;
}

h3 {	
	font-size:120%;
	font-weight:bold;
}

h4 {
	font-size:100%;
	font-weight:bold;
}

small {
	font-size:10px;
}

input {
	font-size:13px;
}

textarea {
	font-size:13px;
}

ul, p {
	margin:10px 0;
	padding:0;
}

ul li, ul ol {
	margin:0; padding:0;
	margin-left:30px;
}

/*************************/

#brd_top_img {
	position:absolute;
	top:0;

}

#brd_bottom_img {
	position:absolute;
	bottom:0;
	background-color: #FFFFFF;

}

/*************************/

#logo_img {
	position:absolute;
	top:40px;
	right:38px;	

}

#head_div {
	position:absolute;
	top:35px;
	left:40px;	



}


#content_image_div {
	position:absolute;
	top:100px;
	left:40px;
}

#content_caption_div {
	/*position:absolute;*/
	font-style:italic;
	font-size:95%;
	text-align:center;

	margin:0 20px;
	width:440px;
}


/*************************/

#menu_image_div {
	position:absolute;
	top:130px;
	right:28px;

}

#menu_video_div {
	position:absolute;
	top:380px;
	right:25px;

}



/*#image_menu_div img {
	border:1px solid #EEE;
	margin:10px 0;

}

#image_menu_div img:hover {
	border:1px solid #EAB119;
}
*/



#menu_image_div ul, #menu_video_div ul {
	position:relative;
	list-style:none;
	width:126px;
	margin:0px 0;
	padding:0;

}


* html #menu_image_div ul {
	width:128px;
}

* html #menu_video_div ul {
	width:128px;
}

#menu_image_div ul li, #menu_video_div ul li {
	display:block;
	float:left;
	margin:4px;
	padding:0;
	
	border:1px solid #EEE;
}

#menu_image_div ul li:hover, #menu_video_div ul li:hover {
	border:1px solid #9bdbff;/*#0f9ddf;*//* #EAB119;*/
}


#images_2_div {
	display:none;

}

.menu_change_div {
	clear:both;
	text-align:right;
	font-size:70%;
	padding-right:10px;
}

#menu_video_div h4 {
	text-align:center;
	padding-right: 12px;
	font-weight:normal;
}

/************************/

#whatthis_div {
	position:absolute;
	top:95px;
	left:215px;
	z-index:1;

}


.dash_href {
	border-bottom: 1px dashed;
	text-decoration:none;
	font-size:9px;
}

#whatthis_tooltip_div {
	position:absolute;
	display:none;
	top:120px;
	left:-50px;
	padding:5px 20px;
	width:350px;
	height:370px;
	border:1px solid #C2C7CB;
	background-color:#FFF;
	font-size:9px;
	z-index:1;
	
}

#whatthis_tooltip_div p {
	margin:8px 0;
	padding:0; 
}

* html #whatthis_tooltip_div p {
	margin:10px 0;
}



/************************/

#info_div {
	position:absolute;
	bottom:35px;
	left:35px;
	padding-left:5px; /*for explorer*/
}

#order_div {
	position:absolute;
	bottom:40px;
	right:30px;
}

/***********************/

#order_form {
	position:absolute;
	top:120px;
	left:40px;

}

#status_mess_div {
	position:absolute;
	top:200px;
	left:120px;


}

/***********************/

#razrabotka_div {
	position:absolute;
	bottom:-15px;
	right:30px;
	font-size:9px;

}

#contacts_div {
	position:absolute;
	bottom:-15px;
	left:35px;
	font-size:9px;

}

/***********************/


.orange {
	color:#EAB119;
}

.red {
	color:#CC3300;

}

.hr {
	border-bottom:1px dashed #C2C7CB;
	height:10px;
	margin:0;
	padding:0;
}