/***********************************************************************
 * Site:		Outback Ability Tours
 * Purpose:		Primary layout and element styling
 * Author:		(c) InnoFX, 2006-2007	[admin@innofx.com.au]
 */

/***********************************************************************
 * Universal
 */

/* Default font for all elements */
* { font-family: arial,tahoma,verdana,geneva,helvetica,freesans,sans-serif; border: 0; padding: 0; margin: 0; }

/* Basic layout */
html { height: 100%; width: 100%; min-height: 100%; padding-bottom: 1px; min-width: 100%; }
body { height: 100%; width: 100%; min-height: 100%; font-size: 12pt; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto 0 auto; font-family: Arial, Verdana, sans-serif; color: #303030; }

/***********************************************************************
 * Layout
 */

/* Container for all page content */
#page { width: 100%; height: 100%; min-height: 100%; min-width: 900px; margin: 0 auto 0 auto; background-color: #ffffff; }
html>body, html>body #page {  height: auto; }

/* Layout for page content */
#content { overflow: hidden; width: 900px; background-color: white; margin: 1em auto 6em auto; }
#content #body { margin: 0 1em 0 1em; }

/***********************************************************************
 * Title/Logo
 */

/* Title background */
#title { height: 150px; background-image: url(../images/header.jpg); background-repeat: repeat-x; background-position: 0 0; }

/* Title Heading */
#titleContent { width: 900px; min-width: 900px; margin: 0 auto 0 auto; height: 100%; background-image: url(../images/header_logo.jpg); background-repeat: no-repeat; background-position: 0 0; text-align: center; }
#titleContent h1 { color: black; height: 60px; background-image: url(../images/title.jpg); background-repeat: no-repeat; background-position: top center; }
#titleContent h1 span { display: none; }
#titleContent h2 { color: black; font-size: 0.8em; }

/***********************************************************************
 * Menu
 */

#menu { height: 25px; background-color: #fff; font-size: 1.0em; border-bottom: 1px solid #d6d1ce; padding-top: 5px; }
#menuContent ul { text-align: center; }
#menuContent li { display: inline; padding: 0 1em 0 1em; text-decoration: none; font-weight: bold; }
#menuContent li a { color: #303030; }

/***********************************************************************
 * Footer
 */

#footer {
	clear: both;
	position: relative;
	width: 100%;
	min-width: 900px;
	bottom: 0;
	left: 0;
	right: 0;
	padding-top: 5px;
	height: 45px;
	color: #ffffff;
	background-color: #0c5c91;
	border-top: 1px solid #d6d1ce;
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	font-size: 0.9em;
}
#footer #centre { width: 900px; margin: 0 auto 0 auto; }
#footer #centre a { color: #ffffff; font-weight: normal; margin-left: 1em; margin-right: 2em; }
#footer #centre a:hover { color: white; }
#footer #centre a.validator { border-bottom: 1px dotted #ffffff; }
#footer #centre a.validator:hover { color: white; text-decoration: underline; border-bottom: none; }
#footer #centre p { float: right; text-align: right; margin-right: 2em; }
#footer #centre p a { margin-right: 0; }