/* (c) 2010, Stolk Marimecs http://www.marimecs.com */

img {
	margin: 0;
	border: 0;
	padding:0;
}

html,body {
	height: 100%;
	font-size: 100%;
}

body {
	margin: 0;
	padding: 0 0 10px 0;
	background: #fff;
	background-attachment: fixed;
	font-family: Arial, Verdana, Helvetica;
	font-size: 76%;
	text-align: center;
}

p {
	margin-top: 0;
	margin-bottom: 1.5em;
}

/* ========== Main site structure: ========== */

#container {
/*  Note: website width can be changed here:  ( example: 1000px or 95% ) */
/*	width: 96%; */
	width: 1000px;
	margin: 10px auto 10px auto;
	padding: 0;
	text-align: left;
/*    border: 1px solid #000000;   */
	background: #fff;
}

#header_yachts {
	height: 224px;
	margin: 0;
	border: 0;
	padding: 0;
	background: url(intro_yachts.jpg) no-repeat;
}
#header_ships {
	height: 224px;
	margin: 0;
	border: 0;
	padding: 0;
	background: url(intro_ships.jpg) no-repeat;
}
#header_buttons_y {
	float: right;
	padding: 0;
	margin: 20px 50px 0 0;
	padding: 154px 0 0 0;  /* T R B L*/
}
#header_buttons_s {
	float: right;
	padding: 0;
	margin: 20px 50px 0 0;  /* T R B L*/
}

.btn_edge_y{  /*  3 pixel button edge with transparent round corners:  */
	width:170px;
	height:40px;
	margin: 0;
	border: 0;
	padding: 3px;
	background:url(edge_yachts_wit.gif) no-repeat;
}
.btn_edge_s{  /*  3 pixel button edge with transparent round corners:  */
	width:170px;
	height:40px;
	margin: 0;
	border: 0;
	padding: 3px;
	background:url(edge_ships_wit.gif) no-repeat;
	margin: -10px 0 0 0; /* mag negatief ? */
}

.yachts_btn a, .yachts_btn a:hover, .ships_btn a, .ships_btn a:hover {
	display: block;
	width:164px;  /* 170  -3  -3  (the whole area is a link! ) */
	height:27px;  /* 40  -3  -3  -13*/
	margin:  0;
	padding: 7px 0 0 0;
	border:  0;
	background: #ccc url(img2.png) no-repeat;
	text-align: center;
	font-family: arial;
	font-size: 13pt;
	font-weight: bold;
	text-decoration:none;
	color: #000;
}
/*  for index:  */
.yachts_btn a:hover { background-position: -3px -117px;}
.yachts_btn a             { background-position: -3px -157px;}
.ships_btn   a:hover { background-position: -3px -197px;}
.ships_btn   a             { background-position: -3px -237px;}

#header_text {
	width:  200px; 
	height: 116px;
	font-family: Arial, Verdana, Helvetica;
	font-weight: bold;
	text-align: left;
	padding: 0 0 0 7px; /* T R B L */
	margin: 0;
}
#header_text_1 { /* "STOLK MARIMECS" */
	color: #000080;
	font-size: 26px;
	padding: 0px 0 0 0px; /* T R B L */
}
#header_text_2 { /* "Marine-design Engineering Consultancy" */
	color: #808080;
	font-size: 12px;
	padding: 0 0 0 2px; /* T R B L */
}



#intro {
	width: 850px;
	height: 175px;
	padding: 75px 10px 10px 10px; /* T R B L */
/*	background: #f0f;  */
}

#intro_left {
	float: left;
	width: 250px;
	text-align: right;
	padding: 4px 0 0 0; /* T R B L */
/*	background: #f00; */
}
#intro_center { 
	text-align: left;
	float: left;
	width: 150px;
/*	background: #0f0; */
}
#intro_right {
	text-align: justify;
	float: right;
/*	background: #00f; */
}

h2 {
	padding: 8px 0 0 0; /* T R B L */
	margin: 0 0 10px 0; /* T R B L */
	color: #666;
	font-weight: bold;
/*	text-align: center ; */
	font-size: 12pt;
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
}