@charset "utf-8";
/* CSS Document */



* {
	margin: 0;
	padding:0;
}
body {
	font: 11px/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #333;
}
table {
	border: none;
	border-collapse:collapse;
	vertical-align:top;
	text-align:left;
}
table td {
	vertical-align:top;
}
a img {
	border: none;
}
.left {
	float: left;
}
.right {
	float: right;
}

.clear {clear: both; margin: 10px 0 0 0;}



h1.logo {
	text-indent: -9999px;
	background:url(/img/logo.png) 0 0 no-repeat;
	width: 389px;
	height:100px;}

* html h1.logo {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo.png', sizingMethod='crop'); 
cursor:hand;}

a h1.logo{
cursor: pointer
}
#header {
	background:url(/img/top.gif) repeat-x;
	height:390px;
	margin: 0 auto;
}
ul#nav {
	position: relative;
	list-style: none;
	float: left;
	background:url(/img/main-nav.gif) 0 0 no-repeat;
	width:295px;
	height: 166px;
}
ul#nav li {
	margin:15px 0 0 0;
height: 25px;
}
ul#nav li a, ul#nav li span {
	float: left;
	height: 0;
	padding-top: 20px;
	overflow: hidden;
	text-indent: -90200px;
	width: 150px;
}

ul#nav li#main a {
	background: url(/img/main.gif) 0 0 no-repeat;
}
ul#nav li#main:hover, ul#nav li#main span  {
	background: url(/img/main-hover.gif) 0 0 no-repeat;
}


ul#nav li#about a {
	background: url(/img/about.gif) 0 0 no-repeat;
}
ul#nav li#clients a {
	background: url(/img/clients.gif) 0 0 no-repeat;
}
ul#nav li#contacts a {
	background: url(/img/contacts.gif) 0 0 no-repeat;
}
ul#nav li#about a:hover, ul#nav li#about span {
	background: url(/img/about-hover.gif) 0 0 no-repeat;
}
ul#nav li#clients a:hover, ul#nav li#clients span {
	background: url(/img/clients-hover.gif) 0 0 no-repeat;
}
ul#nav li#contacts a:hover, ul#nav li#contacts span {
	background: url(/img/contacts-hover.gif) 0 0 no-repeat;
}
ul#menu {
	position: relative;
	top: 10px;
	clear:both;
	background: url(/img/menu.gif) 0 0 no-repeat;
	width: 985px;
	margin: 0 auto;
	list-style: none;
	height: 76px;
}
ul#menu li {
	display: inline;
}
ul#menu li a, #menu li span {
	float: left;
	height: 0;
	padding-top: 76px;
	overflow: hidden;
	background: url(/img/menu.gif) 0 0 no-repeat;
	text-indent: -90200px;
}
ul#menu li#m1 a {
	background-position: 0 0;
	width: 215px;
}
ul#menu li#m2 a {
	background-position: -215px 0;
	width: 271px;
}
ul#menu li#m3 a {
	background-position: -486px 0;
	width: 240px;
}
ul#menu li#m4 a {
	background-position: -726px 0;
	width: 258px;
}
ul#menu li#m1 a:hover, #menu li#m1 span {
	background-position: 0 -74px;
	width: 215px;
}
ul#menu li#m2 a:hover, #menu li#m2 span {
	background-position: -215px -150px;
	width: 271px;
}
ul#menu li#m3 a:hover, #menu li#m3 span {
	background-position: -486px -226px;
	width: 240px;
}
ul#menu li#m4 a:hover, #menu li#m4 span {
	background-position: -726px -301px;
	width: 258px;
}
#sidebar {
	width: 230px;
	padding: 20px 20px 0 0;
}
#sidebar div {
	font-size: 14px;
}
#sidebar div p {
	font-size: 11px;
}
#sidebar div span {
	color: #c1c1c1;
}
#sidebar ul {
	list-style: none;
}
#sidebar ul li {
	padding: 5px 0;
	font-size:11px;
}
#content {
	width:985px;
	margin: 20px auto;
	clear: both;
}
#content p {
	padding: 5px 0 10px 0;
}
#content ul {
	margin: 10px 0;
	list-style: none;
}
h1 {
	font: normal 2em Geneva, Arial, Helvetica, sans-serif;
	color: #005277;
	padding: 30px 0 0 0;
}
h2 {
	font: italic 1.5em Geneva, Arial, Helvetica, sans-serif;
	color: #005277;
	padding: 15px 0;
}
h2 a {
	color: #005277;

}
h1.phone {
	background: url(/img/phone.gif) 0 10px no-repeat;
	padding: 10px 0 0 80px;
	height: 50px;
}
.line {
	margin: 20px 0;
}
a {
	color: #005277;
}

a {outline: none; outline: 0;}

a:active, a:focus, img { outline: 0; }

a.arr {
	background:url(/img/arr.gif) 100% 60% no-repeat;
	padding: 0 25px 0 0;
}

.transp-block {
background: url(/img/mask.gif) no-repeat scroll 0 0;
height:255px;
width:425px;
margin:0 15px 0 0;
float: left;
}

img.transparent {
opacity:0.75;
}



#footer {
	margin: 0 auto;
	height: 110px;
	background: url(/img/bg-footer.gif) 100% 0 repeat-x;
	color: #688d9f;
}
#footer p {
	padding: 20px;
}
#gallery {
	width:700px;
	height:460px;
	position:relative;
}
#gallery ul {
	list-style:none;
	padding:5px;
	margin:0;
	width:185px;
	float:right;
}
#gallery ul li {
	display:inline;
	width:50px;
	height:50px;
	float:left;
	margin:0 4px 4px 0;
	border:1px solid #444;
	cursor:pointer;
}
#gallery ul li img {
	display:block;
}
#gallery ul li.click i.big {
}
#gallery ul li i img {
	display:block;
	width:50px;
	height:50px;
}
#gallery ul li span {
	display:none;
	font-family:verdana, arial, sans-serif;
	position:absolute;
	left:0px;
	color:#999;
	font-size:11px;
	line-height:15px;
	width:500px;
	top:5px;
}
#gallery ul li span b {
	color: #333;
}
/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {
	margin:5px 0;
	width:500px;
	height:300px;
	border:1px solid #fff;
}
#gallery ul li.off {
	display:none;
}
#gallery ul li.click {
	border-color:#c1c1c1;
	background:#f8f8f8;
	cursor:default;
}

#gallery ul li.click i img {
	margin:5px 0;
	display:none;
	border:1px solid #fff;
}
#gallery ul li.click span {
	display:block;
}

.nth-corners {margin:10px 0 0 0; padding:0; position:relative}
.nth-corners span {display:block; position:absolute; width:10px; height:10px; background-image:url(/img/corners.png)}
.top-right {top:-1px; right:-1px; background-position:100% 0}
.top-left  {top:-1px; left:-1px}
.bot-right {bottom:-1px; right:-1px; background-position:100% 100%}
.bot-left  {bottom:-1px; left:-1px; background-position:0 100%}


* html .top-right {right: expression( this.parentNode && this.parentNode.offsetWidth % 2 ? -2 : -1 );}