@charset "utf-8";
/* The CSS file for www.tareehighwaymotel.com.au, coding by www.savvywebdesign.net */

body {
	margin: 20px auto;
	padding: 0;
	background-color:#110e00;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align:center;
}
/* 	text-align:center is a hack to make the website centre in older browsers. In newer browsers, the auto L&R margins in the subsections handle this. */

p {line-height: 130%;}
.margins {margin:5px 20px 5px 20px;}
.tagline {margin:10px 20px 10px 0px;font-size: .95em;}
.large {font-size: 1.2em;}

h1, h2 {font-weight:normal;color:#ffcc00;margin:20px;}

h1 {letter-spacing:-1px;font-size:2em;}

h2 {font-size: 1.2em; }

h3 {font-size: 1.1em;
	font-weight: bold;
	color: #333333;
}


a {color:#ffcc00;text-decoration:none;font-weight:bold;}
a:hover {text-decoration:underline;}

img {border:0;margin:0;padding:0;}

ul li {
	line-height:150%;
	list-style-type: disc;
}

.caption {margin:0 0 10px 0;padding:0;font-size:.75em;}

#wrapper {
	width: 100%;
	margin:auto;
	position:relative;
	text-align:center;}
/* Position rel is necessary to enable absolute positioning of inner elements */
/* Text-align:left compensates for the centre-align hack in the body. */

/* Header section */

#header {width:750px;margin:0 auto;text-align:center;color:#ffffff;}

.navbar-holder {width:750px;height:35px;background:url(images/menu-bar.jpg) no-repeat;}
.navbar-holder a:hover {visibility:visible;}
.navbar-holder a:hover img {visibility:hidden;}


.gold-stripe {background:#ffcc00;width:100%;height:15px;}

/* Midsection is the full width of the browser window, and supplies the grey background stripe */

#midsection {
	margin:0 auto;
	text-align:center;
	width:100%;
	padding:0;
	overflow:hidden;
	background-color:#222222;}
	
/* Main is the 750px wide section that holds the content */

#main {width:750px;margin:0 auto;padding:0;}


/* main-text is the box that holds the text content */
#main-text {
	margin:0;
	width:750px;
	background:#000000;
	overflow:auto;}
#main-text p {margin:10px;color:#ffffff;}
#main-text p.margins {margin:5px 20px 5px 20px;}


/* Footer section */

#footer {width: 750px;margin:0 auto;text-align:center;}

#footer p {margin:0;padding:10px;font-size:.8em;color:#cccccc;}
#footer a {color:#FFCC00;text-decoration:none;font-weight:bold;}
#footer a.hover {text-decoration:underline;}

/* The following code produces the menu buttons using a technique called "sliding doors". There's a good explanation at http://simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html  */

#navbar {
	margin:0;
	padding:0;
	height:35px;
	list-style:none;
	display:inline;
	overflow:hidden;}

#navbar li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#navbar a {
	float:right;
	padding: 35px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:35px; /* for IE5/Win only */
	}
	
#navbar a:hover {
	background-position: 0 -35px;
	}

#navbar a:active, #navbar a.selected {
	background-position: 0 -70px;
	}

#home a  {
	width: 62px;
	background: url(images/button-home.gif) top left no-repeat;
	}

#location a  {
	width: 88px;
	background: url(images/button-location.gif) top left no-repeat;
	}

#rooms a  {
	width: 128px;
	background: url(images/button-rooms.gif) top left no-repeat;
	}

#contact a  {
	width: 86px;
	background: url(images/button-contact.gif) top left no-repeat;
	}

/* The following code styles the 5-up columns of the Rooms & Rates page */

.roomtype {
	float:left;
	display:inline;
	width:147px;
	margin:0 auto 10px auto;
	border-right:1px solid #ffcc00;
}

.roomtype-final {float:left;width:147px;margin:0 auto 10px auto;}
		
.roomtype p, .roomtype h2, .roomtype img, .roomtype-final p, .roomtype-final h2, .roomtype-final img  {margin:15px 20px 0 20px;}

/* The following code styles the 3-up columns of the Location page */

.three-up {
	float:left;
	display:inline;
	width:240px;
	margin:0 auto 15px auto;
	border-right:1px solid #ffcc00;
}

.three-up-final {float:left;width:240px;margin:0 auto 15px auto;}
		
.three-up p, .three-up h2, .three-up img, .three-up-final p, .three-up-final h2, .three-up-final img {margin:15px 20px 0 20px;}

#email-form {text-align:left;}
#email-form h2 {
	border-top:1px dashed #666666;
	padding-top:20px;
	margin:20px;
}
#email-form p {margin:20px;}
#email-form .required {margin-left:10px;}
#email-form p.hint {color:#cccccc;}
.hint {color:#cccccc;background:url(images/info.gif) no-repeat left top;border:1px solid #999999; padding:5px 5px 10px 35px;width:500px;}