@charset "utf-8";
/* CSS Document */
html {
  	height: 100%;
  	width: 100%;
  	margin: 0;
  	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: white;
	text-align: left;
	color: black;
	text-align: center; /* IE/Win bug fix */
	height: 100%;
  	width: 100%;
  	margin: 0;
  	padding: 0;
}

.hidden {
	visibility: hidden;
}

.clearfloat {
	clear: both;
}

#outermost {
  	height: 100%;
  	width: 100%;
  	margin: 0;
  	padding: 0;
}

#outer {
  	height: 737px;
  	width: 100%;
	background-image: url('../images/background2.jpg');
	background-repeat: repeat-x;
	background-position: top left;
  	z-index: 10;
}
.valignmid1 {
  	position: relative;
  	margin: 0 auto;
  	display: table;
  	vertical-align: middle;
}

.valignmid2 {
  	width: 100%;
  	display: table-cell;
  	vertical-align: middle;
}

.valignmid3 {
  	position: relative;
}

#background {
	height: 737px;
	background-image: url('../images/background.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	margin: auto;
}

#container { 
	position: relative;
  	margin: auto;
  	width: 962px;
  	height: 737px;
	text-align: left;
	padding: 0px;
	margin: auto;
}

/*#container:after{ 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden; 
}
*/
#logo {
	width: 178px;
	height: 97px;
	background-image: url('../images/clipperlogo.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}

.box {
	width: 218px;
	height: 418px;
	margin: 46px 0px 0px 14px;
	float: left;
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 0.75em;
	padding: 6px;
	text-decoration: none;
	color: black;
}

.box img {
	margin: 76px 0px 0px 0px;
	width: 218px;
	height: 140px;
	border: none;
}

.box p {
	padding: 14px 9px 9px 9px;
	margin: 0px;
}

.first {
	margin-left: 0px;
}

.velux {
	background-image: url('../images/veluxbox.gif');
}

.events {
	background-image: url('../images/eventsbox.gif');
}

.training {
	background-image: url('../images/trainingbox.gif');
}

.rtw {
	background-image: url('../images/rtwbox.gif');
}

#footer {
	clear: both;
	padding: 45px 0px 0px 6px;
}

#footer a {
	text-decoration: none;
	color: #505050;
}

#footer a:hover {
	text-decoration: underline;
}

#footer img {
	border: none;
	padding-right: 25px;
}

#footer p {
	font-size: 0.75em;
	color: #505050;
}

.dc {
	padding-top: 25px;
	float: right;
}