/*
 * logex base styles
 * Author: Zolotov Nikita (nikita at infolio.ru)
 *
 * Include reset and content styles
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
input, textarea, select{
	font: 100% Arial, Helvetica, sans-serif;
	}
table{
	border-collapse: collapse;
	border-spacing: 0;
	}
blockquote, q{
	quotes: none;
	}
body{
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #5d5d5d;
	}
a{ text-decoration: none; }
a:link		{ color: #2398ba; border-bottom: 1px solid; }
a:visited	{ color: #606; border-bottom: 1px solid; }
a:hover		{ color: #2398ba; border-bottom: 1px dotted; } 
a:active	{ color: #2398ba; background: #f0f0f0; }

h2{
	margin: 0 0 18px -2px;
	font: normal 24px/36px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #363639;
	}
h3{
	margin: 36px 0 18px 0;
	font: normal 18px/18px Arial, Helvetica, sans-serif;
	}
h4{
	margin-top: 18px;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	}
p, ul, ol, dl{
	margin-bottom: 18px;
	}
ul, ol{
	margin-left: 20px;
	}
ul ul, ul ol, ol ul, ol ol{
	margin-top: 9px;
	}
ul li, ol li{
	margin-bottom: 9px;
	}
table{
	margin: -8px 0 26px 0;
	}
th, td{
	padding: 8px 15px 9px 15px;
	border-bottom: 1px solid #d8d8d8;
	}
th{
	font-weight: bold;
	text-align: left;
	}

/* =Layout
----------------------------------------------*/
body{
	background: #fff url('/img/bg.png') repeat-x;
	}
#container-wrapper{
	overflow: hidden;
	min-width: 980px;
	background: url('/img/bg-clouds.jpg') no-repeat 50% 99px;
	}
body.grid #container-wrapper{
	background: url('/img/lh18.png') 0 -4px;
	}
#container{
	width: 980px;
	margin: 0 auto;
	}
#header{
	position: relative;
	height: 162px;
	}
#showcase{
	position: relative;
	height: 486px;
	width: 1490px;
	margin-left: -455px;
	}
#navigation{
	float: left;
	width: 182px;
	min-height: 1px;
	padding: 53px 31px 0 61px;
	}
#index-page #navigation{
	width: 239px;
	padding: 0 50px 0 66px;
	}
#content{
	float: left;
	width: 636px;
	padding-right: 70px;
	}
#index-page #content{
	float: left;
	width: 525px;
	padding-right: 100px;
	}
#footer{
	clear: left;
	padding: 72px 0 36px 0;
	color: #7d7e81;
	}

/* =Header
----------------------------------------------*/
.logo{
	float: left;
	width: 200px;
	padding: 82px 17px 0 57px;
	}
	.logo h1{
		margin-bottom: 6px;
		}
		.logo h1 a,
		.logo h1 strong{
			position: relative;
			display: block;
			width: 156px;
			height: 48px;
			overflow: hidden;
			border: none;
			background: none;
			}
			.logo h1 span{
				position: absolute;
				left: 0;
				top: 0;
				width: 156px;
				height: 48px;
				background: url('/img/logo.png') no-repeat;			
				}
	.logo h2{
		margin: 0;
		padding-left: 9px;
		font-size: 12px;
		line-height: 18px;
		color: #aaa;
		}
.main-menu{
	float: left;
	width: 600px;
	margin: 0 0 0 -25px;
	padding-top: 113px;
	font: normal 13px Tahoma, Arial, Helvetica, sans-serif;
	color: #ee0304;
	}
	.main-menu li{
		float: left;
		margin-left: 25px;
		list-style: none;
		}
		.main-menu a{
			color: #363639;
			background: none;
			}
		.main-menu .selected a{
			color: #ee0304;
			}
.lang-menu{
	position: absolute;
	left: 268px;
	top: 41px;
	margin: 0;
	font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #ee0304;
	}
	.lang-menu li{
		float: left;
		padding: 0 7px 0 6px;
		list-style: none;
		background: url('/img/lang-separator.gif') no-repeat right 70%;
		}
		.lang-menu li a{
			color: #404040;
			background: none;
			}
	.lang-menu .last{
		background: none;
		}
.extra-menu{
	position: absolute;
	left: 862px;
	top: 112px;
	margin: 0;
	}
	.extra-menu li{
		float: left;
		margin: 0 10px 0 0;
		list-style: none;
		}
		.extra-menu li a,
		.extra-menu li strong{
			display: block;
			width: 16px;
			height: 15px;
			padding: 6px 0 0 6px;
			text-indent: -9999px;
			outline: none;
			border: none;
			background: none;
			}
			.extra-menu li span{
				display: block;
				width: 10px;
				height: 8px;
				background: url('/img/ico/extra-menu.gif');
				}		
		.extra-menu .selected a,
		.extra-menu .selected strong{
			background: #c7110c;
			}
	.extra-menu .home a, .extra-menu .home strong{ width: 15px; }
	.extra-menu .home.selected span{ background-position: -10px 0; }
	.extra-menu .mail{ margin-right: 8px; }
	.extra-menu .mail span{ background-position: 0 -8px; }
	.extra-menu .mail.selected span{ background-position: -10px -8px; }
	.extra-menu .map span{ background-position: 0 -16px; }
	.extra-menu .map.selected span{ background-position: -10px -16px; }

/* =Showcase
----------------------------------------------*/
#showcase .illustration{
	position: absolute;
	left: 0;
	top: 36px;
	display: none;
	height: 432px;
	width: 1490px;
	}
#showcase .illustration.yacht{ background: url('/img/showcase/yacht.png') no-repeat right 133px; }
#showcase .illustration.industrial{ background: url('/img/showcase/industrial.png') no-repeat right 146px; }
#showcase .illustration.modular{ background: url('/img/showcase/modular.png') no-repeat right 111px; }
#showcase .illustration.technics{ background: url('/img/showcase/technics.png') no-repeat right 118px; }
#showcase .illustration.tank{ background: url('/img/showcase/tank.png') no-repeat right 127px; }
#showcase .illustration.awning{ background: url('/img/showcase/awning.png') no-repeat right 158px; }
#showcase .illustration.ship{ background: url('/img/showcase/ship.png') no-repeat 10px 89px; }

#showcase ul{
	position: relative;
	width: 980px;
	margin: 0 0 0 455px;
	}
	#showcase li{
		display: none;
		margin: 0;
		list-style: none;
		}
		#showcase h3{
			margin: 0;
			color: #000;
			}
			#showcase h3 a{
				color: #000;
				border: none;
				background: none;
				}
		#showcase p{
			margin: 0;
			}
			#showcase p em{
				font-style: normal;
				}
			#showcase p strong{
				display: none;
				}
	#showcase li.selected{
		position: absolute;
		left: 353px;
		top: 36px;
		display: block;
		width: 350px;
		}
		#showcase li.selected h3{
			margin: 25px 0 8px 0;
			font: normal 25px/25px Verdana, Arial, Helvetica, sans-serif;
			letter-spacing: -1px;
			}
		#showcase li.selected .long{
			margin-top: 0;
			}
		#showcase li.selected p{
			margin-left: -9px;
			padding-left: 11px;
			background: url('/img/ico/arr-simple.gif') no-repeat 0 50%;
			}
			#showcase li.selected .more{
				font: normal 15px Verdana, Arial, Helvetica, sans-serif;
				letter-spacing: -1px;
				color: #b9211b;
				}
				#showcase li.selected .more span{
					padding-left: 1px;
					}
				#showcase li.selected .more strong{
					position: absolute;
					left: -809px;
					top: 112px;
					display: block;
					width: 1490px;
					height: 320px;
					}
	#showcase li.prev,
	#showcase li.next{
		position: absolute;
		left: 12px;
		top: 57px;
		display: block;
		width: 136px;
		height: 66px;
		padding: 0 10px 0 54px;
		}
	#showcase li.next{
		width: 112px;
		left: auto;
		right: 21px;
		padding: 0 50px 0 38px;
		}
		#showcase li.prev h3,
		#showcase li.next h3{
			padding-top: 14px;
			font: normal 16px/18px Verdana, Arial, Helvetica, sans-serif;
			letter-spacing: -1px;
			}
		#showcase li.prev .long,
		#showcase li.next .long{
			padding-top: 5px;
			}
		#showcase li.prev .more,
		#showcase li.next .more{
			position: absolute;
			left: 0;
			top: 0;
			width: 200px;
			height: 66px;
			text-indent: -9999px;
			outline: none;
			border: none;
			background: none;
			}
			#showcase li.prev em,
			#showcase li.next em{
				display: block;
				width: 200px;
				height: 66px;
				background: url('/img/transparent.gif');
				}
				#showcase li.prev .more span,
				#showcase li.next .more span{
					position: absolute;
					left: 0;
					top: 0;
					width: 36px;
					height: 66px;
					background: url('/img/ico/arr-showcase.gif') no-repeat;
					}
				#showcase li.next .more span{
					left: auto;
					right: 0;
					background-position: -36px 0;
					}
#showcase-calc{
	position: relative;
	height: 234px;
	}
	#showcase-calc p{
		position: absolute;
		left: 255px;
		top: 58px;
		width: 192px;
		height: 53px;
		padding: 0 5px;
		background: url('/img/containers/showcase-calc.png') no-repeat;
		}
		#showcase-calc p a{
			display: block;
			height: 29px;
			padding: 7px 0 0 13px;
			font-size: 14px;
			color: #fff;
			border: none;
			background: none;
			}
			#showcase-calc p em{
				border-bottom: 1px dashed #fff;
				}
#showcase-calc.yacht{ background: url('/img/showcase/yacht-small.png') no-repeat 30px 28px; }
#showcase-calc.industrial{ background: url('/img/showcase/industrial-small.png') no-repeat 101px 38px; }
#showcase-calc.modular{ background: url('/img/showcase/modular-small.png') no-repeat 101px 14px; }
#showcase-calc.technics{ background: url('/img/showcase/technics-small.png') no-repeat 101px 17px; }
#showcase-calc.tank{ background: url('/img/showcase/tank-small.png') no-repeat 6px 24px; }
#showcase-calc.awning{ background: url('/img/showcase/awning-small.png') no-repeat 152px 44px; }
#showcase-calc.ship{
	height: 252px;
	margin-bottom: -18px;
	background: url('/img/showcase/ship-small.png') no-repeat 1px 4px;
	}

/* =Footer
---------------------------------------------*/
.copyright{
	float: left;
	width: 159px;
	margin: 0;
	padding: 0 50px 0 65px;
	}
#index-page .copyright{
	width: 240px;
	}
.contacts{
	float: left;
	width: 476px;
	margin: 0;
	}
#index-page .contacts{
	width: 395px;
	}
.developer{
	float: left;
	width: 185px;
	height: 54px;
	margin: 0;
	padding-left: 45px;
	background: url('/img/infolio.gif') no-repeat;
	}
	.developer a,
	.developer .masked{
		color: #7d7e81;
		}

/* =Content
---------------------------------------------*/
.hidden{
	display: none;
	visibility: hidden;
	}
a.masked{
	color: #5d5d5d;
	border: none;
	background: none;
	}
.sub-title{
	margin: -12px 0 30px 0;
	}
.first-title{
	margin-top: 0 !important;
	}
.error-404{
	padding: 0 66px;
	}
	.error-404 h2{
		margin: 18px 0 0 -1px;
		}
	.error-404 h3{
		margin-top: 0;
		color: #363639;
		}
.news{
	}
	.news dt{
		font-weight: bold;
		color: #c7110c;
		}
	.news dd{
		margin-bottom: 18px;
		}
		.news dd a{
			color: #5d5d5d;
			}
.news-archive a{
	color: #2398ba;
	}
.sub-menu-title{
	font-size: 18px;
	line-height: 18px;
	}
.sub-menu{
	margin: 0;
	font-size: 13px;
	}
	.sub-menu li{
		list-style: none;
		}
		.sub-menu a{
			color: #363639;
			}
		.sub-menu ul{
			margin-left: 15px;
			font-size: 12px;
			}
	.sub-menu .selected{
		position: relative;
		top: -3px;
		margin: 0 0 1px -14px;
		padding: 3px 13px 3px 13px;
		color: #ba221b;
		border: 1px solid #ba221b;
		background: #fff;
		}
		.sub-menu .selected a{
			position: relative;
			color: #ba221b;
			background: none;
			}
		.sub-menu span{
			position: absolute;
			height: 6px;
			width: 7px;
			background: url('/img/containers/sub-menu-selected.gif') no-repeat;
			}
		.sub-menu .tl-corner{
			top: -1px;
			left: -1px;
			}
		.sub-menu .tr-corner{
			top: -1px;
			right: -1px;
			background-position: -7px 0;
			}
		.sub-menu .br-corner{
			bottom: -1px;
			right: -1px;
			background-position: -7px -6px;
			}
		.sub-menu .bl-corner{
			bottom: -1px;
			left: -1px;
			background-position: 0 -6px;
			}
.gallery{
	position: relative;
	margin-bottom: 44px;
	padding: 21px 53px 0 59px;
	}
	.gallery .image{
		position: relative;
		margin: 0;
		line-height: 0;
		font-size: 0;
		}
		.gallery .pics{
			position: absolute;
			bottom: 14px;
			left: 50%;
			}
			.gallery ul{
				float: left;
				height: 14px;
				margin: 0 0 0 -50%;
				}
				.gallery li{
					float: left;
					margin: 0 6px 0 0;
					list-style: none;
					}
					.gallery li a{
						display: block;
						width: 14px;
						height: 14px;
						text-indent: -9999px;
						outline: none;
						border: none;
						background: url('/img/ico/gallery.png') no-repeat;;
						}
					.gallery a.selected{
						background-position: -14px 0;
						}
				.gallery .last{
					margin: 0;
					}
	.gallery .title{
		margin: 0;
		padding: 9px 20px 14px 20px;
		color: #fff;
		background: #ba221b;
		}
	.gallery .switch{
		position: absolute;
		left: 0;
		top: 50%;
		width: 100%;
		}
		.gallery .switch a{
			position: absolute;
			left: 4px;
			top: -18px;
			display: block;
			width: 36px;
			height: 66px;
			text-indent: -9999px;
			outline: none;
			border: none;
			background: url('/img/ico/arr-showcase.gif') no-repeat;
			}
		.gallery .switch .next{
			left: auto;
			right: -3px;
			background-position: -36px 0;
			}
.projects{
	margin: 0;
	}
	.projects li{
		margin-bottom: 18px;
		overflow: hidden;
		list-style: none;
		}
		.projects .image{
			float: left;
			margin-right: 20px;
			}
			.projects .image a{
				border: none;
				background: none;
				}
		.projects div{
			overflow: hidden;
			}
			.projects h3{
				margin-top: 0;
				}
			.projects p{
				margin-bottom: 9px;
				}

/* =Forms
---------------------------------------------*/
.wide{
	width: 100%;
	}
.required{
	color: #ba221b;
	}
.common-form{
	margin: 0 -20px;
	padding: 18px 20px 10px 20px;
	background: #f5f5f5;
	}
	.common-form h4{
		margin: 36px 0 10px 0;
		font-size: 18px;
		font-weight: normal;
		color: #333;
		}
	.common-form h5{
		margin: 28px 0 7px 0;
		font-size: 14px;
		}
#inquiry-title{
	padding-top: 20px;
	font-size: 20px;
	font-style: italic;
	}
	#inquiry-title a{
		color: #ba221b;
		border-bottom: 1px dashed;
		}

/* =Clearfix
---------------------------------------------*/
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */