/* Mediterranean Stone .Pty .Ltd */
/* © Distinctive Web Services */


/* DOCUMENT BODY */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 08pt;
	cursor: default;
	background-image: url(../images/layout/background-tile.gif); 
	background-color: #888888; 
}


/* LINKS */
a {
	color: maroon;
	text-decoration: none;
}
a:hover {
	color: red;
	text-decoration: underline;
}


/* FORMS */
form {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
}


/* HEADINGS */
h1 {
	font-size: 12pt; 
	border-bottom: 1px dotted #3D3D5C; 
	width: 100%; 
}
h2 {
	font-size: 10pt; 
	width: 100%; 
}
h3 {
	font-size: 9pt; 
	width: 100%; 
	font-weight: bold; 
}


/* BUTTONS */
.button, .button-80, .button-120, .button-160, .button-180, .button-240 {
	background-position: center; 
	background-repeat: no-repeat; 
	background-color: transparent; 
	height: 20px; 
	border: 0px solid #000000; 
	font-size: 8pt; 
	margin: 2px; 
}
.button, .button-80 {
	background-image: url(../images/buttons/button-80.gif); 
	width: 80px; 
}
.button-120 {
	background-image: url(../images/buttons/button-120.gif); 
	width: 120px; 
}
.button-160 {
	background-image: url(../images/buttons/button-160.gif); 
	width: 160px; 
}
.button-180 {
	background-image: url(../images/buttons/button-180.gif); 
	width: 180px; 
}
.button-240 {
	background-image: url(../images/buttons/button-240.gif); 
	width: 240px; 
}


/* TEXT AREAS */
.textarea, .textarea-80, .textarea-160, .textarea-240 { 
	background-position: center; 
	background-repeat: no-repeat; 
	background-color: transparent; 
	height: 20px; 
	border: 0px solid #000000; 
	font-size: 8pt; 
	padding-top: 6px; 
	padding-left: 8px; 
} 
.textarea, .textarea-80 {
	background-image: url(../images/textarea/textarea-80.gif); 
	width: 80px; 
}
.textarea-160 {
	background-image: url(../images/textarea/textarea-160.gif); 
	width: 160px; 
}
.textarea-240 {
	background-image: url(../images/textarea/textarea-240.gif); 
	width: 240px; 
}


/* MULTILINE TEXT AREAS */
.textarea-m, .textarea-240-m, .textarea-300-m { 
	background-position: center; 
	background-repeat: no-repeat; 
	background-color: transparent; 
	height: 80px; 
	border: 0px solid #000000; 
	font-size: 9pt; 
	margin-top: 6px; 
	padding-left: 8px; 
} 
.textarea-m, .textarea-240-m {
	background-image: url(../images/textarea/textarea-240-m.gif); 
	width: 240px; 
}
.textarea-300-m {
	background-image: url(../images/textarea/textarea-300-m.gif); 
	width: 300px; 
}


/* OBJECTS WITH IDS */
.container { 
	position: relative; 
	width: 750px; 
	background-color: #FFFFFF; 
	margin: auto; 
}

.layout-top {
	width: 736px; 
	height: 15px; 
	background-color: #777777; 
	padding: 6px 6px 6px 6px; 
	text-align: right; 
	color: #FFFFFF; 
	border: 1px solid #FFFFFF; 
}
.layout-top a {
	color: #FFFFFF; 
	border: 1px solid #777777; 
	padding: 0px 2px 0px 2px; 
}
.layout-top a:visited {
	color: #DDDDDD; 
}
.layout-top a:hover {
	text-decoration: none; 
	border: 1px solid #CCCCCC; 
	background-color: #555555; 
	color: #FFFFFF; 
}

.layout-header {
	background-image: url(../images/layout/header.gif); 
	height: 124px; 
	width: 748px; 
	margin: 0px 1px 0px 1px; 
}
.layout-header h1 { 
	display: none; 
}

.layout-under-header {
	background-color: #3D3D5C; 
	height: 10px; 
	width: 748px; 
	margin: 1px 1px 1px 1px; 
	border-bottom: 1px solid #FFFFFF; 
}
.layout-under-header p {
	display: none; 
}

.content-container {
	position: absolute; 
	left: 0px; 
	top: 165px; 
	width: 750px; 
	height: 400px; 
	margin: auto; 
	background-color: #FFFFFF; 
} 

.layout-left-menu {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	float: left; 
	width: 150px; 
	height: 400px; 
	background-color: #DDDDDD; 
	padding: 10px 10px 10px 10px; 
	margin: 0px 1px 0px 1px; 
	border-right: 1px dotted #3D3D5C; 
}
.layout-left-menu a {
	color: #000000; 
	font-weight: bold; 
	padding: 3px 0px 0px 10px; 
	width: 140px; 
	height: 20px; 
	margin: 0px 0px 10px 0px; 
	background-image: url(../images/layout/left-menu-bg.gif); 
	background-repeat: no-repeat; 
	float: left; 
}
.layout-left-menu a:hover { 
	text-decoration: none; 
	color: #FFFFFF; 
	background-image: url(../images/layout/left-menu-bg-over.gif); 
}
.layout-left-menu-seperator { 
	display: none; 
}
.layout-left-menu-link {
}

.layout-examples { 
	position: absolute; 
	float: left; 
	width: 600px; 
	top: 0px; 
	height: 60px; 
	left: 172px; 
	padding: 0px 0px 1px 0px; 
} 
.layout-examples p { 
	display: none; 
} 
.layout-examples-image-001 { 
	position: relative; 
	float: left; 
	width: 95px; 	
	overflow: hidden; 
	margin: 0px 1px 0px 0px; 
}
.layout-examples-image-002 { 
	position: relative; 
	float: left; 
	width: 95px; 	
	overflow: hidden; 
	margin: 0px 1px 0px 0px; 
}
.layout-examples-image-003 { 
	float: left; 
	width: 95px; 	
	overflow: hidden; 
	margin: 0px 1px 0px 0px; 
}
.layout-examples-image-004 { 
	float: left; 
	width: 95px; 	
	overflow: hidden; 
	margin: 0px 1px 0px 0px; 
}
.layout-examples-image-005 { 
	float: left; 
	width: 96px; 	
	overflow: hidden; 
	margin: 0px 1px 0px 0px; 
}
.layout-examples-image-006 { 
	float: left; 
	width: 96px; 
	overflow: hidden; 
	margin: 0px 1px 0px 0px; 
}

.content {
	position: absolute; 
	float: left; 
	top: 61px; 
	left: 172px; 
	width: 537px; 
	border-top: 1px solid #DDDDDD; 
	padding: 20px 20px 20px 20px; 
}

.layout-footer {
	position: absolute; 
	margin: auto; 
	width: 748px; 
	height: 48px; 
	top: 1500px; 
	color: #FFFFFF; 
	background-color: #333333; 
	border: 1px solid #FFFFFF; 
	text-align: center; 
}
.layout-footer a {
	color: #AAAAAA; 
	border-bottom: 1px none #FFFFFF; 
}
.layout-footer a:hover {
	color: #AAAAAA; 
	border-bottom: 1px dotted #FFFFFF; 
	text-decoration: none; 
}
.layout-footer p {
	margin-top: 12px; 
}