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

body {
	margin:0;
	padding:0;
	background-color:white;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;	
}

#page {

	background-image:url('/i/bg.png');
	background-repeat:repeat-x;

}

.barrel {
	margin:0 auto;
	width:1000px;
}

#kran {
	float:right;
	width:300px;

}

#kran2 {
	background-image:url('/i/crane.png');
	background-repeat:no-repeat;
	position:absolute;
	width:300px;
	height:300px;
	z-index:5;
}

#kran3 {
	top:300px;
	border:2px solid #666666;
	width:250px;
	position:relative;
	left:-75px;
	background-color:#EEEEEE;
}

.crtask {
	padding:8px;
	border:1px solid #CCCCCC;
	border-bottom:1px solid #888888;
	font-size:17px;
}

.crselect {
	background-color:white;
}

#logo {
	float:left;
	width:540px;
	height:200px;
	background-image:url('/i/logo.png');
	background-repeat:no-repeat;
	z-index:10;

}

#main {
	clear:both;
	margin:0 auto;
	width:700px;
	padding:10px;
	background-color:white;
	padding-right:300px;

}

h1,h2,h3,h4 {
	font-family:Trebuchet MS,Arial;
	font-weight:normal;
	color:#664400;
}

h1 {
	font-size:26px;
}

h2 {
	font-size:22px;
}

h3 {
	font-size:16px;
	font-weight:bold;
}
h4 {
	font-size:14px;
	font-weight:bold;
}

a {
	color:#883300;
}

a:visited {
	color:#885500;
}

a:hover {
	color:884400;
}

.normal {
	font-size:14px;
	font-weight:normal;
}

.offscreen {
	position:absolute;
	top:-1000px;
	left:-1000px;
}