@charset "UTF-8";
/* CSS Document */

* {margin: 0; padding: 0;}

img {border: 0;}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	background: url(images/bg.png) repeat-x #F5F0DF;
	text-align: center;
}

#wrapper {
	position: relative;
	text-align: left;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	width: 100%;
	height: 75px;
	margin-bottom: 30px;
}

#left {
	position: relative;
	float: left;
	width: 150px;
	padding-top: 135px;
}

#content {
	position: relative;
	float: left;
	width: 580px;
	background: white;
	padding-bottom: 30px;
	margin: 0 10px;
}

#right {
	position: relative;
	float: left;
	width: 150px;
	/*height: 500px;
	background: yellow;*/
	margin-top: 133px;
}

#right p {
	color: #877771;
	
}


h1 {
	background: url(images/tremeifion.png) no-repeat bottom;
	height: 50px;
	width: 167px;
	text-indent: -9999px;
	margin: 0px auto;

}

h2 {
	background: url(images/vegetarian_hotel.png) no-repeat bottom;
	height: 20px;
	width: 161px;
	text-indent: -9999px;
	margin: 0px auto;
}

h3 { 
	background: url(images/h3.png) no-repeat left;
	text-indent: 30px;
	margin: 0px 0 10px 20px;
	padding: 10px 0 0 10px;
	color: #877771;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: normal;
}



#content p {
	color: #808080;
	text-align: justify;
	margin: 0 60px 10px 60px;
}

img.banner {margin-bottom: 20px;}

#right img {margin: 2px 0;}

img.img_right {float: right; margin: 5px 0px 5px 15px;}
img.img_left {float: left; margin: 5px 15px 5px 0px;}


#content a {
	color: #688FED;
	text-decoration: none;
}

#content a:hover {
	color: #688FED;
	text-decoration: underline;
}


#content p.right {text-align: right; margin-top: -5px; color: #4d4a5f}

hr {
	margin: 5px 60px;
}


/************* Nav Styles*****************/
#nav {
	position: relative;
	list-style-type: none;
	background: none;
	padding-left: 5px;
	
}

#nav li {
	
	width: 145px;
	text-align: right;
	margin-bottom: 5px;
}

#nav li a {
	display: block;
	background-color: #4d4a5f;
	color: white;
	text-decoration: none;
	padding: 15px 5px 0 0;
}

#nav li a:hover {background: #9074A2;}
#nav li a.select {background: url(images/bg_pattern.png) repeat;}



#nav li.xmas a {
	background: url(christmas/images/bg_pattern_red.png) repeat;
	color: ;
	font-size: 1.2em;
	text-align: center;
	padding: 20px 5px 20px 0;
}

#nav li.xmas a:hover {background: url(christmas/images/bg_pattern_green.png) repeat;}


/************* Nav Styles*****************/


div.brown {
	background: url(images/bg_pattern.png) repeat;
	color: white;
	padding: 10px;
	margin: 2px 0 10px 0;
}

#right div.brown p {
	color: white;
	margin-bottom: 5px;}


#content #comments p {
	background: url(images/hr.png) no-repeat bottom center;
	padding-bottom: 30px;
	text-align: center;
}


#google {
	margin-left: 60px;
}



/**************Footer*****************/

#footer {
	position: relative;
	text-align: left;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	}

#footer p {
	color: #877771;
	font-size: 0.75em;
	text-align: center;
	padding: 5px 0;

}

#footer a {
	color: #688FED;
	text-decoration: none;
}

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