#top-nav {
background: url(images/page-top-nav-bg.gif) repeat-x;
height: 26px;
line-height: 24px;
}

#index-body {
width: 700px;
padding: 10px 30px;
}

	#index-body a:link {
	color: #F9BF00;
	font-weight: bold;
	}
	#index-body a:visited {
	color: #9B6600;
	font-weight: bold;
	}
	#index-body a:hover, #index-body a:active {
	color: #9B6600;
	font-weight: bold;
	}

	table#contact-details {
	border: 0;
	}
	#contact-left {
	float: left;
	width: 360px;
	}
	#contact-right {
	float: right;
	width: 340px;
	}
	#contact-right img {
	float: right;
	margin-top: 40px;
	}
	
	#index-body ul {
	list-style-image: url(images/bullet.gif);
	padding-left: 45px;
	margin-bottom: 1.3em;
	}
	#index-body .bold {
	font-weight: bold;
	}

	/* MAMUT PAGE */
	table#mamut-options {
	border: 0;
	width: 100%;
	}
	table#mamut-options td {
	width: 140px;
	text-align: center;
	}
	table#mamut-options td.softwaretitle {
	font-weight: bold;
	}
	
	div#mamut-left {
	float: left;
	width: 339px;
	padding-right: 10px;
	border-right: 1px solid #929292;
	margin-bottom: 1.3em;
	}
	div#mamut-right {
	float: right;
	padding-left: 10px;
	width: 340px;
	margin-bottom: 1.3em;
	}
		div#mamut-right ul, ul.gradientlist {
		background: url(images/mam_grad.jpg) repeat-x scroll left bottom;
		border: 1px solid #FFE9A1;
		padding: 10px 10px 10px 25px;
		color: #333;
		}
		
	/* END MAMUT PAGE */
	
	/* CCTV PAGE + BROADBAND SERVICES */

	div#cctv-left, div#bband-left {
	float: left;
	width: 416px;
	padding: 5px 10px 0 0;
	margin-bottom: 1.3em;
	}
		div#cctv-left ul.gradientlist {
		padding: 10px 10px 10px 25px;
		font-size: .85em;
		line-height: 1.3;
		}
	div#cctv-right, div#bband-right {
	float: right;
	width: 264px;
	padding: 10px 0 0 10px;
	margin-bottom: 1.3em;
	}
	
	table#mentalweb {
	width: 100%;
	border-collapse: collapse;
	color: #333;
	}
		table#mentalweb td, table#mentalweb th {
		border: 1px solid #333;
		padding: 2px 5px;
		}
		table#mentalweb td.key {
		border: 1px solid #333;
		}
		table#mentalweb td.noborder {
		border: 0;
		}
		table#mentalweb td.greybg {
		background-color: #aaa;
		}
		table#mentalweb .lighttxt {
		color: #888;
		}
		table#mentalweb .tick {
		font-family: Wingdings, serif;
		}
		
	div.cctv-cams-left, div.cctv-cams-right {
	width: 48%;
	height: 65px;
	font-size: .9em;
	}
	div.cctv-cams-left {
	float: left;
	padding: 1% 2% 1% 0;
	}
	div.cctv-cams-right {
	float: right;
	padding: 1% 0 1% 2%;
	}
		div.cctv-cams-left span.img, div.cctv-cams-right span.img {
		display: block;
		width: 95px;
		float: left;
		padding-right: 1%;
		}
		
	div#net-enabled {
	background: url(images/green-grad.gif) repeat-x;
	width: 100%;
	height: 46px;
	border: 1px solid #D6E5D1;
	margin-bottom: .6em;
	}
		div#net-enabled h3 {
		font-style: normal;
		font-size: 1.2em;
		color: #5A824A;
		padding: .5em .5em 0 .5em;
		margin: 0;
		}
		div#net-enabled p {
		margin: 0;
		padding: 0 .5em;
		color: #333;
		}
		
	div#cctv-carpark-left {
	float: left;
	width: 235px;
	}
		div#cctv-carpark-left img {
		padding-top: 5px;
		}
	div#cctv-carpark-right {
	float: right;
	width: 465px;
	padding: 10px 0;
	}
	
	p.example {
	font-weight: bold;
	font-style: oblique;
	font-size: .9em;
	}
	/* END CCTV PAGE + BROADBAND SERVICES */
	
	/* SMALL BUSINESS SERVER */
	div#sb-left {
	float: left;
	width: 500px;
	padding: 10px 0;
	}
	div#sb-right {
	float: right;
	width: 150px;
	}
	
	/* END SMALL BUSINESS SERVER */
	
	.aligncenter {
	margin: 0 auto;
	text-align: center;
	}
	.alignleft {
	float: left;
	padding-right: 10px;
	}
	.alignright {
	float: right;
	padding-left: 10px;
	}	
	.red {
	color: #EB2E2D;
	}
	.clear {
	display: block;
	clear: both;
	}
	.small {
	font-size: .8em;
	}
	
#footer {
background: url(images/footer-top.gif) no-repeat;
padding-top: 18px;
}


#support-packages {
	padding: 2px;
	border: 1px solid #777;
	border-collapse: collapse;
}
	#support-packages td, #support-packages th {
		padding: 5px;
		margin: 3px;
		vertical-align: middle;
		border: 1px solid #777;
	}
	#support-packages th {
		text-align: center;
		background: #ddd;
	}
	#support-packages .package-price, #support-packages .package-header {
		font-size: larger;
		font-weight: bold;
		text-align: center;
	}
	#support-packages .package-header {
		border-right: 0 none;
		margin-right: 0;
	}
	#support-packages .package-price  {
		color: #aaa;
	}
	#support-packages .package-details {
		font-size: smaller;
		border-left: 0 none;
		margin-left: 0;
	}
	#support-packages #gold-package {
		background-color: #ffd700;
	}
	#support-packages #silver-package {
		background-color: #ddd;
	}
	#support-packages #bronze-package {
		background-color: #a35d33;
		color: #c0c0c0
	}