/*
	Hermanus Beach Villa Style Sheet
	Done by www.bar-design.co.za
*/

*{margin: 0px; padding: 0px;}

body
{
	background: #3b3330 url(images/bg.gif) repeat;
	color: #d6c6af;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}

a{background-color: inherit; color: #766f67; text-decoration: none;}
a:hover{border: none; color: #fff; text-decoration: underline;}
a.mail{background: transparent url(images/mail_mini.gif) no-repeat 0% 50%;}
a.map{background: transparent url(images/map_mini.gif) no-repeat 0% 50%;}
a.tourism{background: transparent url(images/tourism.gif) no-repeat 0% 50%; padding-left: 15px;}
a img{border: none;}
.image-left{border: solid 2px #d6c6af; float: left; margin-right: 10px;}
p{margin:  5px 10px 15px 15px;}

.infobox{
	background: #d6c6af;
	color: #000;
	border: solid 1px #fff;
	margin: 10px 20px;
	text-align: center;
	padding: 10px;
}

.infobox2{
	background: #fff;
	color: #000;
	border: solid 1px #d6c6af;
	margin: 10px 20px;
	font-size: 13px;
	text-align: center;
	padding: 10px;
}

table
{
	margin-left: 15px;
	border-collapse: collapse;
	width: 90%;
}

th
{
	background-color: #8a8379;
	height: 29px;
	padding-left: 11px;
	padding-right: 11px;
	color: #fff;
	text-align: left;
	border-left: solid 1px #3b3330;
	border-bottom: solid 2px #3b3330;
}

tr{height: 30px;}

td
{
	background-color:#514d47;
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: solid 1px #3b3330;
	border-bottom: solid 1px #3b3330;
}

td.first,th.first{border-left: 0px;}

/* =-=-=-=-= Header =-=-=-=-= */
#header
{
	background: transparent url(images/logo.gif) no-repeat;
	margin: 0px auto;
	height: 100px;
	width: 700px;
}

/* =-=-=-=-= Container =-=-=-=-= */
#container
{
	background: #3b3330;
	color: #d6c6af;
	margin: 40px auto;
	text-align: center;
	width: 700px;
}

/* =-=-=-=-= Banners =-=-=-=-= */
#home_banner
{
	background: transparent url(images/home_banner.gif) no-repeat;
	height: 220px;
	width: 700px;
}

#rooms_banner
{
	background: transparent url(images/rooms_banner.gif) no-repeat;
	height: 220px;
	width: 700px;
}

#conference_banner
{
	background: transparent url(images/banner_conference.jpg) no-repeat;
	height: 220px;
	width: 700px;
}

#gallery_banner
{
	background: transparent url(images/gallery_banner.gif) no-repeat;
	height: 220px;
	width: 700px;
}

#about_banner
{
	background: transparent url(images/about_banner.gif) no-repeat;
	height: 220px;
	width: 700px;
}

#contact_banner
{
	background: transparent url(images/home_banner_old.gif) no-repeat;
	height: 220px;
	width: 700px;
}

#act_banner
{
	background: transparent url(images/banner_activities.jpg) no-repeat;
	height: 220px;
	width: 700px;
}

#room_banner
{
	background: transparent url(images/banner_rooms.jpg) no-repeat;
	height: 220px;
	width: 700px;
}


/* =-=-=-=-= Navigation =-=-=-=-= */
#navigation
{
	background: #000 url(images/navbg.gif) repeat-x;
	color: #ccc;
	height: 35px;
	line-height: 35px;
	width: 700px;
}

#navigation li
{
	float: left;
	list-style-type: none;
	white-space: nowrap;
}

#navigation li a
{
	background-color: inherit;
	border: none;
	color: #ccc;
	display: block;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	padding: 0px 15px;
}

* html #navigation a {width: 1%;}

#navigation .selected,#navigation a:hover
{
	background: transparent url(images/navhover.gif) no-repeat  50% 100%;
	color: #fff;
	text-decoration: none;
}

#content
{
	background: #3b3330;
	float: left;
	text-align: left;
	width: 460px;
}

#content h1
{
	background: transparent url(images/h.gif) no-repeat 0% 50%;
	color:#f3a15d;
	display: block;
	font-family: Verdana;
	font-size: 17px;
	font-weight: normal;
	margin: 10px 0px 10px 15px;
	padding-left: 15px;
}

#content p.box{background: #8a8379 url(images/boxbg.gif) no-repeat 100% 100%; border: solid 2px #d6c6af; color: #000; padding: 10px 20px 10px 20px;}
#content ul{list-style-type: none; margin: 10px 0px 15px 25px;}
#content ul li{background: transparent url(images/list-style.gif) no-repeat 0px 4px; padding-left: 12px; margin-top:6px;}

#content form label{
	display: block;
	color: #d6c6af;
	margin-bottom: 5px;
}
#content form input{
	border: 1px dashed #766f67;
	background-color: #3b3330;
	font-size:12px;
	color:#fff;
	padding:2px 3px;
}
#content form textarea{
	width: 400px;
	border: 1px dashed #766f67;
	background-color: #3b3330;
	font-size: 12px;
	color: #fff;
	padding: 2px 3px;
}
#content form input.button{
	cursor:pointer;
	border:1px solid #aaa;
}

#subcontent
{
	text-align: left;
	background-color: #3b3330;
	float:right;
	width:230px;
}

#subcontent p{margin: 5px 10px 5px 15px; font-size: 11px;}

#subcontent h1{
	background:transparent url(images/h.gif) no-repeat 0% 50%;
	color:#f3a15d;
	display: block;
	font-family: Verdana;
	font-size: 17px;
	font-weight: normal;
	margin: 10px 5px 10px 15px;
	padding-left: 15px;
}

#subcontent a.map{background: inherit url(images/mapicon.gif) no-repeat left top; padding-left: 20px;}
#subcontent a.mail{background: inherit url(images/mailicon.gif) no-repeat; padding-left: 20px;}

#subcontent ul{list-style-type: none; margin: 10px 0px 15px 25px;}
#subcontent ul li{background: transparent url(images/list-style.gif) no-repeat 0px 4px; padding-left: 12px; margin-top:6px;}

/* =-=-=-=-= Footer =-=-=-=-= */
#footer
{
	background: transparent url(images/line_slice.gif) repeat-x;
	clear: both;
	color: #d6c6af;
	font-size: 11px;
	width: 700px;
}

#footer p{margin: 0px; text-align: center; padding: 5px 0px 5px 10px;}
#footer a{background-color: inherit; color: #fff; font-weight: normal; text-decoration: none;}
#footer a:hover{background-color: inherit; color:#fff; text-decoration: underline;}#livery_banner {
	background: transparent url(images/livery_banner.gif) no-repeat;
	height: 220px;
	width: 700px;
}