/* ========================
Aquip Systems Pty Ltd
CSS by Guy Lillico
05-06-2008 
======================== */

@import url("reset.css");

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#sitemap_list {
	
}

#sitemap_list ul {
	display: block !important;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

a	{
	text-decoration:none;
	color:#094f56;
}

a:hover	{
	color:#666;
	text-decoration:underline;
}

html {
	background: #f8f8f8 url('../images/core/html-bg.jpg') top left repeat-x;
}

body {
	margin:0;
	padding:0;
	background: url('../images/core/body-bg.jpg') 0 0 no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#333;
}


.clear	{
	height:0;
	width:0;
	clear:both;
}

.wrapper	{
	margin:0;
	padding:0;
	background: url('../images/core/wrapper-bg.jpg') top right no-repeat;
}

.bg-filter	{
	position:absolute;
	top: 0;
	left: 0;
	margin:0;
	padding:0;
	height: 561px;
	width: 100%;
	background: url('../images/core/bg-filter-trans.png') repeat-x;
}

.container {
	position:relative; 
	margin:0 auto;
	width:825px;
}

.header {
	height:159px;
	padding:0;
	margin:0;
}
	.header .logo {	
		width:281px;
		height:129px;
		background:url(../images/core/logo-trans.png) no-repeat;
		text-decoration:-9999;
		font-size:0;
		}

.header img {
	position: relative;
	top: 19px;
}

	
#flash {
	width: 825px;
	height: 297px;
	padding-top: 11px;
	text-align: center;
	background:#fff;
}		

.right {
	float: right;
}
		
.main	{
	width:825px;
	overflow:hidden;
	padding:0;
	margin:0;
	background:#fff;
	padding-top: 11px;
}
	.sidebar	{
		float:right;
		width:350px;
		padding:0;
		padding-bottom: 20px; 
		margin:0;
	}
		.sidebar h1, .sidebar h2	{
			margin: 13px 0;
			color: #37939b;
			font-size: 2.2em;
			font-weight: normal;
		}
		.sidebar p	{
			margin: 9px 0;
			font-size: 1.2em;
			line-height: 150%;
		}
		.sidebar img	{
			vertical-align: top;
			padding: 0;
			margin: 0;
		}
		.sidebar a	{
			padding-top: 13px;
			margin: 9px 0;
			line-height: 150%;
			text-decoration:underline;
		}
			.login {
				padding-bottom: 15px;
			}
			.login a {
				color: #094f56;
				text-decoration: underline;
				font-size:1.1em;
			}
			.news a {
				font-size: 1.2em;
				font-weight:bold;
				color: #333333;
				font-weight: bold;
			}
			.news p a.more {
				font-size: 1.0em;
				font-weight: bold;
				clear: both;
			}
			.news_image {
				background: url('../images/core/cat-bg.gif') 0 0 no-repeat;
				width: 132px;
				height: 132px;
				text-align: center;
			}
			.news_image img {
				margin-top: 15px;
			}

			
			
						

		
	.content {
		float:left;
		width:453px;
		padding:0;
		padding-bottom: 40px; 
		margin:0;
		margin-bottom: 12px;
		background: url('../images/core/content-right.gif') top right repeat-y;
	}
		.intro_txt	{
			margin:10px;
			line-height: 150%;
		}
			.intro_txt h1, .intro_txt h2	{
				margin: 10px 0;
				color: #37939b;
				font-size: 2.2em;
				font-weight: normal;
				line-height: 110%;
			}
			.intro_txt h3	{
				margin: 10px 0;
				font-size: 1.4em;
				font-weight: normal;
				line-height: 110%;
				color:#333;
			}
			.intro_txt p	{
				margin: 9px 0;
				font-size: 1.2em;
				line-height: 150%;
			}

.content a {
	text-decoration: underline;
}

.content ul {
	list-style-type: none; 
	margin-left: 14px;
	padding: 10px 0;
}

.content ul li {
	background: url('../images/core/list-item.gif') 0 5px no-repeat;
	padding-left: 20px;
	line-height: 170%;
	font-size: 1.2em;
}

.content ul li a {
	font-size: 1.0em;

}
.content ul ul {
	font-size:12px;
}

.footer-container {
	width: 825px;
	background:#FFFFFF;
}

.footer {
	height:50px;
	background:#fff url('../images/core/footer-top.gif') top left repeat-x;	
	padding-top: 9px;
	width: 805px;
	margin: 0 auto;
}
	.foot_links	{
		padding:15px 0 0 10px;
		float:left;
		color:#094f56;
	}
		.foot_links a	{
			font-size: 1.1em;
		}
	.titan	{
		float:right;
	}

.cat-list {
	position: relative;
}
	
.product {
	margin-bottom: 2px;
}

.product_link {
	margin-bottom: 20px;
}

.product-cat,
.subcat_item {
	float: left;
	width: 142px;
	height: 190px;
	background: url('../images/core/cat-bg.gif') top center no-repeat;
	text-align:center;
}
	.subcat_img {
		height:125px;
		}
.services-cat {
	float: left;
	width: 142px;
	height: 160px;
	background: url('../images/core/cat-bg.gif') top center no-repeat;
	text-align:center;
}

.project-cat {
	float: left;
	width: 142px;
	height: 190px;
	text-align:center;
}

.product_img {
	width: 132px;
	height: 135px;
	background: url('../images/core/cat-bg.gif') top center no-repeat;
	text-align:center;
	float: right;
}

.product_img img {
	position: relative;
	top: 15px;
}

.services-cat img {
	margin-top: 15px;
}

.product { 
	margin-bottom:40px;
	float:left;
    width:400px;
	}

.product div {
	padding-top: 6px;
}

.product_image {
	width: 135px;
	height: 135px;
	background: url('../images/core/cat-bg.gif') top center no-repeat;
	text-align:center;
	float: left;
}

.product_image img {
	position: relative;
	top: 10px;
}

.product-cat img,
.subcat_item img {
	margin-top: 15px;
}

.product-cat p {
	width: 120px;
	text-align:center;
	margin: 11px auto;
	line-height: 120%;
}

a.pdf {
	background: url('../images/core/icon-pdf.gif') no-repeat;
	padding-bottom:3px;
	padding-left: 26px;
	height: 18px;
}
.product_desc ul ul {	
	font-size: 10px !important;
}

.newsitem {
	margin: 6px 0;
}

.newsitem p a {
	font-weight: normal;
	font-size: 1.0em;
}

/********************* booking ************************/
.booking_img:hover {
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}
.price_range_high_th {
	font-weight: bold;
	background-color: #ff6666;
	width: 100px;
	text-align: center;
}
.price_range_mid_th {
	font-weight: bold;
	background-color: #ffcc66;
	width: 100px;	
	text-align: center;
}
.price_range_low_th {
	font-weight: bold;
	background-color: #66ff99;
	width: 100px;	
	text-align: center;
}
.price_range_special_th {
	font-weight: bold;
	background-color: #0099ff;
	width: 100px;	
	text-align: center;
}
.price_range_high_td {
	font-weight: bold;
	background-color: #ffcccc;
	width: 100px;	
	text-align: right;
}
.price_range_mid_td {
	font-weight: bold;
	background-color: #ffffcc;
	width: 100px;	
	text-align: right;
}
.price_range_low_td {
	font-weight: bold;
	background-color: #ccffcc;
	width: 100px;	
	text-align: right;
}
.price_range_special_td {
	font-weight: bold;
	background-color: #99ccff;
	width: 100px;	
	text-align: right;
}
.price_range_td {
	width: 100px;
	font-weight: bold;	
	text-align: right;
}

/***** calendar*******/
.cal_today {
	font-weight: bold;
	text-align: right;
}

.cal_day_high{
	text-align: right;
	background: #ffcccc;
	cursor: pointer;
}
.cal_day_mid{
	text-align: right;
	background: #ffffcc;
	cursor: pointer;
}
.cal_day_low{
	text-align: right;
	background: #ccffcc;
	cursor: pointer;
}
.cal_day_special{
	text-align: right;
	background: #99ccff;
	cursor: pointer;
}
.cal_day_booked {
	background: #eee;
	text-align: right;
}
.day_headings{
	font-weight: bold;
	text-align: center;
}
.cal_nav_left{
	font-weight: bold;
}
.cal_nav_right{
	text-align: right;
	font-weight: bold;
}
.cal_heading{
	font-weight: bold;
	text-align: center;
}
.cal_day:hover{
	text-align: right;
	background: #ccffcc;
	text-decoration: underline;
}
.month_nav {
	width: 300px;
	margin: auto;
	text-align: center;
}
.month_nav a {
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
}



/***************** EVM Calendar ************/
<style type="text/css">
	body {
		font-family: Arial;
	}
	.evm_calendar {
		width: 520px;
		border: 1px solid #ccc;
		background: #fff;
		margin: auto;
	}
	.evm_calendar_heading {
		text-align: center;
		font-weight: bold;
		background: #eee;
		color: #333;
		padding: 2px;
	}
	.evm_calendar_top_nav {
		font-weight: bold;
	}
		.evm_calendar_top_nav a {
			text-decoration: none;
			color: #333;
		}
	.evm_calendar_previous {
		text-align: left;
		width: 100px;
		float: left;
	}
	.evm_calendar_today {
		text-align: center;
		width: 290px;
		float: left;
	}
	.evm_calendar_next {
		text-align: right;
		width: 100px;
		float: right;
	}
	
	.evm_calendar_day_headings {
		background: #ccc;
	}
	.evm_calendar_day_heading {
		text-align: center;	
		font-weight: bold;
	}
	
	
	.evm_cur_day {
		text-align: right;
		vertical-align: top;
		background: #eee;
	}
	
	.evm_calendar_month_nav {
		text-align: center;
		background: #ccc;		
		font-weight: bold;
		padding: 2px;
	}
	.evm_calendar_month_nav a{
		padding-left: 8px;
		padding-right: 8px;
		color: #333;
		text-decoration: none;
	}
	.evm_event_list {
		text-align: left;
		width: 70px;
		clear: both;
		float: right;
	}
</style>