/* 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;}

#text li {list-style-position:outside;list-style-type:disc;color:#1164b1;margin-left:50px; }

.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;list-style-position:outside;list-style-type:none;margin-left:0px;}

.block {margin: 10px 0px 50px 0px;width: 550px; text-align:justify;	color: #ffffff;}
.block h4{font-size:120%; padding: 0px 0px 0px 0px;text-align:left;}
.block img{border:solid 1px #ffffff;}
.block span{font-weight:bold;font-size: 110%;width:500px;}
.block .col1{padding:0px 5px 0px 10px;width:130px;font-weight:bold;}
.block table{margin: 10px 0px 0px 0px;text-align:left;}

.blocktop{background:url(../images/block_top.jpg); font-size:150%; padding: 0px 50px 0px 30px;text-align:left;}
.blocktop h3{font-size:150%; padding: 10px 0px 0px 20px;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;}

.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;}