body{
	margin: 0;
	padding: 0;
	background-color: #F2F0E3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#wrapper{
	position: relative;
	margin-top: 10px;
}

#content{
	position: relative; /* Needed for Safari */
	margin: auto; /* Takes care of horizontal alignment in standards compliant browsers */
	text-align: left;
	width: 800px;
}

#grand_menu{
	position: absolute;
	width: 800px;
	top: 423px;
	left: 0px;
z-index: 100;
/*	border: 1px solid #CC00FF;*/
}

#grand_footer{
	position: absolute;
	width: 800px;
	top: 800px;
	left: 0px;
/*	border: 1px solid #CC00FF;*/
}

#banner{
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(/images/structure/banner.jpg);
	width: 832px;
	height: 433px;
}


#headernav{
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(/images/structure/headernav.jpg);
	width: 800px;
	height: 61px;
}

#innerbanner{
	position: absolute;
	top: 61px;
	left: 0px;
	background-image: url(/images/structure/innerbg.jpg);
	width: 800px;
	height: 367px;
}

#innerbannerhome{
	position: absolute;
	top: 61px;
	left: 0px;
	background-image: url(/images/structure/homeimage.jpg);
	width: 800px;
	height: 367px;
}


#title{
	position: absolute;
	top: 0px;
	left: 490px;
	width: 290px;
	height: 43px;
}

#titlesuc{
	position: absolute;
	top: 0px;
	left: 472px;
	width: 290px;
	height: 43px;
}

#titlepromo{
	position: absolute;
	top: 11px;
	left: 454px;
	width: 290px;
	height: 63px;
}


#copy{
	position: absolute;
	top: 51px;
	left: 482px;
	width: 290px;
	height: 250px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
	line-height: 17px;
}

#thumbs{
	position: absolute;
	top: 51px;
	left: 20px;
	width: 760px;
}
#linkingleft{
	position: absolute;
	top: 358px;
	left: 483px;
	width: 284px;
	height: 100px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
}
#linkingright{
	position: absolute;
	top: 358px;
	left: 483px;
	width: 290px;
	height: 100px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
}

#links{
	position: absolute;
	top: 400px;
	left: 483px;
	width: 290px;
	height: 100px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: right;
}

#charity{
	background-image: url(/images/img/img_charity.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}



#twin_blocks{
	position: absolute;
	width: 800px;
	top: 480px;
	left: 0px;
}

#left_block{
	float: left;
	width: 389px;
	height: 111px;
	margin-right: 22px;
}

#right_block{
	float: left;
	width: 389px;
	height: 111px;
}

#text_blocks{
	position: absolute;
	width: 800px;
	top: 620px;
	left: 0px;
}

#disclaim{
	position: absolute;
	width: 800px;
	top: 600px;
	left: 0px;
	font-size: 12px;
	color: #999999;
	text-align: center;
}

#text_blocks_noad{
	position: absolute;
	width: 800px;
	top: 500px;
	left: 0px;
}

#left_text{
	float: left;
	width: 389px;
	height: 131px;
	margin-right: 22px;
}

#right_text{
	float: left;
	width: 389px;
	height: 131px;
}
a {
	color: #999999;
	text-decoration: underline;
	font-weight: bold;
}



#company1{
	background-image: url(/images/img/img_company01.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}
#company2{
	background-image: url(/images/img/img_company02.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}
#company3{
	background-image: url(/images/img/img_company03.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}

#company4{
	background-image: url(/images/img/img_company04.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}

#whatsnew{
	background-image: url(/images/img/img_gs_whatsnew.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}

#group{
	background-image: url(/images/img/img_gs_groupstructure.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}

#enquiries{
	background-image: url(/images/img/img_contact.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}

#share{
	background-image: url(/images/img/img_share.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}

#share1{
	background-image: url(/images/img/img_share1.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}

#map{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}

#home01{
	background-image: url(/images/img/img_home.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}


#fullpdf{
	background-image: url(/images/img/img_fullpdf.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}

#faq{
	background-image: url(/images/img/img_faq.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}

#faq1{
	background-image: url(/images/img/img_company2.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}

#successfaq{
	background-image: url(/images/img/img_company1.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}

#helpdesk{
	background-image: url(/images/img/img_helpdesk.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}
#career{
	background-image: url(/images/img/img_career.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}

#career1{
	background-image: url(/images/img/img_career1.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}

#mission{
	background-image: url(/images/img/img_mission.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}
#games{
	background-image: url(/images/img/img_games.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}

#promo{
	background-image: url(/images/img/promo.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 367px;
}
#promoslinks { list-style: none; }
#promoslinks li { color: #fff; clear: both; }
#promoslinks li a { color: #ffffff; text-decoration: none; padding: 0 0 0 8px; display: block; width: 150px; float: right; text-align: right; }
#promoslinks li a:hover { background: url(/images/leftarrowdots.gif) left 3px no-repeat;
text-decoration: underline; }

#outlets{
	background-image: url(/images/img/img_outlets.jpg);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 483px;
	height: 367px;
}

.greytext {
	color: #999999;
}

#promobr{
	border:1px solid #FFFFFF;
	margin-right: 10px;
}
#thumb1{
	position: absolute;
	top: 70px;
	left: 32px;
	width: 800px;
}

#thumb2{
	position: absolute;
	top: 161px;
	left: 32px;
	width: 800px;
}

#thumb3{
	position: absolute;
	top: 251px;
	left: 32px;
	width: 800px;
}

#large{
	position: absolute;
	top: 82px;
	left: 194px;
}

#venuetext {
	position: absolute;
	top: 341px;
	left: 32px;
	width: 350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

#contols {
	position: absolute;
	top: 343px;
	left: 625px;
	width: 153px;
	height: 15px;
}

#contols_thumbs {
	position: absolute;
	top: 343px;
	left: 700px;
	width: 90px;
}
h2 {
	margin: 0px;
	padding: 0px;
	clear: left;
	float: left;
}



#bannerspace{
	position: absolute;
	top: 61px;
	left: 0px;
	width: 800px;
	height: 367px;
	background-image: url(/images/img/banner-fix.jpg);
	overflow:hidden;
}

#bannerspace.breede-river{background-image: url(/images/img/breedde_map.jpg);}
#bannerspace.cbd{background-image: url(/images/img/cbd_map.jpg);}
#bannerspace.durban{background-image: url(/images/img/durban_map.jpg);}
#bannerspace.pietermaritzburg{ background-image: url(/images/img/pietermaritzburg_map.jpg);}
#bannerspace.sa{background-image: url(/images/img/sa_map.jpg);}
#bannerspace.southcoast{background-image: url(/images/img/southcoast_map.jpg);}
#bannerspace.northcoast{background-image: url(/images/img/northcoast_map.jpg);}
#bannerspace.northern{background-image: url(/images/img/northern_map.jpg);}
#bannerspace.overberg{background-image: url(/images/img/overberg_map.jpg);}
#bannerspace.metropole{background-image: url(/images/img/metropole.jpg);}
#bannerspace.midlands{background-image: url(/images/img/midlands_map.jpg);}
#bannerspace.natal{background-image: url(/images/img/natal_map.jpg);}
#bannerspace.freestate{background-image: url(/images/img/freestate_map.jpg);}
#bannerspace.gauteng{background-image: url(/images/img/gauteng_map.jpg);}
/*#bannerspace.metropole{background-image: url(/images/img/banner-fix.jpg);}*/
#bannerspace.southern{background-image: url(/images/img/southern_map.jpg);}
#bannerspace.southerncape{background-image: url(/images/img/southerncape_map.jpg);}
#bannerspace.westcoast{background-image: url(/images/img/westcoast_map.jpg);}
#bannerspace.westerncape{background-image: url(/images/img/westerncape_map.jpg);}
#bannerspace.zululand{background-image: url(/images/img/zululand_map.jpg);}


#bannerspace .clear{ clear:both;}
#bannerspace .content{ margin:0; padding:26px; float:right;}
#bannerspace .content h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; color:#FFF; text-align:right; line-height:24px; text-transform:uppercase; font-weight:normal; margin:0; padding:0 0 10px 0;}
#bannerspace .content p{ font-family:Arial, Helvetica, sans-serif; color:#FFF; text-align:right; font-size:13px; line-height:15px; margin:0; padding:0 0 10px 0;}
#bannerspace .navarea{ margin:0; padding:30px 0 0 0;}
#bannerspace .scrollarea{ margin:10px 0 0 0; padding:0px 0 0 0; height:160px; overflow:hidden; position:relative; display:block;}
#bannerspace .link{ float:right; list-style-type:none; margin:0; padding:0;}
#bannerspace .link li{ display:block; margin:0; padding:0; text-align:right;}
#bannerspace .link li a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; text-decoration:none; font-weight:normal; padding-right:20px;}
#bannerspace .link li a:hover{ background:url(/images/img/select-icon.gif) no-repeat right center;}
#bannerspace .rootlink{ position: absolute; top:340px; right:25px;}
#bannerspace .rootlink a{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#FFF; text-align:right; line-height:12px; text-transform:uppercase; font-weight:normal; margin:0; padding:0 0 0 10px; text-decoration:none;}
#bannerspace .scroll{position: absolute; top:315px; right:48px;}
#bannerspace .scroll a{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#FFF; text-align:right; line-height:12px; font-weight:normal; margin:0; padding:0 0 0 15px; text-decoration:none;}
.cirl-contenthide{ margin:0; padding:0; position:relative; overflow:hidden; width:400px; height:350px; float:left; display:none;}
#cirl-content{ margin:0; padding:0; position:relative; overflow:hidden; width:400px; height:350px; float:left; display:none;}
.paging a{ color:#FFF; padding:0 3px; text-transform:uppercase; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.show-cont-area{ width:210px; height:198px; overflow:hidden; position:absolute; top:50px; left:110px; background:url(/images/img/show-cont-area.png) no-repeat; padding:50px 20px 20px 30px;}
#divcontent{ margin:0; padding:20px 20px 0 0;}
#divcontent p{ padding:0 0 15px 0; margin:0;color:#FFF; text-decoration:none; font-size:12px;font-family:Arial, Helvetica, sans-serif; text-align:center;}
#divcontent a{ color:#FFF; text-decoration:none; font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.forhide{ width:62px; height:62px; overflow:hidden; position:absolute; top:50px; left:280px; background:url(/images/img/hidearea.png) no-repeat;}