/* Website by WildWeb - www.wildweb.co.za */

	
	/* layout */
	
		body {
			background:#2c2c2c url(../../images/background_image.jpg) top center no-repeat;
			margin:0;
		}
		
			#container {
				display:block;
				margin:auto;
				width:1200px;
				position:relative;
				font-family:"ColaborateRegular", Arial, Helvetica, sans-serif;
				color:#dadada;
				font-size:15px;
				line-height:21px;
			}
			
				#photo_block {
					display:block;
					z-index:1;
					position:relative;
				}
				
					#rotator {
						display:block;
						height:500px;
						z-index:2;
							-webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.75); 
					}
						#photo_bar_dots {
							position:absolute;
							right:10px;
							top:10px;
							z-index:5555555555;
						}
							#photo_bar_dots a {
								display:block;
								float:left;
								width:14px;
								height:14px;
								background-image:url(../../images/dots.png);
								background-position:top left;
								text-indent:-999px;
								overflow:hidden;
							}
								#photo_bar_dots a:hover, #photo_bar_dots a.selected { background-position:top right; }
					
					#menu {
						position:absolute;
						top:316px;
						left:-13px;
						background:url(../../images/menu_background.png) top left no-repeat;
						width:511px;
						height:154px;
						overflow:hidden;
						z-index:4;
					}
						#menu ul {
							list-style-type:none;
							margin:0;
							padding:0;
							position:absolute;
							top:47px;
							left:199px;
						}
							#menu ul li {
								margin:0;
								padding:0;
								display:block;
							}
								#menu ul li a {
									display:block;
									font-family:"ColaborateRegular", Arial, Helvetica, sans-serif;
									font-size:13px;
									line-height:14px;
									color:#8f5b1b;
									padding:2px 8px;
									text-decoration:none;
									width:137px;
								}
									#menu ul li a:hover { color:#d29820; background:#f6e9d1; }
							
							#menu ul li.reset {	margin-top:-90px; }
							#menu ul li.col2  { margin-left:154px; }
							
							#social {
								position:absolute;
								top:10px;
								left:198px;
							}
								#social a {
									display:block;
									width:27px;
									height:26px;
									background-image:url(../../images/social_icons.png);
									overflow:hidden;
									text-indent:-999px;
									float:left;
								}
									#social a.facebook { background-position:0 0; }
									#social a.twitter { background-position:-27px 0; }
										#social a.facebook:hover { background-position:0 -26px; }
										#social a.twitter:hover { background-position:-27px -26px; }
					
					h1 {
						position:absolute;
						top:316px;
						left:0;
						width:174px;
						height:144px;
						margin:0;
						padding:0;
						text-indent:-999px;
						overflow:hidden;
					}
		
			.col {
				float:left;
				margin:40px 40px 0 20px;
				width:260px;
			}
			
			.col_guests_lhs {
				float:left;
				margin:25px 40px 0 20px;
				width:240px;
			}
			
			.col_guests_lhs a {
				font-size:12px;
				float:right;
			}
			.col_guests {
				float:left;
				margin:25px 40px 0 0;
				width:240px;
			}
			
			.col_guests a {
				font-size:12px;
				float:right;
			}
			
			.col_guests ul.packages_list a {
				font-size:12px;
				float:left;
			}
			
			.col_2 {
				float:left;
				margin:40px 40px 0 20px;
				width:260px;
			}
			
			.col_12 {
				float:left;
				margin:40px 40px 0 20px;
				width:560px;
			}
			
			.col_34 {
				float:left;
				margin:40px 20px 0 0;
				width:560px;
			}
			
			.col_123 {
				float:left;
				margin:40px 40px 0 20px;
				width:860px;
			}
			
			.left_of_smear { margin-right:10px; }
			
			.col_3 {
				width:260px;
				float:left;
				margin-right:40px;
				display:block;
				
			}
			
			.no_smear {
    			margin-right: 40px;
    			margin-top: 40px;
			}
			
			.col_34 {
				width:560px;
				float:left;
				display:block;
				margin:40px 0 0 20px;
			}
			
			.col_4 {
				display:block;
				float:left;
				width:260px;
				margin-top:40px;
			}
				.orange_smear {
					width:240px;
					background:url(../../images/orange_streak.png) bottom left no-repeat;
					margin-right:10px;
					padding:35px 40px 100px 40px;
				}
				
				.orange_smear2 {
					width:250px;
					background:url(../../images/orange_streak.png) bottom left no-repeat;
					padding: 35px 20px 100px 40px;
					float:left;
				}
				
				.orange_smear3 {
					width:250px;
					background:url(../../images/orange_streak.png) bottom left no-repeat;
					padding: 35px 20px 100px 40px;
					float:right;
				}
				
	
		
		.inside_rhs {float:left;display:block;width:260px;}
		.inside_lhs {float:left;display:block;width:260px;margin-right:20px;}
		
		#footer {
			display:block;
			clear:both;
			height:11px;
			border-bottom:1px solid #212121;
			overflow:visible;
			margin-top:30px;
			margin-bottom:50px;
		}
			#footer_inner {
				display:block;
				margin:0 auto;
				color:#b1b1b1;
				font-size:10px;
				background:#212121;
				padding:2px 5px;
				width:245px;
				text-align:center;
					-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
			}
				#footer_inner a { color:#b1b1b1; }
				#footer_inner a.ww_footer_link { margin-left:10px; }
		
		#accreditation {
			display:block;
			margin:0 auto;
			height:150px;
			width:600px;
		}
			#accreditation div, #accreditation a, #accreditation img { display:block; float:left; margin-right:10px; }
				#accreditation div a { float:none; margin:0; height:18px; }
				#accreditation div div { line-height:15px; float:none; margin:0; }
		
		
		
	/* general styles */
	

		h2 {
			font-family:"PristinaRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-weight:normal;
			color:#d29820;
			margin:0 0 5px 0;
			font-size:32px;
		}
		
		h3 {
			font-family:"PristinaRegular", "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-weight:normal;
			color:#d29820;
			margin: 0 0 5px 0;
			font-size:20px;
		}
		
		h3.info_headings {font-size:25px;}
		
		.white {color:#fff;}
		.ash {color:#2c2c2c;}
		
		span.guests {
			float: right;
			font-family: "ColaborateRegular",Arial,Helvetica,sans-serif;
			font-size: 12px;
			font-style: italic;
			font-weight: bold;
			margin: 0 10px 35px 0;
			text-align: right;
			display:block;
		}
			
	.col_guests_lhs	.comment_block {border-bottom:1px solid #222;}
	.col_guests	.comment_block {border-bottom:1px solid #222;}
	.col_guests_lhs	.comment_block:last-child {border-bottom:none;}
	.col_guests	.comment_block:last-child {border-bottom:none;}		
	
	.comment_block {display: block;margin-bottom: 20px;padding-bottom:20px;}
		
		h2.gimme_some_space { margin-top:20px; }
		
		p {
			text-align:justify;
			margin:0 0 20px 0;
			padding:0;
		}
		
		img.dropshadow { -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5); }
		
		a {
			color:#d29820;
			text-decoration:none;
		}
			a:hover { text-decoration:underline; }
	
	/* reusables */
		a.dash_link:before { content: "- "; }
		
		.p20 { display:block; height:20px; clear:both; }
		.p40 { display:block; height:40px; clear:both; }
		
		p.yellow_rhs_align_p {
			margin-top:-20px;
			margin-bottom:-1px;
			text-align:right;
			color:#d29820;
		}
		
		.clearer { height:1px; overflow:hidden; clear:both; display:block; }
		
	
	/* unique */
	
	#g1 p, #g2 p, #g3 p, #g4 p, #g5 p, #g6 p, #g7 p {font-size:12px;padding:0 20px 0 20px;}
	#g1, #g2, #g3, #g4, #g5, #g6, #g7 {
		border-left: 1px solid #CCCCCC;
		margin-left: 23px;
		margin-top: 11px;
	}
	
	#readmore p {font-size:15px;padding:0 20px 0 20px;}
	#readmore {
		border-left: 1px solid #CCCCCC;
		margin-left: 23px;
		margin-top: 11px;
	}
	
	a.testimonial {float:right;margin-right:20px}
	
		.gal_block {display:block;clear:both;margin:0;}
		
		.thumb_holder {
			float: left;
			margin: 0 17px 15px 5px;
		}
			a.thumb_thumb img {
				-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
			}
			
			a.thumb_thumb img:hover {
				color:#e8cb8f; position:relative; top:-1px; left:-1px;
			}

		table.rates_table {font-size:12px;border-collapse:collapse;line-height:15px;margin-top:20px;}
		table.rates_table tr.top_head {font-style:italic;font-weight:bold;}
		table.rates_table tr.top_head td {padding-left:0;text-align:left;padding-left:10px;}
		table.rates_table td.tbl_date {font-style:italic;padding-left:0;width:100px;} 
		table.rates_table td {width:85px;padding: 2px 0 2px 10px;} 
		h2.rates_head {font-size:23px;}
		
		.white {color:#fff;}

		a.blog_item {
			display:block;
			text-decoration:none;
			height:60px;
			margin-top:10px;
			margin-bottom:10px;
			color:white;
		}
		a.blog_item:hover { color:#e8cb8f; position:relative; top:-1px; left:-1px; }
			a.blog_item img {
				float:left;
				margin-right:20px;
					-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5); 
			}
			a.blog_item .blog_item_text {
				float:left;
				width:150px;
			}
			
			a.blog_item .blog_item_text2 {
				float:left;
				width:130px;
				text-align:left;
			}
			a.blog_item .blog_item_heading {
				font-size:14px;
				display:block;
				line-height:14px;
				text-align:justify;
				padding-top:5px;
			}
			a.blog_item .blog_item_date {
				font-size:10px;
			}
		
		img.tgcsa { margin:0 auto; display:block; }
	
		#accom_menu {
			display:block;
			border-top:1px solid #555;
			border-right:1px solid #555;
			border-bottom:1px solid #555;
			float:left;
			margin-left:20px;
			height:30px;
			overflow:hidden;
		}
			#accom_menu ul {
				list-style-type:none;
				margin:0;
				padding:0;
			}
				#accom_menu ul li {
					margin:0;
					padding:0;
					display:inline;
				}
					#accom_menu ul li a {
						display:block;
						padding:5px 10px;
						border-left:1px solid #555;
						float:left;
						color:#999;
					}
						#accom_menu ul li a:hover {
							background:#555;
							text-decoration:none;
						}
						#accom_menu ul li a.selected, #accom_menu ul li a.selected:hover {
							background:#CCC;
							color:#2c2c2c;
						}
		
/* ----- RSS FEED ----- */

#creditfooter {display:none;}
.feedburnerFeedBlock img {display:none;}
.feedburnerFeedBlock ul li {list-style:none;}
.feedburnerFeedBlock .date {display:none;}
.feedburnerFeedBlock .headline {font-family: "ColaborateRegular",Arial,Helvetica,sans-serif;font-weight:bold;}
.feedburnerFeedBlock {font-family: "ColaborateRegular",Arial,Helvetica,sans-serif;font-weight:bold;}
.feedburnerFeedBlock ul li img:first-child {display:block;width:120px;height:90px;float:left;}