/******* Universal Selectors ************/
*{padding:0; margin:0;}

html { font-size: 100%; }

/******* Body And Container ************/
body{text-align: center;font-size: 1em; background:url(images/Background.jpg); font-family:Verdana, Arial, Helvetica, sans-serif; }/* 1em = 16px.  1 � 16 = 0.0625em*/
#container{width: 60.6875em;text-align: left; margin: 0 auto; background:url(images/Contanter_Background.png); }
#innnerContainer{ width:57.5em; margin-left:1.625em; background:#FFFFFF; padding-top:.5em;}
#contentContainer{background:url(images/letf_Col_Background.jpg) repeat; margin-top:.5em; min-height:41.5em; height:auto!important; height:41.5em;}

/***********  Pseudo Classes ************************/
a:link, a:visited, a:hover, a:active{ text-decoration:none;}
a:link { color:#006699;}
a:visited { color:#006699; }
a:hover { color:#006699; }
a:active {color:#006699;}

img, #container { behavior: url(css/iepngfix.htc)}
img{border:none;}

p {font:0.75em normal;padding:0.5em;line-height:1.5em;font-family:Verdana, Arial, Helvetica, sans-serif;}

h1 {font:0.875em bolder Verdana, Arial, Helvetica, sans-serif;padding:.5em .5em 0 .5em;color:#000000;}

h2 {font:0.75em bold Verdana, Arial, Helvetica, sans-serif;padding:0.5em;line-height:1.5em;color:#666666;}

/***********  Header ************************/
#topBanner{padding-top:1.0625em;}


/***********  Left Col ************************/
#leftCol{ width:15.3125em; background:none; float:left;}
#leftCol p{padding-bottom:1em;}
#leftCol a.viewmore{float:right; padding-right:2px;}
#leftCol h1{font-weight:bold; color:#333333;}
#whiteContentContainer{ background:#FFFFFF; float:left; min-height:44.75em; height:auto!important; height:44.75em;}


/***********  Centre Col ************************/
#centerCol{ width:29.875em; background:#FFFFFF; padding:0  .4375em .5em .5em; min-height:41.5em; height:auto!important; height:41.5em; float:left}
#centerCol img {max-width:477px;width: expression(this.width > 477 ? 477: true);} 
#centerCol h1{background:url(images/buttons/non_residents.jpg) no-repeat;padding:0.3em;border-bottom:#666666 solid 0.0625em;margin-top:0em;text-indent: 1.8em;margin-bottom: 0.125em;text-transform:uppercase;font-size:0.75em;}
#centerCol a{color:#663366;}
#centerCol ul{color:#333333;padding-left: 1em;}
#centerCol li{list-style-type:square;font-size:0.75em;padding-bottom: 0.5em;}

#news{}
#aboutDevelopment{width:29.875;background:url(images/About_developmentBackground.jpg) repeat;margin-top: 0.5em;border-bottom: #666666 solid 0.0625em;}
#aboutDevelopment img{width:10.5625em; float:left; padding:0.5em;}
#aboutDevelopment h1{background:url(images/Hompage_DevelopmentHeader.jpg) no-repeat;height: 1.75em;padding: 0 0 0 0.5em;line-height: 1.75em;text-transform: capitalize;color: #333333;margin: 0;text-indent: 0px;}
#aboutDevelopment h2{background:url(images/About_devl_SubHeader.jpg) repeat;font-size:0.75em;font-weight:lighter;line-height: 2em;text-indent: 0.5em;border-top:#CCCCCC solid 0.0625em;border-bottom:#CCCCCC9 double 0.0625em;height: 2em;vertical-align: middle;padding: 0;margin: 0;}
#aboutDevelopment h2 img{width:0.75em; padding:0; margin-right:0.5em; float:none;}
#aboutDevelopment h2 a{color:#000000;}
#aboutDevelopment p a{float:right;}

#add{width:29.px;}
#add img{width:29em; float:left; padding-top:1em;}


/***********  Large Center Col ************************/
#largeCenterCol{background:#FFFFFF;padding:0 .5em .5em .5em;min-height:37.5em;height:auto!important;height:37.5em;float:left;width:41.18em;}


/***********  Right Col ************************/
#rightCol{ width:11.3625em; background:#FFFFFF; float:left; min-height:41.5em; height:auto!important; height:37.5em; padding-bottom:0.5em;}
#rightCol h1{background:url(images/Hompage_Featured_H1.jpg) repeat-x;text-align:center;color:#FFFFFF;height:1.125em;line-height:1.125em;padding:0;font-weight: bolder;text-transform: uppercase;font-size:0.75em;font-family:"Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;}
#rightCol img{width:180px; margin-bottom:0.5em;}
#rightColBody{background:url(images/Featured_background.jpg) repeat; border:#346797 0.0625em solid; margin-bottom:.5em;}
#rightColBody img{width:10.0625em; text-align:center; margin:0.61875em 0 0.61875em 0.61875em; }
#rightColBody p{padding:0 0.61875em 0.61875em 0.61875em; font-size:0.625em; text-align:center;}
#rightColBody ul{list-style-type:square; font-size:0.75em; color:#333333; padding:0.3em;}
#rightColBody li{list-style-position:inside;padding-top: 0.5em;}
#rightColBody a{color:#333333;}



/***********  Travel Guide ************************/
#travelGuide{}
#travelGuide h1{color:#006666; padding-bottom:0.75em; border-bottom:0.0625em solid #006666; font-size::0.75em; width:460px;}
#travelGuide ul{font-size:12px;padding-left: 30px;list-style-position: outside;}
#travelGuide li{
	list-style-position:outside;
	list-style-type: square;
	line-height: 18px;
	color: #333333;
	padding: 5px 0 5px 0;
}
#travelGuide li a{}
#travelGuide h2{
	font-size:16px;
	padding: 10px 0 5px 0;
	background-color: #999966;
	color: #000000;
	text-indent: 5px;
	margin-top: 10px;
	clear: both;
	font-weight: bold;
}
#travelGuide h3{
	font-size:14px;
	padding: 10px 0 10px 0;
	color: #006666;
}
#travelGuide h4{ font-size:12px; font-weight:bold;}
.thumbright{
	float:right;
	clear:both;
	padding: 20px 0 20px 10px;
}
.thumbcaption{font-size:12px;}

/***********  Property Blocks ************************/
#floorPlans{width:600px; padding:20px 0 20px 0;}
#floorPlans img{width:150px; clear:right; border:0;}
#floorPlans p{text-align:center; padding:2px; background:#006600; color:#FFFFFF;}
.floorPlanThumb{width:150px; padding-bottom:10px; float:left;}
.floorPlanThumb#middlePIc{padding-left:75px; padding-right:75px;}

#statTable{font-size:12px; background:url(images/Ammenities/Ammenities_Background.jpg) repeat;}
.statCol{font-weight:bold; color:#006633;}

/***********  Footer ************************/
#footer {width:100%; text-align:center; clear:both; font-size:10px; margin-top:20px; border-top:1px solid #666666; padding-top:20px;}
#footer ul{ padding:10px;}
#footer li{padding:0.5em; display:inline; list-style-type:none;color:#666666; line-height:16px;}
#footer p, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color:#666666; padding:0;}
#footer img{border:none; margin:10px 10px 0 0;}

#pageTitle{font-size:0.85em;padding:0.3em;border-bottom:#336699 0.0625em solid;color: #336699;margin-bottom: 1em;}


/***********  Classes ************************/

.suroundingAreas{float:left;width:12em;text-align: center;}
.expandable {border-top: 1px dotted #aaaaaa; background-color:#FFF9F6;}
.tabletext{font-size:0.75em;margin: 0.5em;}
.creambackground{background-color:#CCCC99;}
.activitiesTable{font-size:12px;margin-bottom:30px;margin-top: 10px;}
.activitiesTable ul{margin-left:10px; list-style-position:inside; list-style-type:square; padding-bottom:10px;}
.activitiesTable li{padding:5px;}
ul.apartmentSpecList{font-size:12px;padding:0 0 20px 10px; list-style-position:inside;}
.apartmentSpecList li{line-height:25px;list-style-type:square;}


/***********  DVD/EBook ************************/

img.left {
float:left;
padding-right:5px;
padding-bottom:46px;
}

#knysnaDvdPreview h1 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 8px;
}
#knysnaDvdPreview p {
	margin-top: 2px;
	margin-bottom: 4px;
}
#getEbookLink h1 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 6px;
}
#getEbookLink p {
	padding-right: 8px;
	padding-left: 8px;
	font-size: 100%;
}
#getEbookLink a {
	color: #666666;
	text-decoration: none;
}
#getEbookLink {
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 24px;
}
#getEbookLink h3 {
	font-size: 13px;
	font-weight: bold;
}
#dvdPreview {
	font-size: 12px;
}