/* CSS Document */
html {
  margin: 0;
  padding: 0;
  background-color: #fff;}
body {
	font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
h1 {
	color: #666;
}
p {
	font-size: 12px;
	color: #888888;
	margin: 10px;
	text-align: justify;
}
a {
  font-size: 12px;
  color: #666;
  margin: 0;
  padding: 0;
  text-decoration: underline;}
a:hover {
  text-decoration: none;
  color: #CC0000;}
img {
  color: white;
  padding: 0px;
  margin: 0px;
  border: 0px;}

/* layout */
div#page {
  width: 804px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;}
div#content {
	width: 804px;
	text-align: left;
}
div#content-space {
	padding: 10px;
	background: url(../data/background-content.png) no-repeat;
}
div#foot {
	border-top: 2px solid #888888;
}

.clear {
	clear: both;
}
.center {
	text-align: center;
}

/* product logo */
div.right_box {
	float: left;
	margin: 8px;
}
div.right_box img {
	padding: 2px;
	border: 2px solid #414141;
}
div.right_box a {
	text-decoration: none;
}
/****************************/
/* Setup: Repeated code per rollover */

#spas {
	background-image: url(../data/spash.jpg);    /* rollover state */
	width: 200px;                    /* image width */
	height: 509px;                   /* image height */
}
#travelling {
	background-image: url(../data/travellingh.jpg);    /* rollover state */
	width: 201px;                    /* image width */
	height: 509px;                   /* image height */
}
#commerce {
	background-image: url(../data/commerceh.jpg);    /* rollover state */
	width: 200px;                    /* image width */
	height: 509px;                   /* image height */
}
#finance {
	background-image: url(../data/financeh.jpg);    /* rollover state */
	width: 201px;                    /* image width */
	height: 509px;                   /* image height */
}

/* Application: Common Code */

.rollover { display: block; float: left;} /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */