/* CSS Document */

/* 
Skin colors
-----------
greysteel - #59636b
redrose - #cc0000
orangefruit - #fd6500
jellowgold - #fcca00
greenleaf - #5a8850
*/

/*********************************/
/****** basic layout styles ******/
/*********************************/
html, body, h1, h2, h3, h4, h5, h6, p, form {
	margin: 0;
	padding: 0;
}

html {
	background: #59636b url(../../images/page_bkg_greysteel.png) repeat-x;
}

*, body, td, label {
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
}

body {
	font-size:62.5%;
}

#logo {
	margin: 0;
	padding: 0;
	width: 138px;
	height: 123px;
	position: absolute;
}
#logo a {
	display: inline-block;
	width: 138px;
	height: 123px;
	background: url(../../images/logo.png) no-repeat;
	outline: none;
}
#logo a span {
	display: none;	
}

#page-wrapper {
	margin: 0;
	overflow: hidden;
}

#page-header-wrapper {
	width: 870px;
	height: 142px;
	margin: 0 auto;
	position: relative;
}

#page-content-wrapper {
	
}

#page-footer-wrapper {
	background: url(../../images/page_footer_bkg_greysteel.png);
}
#page-footer {
	width: 870px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#page-content-container,
#non-editable,
#categories {
	margin: 0 auto;
	background: url(../../images/page_content_bkg.png) repeat-y;
}
#page-content-header {
	width: 878px;
	height: 19px;
	margin: 0 auto;
	background: url(../../images/page_content_header_bkg.png) repeat-y;
}
#page-content-footer {
	width: 878px;
	height: 16px;
	margin: 0 auto;
	background: url(../../images/page_content_footer_bkg.png) repeat-y;
}

#page-content-container {
	width: 870px;
	padding: 0 4px;
}

#page-content {
	margin: 0 20px 20px 20px;
	width: 540px;
	float: left;
}

#side-bar {
	margin: 0 20px 20px 20px;
	width: 250px;
	float: left;
}

#non-editable {
	width: 830px;
	padding: 20px 24px;
	display: none;
}

#categories {
	width: 842px;
	padding: 20px 18px 5px 18px;
}

.destination-page-content {
	background: url(../../images/destination_page_content_bkg.png) no-repeat center 14px;
}
.destination-page-content #page-content {
	margin: 15px 20px 20px 25px;
	padding: 0 5px;
	width: 525px;
	float: left;
}
.destination-page-content #side-bar {
	margin: 15px 25px 20px 20px;
	padding: 0 5px;
	width: 233px;
	float: left;
}
.destination-page-content #non-editable {
	width: 870px;
	padding: 20px 24px;
	background: transparent url();
}

.content-break {
	clear: both;
}

/*********************************/
/********** skin styles **********/
/*********************************/
html.skin-greysteel {
	background: #59636b url(../../images/page_bkg_greysteel.png) repeat-x;
}
.main-skin-greysteel {
	margin-top: 295px;
	height: 468px;
	background: url(../../images/page_bkg_greysteel_fog.png) no-repeat center;
}