/*-----------------------------------------------------------------------------
ReferMaker Screen Stylesheet

version:   1.0
date:      24/08/07
author:    Alexander Chuprin	
email:     a.s.chuprin@gmail.com
website:   www.chuprin.com

-----------------------------------------------------------------------------*/


/* Global 
---------------------------------------------------------- */

* {	padding:0; margin:0; }
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
html, body { width: 100%; height: 100%; }
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	color: #000000;
	background: #FFF;
}
h1, h2, h3, h4, h5, h6, pre, blockquote, form, label, ul, ol, dl, fieldset, address {
	margin: 15px 0;
	font-size: 1em;
}

p {
font-size: 1.2em;
line-height: 1.5;
padding-bottom:10px;
}
li, dd, blockquote { 
	margin-left: 10px; 
}

h1 { font-size: 1.64em; font-weight: normal; color: #a41700; }
h1 img { margin: 0 10px 0 0; vertical-align: middle; }	
h2 { font-size: 1.3em; color: #115d7d; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.0em; }
h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

/* Table */
table { border-collapse: collapse; border: 0; }
table td { padding: 0px; vertical-align: top; text-align: left; }
.t1 {padding: 0px 20px; vertical-align: middle; text-align: left; }
.t2 input{
	WIDTH: 90%;
	BORDER-RIGHT: #909090 1px solid; 
	BORDER-TOP: #909090 1px solid; 
	BORDER-LEFT: #909090 1px solid; 
	BORDER-BOTTOM: #909090 1px solid
	FONT-SIZE: 14px; BACKGROUND: #f0f0f0; 
	COLOR: rgb(0,0,0); 
	margin: 5px 0px;
}
.t2 textarea{
	WIDTH: 90%;
	BORDER-RIGHT: #909090 1px solid; 
	BORDER-TOP: #909090 1px solid; 
	BORDER-LEFT: #909090 1px solid; 
	BORDER-BOTTOM: #909090 1px solid
	FONT-SIZE: 14px; BACKGROUND: #f0f0f0; 
	COLOR: rgb(0,0,0); 
	margin: 5px 0px;
}

/* Inputs */

input { padding-left: 3px; }

/* Lists */
ul li {
	padding: 0 0 0 15px;
	background: url(../images/arrow.gif) 0 0.7em no-repeat;
	line-height: 1.7em;
	list-style-type: none;	
	font-size: 1.2em;
	}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.last { border-bottom: none !important; border-right: none !important; margin-right: 0 !important; background: none !important; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.middle { vertical-align: middle; }
.fleft { display: block; float: left; }
.fright { display: block; float: right; }

/* Text */
.important { 
	color: #a41700; 
	}
.larger { 
	font-size: 1.1em; 
	}
.bold {
	font-weight: bold;
	}

/* Links 
---------------------------------------------------------- */
a img { border: 0; }
a:link, a:visited {
	color: #115d7d;
	text-decoration: underline;
	
}
a:hover, a:focus, a:active {
	color: #bf0000;
	text-decoration: underline;
	
}


h3 a:link, h3 a:visited {
	color: #ffffff;
	text-decoration: underline;
}
h3 a:hover, h3 a:focus, h3 a:active {
	color: #ffffff;
}





/* Layout 
---------------------------------------------------------- */

.minwidth { 	
	text-align: left;
	min-width: 990px;
	width: 990px;
	}
#page {
	padding: 16px 16px 30px;
	}

#header {
	margin: 0 0 13px 0; 
	padding: 0 0 0 12px;
	color: #fff;
	}
#wrapper { 
	margin: 20px 0 35px 0;
	padding: 0 0 0 25px;
	}
#content { 
	float: left; 
	width: 65%; 
	}
#sidebarRight { 
	float: right; 
	width: 32.3%; 
	}
#footer {
	padding: 27px 16px;
	background: url(../images/footer_bg.gif) 0 1px repeat-x;
	border-top: 3px solid #6d0c00;
	}

/* Header
---------------------------------------------------------- */

#logo {
	float: left;
	width: 172px;
	height: 76px;
	margin: 23px 0 0 0;
	background: url(../images/logo.gif);	
	}
	#logo a {
		display: block;
		height: 100%;
		text-indent: -99999px;
		}
#head {
	margin: 0 0 0 215px;
	background: url(../images/head_bg.gif) repeat-x #03435a;
	}
	#head div { 
		background: url(../images/head_corner_lt.gif) 0 0 no-repeat;
		}
		#head div div {
			background: url(../images/head_corner_rt.gif) 100% 0 no-repeat;
			}
			#head div div div {
				background: url(../images/head_corner_rb.gif) 100% 100% no-repeat;
				}
				#head div div div div {
					position: relative;
					background: url(../images/head_corner_lb.gif) 0 100% no-repeat;
					}
					#head div div div div div {
						background: none;
						}
						#head .minheight {
							min-height: 115px;
							}
	#head #man { 
		position: absolute;
		left: 0;
		top: -9px;
		width: 100%;
		height: 137px;
		background: url(../images/head_man_01.jpg) 75% 100% no-repeat;
		text-align: center;
		}
		#head #man div {
			height: 9px;
			background: url(../images/head_man_02.gif) 75% 0 no-repeat;
			}
#shortDesc {
	width: 31%;
	padding: 17px 22px;
	}
#slogan {
	height: 13px;
	margin: 13px 0 0 22px;
	padding: 0 0 16px 0;
	background: url(../images/slogan.gif) no-repeat !important;
	text-indent: -99999px;
	}
#shortPredmets {
	float: right;
	width: 200px;
	padding: 20px 0 0 0;
	}
	#shortContactsIcq {
		height: 28px;
		margin: 0 0 13px 0;
		background: url(../images/contact_icq.gif) no-repeat !important;
		text-indent: -99999px;
		}
	#shortContactsPhone {
		height: 30px;
		background: url(../images/contact_phone.gif) no-repeat !important;
		text-indent: -99999px;
		}

/* Menu
---------------------------------------------------------- */

#menu {
	position: relative;

	background: url(../images/menu_bg.gif) 0 100% repeat-x #f1f1f1;
	}
	#menu div { 
		background: url(../images/menu_corner_lt.gif) 0 0 no-repeat;
		}
		#menu div div {
			background: url(../images/menu_corner_rt.gif) 100% 0 no-repeat;
			}
			#menu div div div {
				background: url(../images/menu_corner_rb.gif) 100% 100% no-repeat;
				}
				#menu div div div div {
					padding: 6px 10px 3px;
					background: url(../images/menu_corner_lb.gif) 0 100% no-repeat;
					}
	#menu ul {
		margin: 0; 
		margin-left:30px;
		}
		#menu ul li {
			float: left;
			display: inline;
			margin: 0;
			padding: 0;
			background: none;
			list-style-type: none;
			}
			#menu ul li a {
				display: block;
				line-height: 2.17em;
				font-size: 1.1em;
				}
			#menu ul li.important a {
				font-weight: bold;
				color: #a41700; 				
				}
			#menu ul li a:hover {
				background: url(../images/menu_item_bg.gif) 0 0 repeat-x #6d0c00;
				text-decoration: none;
				color: #fff;
				}
			#menu ul li a:hover span {
				background: url(../images/menu_item_corner_lt.gif) 0 0 no-repeat;
			}				
			#menu ul li a:hover span span {
				background: url(../images/menu_item_corner_rt.gif) 100% 0 no-repeat;
			}				

			.act {
				background: url(../images/menu_item_bg.gif) 0 0 repeat-x #6d0c00;
				text-decoration: none;
				color: #fff;
				}
			.act span {
				background: url(../images/menu_item_corner_lt.gif) 0 0 no-repeat;
			}				
			.act span span {
				background: url(../images/menu_item_corner_rt.gif) 100% 0 no-repeat;
			}				

				#menu ul li a span {
					display: block;
					}
					#menu ul li a span span {					
						padding: 0 15px 5px;
						}
		
/* Content
---------------------------------------------------------- */

/* Services */
#services {
	clear: both;
	}
#services div {
	float: left;
	width: 45%;
	margin: 0 25px 0 0;
	}
#services h1 {
	position: relative;
	zoom: 1;
	margin-left: -10px;
	}
h1.negativemargin { 
	position: relative;
	zoom: 1;
	margin-left: -10px; 
	}

/* Sidebar (Right)
---------------------------------------------------------- */

#sidebarRight h1 {
	color: #0a6586;
	text-transform: uppercase;
	}
#sidebarRight li { margin: 0; }

.block {
	margin: 0 0 10px 0;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-image: url(../images/corner_rb_gray.gif);
	background-color: #e8e8e8;
	}
	.block div {
		padding: 21px;
		background: url(../images/corner_lb_gray.gif) 0 100% no-repeat;
	}
	.block ul {
		background-position: 0 100%;
		background-repeat: no-repeat;
		background-image: url(../images/corner_lb_gray.gif);
		}
	.block h3 {
		background-position: 0 0;
		background-repeat: repeat-x;
		background-image: url(../images/title_gray_bg.gif);
		background-color: #e2e2e2;
		border-bottom: 1px solid;
		border-bottom-color: #e2e2e2;
		margin: 0;
		color: #0a6586;
		font-size: 1.6em;
		font-weight: normal;
		line-height: 2.4em;
		}
		.block h3 span {
			display: block;
			background-position: 0 0;
			background-repeat: no-repeat;
			background-image: url(../images/corner_lt_gray.gif);
			}
			.block h3 span span {
				display: block;
				padding: 0 0 0 21px;
				background-position: 100% 0;
				background-repeat: no-repeat;
				background-image: url(../images/corner_rt_gray.gif);
				}
	.block ul {
		padding: 0 0 20px 21px;
		}
		.block ul li {
			background-image: url(../images/arrow_white.gif);
			}
			.block ul a {
				color: #fff !important;
				}
.block.red {
	background-image: url(../images/corner_rb_red.gif);
	background-color: #bc2d12;
	}
	.block.red ul {
		background-image: url(../images/corner_lb_red.gif);
		}
	.block.red h3 {
		background-image: url(../images/title_red_bg.gif);
		background-color: #aa230a;
		border-bottom-color: #b4290f;
		color: #fff;
		}
		.block.red h3 span {
			background-image: url(../images/corner_lt_red.gif);
			}
			.block.red h3 span span {
				background-image: url(../images/corner_rt_red.gif);
				}	
.block.blue {
	background-image: url(../images/corner_rb_blue.gif);
	background-color: #48aecb;
	}
	.block.blue ul {
		background-image: url(../images/corner_lb_blue.gif);
		}
	.block.blue h3 {
		background-image: url(../images/title_blue_bg.gif);
		background-color: #369cbc;
		border-bottom-color: #41a7c5;
		color: #fff;
		}
		.block.blue h3 span {
			background-image: url(../images/corner_lt_blue.gif);
			}
			.block.blue h3 span span {
				background-image: url(../images/corner_rt_blue.gif);
				}	


.block.green {
	background-image: url(../images/corner_rb_green.gif);
	background-color: #6ccb48;
	}
	.block.green ul {
		background-image: url(../images/corner_lb_green.gif);
		}
	.block.green h3 {
		background-image: url(../images/title_green_bg.gif);
		background-color: #5ab939;
		border-bottom-color: #65c442;
		color: #fff;
		}
		.block.green h3 span {
			background-image: url(../images/corner_lt_green.gif);
			}
			.block.green h3 span span {
				background-image: url(../images/corner_rt_green.gif);
				}	


.block.blue2 {
	background-image: url(../images/corner_rb_blue2.gif);
	background-color: #4889cb;
	}
	.block.blue2 ul {
		background-image: url(../images/corner_lb_blue2.gif);
		}
	.block.blue2 h3 {
		background-image: url(../images/title_blue2_bg.gif);
		background-color: #4889cb;
		border-bottom-color: #4889cb;
		color: #fff;
		}
		.block.blue2 h3 span {
			background-image: url(../images/corner_lt_blue2.gif);
			}
			.block.blue2 h3 span span {
				background-image: url(../images/corner_rt_blue2.gif);
				}	


/* Footer 
---------------------------------------------------------- */

#footer .fright {
	padding: 0 13px 20px 0;
	}