* {margin:0;padding:0;}
body {
background-color: #fff;
color: #000;
text-align: center;
font: 75%/1.4 Arial, sans-serif;
}
html,body {
height: 100%;
}
img {
border: none;
}
.main {
min-height:100%;
width: 969px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
* html .main{
height: 100%;
}
.header {
width: 100%;
height: 412px;
position: relative;
background: url(../images/gallery_fon.png) left bottom no-repeat;
}
.header .logo {
position: absolute;
top: 12px;
left: 40px;
width: 252px;
height: 100px;
z-index: 2;
}
.header .menu {
list-style: none;
background: url(../images/header_menu.png) no-repeat;
position: absolute;
top: 140px;
left: 12px;
padding-left: 48px;
height: 153px;
overflow: hidden;
}
.header .menu li {
margin-bottom: 6px;
}
.header .menu li a {
color: #525252;
text-decoration: none;
font-weight: bold;
}
.header .menu li a:hover {
text-decoration: underline;
}
.flash {
width: 656px;
height: 260px;
overflow: hidden;
position: absolute;
z-index: 1;
top: 50px;
right: 34px;
background: url(../images/header_building.jpg) no-repeat;
}
.mediline {
width: 273px;
height: 57px;
background: url(../images/header_mediline.jpg) no-repeat;
position: absolute;
z-index: 2;
top: 27px;
right: 23px;
display: block;
}
.header h1 {
font-size: 100%;
position: absolute;
top: 334px;
left: 36px;
color: #636363;
}
.header h1 span {
font-weight: normal;
color: #000;
display: block;
margin-top: 10px;
width: 140px;
}
.clear {
height: 120px;
clear: both;
}
.footer {
width: 969px;
height: 103px;
margin: -100px auto 0 auto;
text-align: left;
border-top: 3px solid #e4e4e4;
position: relative;
}
*html .footer {
height: 100px;
}
.footer div {
position: absolute;
top: 20px;
left: 36px;
}
.pics {
width:696px;
height:67px;
position: absolute;
top: 328px;
right: 11px;
overflow: hidden;
}
.pics ul {
list-style: none;
}
.pics li {
float:left;
width:102px;
height: 100%;
overflow: hidden;
margin: 0 22px 0 0;
overflow: hidden;
}
.pics li a:hover {
text-decoration:underline;
color:#ff7800
}
.pics li img {
max-height: 67px;
max-width: 102px;
}
.ar1, .ar2 {
background: url(../images/for_top_pics.png) 0 0 no-repeat;
position:absolute;
top:21px;
left:0;
width:18px;
height:22px;
cursor: pointer;
}
.ar2 {
background-position: 0 -22px;
left:auto;
right:0;
}
#DHTMLgoodies_thumbs{
overflow:hidden;
height:67px;
width: 610px;
margin-left: 48px;
position: relative;
}
#DHTMLgoodies_thumbs_inner{
position:absolute;
width:50000px;
}
.footer p {
position: absolute;
top: 20px;
right: 97px;
}
.footer a {
color: #000;
}
.left_column {
width: 254px;
float: left;
margin-top: 9px;
}
.left_column ul {
width: 253px;
padding-top: 10px;
list-style: none;
background: url(../images/left_column_ul_fon.gif) repeat-y;
}
.left_column li {
padding: 0 15px 15px 40px;
}
.left_column li a, .left_column li span {
color: #525252;
border-bottom: 1px dashed #525252;
text-decoration: none;
cursor: pointer;
}
.left_column li a:hover {
color: #008eb7;
border-bottom-color: #008eb7;
}
.top_ul, .bottom_ul {
width: 253px;
height: 12px;
background: url(../images/left_column_tb.png) no-repeat;
overflow: hidden;
}
.bottom_ul {
background-position: 0 -12px;
}
.left_column li ul {
width: auto;
background: none;
display: none;
}
.left_column li ul li {
padding: 0 0 0 8px;
margin: 0 0 8px 24px;
background: url(../images/left_column_ul_podmenu.gif) 0 9px no-repeat;
}
.left_column li ul li a {
text-decoration: none;
color: #008eb7;
border: none;
}
.left_column li ul li a:hover {
border-bottom: 1px dashed #008eb7;
}
.contacts {
margin: 19px 0 0 19px;
position: relative;
height: 82px;
}
.phone {
width: 230px;
height: 82px;
background: url(../images/phone.jpg) no-repeat;
position: absolute;
top: 0;
left: 0;
z-index: 1;
color: #008eb7;
text-decoration: none;
font-size: 150%;
padding: 23px 0 0 61px;
}
.contacts span {
position: absolute;
z-index: 2;
top: 5px;
left: 61px;
}
.mail {
position: absolute;
z-index: 2;
top: 52px;
left: 61px;
color: #008eb7;
}
.mail:hover {
text-decoration: none;
}
.center_column {
width: 330px;
float: left;
display: inline;
margin: 9px 0 0 40px;
overflow: hidden;
}
.center_column h2, .center_column h3, .center_column h4 {
font-size: 150%;
color: #989898;
font-weight: normal;
margin: 12px 0 20px 0;
}
.center_column p {
margin-bottom: 15px;
}
.center_column a, .right_column a {
color: #008eb7;
}
.center_column a:hover, .right_column a:hover {
text-decoration: none;
}
.center_column table {
width: auto !important;
font-size: 100% !important;
}
.center_column .links {
margin: 40px 0 0 0;
list-style: none;
clear: both;
}
.center_column .links .info, .center_column .links .lab, .center_column .links .sea {
font-weight: bold;
background: url(../images/links_icons.png) no-repeat;
padding: 5px 0 0 53px;
height: 22px;
overflow: hidden;
display: block;
margin-bottom: 7px;
}
*html .center_column .links .info, *html .center_column .links .lab, *html .center_column .links .sea {
height: 27px;
}
.center_column .links .lab {
background-position: 0 -27px;
}
.center_column .links .sea {
background-position: 0 -56px;
height: 27px;
padding-left: 78px;
}
*html .center_column .links .sea {
height: 32px;
}
.center_column .twoColumn li {
float: left;
width: 310px;
}
.center_column .left {
float: left;
width: 300px;
overflow: hidden;
}
.textContent {
width: 630px;
}
.wid_630 {
width: 630px;
}
.left_30 {
margin-left: 30px;
}
.right_column {
width: 253px;
float: left;
display: inline;
margin: 9px 0 0 42px;
background: url(../images/right_column_fon.gif) repeat-y;
padding: 0 22px 0 28px;
overflow: hidden;
}
*html .right_column {
width: 303px;
}
.right_column .top, .right_column .bottom {
width: 303px;
height: 13px;
overflow: hidden;
background: url(../images/right_column_tb.jpg) no-repeat;
margin-left: -28px;
}
.right_column .bottom {
background-position: 0 -13px;
height: 163px;
margin-top: 20px;
}
.right_column h2 {
font-size: 150%;
font-weight: normal;
color: #989898;
margin-bottom: 20px;
}
.right_column h2 a {
color: #989898;
}
.input {
background: url(../images/input_fon.png) 77px 0 no-repeat;
width: 250px;
min-height: 25px;
clear: both;
margin-bottom: 9px;
}
*html .input {
height: 25px;
}
.input label {
width: 77px;
float: left;
font-weight: bold;
color: #909090;
position: relative;
top: 4px;
}
.input input {
width: 160px;
margin-left: 5px;
border: none !important;
background: none;
color: #909090;
position: relative;
top: 2px;
font-family: Arial, Helvetica, sans-serif;
}
.textarea {
width: 250px;
height: 162px;
}
.textarea label {
font-weight: bold;
color: #909090;
}
.textarea textarea {
width: 241px;
height: 122px;
border: none;
background: url(../images/textarea_fon.png)  no-repeat;
overflow: hidden;
padding: 5px;
color: #909090;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin-top: 5px;
}
*html .textarea textarea {
width: 251px;
height: 132px;
}
.but input {
width: 76px;
height: 21px;
background: url(../images/but_fon.png) no-repeat;
cursor: pointer;
border: none;
margin-left: 174px;
}
#mess_error {
color: #000;
display: none;
margin-top: 20px;
font-size: 110%;
}
#mess_error b {
color: #ff0000;
}
#mess_error p {
font-size: 100%;
}
.error {
color: #ff0000 !important;
clear: both !important;
display: block;
margin-top: 10px !important;
}
.no_bg {
background: none !important;
}
.list_faq {
list-style: none;
margin: 60px 0 0 0;
}
.list_faq li {
margin-bottom: 10px;
}
/*light box*/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	width: 100%;
	padding: 0 10px 0;
	overflow: hidden;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;
}