/*
| -------------------------------------------------------------------
| FILENAME:			wm.preparact.com.home.css
| DESCRIPTION:		Default Style Sheet
| CREATED:			15/09/2008
| INITIAL AUTHOR:		Elma Smit
| UPDATED BY:			Elma Smit, 15/09/2008
| 
| Copyright (c) 2007 KeyAgency
| http://www.keyagency.nl/
| -------------------------------------------------------------------
| De basis kleuren die in de site gebruikt worden:
|
| dblauw: #022F54
| dred: #8A3410
| text-light: #52565A 
| -------------------------------------------------------------------
*/

#navigation { position:relative; }
#page #pagecontent {padding-top:20px;}

/* 	#pagecontent h3 { width: 560px; font-size: 153.9%;}
#pagecontent p.intro { width: 460px;display: block;float: left;}
#pagecontent p { width: 300px;float: left;clear: left;}
 */
#package
{
		width: 300px;
	height: 170px;
	position: absolute;
	left: 600px;
	top: 136px;
	z-index: 100;
	background-image: url('../gui/backgrounds/background.package.gif');
	background-repeat: no-repeat; 
	
}

#preparact-visual
{
	height: 326px;
	background-image: url('../gui/visual.banner.home.benefits.jpg');
	margin: 0px 0 0 0;
	position: relative;
	background-repeat: no-repeat;
	background-position: right top;
}

#preparact-visual h1,
#preparact-visual h2,
#preparact-visual ul
{
	padding: 0;
	margin: 0 0 0 52px;
	color:#022F54;
}

#preparact-visual h1
{
	margin-top:18px;
	font-size:190%;
	line-height:100%;
	font-style: italic;
	font-weight: lighter;
}

#preparact-visual h2
{
	margin-top:12px;
	font-size:110%;
	line-height:100%;
	color:#8A3410;
}

#preparact-visual ul
{
	margin-top:18px;
}

#preparact-visual ul li
{
	font-size: 90%;
	line-height:120%;
	font-style: italic;
	font-weight: lighter;
	margin-bottom:4px;
}

#preparact-visual ul.column
{
	padding:0 0 0 18px;
	width:240px;
}

#preparact-visual ul.column.right
{
	margin-left:14px;
}


/*
#preparact-visual
{
	height: 310px;
	background-image: url('../gui/preparact-visual.imagemap.sprite.gif');
	margin: 80px 0 0 0;
	position:relative;
 	
 }



#preparact-visual ul.prepare
{
	background-color: transparent;
	width: 265px;
	margin: 0px 0 0 0px;
float: left;
}

#preparact-visual ul.act
{
	background-color: transparent;
	margin: 0px;
	width: 290px;
	left: 310px;
	position: absolute;
	
}

#preparact-visual ul li { list-style-type: none; display: inline; }

#preparact-visual ul li a
{
	display: block;
background-color: transparent; 

 
	position: absolute;

	text-decoration: none;
}

//prepare boei

#preparact-visual ul.prepare li a.stability-and-strength-analysis { top: 0px; left: 20px; width: 70px; height: 115px;}
#preparact-visual ul.prepare li a.familiarisation-of-operations { top: 10px; left: 105px; width: 100px; height: 60px; }
#preparact-visual ul.prepare li a.emergency-drills { top: 20px; left: 215px;width: 70px; height: 115px;}
#preparact-visual ul.prepare li a.oil-spill-response { top: 140px; left: 215px; width: 70px; height: 115px; }
#preparact-visual ul.prepare li a.damage-control-kits { top: 220px; left: 105px; width: 100px; height: 60px; }
#preparact-visual ul.prepare li a.training { top: 140px; left: 20px; width: 70px; height: 115px;}
#preparact-visual ul.prepare li a.stability-and-strength-analysis { top: 20px; }

#preparact-visual ul.prepare li a.prepare { top: 80px; left: 95px; width: 115px; height: 125px; }



// 	act boei

#preparact-visual ul.act li a.response-advisor { top: 100px; left: 0px; width: 70px; height: 115px;}
#preparact-visual ul.act li a.skeleton-team { top: 20px; left: 35px; width: 100px; height: 70px;}
#preparact-visual ul.act li a.emergency-response { top: 20px; left: 140px; width: 100px; height: 70px;}
#preparact-visual ul.act li a.pre-agreed-rates { top: 100px; left: 215px; width: 70px; height: 115px;}
#preparact-visual ul.act li a.preparact-manager { top: 220px; left: -20px; width: 150px; height: 50px;}

#preparact-visual ul.act li a.act { top: 100px; left: 80px; width: 115px; height: 100px; }
*/