/* CSS Document */

* {
text-decoration : none;
}



/*** main page body ***/

body {
font-family : Arial, Helvetica, sans-serif;
font-size : 62.5%;
margin : 0px;
}

	table {
	font-size : 1.1em;
	}



/*** content wrapper ***/

#wrapper {
height : 75%;
width : 100%;
}



/*** oakcliff logo ***/

#logo {
background : url(../images/logo.gif) no-repeat;
height : 110px;
position : absolute;
right : 0px;
top : 0px;
width : 159px;
}



/*** top banner ***/

#banner {
background : url(../images/banner-repeat.jpg) repeat-x;
}

	#banner2 {
	background : url(../images/banner.jpg) no-repeat;
	border-bottom : 2px solid #323789;
	height : 87px;
	padding : 17px 116px 0px 0px;
	text-align : right;
	}


/*** left navigation area ***/

#nav {
background : url(../images/oakcliff-nav-back.jpg) 0% 100% repeat-y;
border-top : 2px solid #ffffff;
float : left;
height : 100%;
padding : 0px 0px 250px 0px;
* padding : 0px 0px 0px 0px;
width : 162px;
}

	#nav p {
	margin : 0px;
	}
	
	#nav a {
	background: #323789;
	border-bottom : 2px solid #ffffff;
	border-right : 2px solid #ffffff;
	color : #ffffff;
	display : block;
	font-size : 1.4em;
	font-weight : bold;
	letter-spacing : -1px;
	padding : 5px;
	* width : 100%;
	}
	
		*+html #nav a {
		width : auto;
		}
	
		#nav a:hover {
		background : #F69842;
		color : #323789;
		}



/*** content area ***/

#content {
font-size : 1.2em;
margin : 0px 0px 0px 160px;
}

	#content h1 {
	font-size : 1.2em;
	letter-spacing : -1px;
	margin : 0px;
	padding : 10px; 
	}

	#content h2, #content h3, #content h4, #content h5, #content h6 {
	font-size : 1.0em;
	margin : 0px;
	padding : 10px; 
	}

	#content p {
	margin : 0px;
	padding : 7px 10px; 
	}
	
	#content a, #spiders a {
	color : #333399;
	}
	
		#content a:hover, #spiders a:hover {
		background : #333399;
		color : #ffffff;
		}

	#content ul, #content ol {
	margin : 0px 20px;
	padding : 7px 10px; 
	}


/*** top navigation area ***/

#topnav {
background: #9DA84E;
border-bottom : 2px solid #ffffff;
border-top : 2px solid #ffffff;
padding : 5px 0px;
}

	#topnav a{
	color : #ffffff;
	font-size : 1.2em;
	font-weight : bold;
	letter-spacing : -1px;
	padding : 5px 10px;
	}
	
		#topnav a:hover {
		background : #323789;
		}

	
	/*** spiderlinks ***/
	
	#spiders {
	color : #9DA84E;
	font-size : 1.1em;
	padding : 5px 15px 5px 175px;
	text-align : center;
	clear: right;
	}



/*** welcome graphic ***/

#welcome {
background : url(../images/welcome.jpg) no-repeat;
height : 116px;
}	



/*** pricelist tables ***/

.pricelist {
width : 1px;
}
	
	.pricelist td, .pricelist th {
	font-size : 1em;
	padding : 0px 1px;
	text-align : center;
	}



/*** links to pricelists ***/

#pricelink {
font-size : 1.4em;
font-weight : bold;
letter-spacing : -1px;
}

	#pricelink a {
	display : block;
	padding : 5px;
	margin : 2px 0px 0px 0px;
	width: 350px;
	text-align: center;
	}
	
		#pricelink a:hover {
		background : #323789;
		color : #ffffff;
		}



/*** print banner ***/

#printbanner {
display : none;
}



/*** text-only options ***/

#original {
display : none;
}

.bookingform {
width : 700px;
}

/*** booking form ***/

.bookingform td {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 1.0em;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.bookingform h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 1.2em;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin: 0px;
}

.bookingform h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 1.2em;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
}



/*** specials ***/

.specialoffers {
* height : 1%;
}

	html>body .specialoffers {
	overflow : auto;
	}

.specials {
border : 2px solid #323789;
float : left;
margin : 3px;
text-align : center;
vertical-align : top;
width : 150px;
background : url(../images/banner-repeat.jpg) repeat;
}

	.specials h1 {
	background-color : #323789;
	color : #ffffff;
	font-style : italic;
	font-size : 110%;
	padding : 5px;
	}

	.specials strong {
	background-color : #CC0000;
	color : #ffffff;
	display : block;
	margin : 0px;
	padding : 5px;
	}
	
	.specials p.text {
	height : 165px;
	}



/*** right images ***/

.images {
float : right;
width : 200px;
}

#holiday-wrapper {
	width: 605px;
	height: auto;
	margin: 0px;
	clear: right;
}

#holiday-left {
	width: 452px;
	padding: 5px;
	margin: 0px;
}

#holiday-right {
	width: 141px;
	margin: -406px 0px 0px 457px;
	padding: 5px 5px 0px 10px;
}

.holiday-homes {
	width: 195px;
	padding: 5px;
	float: left;
	text-align: center;
}	



/* holiday homes */

table#holiday-homes {
margin : 8px;
}

	table#holiday-homes thead {
	background : #eee;
	font-weight : bold;
	}

	table#holiday-homes td {
	border : 1px solid #eee;
	margin : 0;
	padding : 2px 5px;
	}
	
	table#holiday-homes caption {
	font-size : 1.4em;
	}