﻿body, html {
background: #fff;
text-align: center;
}
body {
font-size: 0.625em;
font-family: Tahoma, Arial, sans-serif;
}
p {
font-size: 1.4em;
color: #757575;
text-align: justify;
line-height: 140%;
padding-bottom: 10px;
}
a.pdf {
display: block;
width: 300px;
height: 51px;
margin: 0 30px 0 0;
padding: 0 0 0 50px;
background: #fff url('pdf.jpg') no-repeat left center;
font-size: 1.4em;
color: #757575;
text-align: justify;
line-height: 140%;
}
a.pdf:hover {
color: #089fee;
}
a.pdf span {
color: #089fee;
font-weight: bold;
text-decoration: underline;
}
span.st_b {
font-weight: bold;
}
p.quote {
width: 356px;
padding: 5px;
text-indent: 30px;
padding-top: 10px;
background: #fff url('quote_open.gif') no-repeat top left;
}
p.quote img {
position: relative;
top: 8px;
left: 8px;
}
a.req {
display: block;
width: 215px;
height: 36px;
line-height: 36px;
background: #fff url('query.jpg') no-repeat;
margin: 5px;
}
a.req span {
margin-left: 50px;
font-size: 1.4em;
color: #fff;
}
a.req:hover {
background-image: url('query_h.jpg');
}
.wrapper {
width: 956px;
margin: 0px auto;
margin-bottom: 30px;
}
.toplang {
width: 956px;
height: 74px;
background: #fff url('t01_bg.gif') no-repeat;
text-align: left;
}
a.bg {
width: 27px;
height: 18px;
background: #fff url('l_bg.jpg') no-repeat;
float: left;
margin-left: 246px;
margin-top: 42px;
display: inline;
}
a.bg:hover {
background-image: url('l_bgh.jpg');
}
a.en {
width: 27px;
height: 18px;
background: #fff url('l_en.jpg') no-repeat;
float: left;
margin-left: 5px;
margin-top: 42px;
display: inline;
}
a.en:hover {
background-image: url('l_enh.jpg');
}
.mainmenu {
width: 956px;
height: 43px;
background: #fff url('t02_bg.gif') no-repeat;
}
a.logo {
width:300px;
height: 43px;
background: #fff url('logo.gif') no-repeat;
float: left;
margin-left: 11px;
}
ul.mmenu {
width: 538px;
height: 33px;
background-color: #0098e6;
float: left;
margin-left: 97px;
margin-top: 1px;
}
ul.mmenu li {
float: left;
position: relative;
}
ul.mmenu li a {
display: block;
height: 25px;
padding: 0 12px;
padding-top: 8px;
text-decoration: none;
color: #fff;
font-family: Tahoma, Arial, sans-serif;
font-size: 15px;
float: left;
}
ul.mmenu li a:hover {
background: #0098e6 url('mmenu_hover.jpg') no-repeat top center;
}
ul.mmenu li.sep {
width: 1px;
height: 33px;
float: left;
background: #0098e6 url('menu_sep.jpg') no-repeat;
}
ul.mmenu li ul.subnav {  
position: absolute;
left: 0; top: 33px;  
padding-top: 2px;
display: none;
float: left;
width: 150px;  
text-align: left;
z-index: 50;
}  
ul.mmenu li ul.subnav li{
clear: both;
width: 150px;
height: 33px;
background: #0098e6; 
text-align: left;
}  
ul.mmenu li ul.subnav li a {
float: left;  
border-top: 1px solid #0098e6;
border-bottom: 1px solid #31adeb; 
width: 126px;  
height: 23px;
padding:0 12px;
padding-top: 8px;
color: #fff;
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
}

ul.mmenu li ul.subnav li a:hover {
 background: #208dc4; 
}  
.spacer {
width: 956px;
height: 82px;
background: #fff url('t03_bg.gif') no-repeat;
}
.spacerinner {
width: 956px;
height: 82px;
background: #fff url('t03_bg_inner.gif') no-repeat;
}

.leftc {
width: 382px;
float: left;
text-align: left;
}
.rightc {
width: 574px;
float: left;
text-align: left;
overflow: hidden;
}
.homeright {
min-height: 375px;
background: #fff url('portfolio_bg.gif') no-repeat;
}
.homerightb {
margin-top: 77px;
height: 54px;
background: #fff url('portfolio_bgb.jpg') no-repeat;
}
.latest {
width: 738px;
margin-left: 26px;
margin-top: 23px;
}
.latest h1 {
margin-left: 70px;
}
h1 {
color: #757575;
text-transform: uppercase;
font-size: 1.6em;
}
h3 {
color: #089fee;
text-transform: uppercase;
font-size: 1.6em;
margin: 0 0 10px 30px;
}
h2 {
color: #089fee;
text-transform: uppercase;
font-size: 1.6em;
margin: 20px 0 15px 0;
}
.latest ul{
height: 205px;
}
.latest ul li {
vertical-align: middle;
float: left;
}
.latest ul li a.arrowleft {
display: block;
position: relative;
top: 84px;
left: -3px;
width: 47px;
height: 47px;
background: #fff url('arrow_left.gif') no-repeat;
}
.latest ul li a.arrowleft:hover {
background-image: url('arrow_lefth.gif');
}
.latest ul li a.arrowright {
display: block;
position: relative;
top: 84px;
left: 43px;
width: 47px;
height: 47px;
background: #fff url('arrow_right.gif') no-repeat;
}
.latest ul li a.arrowright:hover {
background-image: url('arrow_righth.gif');
}
.latest ul li p {
position: relative;
top: 160px;
left: -3px;
}
#slider  {
position: relative;
top: 27px;
left: 21px;
border: 1px solid #bfbfbf;
}
#slider ul, #slider li{
	width: 222px;
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:222px;
	height:178px;
	overflow:hidden; 
	}

.clear {
width: 956px;
height: 0;
line-height: 0px;
font-size: 0;
clear:both;
}
.threecolumns {
width: 956px;
}
div.column {
width: 312px;
float: left;
margin-left: 10px;
}
p.f01 {
width: 179px;
color: #fff;
margin-left: 23px;
margin-right: 109px;
}
p.f02 {
width: 262px;
color: #fff;
margin-left: 23px;
margin-right: 16px;
}
p.f03 {
width: 200px;
color: #fff;
margin-left: 23px;
margin-right: 89px;
}

p.f01 span, p.f02 span, p.f03 span {
font-size: 1.4em;
}
.foot {
width: 971px;
height: 64px;
background: #fff url('footer_bg.gif') no-repeat;
margin: 0px auto;
}
.foot p.copy {
float: left;
padding-left: 50px;
margin-top: 25px;
font-size: 1.2em;
color: #bfbfbf;
}
.foot p.antonaladzhov {
float: right;
font-size: 1.2em;
margin-top: 25px;
padding-right: 5px;
color: #bfbfbf;
}
.foot p.antonaladzhov a {
color: #757575;
text-decoration: underline;
}
.foot p.antonaladzhov a:hover {
color: #12aff4;
}
sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	top: -5px;
	left: 1px;
	font-size: 80%;
}
img.flleft {
float: left;
}
img.cthumbs {
width: 122px;
border: 1px solid #c7c7c6;
margin-bottom: 20px;
margin-left: 5px;
}
.cthumbslink:hover img {
border: 1px solid #12aff2;
}
#blendimage {
width: 480px;
border: 1px solid #c7c7c6;
}
#imagelink:hover #blendimage {
border-color: #12aff2;
}
#blenddiv {
width: 482px;
margin: 0px auto;
}
a.zoom {
display: block;
width: 47px;
height: 47px;
background: #fff url('zoom.gif') no-repeat bottom left;
margin-top: 10px;
padding-left: 55px;
}
/*---------------------------------------GALLERY---------------------------------------*/
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	width: 574px;
	height: 500px; /* This should be set to be at least the height of the largest image in the slideshow */
	 text-align: center;
}
div.slideshow {
	width: 500px;
	margin: 0px auto;
}
div.slideshow span.image-wrapper {
	display: block;
	width: 500px;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 574px;
	height: 500px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 500px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow img {
	vertical-align: top;
	border: 1px solid #ccc;
	padding: 2px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 500px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
ul.thumbs {
	clear: both;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0px 10px 10px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
a.thumb img {
	width: 79px;
	}
ul.thumbs li.selected a.thumb {
	background: #0eaeea;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 5px 10px;
	border: 1px solid #ccc;
	color: #089fee;
	font-size: 1.2em;
}
div.caption-container {
	font-size: 1.4em;
	color: #757575;
	text-align: left;
	line-height: 140%;
	position: relative;
	clear: left;
}
div.caption-container span {
	display: block;
	width: 355px;
	margin-top: 20px;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #0eaeea;
	border-color: #ccc;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

/*****************-------------PRODUCTS-------------*****************/

ul.products {
width: 382px;
}
ul.products li {
width: 382px;
}
ul.products li a {
display: block;
width: 362px;
padding: 5px 10px;
background-color: #c7e1ee;
color: #757575;
font-size: 1.4em;
line-height: 140%;
}
ul.products li a:hover {
background-color: #089fee;
color: #fff;
}
ul.products li a.wt {
background-color: #fff;
}
ul.products li a.wt:hover {
background-color: #089fee;
color: #fff;
}
ul.prdlist {
list-style-position: inside;
list-style-type: disc;
padding: 0 30px 20px 30px;
}
ul.prdlist {
font-size: 1.4em;
color: #757575;
text-align: justify;
line-height: 140%;
}
form.contacts {
width: 510px;
padding: 0 30px;
}
.leftc form.contacts {
width: 362px;
padding: 0 10px;
}
form.contacts p {
font-size: 1.4em;
color: #757575;
text-align: justify;
height: 26px;
padding: 0 10 9 10;
float: left;
}
form.contacts input {
width: 230px;
float: right;
height: 14px;
border: 1px solid #c7c7c6;
padding: 5px;
background-color: #f8f8f8;
margin-right: 110px;
}
.leftc form.contacts input {
float: none;
margin-bottom: 10px;
}
.leftc form.contacts span {
font-size: 1.4em;
color: #757575;
text-align: justify;
line-height: 140%;
padding: 10px;
padding-left: 0;
}
form.contacts textarea {
width:340px;
height: 140px;
border: 1px solid #c7c7c6;
padding: 5px;
float: right;
background-color: #f8f8f8;
padding-bottom: 4px;
}
.leftc form.contacts textarea {
float: none;
}
form.contacts input.submit {
width: 143px;
height: 36px;
background: transparent url('submit.png') no-repeat center center;
color: #fff;
margin-top: 10px;
margin-right: 0;
cursor: pointer;
}
form.contacts  input.submit:hover {
background: transparent url('submith.png') no-repeat center center;
}
p#texthere {
text-align: left;
}
