/* CSS Document */

html, body, form{
	margin: 0;
	padding: 0;
	height: 100%;
}

form { height: auto; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0D4064;
	background: #395373 url(images/bg_body.jpg) repeat-x;
	height: 2000px;
}

img { border: #000 0px solid; }

a { color: #CCD3DA; text-decoration: underline; }
a:hover { text-decoration: none; }
a:visited {}

a.footer { color: #CCD3DA; text-decoration: none; }
a.footer:hover { text-decoration: underline; }
a.footer:visited {}

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: 100; }
table { border-collapse: collapse; } table td { padding: 0px; vertical-align: top }

#pre_all {
	position: relative;
	background: url(images/bg_dno.jpg) bottom repeat-x;
	min-width: 996px;
	width: 100%;
	_width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 997 ? "996px" : "100%");
	height: 2000px;
}
	
	#all {
		position: relative;
		width: 996px;
		margin: 0px auto;
		height: 2000px;
	}

#ship_dno {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(images/bg_ship.jpg) no-repeat;
	width: 335px;
	height: 229px;
}

#beast_dno {
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: url(images/bg_calmar.jpg) no-repeat;
	width: 314px;
	height: 229px;
}

#sea_waves {
	position: absolute;
	top: 350px;
	background: url(images/bg_waves.jpg) center repeat-x;
	left: 0px;
	height: 134px;
	width: 100%;
}

#waves_ship {
	background: url(images/waves_ship.jpg) no-repeat;
	height: 211px;
	width: 215px;
	position: absolute;
	right: 230px;
	top: 166px;
	z-index: 100;
}

#header {
	position: relative;
	width: 936px;
	margin: 0px auto;
	padding: 25px 30px;
	color: #707070;
	z-index: 900;
}
	#header .text {
		font-size: 110%;
		line-height: 18px;
		width: 900px;
		text-align: justify;
	}
	#header a {
		color: #707070;
	}

h1 {
	color: #687EA8;
	font-size: 160%;
	font-weight: 100;
}

h2 {
	color: #B9D3F0;
	font-size: 150%;
	font-weight: 100;
	margin: 0px;
	margin-bottom: 20px;
}

p {
	text-align: justify;
}

#top_contacts {
	position: absolute;
	top: 245px;
	left: 20px;
	width: 163px;
	text-align: right;
	padding-top: 55px;
	height: 20px;
	background: url(images/bg_top_contacts.gif) no-repeat;
	font-size: 120%;
}
	#top_contacts a {
		color: #677AA4;
	}

#krug {
	position: absolute;
	top: 335px;
	left: 16px;
	padding-top: 400px;
	padding-left: 23px;
	height: 144px;
	width: 157px;
	padding-right: 5px;
	background: url(images/bg_krug.jpg) no-repeat;
	color: #CCD3DA;
}
	#krug a {
		color: #CCD3DA;
	}

#promo {
	position: absolute;
	top: 193px;
	left: 213px;
}

#content {
	position: absolute;
	top: 450px;
	left: 530px;
	padding-right: 24px;
	font-size: 110%;
}
	#content ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
		color: #fff;
		font-size: 110%;
		margin-bottom: 76px;
	}
		#content ul li {
			padding-bottom: 3px;
		}
		
	#content .text {
		color: #B9D3F0;
	}
	#content a {
		color: #fff;
	}

	#order {
		position: absolute;
		left: 55px;
		top: 1506px;
		font-size: 110%;
	}
		#order th {
			font-weight: 100;
			text-align: right;
			padding-right: 29px;
			color: #fff;
			padding-bottom: 7px;
			vertical-align: top;
		}
		#order td {
			padding-bottom: 7px;
		}
			#order td input {
				padding: 0px 10px;
				border: #fff 1px solid;
				background: #617C99;
				line-height: 17px;
				height: 17px;
				width: 230px;
				color: #fff;
			}
			#order td textarea {
				padding: 0px 10px;
				border: #fff 1px solid;
				background: #617C99;
				width: 230px;
				height: 100px;
				overflow: auto;
				margin-bottom: 6px;
				color: #fff;
			}
			
			#order th .sub {
				color: #B4C6DC;
				font-size: 80%;
			}
			#order td .sub {
				color: #B4C6DC;
				font-size: 90%;
			}

			#order td .button {
				width: auto;
				border: #000 0px solid;
				background: none;
				font-size: 90%;
				background: url(images/bg_button.jpg) no-repeat;
				height: 22px;
				width: 80px;
				text-align: center;
				padding: 0px;
				margin-top: 10px;
				color: black;
			}

	#footer {
		position: absolute;
		bottom: 30px;
		left: 212px;
		height: 35px;
		width: 510px;
		color: #D1DAE5;
		font-size: 110%;
		text-align: right;
	}
		#footer table {
			width: 100%;
		}
		#footer .contacts {
		}
		#footer .counts {
	text-align: right;
}



#fish1 {
	position: absolute;
	top: 528px;
	left: 44px;
	background: url(images/fish1.jpg) no-repeat;
	width: 43px;
	height: 106px;
}

#fish2 {
	position: absolute;
	top: 487px;
	right: 85px;
	background: url(images/fish2.jpg) no-repeat;
	width: 42px;
	height: 61px;
}

#fish3 {
	position: absolute;
	top: 608px;
	right: 159px;
	background: url(images/fish3.jpg) no-repeat;
	width: 35px;
	height: 54px;
}

#fish4 {
	position: absolute;
	top: 1089px;
	right: 151px;
	background: url(images/fish4.jpg) no-repeat;
	width: 33px;
	height: 26px;
}