/* Start of CMSMS style sheet 'index' */
/* CSS Document */

/* Created by Adam Forcucci & Mosaic Creative (c) 2009. adam@mosaiccreative.com.au */

* {
	margin: 0;
	padding: 0;
	}

html, body {
		background: #ffffff;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #666666;
		line-height: 16px;
		height: 100%;
		}
		
a:link { color: #666666; text-decoration:underline; }
a:hover { color: #ff5400; text-decoration:underline; cursor: hand; }
a:visited { color: #666666; text-decoration:underline; }	
	
img, a img { border: none; padding: 0; margin: 0; float: left; color: #eeeeee; }

#splash {
		background: #000000 url(uploads/images/system/splash_bg.gif) repeat-x;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #666666;
		line-height: 16px;
		height: 100%;
		}
		#splash img {
			width: 167px;
			height: 112px;
			position: absolute;
			top: 356px;
			left: 50%;
			margin-left: 282px;
			color: #000000;
			}

p {
	margin: 0 0 15px 0;
	padding: 0;
	float: left;
	text-align: left;
	width: 174px;
	}

.contact_us {
	margin: 0;
	padding: 0;
	float: left;
	text-align: left;
	width: 174px;
	}

.contact_us a:link { color: #ff5400; text-decoration:none; }
.contact_us a:hover { color: #ff5400; text-decoration:underline; cursor: hand; }
.contact_us a:visited { color: #ff5400; text-decoration:none; }	

.distance {
	width: 1px;
	height: 50%;
	background-color: #ffffff;
	margin-bottom: -320px; /* half of container's height */
	float: left;
	}

.container {
	margin: 0 auto;
	position: relative; /* puts container in front of distance */
	padding-top: 20px;
	text-align: left;
	height: 568px;
	width: 900px;
	clear: left;
	background-color: #ffffff;
	}

.header {
	width: 900px;
	height: 96px;
	}

	.header .breadcrumbs {
		width: 708px;
		height: 96px;
		float: left;
		}

	.header .logo {
		width: 174px;
		height: 96px;
		float: right;
		}

.page {
	width: 900px;
	height: 471px;
	}

	.page .main {
		width: 708px;
		height: 471px;
		float: left;
		}

	.page .thumbnails {
		width: 708px;
		height: 471px;
		float: left;
		background: url(uploads/images/system/thumbnails_bg.gif);
		overflow: hidden;
		}
		.page .thumbnails .thumbnail {
			width: 243px;
			height: 143px;
			background: #ffffff;
			float: left;
			}

	.page .text {
		width: 174px;
		height: 471px;
		float: right;
		}
	.page .text a:link { color: #ff5400; text-decoration:underline; }
	.page .text a:hover { color: #ff5400; text-decoration:underline; cursor: hand; }
	.page .text a:visited { color: #ff5400; text-decoration:underline; }	
		
		.page .text .footer {
			width: 174px;
			height: 13px;
			clear: both;
			}
			.page .text .footer .back {
				width: 30px;
				height: 13px;
				float: left;
				}
			.page .text .footer .number {
				width: 86px;
				height: 13px;
				float: right;
				text-align: right;
				}
				.page .text .footer .number img {
					width: 13px;
					height: 13px;
					float: left;
					}
				.page .text .footer .number p {
					width: 60px;
					height: 13px;
					float: left;
					text-align: center;
					font-weight: bold;
					margin: -2px 0 0 0;
					padding: 0;
					}
/* End of 'index' */