/* style sheet for www.riadmerstane.com - design by the indomitable LVR. read it and weep */

/********** default styles **********/
body {
	background-color: #FFEEEE; font-family: verdana, arial, sans-serif; font-size: 0.75em; color: black; text-align: center;
}
div, table, tr, td, img, h1, h2, a {
	margin: 0; padding: 0; border: 0;
}
div, table, tr, td {
	position: relative;
}
img, h1 {
	font-size: 0.8em; font-weight: bold;
}
h2 {
	font-size: 1.25em; font-weight: bold;
}		
/********** page layout styles **********/
#banner {
	background: #FFFFF8 url(images/tile2.gif) repeat-x scroll 0 100%; margin: 1% auto 0 auto; height: 61px; width: 720px;
	border: 1px solid #48302C; border-bottom: none;
}
#topnav {
	background: #48302C url(images/tile1.gif) repeat-x scroll 0 23px; margin: 0 auto 0 auto; height: 42px; width: 720px;
	border: 1px solid #48302C; text-align: left;
}
#offer {
	background-color: #48302C; margin: 0 auto 0 auto; height: 21px; width: 720px; padding: 0 1px 0 1px;
}
#mainbody {
	background: #FFFFF8 url(http://www.riadmerstane.com/images/diamonds.jpg) repeat scroll;
	margin: 0.5% auto 0.5% auto; padding: 20px 60px 20px 60px; height: auto; width: 600px; border: 1px solid #C8ACA9;
}
#bottomnav {
	background-color: #48302C; margin: 0 auto 1% auto; height: 22px; width: 720px;
	border: 1px solid #48302C; text-align: left;
}
/********** offer styles **********/

#offer a {
	display: block; border: 1px solid white; margin: 0; width: 718px; height: 17px; background-color: #c5485f; font-size: 12px;
	font-weight: bold; text-decoration: none; padding-top: 1px;
}
#offer a:link {
	color: white;
}
#offer a:visited {
	color: white;
}
#offer a:hover {
	color: #C8ACA9;
}
#offer a:active {
	color: white;
}
/********** banner styles **********/
#banner-left {
	display: block; position: absolute; top: 0; left: 0; height: 50px; width: 195px;
	border-bottom: 1px solid #48302C;
}
#banner-right {
	display: block; position: absolute; top: 0; right: 0; height: 50px; width: 195px;
	border-bottom: 1px solid #48302C;
}
#banner-centre {
	display: block; text-align: center; height: 50px; background-color: #FFFFF8;
	border-bottom: 1px solid #48302C; padding-left: 195px; padding-right: 195px;
}
#banner-centre img {
	display: inline; height: 45px; width: 210px;
}
/********** generic nav styles **********/
.navbar {
	display: block; text-align: center; background-color: #48302C; font-size: 12px;
	font-weight: bold; text-decoration: none;
}
a:link.navbar {
	color: white;
}
a:visited.navbar {
	color: white;
}
a:hover.navbar {
	color: #C8ACA9;
}
a:active.navbar	{
	color: white;
}
/********** top nav styles **********/
#topnav a {
	height: 18px; width: 144px; padding-top: 2px;
}
#nav1 {
	position: relative; border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white;
}
#nav2 {
	position: absolute; top: 0; left: 20%; border-top: 1px solid white; border-bottom: 1px solid white;
}
#nav3 {
	position: absolute; top: 0; left: 40%; border-top: 1px solid white; border-bottom: 1px solid white;
}
#nav4 {
	position: absolute; top: 0; left: 60%; border-top: 1px solid white; border-bottom: 1px solid white;
}
#nav5 {
	position: absolute; top: 0; right: 0; border-top: 1px solid white; border-bottom: 1px solid white; border-right: 1px solid white;
}

/********** bottomnav styles **********/
#bottomnav a {
	height: 18px; width: 180px; padding-top: 2px;
}
#nav6 {
	position: relative; border-top: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid white;
}
#nav7 {
	position: absolute; top: 0; left: 25%; border-top: 1px solid white; border-bottom: 1px solid white;
}
#nav8 {
	position: absolute; top: 0; left: 50%; border-top: 1px solid white; border-bottom: 1px solid white;
}
#nav9 {
	position: absolute; top: 0; right: 0%; border-top: 1px solid white; border-bottom: 1px solid white; border-right: 1px solid white;
}
/********** generic mainbody styles **********/
#heading {
	margin-bottom: 5px; height: 40px; vertical-align: top; text-align: left;	
}
#mainbody div {
	margin: 0 270px 0 0; min-height: 220px; text-align: left;
}
#mainbody p {
	margin: 0 0 0.5em 0;
}
#mainbody a {
	font-family: verdana, arial, sans-serif; font-size: 1em;
}
#image1 {
	display: block; position: absolute; top: 65px; right: 60px; height: 200px; width: 210px; border: 1px solid #C8ACA9;
}
#image2 {
	display: block; position: absolute; top: 285px; right: 60px; height: 200px; width: 210px; border: 1px solid #C8ACA9;
}
/********** frontpage styles **********/
#frontpage {
	margin: 0 auto 0 auto; width: 300px;
}
#frontpage, #frontpage img {
	display: block; text-align: center;
}
#frontpage a {
	font-family: tahoma, verdana, ariel, sans-serif; font-size: 1em; color: #48302C; font-weight: normal;
}
/********** photo page styles **********/
#photo-table {
	margin: 3px 0 9px 0;
}
#photo-table td {
	padding: 0 3px 3px 0; height: 41px; width: 41px;
}
#photo-table img {
	height: 40px; width: 40px; border: 1px solid #C8ACA9;
}	
/********** prices page styles **********/
#price-table {
	margin: 3px 0 9px 0; border: 1px groove #48302C; border-right-style: ridge; border-bottom-style: ridge; 
}
.room {
	width: 458px; height: 60px; margin: 3px; padding: 0 3px 0 3px; border: 1px ridge #48302C; border-right-style: groove; border-bottom-style: groove; vertical-align: middle; text-align: left;
}
.price {
	width: 60px; height: 60px; margin: 3px; padding: 0; border: 1px ridge #48302C; border-right-style: groove; border-bottom-style: groove; vertical-align: middle; text-align: center;
}
.piccy {
	width: 60px; height: 60px; margin: 3px; padding: 0; border: 1px ridge #48302C; border-right-style: groove; border-bottom-style: groove; vertical-align: middle; text-align: center;
}
.piccy img {
	width: 60px; height: 60px;
}