/* CSS Document */

/* ---------- WEB SITE CONTAINER ---------- */

#container {
	width: 950px;
	margin: auto;
}

/* ---------- TOP AREA ---------- */

#logo {
	width: 275px;
	padding-top: 105px;
	padding-left: 310px;
	background:
		url(../graphics/csslayout/logo-havi-clean.gif)
		no-repeat
		top center;
	text-align: left;
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 11px;
	color: #2899B0;
}

/* ---------- PANORAMIC ---------- */

#blue-fabric {
	width: 100%;
	height: 350px;
	margin-bottom: 35px;
	background:
		url(../graphics/csslayout/paper-bg.png)
		no-repeat
		bottom;
	text-align: center;
}

#slides-container {
	margin: auto;
	width: 950px;
}

#photo-slides {
	float: left;
	width: 580px;
	height: 200px;
	padding-top: 118px;
	text-align: left;
}

#scripty-block {
	float: left;
	width: 370px;
}

/* ---------- COLUMN CONTENT AREA ---------- */

#divider {
	float: left;
	width: 950px;
	margin-top: 20px;
	padding-bottom: 5px;
	border-top: 1px dashed #2086A0;
}

#columnspacer {
	float: left;
	width: 30px;
}

#column-sidebar {
	float: left;
	width: 185px;
}

#column-main01 {
	float: left;
	width: 365px;
}

#column-contact {
	float: left;
	width: 340px;
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 13px;
	color: #C1F0FA;
}

/* --- OR, SUBSTITUTE "sidebar" and "main01" FROM ABOVE WITH THE BELOW TO CREATE A LARGER CONTENT WIDTH --- */

#column-main02 {
	float: left;
	width: 570px;
	margin-right: 10px;
}

/* ---------- FOOTER AREA ---------- */

#footer {
	float: left;
	width: 950px;
	margin: 40px 0;
	padding-top: 15px;
	border-top: 1px dashed #2086A0;
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 11px;
	line-height: 15px;
	color: #2899B0;
}

/* ---------- PHOTOS AND OBJECTS POSITIONING ---------- */

#objectleft {
	float: left;
	margin: 0px 15px 10px 0px;
}

#objectright {
	float: right;
	margin: 0px 0px 10px 15px;
}

#photoleft {
	float: left;
	clear: left;
	margin: 0px 20px 10px 0px;
	border: 10px solid #fff;
}

#photoright {
	float: right;
	clear: right;
	margin: 0px 0px 10px 20px;
	border: 10px solid #fff;
}

/* ---------- OTHER ---------- */

#clear {
	clear: both;
}

/* ---------- NAVIGATION AND LINKS ---------- */