/* CSS Document */

/*	Description: Tehillah Website
	Last edited by: Margaret Grobler
	Date: 15 September, 2007 */
	
/* =================================================================== GENERAL STYLES */

* {
	margin:0pt;
	padding:0pt;
}


html, body {
	height:100% !important;
	background: #FFF url(images/bg-strip.gif) repeat-x 0 0;
	font:12px/20px 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	color: #3f3f3f;
}

img {
	border:0;
}

p {
	margin-bottom:10px;
	margin-top:10px;
}

a {
	color:#dd561f;
	font-style: italic;
	text-decoration: none;
}

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

.clearing {
	clear:both;
	height: 140px !important;
}

* html .clearing {
	height: 190px !important;
}

.clear-line {
	clear:left;
	height:15px;
}

.orange {
	color: #DD561F;
	font-style: italic;
}

.yellow {
	color: #fbad17;
	font-style: italic;
}

.hide {
	display:none;
}

/* GENERAL STYLES =================================================================== */

/* ============================================== MAIN LAYOUT DIVS */

#main-container {
	background:transparent url(images/bg-footer.gif) repeat-x 0 100%;
	height:auto !important;
	min-height:100% !important;
	position:relative !important;
	width:100%;
}

* html #main-container {
	background:transparent url(images/bg-footer-IE.gif) repeat-x 0 100%;
}

#content-center {
	margin:0pt auto !important;
	width:760px;
}

#content-container {
	width:760px;
}

#footer {
	bottom:0pt !important;
	width:760px;
	clear:both;
	height:140px !important;
	position:absolute !important;
}

* html #footer {
	height: 170px !important;
}

/* MAIN LAYOUT DIVS : ============================================ */

/* ============================================= HEADER & NAV */

.header-topleft {
	background:transparent url(images/header-topleft.gif) no-repeat 0 100%;
	float:left;
	height:53px;
	width:18px;
}

.header-topright {
	background: transparent url(images/header-topright.gif) no-repeat 0 100%;
	float: right;
	clear: none;
	width: 41px;
	height: 53px;
}

h1.header {
	background: transparent url(images/tehillah-logo.gif) no-repeat 0 0;
	text-indent:-2500px;
	float: left;
	width: 205px;
	height: 53px;
}

ul#nav {
	height: 53px;
	float: left;
	text-decoration:none;
	list-style-type: none;
}

ul#nav li {
	float: left;
	text-indent:-2500px;
}

ul#nav li.home a {
	background: transparent url(images/btn-home.gif) no-repeat 0 -53px;
	display: block;
	width: 93px;
	height: 53px;
}

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

ul#nav li.accommodation a {
	background: transparent url(images/btn-accommodation.gif) no-repeat 0 -53px;
	display: block;
	width: 163px;
	height: 53px;
}

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

ul#nav li.booking a {
	background: transparent url(images/btn-booking.gif) no-repeat 0 -53px;
	display: block;
	width: 115px;
	height: 53px;
}

ul#nav li.booking  a:hover{
	background: transparent url(images/btn-booking.gif) no-repeat 0 0;
}

ul#nav li.contact a {
	background: transparent url(images/btn-contact.gif) no-repeat 0 -53px;
	display: block;
	width: 125px;
	height: 53px;
}

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

.mainpic {
	background: transparent url(images/tehillah-mainpic.jpg) no-repeat 0 0;
	float: left;
	clear: left;
	width: 516px;
	height: 124px;
}

.headerpics-home {
	background: transparent url(images/headerpics-home.jpg) no-repeat 0 0;
	float: right;
	width: 244px;
	height: 148px;
}

.headerpics-accommodation {
	background: transparent url(images/headerpics-accommodation.jpg) no-repeat 0 0;
	float: right;
	width: 244px;
	height: 148px;
}

.headerpics-contact {
	background: transparent url(images/headerpics-contact.jpg) no-repeat 0 0;
	float: right;
	width: 244px;
	height: 148px;
}

/* HEADER & NAV ============================================= */

/* ================================================== CONTENT */

#content {
	background: transparent url(images/tehillah-icon.gif) no-repeat 15px 13px;
 	width: 510px;
	margin-left: 15px;
	float: left;
	font-weight: bold;
}

#content h2 {
	background: transparent url(images/heading-home.gif) no-repeat 0 0;
	height: 27px;
	margin: 0 0 20px 50px;
	padding-bottom: 27px;
	border-bottom: 3px dotted #fcaf17;
	text-indent: -2500px;
}

#content h3 {
	color: #cf7518;
	margin-bottom: 10px;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}

#content h2.home {
	background: transparent url(images/heading-home.gif) no-repeat 0 0;
}

#content h2.contact {
	background: transparent url(images/heading-contact.gif) no-repeat 0 0;
}

#content h2.accommodation {
	background: transparent url(images/heading-accommodation.gif) no-repeat 0 0;
}

#content p {
	text-align:justify;
}

dt {
	color:#dd561f;
	font-size: 13px; 
	font-style: italic;
	margin-left: 10px;
	padding-bottom: 2px;
	display: inline;
	clear: none;
	border-bottom: 1px dotted #fcaf17;
}

dd {
	margin: 5px 0 5px 18px;
}

dd span {
	color: #999999;
}

img {
	float: left;
	clear: left;
	margin-right: 15px;
}

dl img {
	margin-bottom: 14px;
}

.map {
	margin-bottom: 25px;
}

p.intro {
	color: #777777;
	font-size: 13px;
	font-style: italic;
}


h3.rates-head {
	color: #777777;
	font-size: 14px;
	text-transform: uppercase;
	font-style: italic;
	border-bottom:1px dotted #FCAF17;
	padding-bottom: 2px;
	margin: 10px 0;
}

h4.rates {
	color: #777777;
	font-style: italic;
	font-size: 12px;
	margin: 10px 0 5px 0;
	border-bottom: 1px dotted #999999;
}


/* CONTENT ================================================== */

/* ================================================= RIGHT-COL */

#right-col {
 	width: 211px;
	float: right;
}

a.availability {
	background: transparent url(images/btn-availability.gif) no-repeat 0 -123px;
	display: block;
	width: 151px /*211-12-48padding*/;
	height: 87px /*123-36padding*/;
	padding: 36px 12px 0 48px;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	color: #FFF;
}

a:hover.availability{
	background: transparent url(images/btn-availability.gif) no-repeat 0 0;
	text-decoration: none;
	color: #ffed98;
	width: 151px /*211-12-48padding*/;
	height: 86px /*123-37padding*/;
	padding: 37px 12px 0 48px;
}

a.contact {
	background: transparent url(images/btn-contactpic.gif) no-repeat 12px -49px;
	display: block;
	width: 199px /*211-12padding*/;
	padding-left:12px;
	height: 49px;
}

a:hover.contact {
	background: transparent url(images/btn-contactpic.gif) no-repeat 12px 0;
	width: 199px /*211-12padding*/;
	padding-left:12px;
}

ul#features {
	background: transparent url(images/in-room-bg.gif) no-repeat 12px 0;
	width: 145px /*211-66padding*/;
	padding: 23px 0 0 66px;
	height: 195px /*218-23padding*/;
	line-height: 24px;
	list-style-type: none;
	color: #FFF;
}

ul#features h2 {
	text-indent: -2500px;
	margin:0;
	padding:0;
}

#price-box {
	font-weight: bold;
	background: transparent url(images/price-box-bg.gif) repeat-y 0 0;
	padding: 5px 23px 10px 45px;
	height: 100%;
}

#price-box h2 {
	background: transparent url(images/heading-prices.gif) no-repeat 0 0;
	height: 25px;
	margin-bottom: 17px;
	padding-bottom: 18px;
	border-bottom: 2px dotted #fcaf17;
	text-indent: -2500px;
}

#price-box ul {
list-style-type: none;
}

#price-box p.orange {
	padding-top: 26px;	
	margin-top: 0;
}

#star-grading {
	background: url(images/star-grading.gif) no-repeat 24px 0;
	height:84px;
	margin: 0;
}

#logos img{
	margin: 10px 0 0 20px;
}

#logos_accom img{
	margin: 0 0 0 29px;
}

/* RIGHT-COL ================================================== */

/* ===================================================== FOOTER */

#footer a {
	color: #ffc93b;
}

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

.footerpics-home {
	background: transparent url(images/footerpics-home.jpg) no-repeat 0 0;
	float: left;
	width: 244px;
	height: 140px;
}

* html .footerpics-home {
	background: transparent url(images/footerpics-home-IE.jpg) no-repeat 0 1px;
	height: 170px;
}

.footerpics-accommodation {
	background: transparent url(images/footerpics-accommodation.jpg) no-repeat 0 0;
	float: left;
	width: 244px;
	height: 140px;
}

* html .footerpics-accommodation {
	background: transparent url(images/footerpics-accommodation-IE.jpg) no-repeat 0 1px;
	height: 170px;
}

.footerpics-contact {
	background: transparent url(images/footerpics-contact.jpg) no-repeat 0 0;
	float: left;
	width: 244px;
	height: 140px;
}

* html .footerpics-contact {
	background: transparent url(images/footerpics-contact-IE.jpg) no-repeat 0 1px;
	height: 170px;
}

.slogan {
	background: transparent url(images/in-praise-of-the-good-life.gif) no-repeat 0 50%;
	margin: 59px 11px 0 0;
	display: block;
	text-indent: -2500px;
	width:180px;
	height: 81px;
	float: left;

}

address {
	color: #FFF;
	font-size: 11px;
	font-style: normal;
}

address.first {
	margin-top: 72px;
}

/* FOOTER ===================================================== */