but e@charset "utf-8";

/* CSS Document */



* { 

	margin: 0px;

	padding: 0px;

	}

	

#clear {

		clear:both;

}

body {

	background:#111;

	text-align:center;

	color:#FFFFFF;

	font:  normal 12px/18px arial, verdana, sans-serif; /* Maak al die text oor al die pages wit */

	}



#wrapper {

	background:#000;

	position:relative;

	width:910px;

	text-align:center;

	margin: 0px auto;

	}



#header {

	background:url(../gfx/RoseViewHill_Header.jpg);

	position:relative;

	width:910px;

	text-align:left;

	height:220px;

}

#header h1 {

	position:absolute;

	left:-9000px;

}



#header img {

	position:absolute;

	margin-left:15px;

	margin-top:30px;

	margin-right:auto;

	display:block;		

	}

	

#header ul {

	list-style: none;

	width:910px;

	margin: 0;

  	padding: 0;

	position: absolute;

	left: 75px;

	bottom:0px;

 	float: left;

	}



#header ul li{

	float:left;

	}

	

#header ul a{

	font:  normal 12px/16px arial, verdana, sans-serif;

	padding: 0 2.2em;

	line-height:1.8em;

	color: #CCCCCC;

	text-decoration: none;

	float:left;

	font-weight: bold;

	display:block;

	vertical-align: bottom;

	position: relative;

	}

	

#header ul a.first {

	background: none;

	}

/* Link Colors When Hovering on Header links Version 3.0 */		

#header ul a:hover {

	color:#FF0;

	}

	

#HOME #RoseVHHome a, #MAP #RoseVHMap a, #CATER #RoseVHCater a, #ABOUTUS #RoseVHAbout a, #GALLERIES #RoseVHGallery a, #PHOTOGRAPHY #RoseVHPhoto a, #CONTACTUS #RoseVHContact a {

	color: #FF0;

    }

#content {

	float:left;

	width:620px;

	text-align:left;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

	margin-left:5px;
	display:inline;

	}



#content a {

	text-decoration:none;

	font-weight:bold;

	color:#900;

	}

#galelement {
	margin:0px;
	padding:0px;
	list-style:none;
	}

#gallinks {
	background:url(../gfx/partymonth_bg.jpg) repeat-x;
	padding-left:9px;
	padding-right:9px;
	margin-top:4px;
	margin-bottom:4px;
	height:26px;
	width:592px;
	font:  normal 12px/18px arial, verdana, sans-serif;
	line-height:1.7em;
	}

#gallinks a {
	text-decoration:none;
	color:#FFFFFF;
	
	} 
#gallinks a:hover {
	color:#FFFF00;
	}
	
#listitem{
		display:inline;
		height:114px;
		width:114px;
		margin-bottom:3px;
		margin-left:7px;
		margin-right:2px;
		margin-top:3px;
		float:left;
		background:#000000;
	}
#galelement #links{
		display:block;
		height:108px;
		width:108px;
		margin:3px;
		float:left;
		background:#900;
	}
#galelement a img{
	display:block;
	padding:4px;
	border:none;
	border-width:0px;
	}
#galelement a {
	text-decoration:none;
	color:#3399CC;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	text-align:center;
	border:none;
	border-width:0px;
	}
#galelement a:hover {
	color:3399cc;
	}
#galelement #links:hover{
	color:3399cc;
	background:#FFFF00;
	}


#content a:hover {

	color:#FF0;

	}
	


#sidebar {

	float:left;

	width:275px;

	text-align:center;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

	margin-left:5px;

	margin-right:5px;
	display:inline;

	}

#footer {

	background:url(../gfx/footer.jpg) no-repeat;

	float:left;

	width:910px;

	height:120px;

	left:-5px;

	

}



#footerinfo {

	position:relative;

	float:left;

	margin-left:5px;

	margin-right:5px;

	width:900px;

	text-align:center;

	top:40px;

}

#footer #footerinfo a{

	text-decoration: none;

	color: #00cc00;

}

#footer #footerinfo a:hover{

	font-weight: bold;

	}

	

#footer ul {

	bottom:0px;

	list-style: none;

	width:900px;

	}



#footer ul li{

	float:left;

	}

	

#footer ul a{

	font:  normal 12px/16px arial, verdana, sans-serif;

	padding: 0 1.5em;

	line-height:1.6em;

	color: #CCCCCC;

	text-decoration: none;

	float:left;

	font-weight: bold;

	display:block;

	vertical-align: bottom;

	position: relative;

	left: 120px;

	bottom: 0px;

	top:20px;



	}



#footer ul a.first {

	background: none;

	}



/* Link Colors When Hovering on footer links Version 3.0 */	

#footer ul a:hover {

	color:#FF0;

	}



h1 {

	color: #C00;

	font: normal 18px/22px arial, verdana, sans-serif;

	letter-spacing: 1px;

	padding: 0;

	margin: 0;

}



h2 {

	color: #C00;

	font: normal 16px/18px arial, verdana, sans-serif;

	letter-spacing: 1px;

	padding: 0;

	margin: 0;

}



h3 {

	color: #900;

	font: normal 12px/16px arial, verdana, sans-serif;

	letter-spacing: 1px;

	padding: 0;

	margin: 0;

}