/*
	Avoca House
	=====================================
	Author: Peter Vahaviolos [www.taledo.com.au]
	Born:	25/07/0/9/
*/

html, body { margin:0; padding:0; height:100%; }
body {
	background:#8c7a62 url(../images/bodyBgX.jpg) top left repeat-x;
	font:62.5%/1.3 "Times New Roman", Times, serif;
	color:#333333;
}

img a, a img { border:none; }
ul { list-style-type:none; margin:0; padding:0; }
h1, h2, h3, h4, h5, p { margin:0; padding:0; }

/* typography */
#pageContent p { margin:0 0 15px 0; }

#content h1 { 
	margin:0 0 10px 0;
	font-weight:normal;
	display:block;
	overflow:hidden;
	width:343px;
	height:33px;
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-9999em;
}

#content h1#h1Home 		{ background-image:url(../images/h1Home.gif); }
#content h1#h1North 	{ background-image:url(../images/h1NorthCottage.gif); }
#content h1#h1South 	{ background-image:url(../images/h1SouthCottage.gif); }
#content h1#h1Bookings 	{ background-image:url(../images/h1Bookings.gif); margin:0 0 15px 0; }
#content #h1Clinic 	{ ;
	font-size: 2.2em;
}

/* structure */
#wrapAll {
	background:url(../images/wrapAllBg.jpg) top left no-repeat;
	min-width:1200px;
	position:relative;
}

#contentContainer {
	width:995px;
	height:565px;
	position:relative;
	z-index:300;
}

#footer {
	width:583px;
	padding:65px 0 0 412px;
	height:246px;
	z-index:300;
}


/* header */
#header {
	padding:30px 30px 0 0;
	text-align:right;
	height:128px;
}

#header ul#navigation {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:600px;
	height:150px;
	background:url(../images/navigationSprite.jpg) top left no-repeat;
}

#header ul#navigation li {
	display:block;
	text-align:left;
	cursor:pointer;
}

#header ul#navigation li a {
	display:block;
	text-indent:-9999em;
	overflow:hidden;
	outline:none;
}

#header ul#navigation li#navHome a		{ width:100px; height:50px; }
#header ul#navigation li#navAccomo 	a	{ width:140px; height:45px; }
#header ul#navigation li#navGallery a	{ width:160px; height:45px; }


/* content */
#main {
	
}

#main #pageImage,
#main #pageContent { float:left;}

#main #pageImage { width:410px; height:407px; }
#main #pageContent { 
	width:534px;
	padding:29px 50px 0 0;
	height:377px;
	position:relative;
}

#main #pageContentWide {
	width:994px;
	position:relative;
	padding:0 0 0 0;
}

#main #pageContent #content {
	padding:0 30px 5px 0;
	margin:0 0 20px 0;
	font-size:1.3em;
	position:relative;
	background:url(../images/contentDividingLine.jpg) bottom left no-repeat; 
}

#main #pageContent #content.form,
.form{ background:none; }

#extraInfo {
	color:#847f7a;
	font-size:1.1em;
}

#ctaMakeABooking { margin:0 0 35px 0; }
#ctaMakeABooking a {
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	width:115px;
	height:15px;
	background:url(../images/ctaMakeABooking.gif) top left no-repeat;
}

.flipCTA a {
	width:75px;
	height:140px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	cursor:pointer;
	position:absolute;
	top:0;
	right:10px;
	z-index:10;
	outline:none;
}


#flipCTAHome 	a { background:url(../images/flipCTAHome.png) top right no-repeat; }
#flipCTASouth 	a { background:url(../images/flipCTASouth.png) top right no-repeat; }
#flipCTANorth	a { background:url(../images/flipCTANorth.png) top right no-repeat; }
#flipCTAGeneral a { background:url(../images/flipCTAGeneral.png) top right no-repeat; }

/* form stuff
**/

.formCell {
	width:240px;
	padding:0 10px 5px 0;
	float:left;
}

.formCell label,
.formCell input,
.formCellWide label { display:block; margin:0 0 3px 0; }

.formCell input { 
	width:235px;
}

.formCell input,
.formCellWide textarea {
	border-top:1px solid #807c76;
	border-left:1px solid #d0c9c1;
	border-right:1px solid #f1efee;
	border-bottom:1px solid #f1efee;
	font-family:"Times New Roman", Times, serif;
	font-size:1em;
	padding:2px;
}

.formCellWide { padding:20px 0 0 0; }
.formCellWide textarea {
	width:485px;
	height:102px;
	position:relative;
}

.formBtns { text-align:left; width:492px; }
.formBtns img { float:left; }
.formBtns input { float:right; display:block; }

.thanks { font-weight:bold; color:#000; font-size:1.3em; margin:0 0 10px 0; }


/* accomodation nav
**/
ul#accomoNav {
	display:block;
	position:absolute;
	top:0;
	right:30px;
	width:280px;
	height:66px;
}

ul#accomoNav li {
	display:block;
	text-align:left;
	cursor:pointer;
	float:left;
}

ul#accomoNav li a {
	display:block;
	text-indent:-9999em;
	height:33px;
	overflow:hidden;
	outline:none;
	background:url(../images/accomoNavSprite.gif)  no-repeat;
}

ul#accomoNav li#navSouth a			{ width:133px; background-position:0 0;}
ul#accomoNav li#navNorth a			{ width:147px; background-position:-133px 0;}

ul#accomoNav li#navSouth a:hover,
ul#accomoNav li#navSouth a.active { background-position:0 -33px;}
ul#accomoNav li#navNorth a:hover,
ul#accomoNav li#navNorth a.active{ background-position:-133px -33px;}

#newWings {
	text-align: right;
	font-size: 1.4em;
	width: 500px;

}

/* footer
**/
#footer { 
	color:#5e564e; 
	font-size:1.1em; 
	position:relative;
}
#footer p {
	margin:0 0 12px 0;
	text-align: left;
}
#footer a { color:#5e564e; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#footer #socialMediaWhite {
	color:#333;
	margin:0 0 30px 0;
	font-size: 14px;
	font-weight: bold;
}

#footer #socialMedia { margin:0 0 30px 0; }

#footer #footerContent,
#footer #footerDisclaimer { width:540px; }
#footer #footerContent { 
	padding:0 0 20px 0;
	margin:0 0 25px 0;
	background:url(../images/footerContentDivider.gif) bottom left no-repeat;
}

#footer #enquiryCTA,
#footer #enquiryCTA a {
	width:161px;
	height:93px;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
}
#footer #enquiryCTA {
	position:absolute;
	top:0;
	right:25px;
	background:url(../images/footerEnquiryCTA.gif) top right no-repeat;
}

#decorations {
	width:412px;
	height:535px;
	position:absolute;
	bottom:0;
	right:0;
	background:url(../images/decorationsBottomRight.png) bottom right no-repeat;
}


/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.booking {
	font-weight: bold;
}