/*
	cliffhouse.css
	- Main lyout for cliffhousejamaica.com
	@author 		- Dave Ashman
	@author_email 	- dave@iamdash.net
_____________________________________________________________________________________________*/
@import "typography.css";

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

ul#skip_nav{
	position: absolute;
	top:  -999em;
}
html{
	background: #fff url('/img/common/bg_tile_gradient.gif') repeat-x;
}
body{
	position: relative;
	width: 760px;
	margin: 20px auto;
	background: url('/img/common/bg_tile.png') repeat-y;
}
body#words,
body#booking,
body#friends,
body#jamaica {
	background: url('/img/common/bg_tile_light.png') repeat-y;
}
#header{
	position: relative;
	width: 760px;
	height: 105px;
	top:  -10px;
	margin-bottom: -10px;
	text-indent: -999em;
	background: url('/img/common/bg_header.png')  no-repeat 10px top;
}
#main{
	width: 635px;
	position: relative;
	padding: 0 50px;
	margin-left:  15px;
	min-height: 52em;
}
#home #main{
	padding-top: 390px;
	min-height: 0;
}
#footer{
	position: relative;
	bottom: -45px;
	width: 760px;
	height: 45px;
	text-indent: -999em;
	background: url('/img/common/bg_footer.png') no-repeat;
}
#flash{
	position: absolute;
	left: -5px;
	margin: 25px 0;
}

.col{
	float: left;
	width:  270px;
	padding-right: 30px;
	min-height: 290px;
}
#booking .col{
	width: 380px;
	min-height: 120px;
}
#friends .col.wide{
	width: 400px;
	min-height: 0;
}
#friends .col.mid{
	width: 330px;
	min-height: 0;
}
#friends .col{
	min-height: 0;
}

/*	Home page	*/

#home .col-1,
#home .col-2{
	padding: 30px 0;
}
#home .col-1{
	float: left;
	width:  370px;
	margin-right: 30px;
}
#home .col-2{
	float: right;
	width:  235px;
}
#lartigolle{
	padding: 0 10px 0 100px;
	margin-top: 20px;
	border: 3px solid #fff;
	background: #CFE8FF url('/img/home/chateau.jpg') no-repeat 2px 2px;
}

/*	Flash modules 	*/

#flash{
	width:  740px;
	height: 400px;
}
#home #flash{
	top: -25px;
	height: 400px;
	background: url('/img/flash_bg/home_flash.jpg') no-repeat;
}
.house #flash{
	background: url('/img/thehouse/01.jpg') no-repeat;
}
.bedrooms #flash{
	background: url('/img/bedrooms/01.jpg') no-repeat;
}
.gardens #flash{
	background: url('/img/gardens/02.jpg') no-repeat;
}
.guestbook #flash{
	background: url('/img/guestbook/1.jpg') no-repeat;
}

/*	Booking info page list	*/

ul.rows{
	float: left;
	clear: left;
	margin: 0;
	list-style: none;
}
ul.rows li{
	float: left;
	clear: left;
	width: 635px;	
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid #999;
}
ul.rows li ul{
	float: left;
	clear: left;	
	margin: 15px 0;
	padding: 0;
	list-style: none;
	
}
ul.rows li ul li{
	margin: 0;
	padding: 0;
	border-top: none;
	width: 575px;
}