/* =============================================== */
/* Amsterdam Self Catering Stylesheet */
/* Layout Definition */
/* Created by Digino/Ben Wakeford 2008 */
/* =============================================== */


/* =============================================== */
/* SECTION: OVERALL LAYOUT */
/* =============================================== */

/* - CONTAINER ------------ */

/* - BODY ------------ */

body {
	background : White;
	/* :HACK: IE5 hack to center divs: */
	text-align:center;
	/* :END HACK: */
}

/* - CONTAINER ------------ */

div#container {
	width : 100%;
	margin : 0 auto;
	padding : 0;
	position : relative;
	/* :HACK: Reset IE5 hack from BODY tag: */
	text-align : left;
	/* :END HACK: */
	background : url(../../images/common/bg_container.gif) repeat-x top;
}


/* - HEADER  ------------ */

#header {
	width : 100%;
	height : 169px;
	/*border : 1px solid Fuchsia;*/
	background : url(../../images/common/header-houses.gif) repeat-x top;
	/*border : 1px solid Blue;*/
}

div.header-content {
	width : 803px;
	margin : 0 auto;
	padding : 0;
	/*border : 1px solid Fuchsia;*/
}


img.logo {
	margin : 16px 0 0 0;
	float : left;
}

/* - CONTENT ------------ */

#body {
	width : 763px;
	margin : 0px auto;
	padding : 20px 20px 40px 20px;
	background : White;
	/*border : 1px solid Fuchsia;*/
	clear : both;
}

#content-header {
	margin : 0 0 15px 0;
	padding : 0 0 0 5px;
	width : 758px;
}

#content {
	width : 548px;
	float : right;
	display : inline;
	/*border : 1px solid Blue;*/
}

#content-generic {
	width : 548px;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	float : left;
	display : inline;
}

#sidebar {
	width : 200px;
	float : left;
	display : inline;
	/*border : 1px solid Fuchsia;*/
}

/* - FOOTER ------------ */

#footer {
	width : 100%;
	margin : 0px 0 0 0;
	padding : 90px 0 20px 0;
	display : block;
	background : #3389CC url(../../images/common/footer-houses.gif) repeat-x top;
}

#footer div.footer-content {
	width : 763px;
	margin : 0 auto;
	padding : 20px 20px 0 20px;
}

/* =============================================== */
/* SECTION: MISCELLANEOUS */
/* =============================================== */

/* -- Force succeeding elements onto the next line -- */
.clear {
	clear : both;
	/* :IE6 HACK: Ensure empty DIV has no height */
	font-size: 0;
	height : 0;
	/* :End HACK: */
}

/* -- Hide accessibility elements from advanced browsers -- */
.hide {
	display : none;
}

.divider {
	border-top : 1px solid #3389CC;
	padding-top : 10px;
}