/* CSS Document */
html {
	width: 				100%;
	height: 			100%;
}

body {
	margin:				0px;
	width: 				100%;
	min-height: 		100%;
	background: 		#000000	url('/images/background_upper.jpg') no-repeat fixed top left;
}

/* CSS FOR MAIN REGIONS ------------------------------------------*/
#container {
	width: 				100%;
	min-height: 		100% !important;
	height: 			100%;
	background: 		url('/images/background_lower.jpg') no-repeat fixed bottom right;
	text-align:			center;
}

#header {
	margin-top:			20px;
	margin-right:		auto;
	margin-left: 		auto;
	margin-bottom:		0px;
	width:				600px;
}

#menu {
	width:				600px;
	margin-top:			0px;
	margin-bottom:		0px;
	margin-right:		auto;
	margin-left: 		auto;
	padding:			0px;
	text-align:			center;
}

#content {
	margin: 			5px auto;
	width: 				920px;
	text-align:			left;
}

#content-left {
	float: 				left;
	width: 				670px;
	background:			url('/images/site/blog-background.jpg') top left repeat;
	border: 			2px solid #663333;
	color: 				#d8aa6e;
}

#content-right {
	margin-left: 		5px;
	float: 				left;
	width: 				240px;
}


#contact {
	margin:				10px auto 0px auto;
	padding-top:		5px;
	width:				820px;
	text-align:			right;
}

#footer {
	margin:				0px auto;
	border-top:			2px solid #330000;
	width:				820px;
	color:				#FFFFFF;
	font:				10px Arial, Sans-Serif;
}

/* END CSS FOR MAIN REGIONS ------------------------------*/

.content-red {
	background-color: 	#330000;
	border: 			1px solid #660000;
}

.content-brown {
	margin: 			5px 0px;
	background-color: 	#8d6843;
	border: 			1px solid #c19060;
}

.header-red {
	margin: 			0px;
	background-color: 	#660000;
	padding: 			2px;
	color: 				#FFFFFF;
	font-size: 			14px;
	font-weight: 		bold;
}

.header-brown {
	margin: 			0px;
	background-color: 	#c19060;
	padding: 			2px;
	color: 				#FFFFFF;
	font-size: 			14px;
	font-weight: 		bold;
}

.content-red a, .content-brown a {
	color: 				#FFFFFF;
	text-decoration: 	none;
}

.content-red a:hover, .content-brown a:hover {
	text-decoration: 	underline;
}

.content-red ul, .content-brown ul {
	list-style-type: 	none;
	margin: 			5px;
	padding: 			0px;
}

.text-block {
	font-family: 		Arial;
	font-size: 			10px;
	padding: 			5px;
	color:				#FFFFFF;
}

/* -- CSS FOR THE BLOG ARTICLES ------------------------- */

h1 {
	margin: 			0px;
	padding: 			2px;
	background-color: 	#350000;
	color: 				#d8aa6e;
	font-weight: 		bold;
	font-size: 			24px;
}

h2 {
	margin: 			3px 0px;
	padding: 			0px 2px;
	color: 				#ffffff;
	font-size: 			12px;
}

h2 a {
	color: 				#ffffff;
}

#content-blog img {
	display: 			block;
	margin: 			5px auto;
	border: 			1px solid #d8aa6e;
}

#photo-gallery {
	margin: 			0px auto;
	width: 				490px;
	text-align: 		center;
}

#photo-gallery img {
	margin: 			5px 10px;
	display:inline;
}

.blog-brief {
	color: 				#ffffff;
	margin: 			0px 0px 20px 0px;
	padding: 			0px 2px;
	font:				normal Arial, Helvetica, sans-serif 10px;
}

.blog-brief a {
	color: 				#d8aa6e;
	font-weight: 		bold;
}

hr {
	border: 			2px solid #350000;
	height: 			2px;
	background-color:	#663333;
}

/* CSS FOR MENU ------------------------------------------*/
#content_menu {
	margin-top:			0px;
	margin-bottom:		0px;
	margin-right:		auto;
	margin-left: 		auto;
	padding:			0px;
	list-style-type: 	none;
	text-align:			center;
}

#content_menu li {
	margin:				0px;
	padding:			0px;
	float:				left;
}

#content_menu li img {
	margin: 			0px;
	border: 			0px;
	padding: 			0px;
}
/* END CSS MENU -------------------------------------------*/


/* CSS FOR SUBMEN ------------------------------------------*/
#content_submenu {
	width: 				240px;
	margin-left:		560px;
	padding:			0px;
}

#content_submenu td {
	margin:				0px;
	padding:			0px 10px 0px 0px;
}

#content_submenu td img {
	display: 			block;
	margin: 			0px;
	border: 			0px;
	padding: 			0px;
}
/* END CSS MENU -------------------------------------------*/


/* -- USER FORM STYLES ------------------------------------- */
#form-comment {
	margin: 			0px;
	padding: 			0px;
}

#form-comment fieldset {
	margin: 			5px;
	border: 			0px;
	padding: 			5px;
}

#form-comment p {
	clear: 				both;
	margin: 			5px 0px;
}

#form-comment label {
	float: 				left;
	width: 				150px;
	margin-right: 		5px;
	text-align: 		right;
	font-size: 			12px;
}

#form-comment img {
	margin: 			0px;
	display: 			inline;
}


.clear {
	margin:		0px 0px 0px 0px;
	clear: 		both;
	padding: 	0px;	
}