/* CSS RESET */
html
{	color:#6aa8e1;
	background:#afcbf2;
}
	
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{
	margin:0;
	padding:0;
}

table
{
	border-collapse:collapse;
	border-spacing:0;
}
.spacerow
{
    height:20px;
}

fieldset,img
{
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var
{
	font-style:normal;
	font-weight:normal;
}

li
{
	list-style:none;
}

caption,th
{
	text-align:left;
}

h1,h2,h3,h4,h5,h6
{
	font-size:100%;
	font-weight:normal;
}

q:before,q:after
{
	content:'';
}

abbr,acronym 
{
	border:0;
	font-variant:normal;
}

sup 
{
	vertical-align:text-top;
}

sub 
{
	vertical-align:text-bottom;
}

input,textarea,select
{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

legend
{
	color:#1164b1;
}

body 
{
	font-size:13px;
	font-family:Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
}

table
{
	font-size:inherit;
	font-size:100%;
}

pre,code,kbd,samp,tt
{
	font-family:monospace;
	line-height:100%;
}
/* CSS RESET */


body 
{
	text-align:center;
	color:#1164b1;
}


a 
{
	text-decoration:none;
	color:#12175a;
}

a:hover 
{
	text-decoration:none;
	color:#CC6633;
}


#wrap 
{
	width:800px;
	text-align:left;
	margin:0 auto;
	background-color: #c7c7c7;
	background-image:url(../images/background_fading2.jpg);
	background-repeat:no-repeat;
	margin-bottom:50px;
}

#wrap2
{
	width:800px;
	text-align:left;
	margin:0 auto;
	background-color: #c7c7c7;
	background-image:url(../images/fhbeachfromdunes_fading.jpg);
	background-repeat:no-repeat;
	margin-bottom:50px;
}

#wrap3
{
	width:800px;
	text-align:left;
	margin:0 auto;
	background-color: #c7c7c7;
	background-image:url(../images/kalkbsunset_fading.jpg);
	background-repeat:no-repeat;
	margin-bottom:50px;
}

#wrap4
{
	width:800px;
	text-align:left;
	margin:0 auto;
	background-color: #c7c7c7;
	background-image:url(../images/muizenbergbeach_fading.jpg);
	background-repeat:no-repeat;
	margin-bottom:50px;
}

.fl
{ 
	float:left;
}

.fr
{ 
	float:right;
}

.clearfix
{ 
	clear:both;
}



/* header */
#header 
{ 
	position:relative;
	height:360px;
	margin: 0px 0px 0px 0px;
}

#logo 
{
	position:absolute; 
	top:20px; 
	right:100px
}

#logo h1 
{
	font-size:34px;
	color:#ffffff;
}

#logo div 
{
	padding-left:100px;
	font-weight:600;
}


#popup
{
	margin:0 auto;
	text-align:center;
	font-size:34px;
	color:#ffffff;
}

#popup img
{
	margin: 10px 10px 10px 10px;
	border:solid 1px #ffffff;
	width:400px;
	height: 650px;
}

#menu 
{
	width:800px;
	text-align:center;
	margin:0 auto;
	background-color: #87c5f8;
}

#nav 
{ 
	left:200px;
	background:url(../images/menu.jpg); 
	height:46px; 
	line-height:46px; 
	padding: 0 0 0 0px;
}

#nav li 
{
	float:left;  
	font-weight:700; 
	width:200px; 
	font-size:120%;
}

#nav a 
{
	display:block; 
	text-align:center;
	color:#ffffff;
}

#nav a:hover 
{
    width:200px;
	background:url(../images/menu_hover2.jpg); 
}
/* content */
#content 
{ 
}

.main 
{
	float: right;
	width:570px; 
}

#text 
{
	width:510px; 
	border-left: solid 1px #ffffff;
	padding-left:20px;
	text-align:justify;
}

#text h1 
{
	font-size:180%; 
	padding: 10px 0px 10px 10px;
	text-align:left;
	font-weight:bold;
}

#text h2 
{
	font-size:180%; 
	padding: 10px 0px 10px 10px;
	text-align:left;
}

#text h3 
{
	font-size:150%; 
	padding: 10px 0px 10px 10px;
	text-align:left;
}
#text h4 
{
	font-size:125%; 
	padding: 0px 0px 0px 10px;
	text-align:left;
}

#text p 
{
	padding:10px 0px 0 10px;
}

#text a 
{ 
	color: #12175a;
}
#text a:hover
{ 
	color: #ffffff;
}

#text span
{
	font-weight:bold;
}
	
#text_img 
{
	float:right; 
	border: solid 1px #87c5f8;
	margin: 0px 0px 10px 20px;
}
.info_img 
{
	float:right; 
	margin: 0px 0px 0px 5px;
	border:0px;
}

#col 
{
	margin: 10px 0px 50px 0px;
	background:url(../images/block_big.jpg); 
	width: 550px; 
	height:680px ; 
	color: #ffffff;
}

#col div 
{
	width: 200px; 
	margin: 20px 0 0 70px; 
	display:inline;
}

#col .first  
{
	margin: 20px 0 0 50px; 
}

#col li
{
	line-height:20px;
}

.block 
{
	margin: 10px 0px 50px 0px;
	width: 550px; 
	text-align:justify;
	color: #ffffff;
}


.blocktop h3
{
	font-size:150%; 
	padding: 10px 0px 0px 20px;
	text-align:left;
}
.block h4
{
	font-size:120%; 
	padding: 0px 0px 0px 0px;
	text-align:left;
}

.blocktop
{
	background:url(../images/block_top.jpg); 
	font-size:150%; 
	padding: 0px 50px 0px 30px;
	text-align:left;
}

.blockmiddle
{
	background:url(../images/block_middle.jpg); 
	padding: 0px 30px 0px 20px;
}

.blockmiddle a
{
	padding:0px 3px 0px 3px;
}

.blockbottom
{
	background:url(../images/block_bottom.jpg); 
	height:30px;
	padding:0px 40px 5px 0px;
	text-align:right;
}

.blockimg
{
    text-align:center;
	height:150px;
	padding: 10px 5px 10px 5px;
	overflow:visible;
}

.block img
{
	border:solid 1px #ffffff;
}

.block span
{
	font-weight:bold;
	font-size: 110%;
	width:500px;
}

.block table
{
	margin: 10px 0px 0px 0px;	
	text-align:left;
}
.block .col1
{
	padding:0px 5px 0px 10px;
	width:130px;
	font-weight:bold;
}

.between
{
	text-align:right;
}

.side 
{
	margin:0 0 0 10px; 
	width:200px;
	display: inline;
}

.side h2 
{
	font-size:22px;
}

.side h1 
{
	font-size:150%; 
	font-weight:bold;
	text-align:left;
}
.side li 
{
	line-height:20px; 
	list-style-position:outside;
	list-style-type:disc;
	color:#1164b1; 
}

.side ul 
{
	margin:30px  0 30px 20px;
}

.side img
{
	margin-top:20px;
}

form
{
	margin-left:10px;
}

/* footer */
#footer 
{ 
	width:800px;
	height:46px; 
	position:relative;
	background-color: #87c5f8;
	background-image:url(../images/menu.jpg);
	color: #ffffff;
	text-align:center;
}

#footer a:hover 
{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	font-size:110%;
}

#ftinner
{ 
	width:780px;
	margin-top:0px;
	line-height:150%;
	padding:5px 0px 0px 0px;
}

#copyright
{
	text-align:left;
	padding-right:275px;
}
#webwork
{
	text-align:right;
	padding-left:75px;
}

.listing_prev
{
    width:150px;
    display:inline-block;
    text-align:left
}

.listing_next
{
    width:150px;
    display:inline-block;
    text-align:right
}

.listing_all
{
    display:inline-block;
    width:150px;
    text-align:center;
}