/*------------------------------------------------------------------

project:	Geelong Motor Inn & Apartments
date created:	22 July 2009
author:	Paul Crawford

-------------------------------------------------------------------*/

@import url("baseforms.css");
@import url("thickbox.css");
@import url("sifr.css");


/*-------------------------------*/
/* Reset
/*-------------------------------*/
*, html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
	margin: 0;
	padding: 0;
	border: 0;
}

* {	line-height: 1.6em; }


/*-------------------------------------------    
    Basic Selectors
-------------------------------------------*/
body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background: #fdfcfb url('../images/core/bg.jpg') top center repeat-x;
	color: #636466;
}

a { color: #c6121d; text-decoration: none; }
a:hover, a:focus { color: #660000; text-decoration: underline; }
span.mailto { color: #c6121d; }  
a.mailto { color: #c6121d; text-decoration: none;  }  
a.mailto:hover { color: #660000; text-decoration: underline; }  

h1 { font-size: 1.7em; color: #630103; text-transform: uppercase; font-weight: bold; }
h2 { font-size: 1.5em; color: #454545; }
h3 { font-size: 1.4em; color: #747474; }
h4 { font-size: 1.3em; color: #989898; }
h5 { font-size: 1.2em; color: #bbbbbb; }
h1 { margin-bottom: 0.8em; }
h2, h3, h4, h5 { margin-bottom: 0.5em; }
p { margin-bottom: 1.35em; }
p, ul, ol { font-size: 1.2em; }

ul { list-style-type: square; margin-left: 30px; margin-bottom: 10px; }

img.left {
	float: left;
	margin: 0 15px 15px 0;
	border: 5px solid #dededf;
	clear: left;
}

img.right {
	float: right;
	margin: 0 0 15px 15px;
	border: 5px solid #dededf;
	clear: right;
}

hr {
	border: 0;
	border-bottom: 1px solid #d9d9d9;
	height: 1%;
	margin: 15px 0;
	^margin: 0 0 10px 0; /* IE 7 */
}

.clear { 
	display: block; 
	clear: both; 
}

h3.homeh1 { font-size: 1.7em; color: #630103; text-transform: uppercase; font-weight: bold; }


/*-------------------------------*/
/* Container
/*-------------------------------*/
#container {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 20px;
}


/*-------------------------------*/
/* Header
/*-------------------------------*/
#header { 
	height: 64px;
	padding: 9px 11px 0 10px;
}

#header h1 {
	width: 586px; height: 52px;
	background: url('../images/core/logo_geelong.jpg') no-repeat;
	text-indent: -9999px;
	display: block;
	float: left;
}

#header h2 {
	width: 226px; height: 23px;
	background: url('../images/core/phone.jpg') no-repeat;
	text-indent: -9999px;
	display: block;
	float: right;
	margin-top: 25px;
}

/*-------------------------------*/
/* Content Container
/*-------------------------------*/
#content-container {
	width: 940px;
	background: url('../images/core/bg_content_container.jpg') 0 0 repeat-y;
	padding: 11px 10px;
}

#content-container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* --- left column --- */
#left-column {
	width: 300px;
	float: left;
	padding-right: 9px;
	_padding-right: 0; /* for ie6 */
}

/* --- nav --- */
#nav-box {
	background: url('../images/core/bg-nav.gif') no-repeat;
	height: 320px;
	padding: 21px 12px 40px 12px;
}

#nav {
	width: 288px; height: 150px;
	margin-bottom: 12px;
}

#nav ul { 	
	list-style-type: none;
	margin: 0;
}

#nav ul li {
	display: block;
	float: left;
}

#nav ul li a {
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	width: 185px; height: 24px;
	margin-bottom: 1px;
}

#nav ul li a.home {
	background: url('../images/nav/nav_home.gif') 0 0 no-repeat;
}

#nav ul li a.accommodation {
	background: url('../images/nav/nav_accommodation.gif') 0 0 no-repeat;
}

#nav ul li a.facilities {
	background: url('../images/nav/nav_facilities.gif') 0 0 no-repeat;
}

#nav ul li a.geelong {
	background: url('../images/nav/nav_geelong.gif') 0 0 no-repeat;
}

#nav ul li a.check {
	background: url('../images/nav/nav_check.gif') 0 0 no-repeat;
}

#nav ul li a.contact {
	background: url('../images/nav/nav_contact.gif') 0 0 no-repeat;
}

/* -- Rollover -- */
#nav ul li a:hover.home,
#nav ul li a:hover.accommodation,
#nav ul li a:hover.facilities,
#nav ul li a:hover.geelong,
#nav ul li a:hover.check,
#nav ul li a:hover.contact {
	background-position: -185px 0 !important;
}

/* -- Active -- */
#nav li a:hover.home, 
body#home #nav li a.home,
body#accommodation #nav li a.accommodation,
body#facilities #nav li a.facilities,
body#geelong #nav li a.geelong,
body#check #nav li a.check,
body#contact #nav li a.contact {
	background-position: -185px 0 !important;
}

/* --- contact detail --- */
#contact-detail {
	border-top: 1px dashed #d9d8d8;
	width: 276px;
	padding: 11px 0 0 0;
}

#contact-detail p { 
	padding-left: 6px;
	margin-bottom: 0.5em;
}

#contact-detail ul {
	list-style-type: none;
	margin: 0;
}

#contact-detail ul li {	
	padding: 0 0 0 35px;
	margin: 0 0 0 5px;
}

#contact-detail ul li.phone { background: url('../images/core/icon_phone.gif') 0 2px no-repeat; }
#contact-detail ul li.fax { background: url('../images/core/icon_fax.gif') 0 2px no-repeat; }
#contact-detail ul li.email { background: url('../images/core/icon_email.gif') 0 2px no-repeat; }

span.bold { font-weight: bold; padding: 0 10px 0 0 ; }

/* --- make a reservation --- */
#reservation { margin-bottom: 25px; }

#reservation a {
	width: 300px; height: 134px;
	background: url('../images/core/reservation.jpg') 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#reservation a:hover {
	background-position: 0 -134px !important;
}

/* --- affiliates --- */
#affiliates {
	border-top: 1px dashed #d9d8d8;
	border-bottom: 1px dashed #d9d8d8;
	padding: 19px 0 14px 27px;
	height: 85px;
}

#affiliates ul {
	list-style-type: none;
	margin: 0;
}

#affiliates ul li {
	float: left;
	margin-right: 30px;
}

#affiliates ul li.qantas { margin-top: 15px; }

/* --- right column --- */
#right-column {	
	width: 620px;
	float: left;
	border-left: 1px dashed #d9d8d8;
	padding-left: 10px;
	_padding-left: 8px; /* for ie6 */
}


/*-------------------------------*/
/* Banner
/*-------------------------------*/
#banner {
 width: 620px; height: 341px;
 margin-bottom: 28px;
}

#banner-inner {
 width: 620px; height: 260px;
 margin-bottom: 28px;
}

body#accommodation #banner-inner { background: url('../images/core/banner_accommodation.jpg') no-repeat; }
body#facilities #banner-inner { background: url('../images/core/banner_facilities.jpg') no-repeat; }
body#geelong #banner-inner { background: url('../images/core/banner_geelong.jpg') no-repeat; }
body#check #banner-inner { background: url('../images/core/banner_check.jpg') no-repeat; }
body#contact #banner-inner { background: url('../images/core/banner_contact.jpg') no-repeat; }


/*-------------------------------*/
/* Content
/*-------------------------------*/
#content { padding-right: 2em; }


/*-------------------------------*/
/* Footer
/*-------------------------------*/
#footer {
	padding: 20px 10px 0 10px; 
	color: #630103;
	font-size: 1.1em;
}

#footer a {
	color: #630103;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover {
	color: #c6121d;
	text-decoration: underline;
}

.wflogo {
	width: 75px; height: 24px;
	float: right;
}


/*-------------------------------*/
/* Contact page
/*-------------------------------*/
.top { height: 420px; }

.map { 
	width: 420px; height: 350px;
	float: right;
	padding-left: 15px;
}

#enquiry { 
	border-top: 1px dashed #d9d8d8;
	padding-top: 25px; 
}


/*-------------------------------*/
/* Gallery
/*-------------------------------*/
#gallery { 
	float: left;
}

#gallery ul {
	list-style-type: none;
	margin: 0;
}

#gallery ul li {
	display: inline;
	padding: 0 15px 15px 0;
	float: left;
}

#gallery ul li a img {
	border: 5px solid #dededf;
}

#gallery ul li a:hover img {
	border: 5px solid #c6121d;
}