/* CSS Document */

/*colours #403001-Brown,  #D9CEAD-Tan BG, #8C8665-Images BG on left,  #E2E1D8-Text BG Grey*/



body{

	background-color:#ffffff;

	

}



#page{

	background-color:#D9D1AD;

	border-left: 5px solid #ffffff;

	border-right: 5px solid #ffffff;

	width:771px;

	margin:0px auto;

}



img{

	border:none;

	margin:0px;

	padding:0px;

}



/*===================================Header===================================*/

/*============================================================================*/

#header{

	height:62px;

	background-color:#FFFFFF;

}



#header img{

	margin:5px 0px 0px 15px;

}

/*============================================================================*/

/*===================================Header Ends==============================*/



/*==================================Middle====================================*/

/*============================================================================*/

#middle{

	background-color:#403322;



}

.ratehighlight {
	color: #FF0000;
	font-weight: bold;
}

/*============================================================================*/

/*===================================Middle Ends==============================*/



/*==================================Middle Left===============================*/

/*============================================================================*/

#middle_left{

	width:174px;

	float:left;

	

}





/*==================================MENU======================================*/

#menu{

	/*border-left: 5px solid #ffffff;*/

}





/*a .menu_item{

	height:30px;

	background-color:#403001;

	border-bottom:5px solid #ffffff;

	padding: 0px 0px 0px 0px;

}



a .menu_book{

	height:40px;

	background-color:#D9CEAD;

	border-bottom:5px solid #ffffff;

	padding: 0px 0px 0px 0px;

}

*/

/*==================================MENU Ends=================================*/



/*==================================Gallery===================================*/

#gallery{

	background-color:#D9D1AD;

	/*border-left: 5px solid #ffffff;*/

}



#gallery_left{

	float:left;

	padding:9px 0px 9px 12px;

}



#gallery_right{

	float:right;

	padding:9px 12px 9px 0px;

}



.g_pic{

	border: 2px solid #ffffff;

	width:60px;

	height:60px;

	margin:0px 0px 9px 0px;

}



a .g_pic:hover{

	border: 2px solid #796449;

}



#tgc_logo{

	clear:both;

}

#port_logo{

	clear:both;

}

#ghasa_logo{

	clear:both;

}

#savenues_logo{

	clear:both;

}

#onewellness_logo{

	clear:both;

}
#stayreview_logo{
	clear:both;
	text-align:center;
}

#capetowninfo_logo{
	clear:both;
	text-align:center;
}

/*==================================Gallery Ends==============================*/





/*============================================================================*/

/*==================================Middle Left Ends==========================*/





/*==================================Middle right==============================*/

/*============================================================================*/

#middle_right{

	float:right;

	width:597px;

}



/*==================================middle pics===============================*/



#middle_pics{

	

}



#middle_pics .mpic{

	height:355px;

	width:194px;

	float:left;

	border-left:5px solid #ffffff;

	border-bottom:5px solid #ffffff;

}

#middle_pics .mpic4{

	height:355px;

	width:592px;

	float:left;

	border-left:5px solid #ffffff;

	border-bottom:5px solid #ffffff;

}



/*==================================middle pics end===========================*/



/*==================================Middle Content============================*/



#middle_content{

	clear:both;

	background-color:#ffffff;

	border-left:5px solid #ffffff;

	padding:10px;

	

}



#middle_3star{

	position:relative;

	height:28px;

}



#middle_3star img{

	float:right;

}



.break{

	clear:both;

}

#middle_contact{

	text-align:center;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000000;

}

.stars{

    text-align:center;

    margin-top:0px;

    margin-bottom:0px;

    padding:0px;

}

.print{

	text-align:right;

    margin-top:0px;

    margin-bottom:0px;

    padding:0px;

}

.print2{

	text-align:right;

    margin-top:0px;

    margin-bottom:0px;

    padding:0px;

	border: 0px;

}

.close{

	text-align:right;

    margin-top:0px;

    margin-bottom:0px;

    padding:0px;

}

.stripeacc{

    text-align:center;

    margin-top:0px;

    margin-bottom:0px;

    padding:0px;

}

.stripeacc2{

    text-align:center;

}

.headerimg{

    text-align:left;

    margin-top:0px;

    margin-bottom:0px;

    padding:0px;

}

.termsb{

	color:#000000;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight: bold;

}

.terms{

	color:#000000;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight: normal;

}

/*==================================Mid Holder================================*/

/*==================================Mid Left==================================*/

.mid_left{

	float:left;

	width:400px;

}

/*==================================Mid Left ends=============================*/



/*==================================Mid Right=================================*/

.mid_right{

	float:right;

	margin-bottom:10px;



}



.room_pic{

	border:2px solid #ffffff;

	width:150px;

	height:150px;

}



/*==================================Mid Right ends============================*/



.wrapper{

	clear:both;

	height:10px;

	

}

/*==================================Mid Holder ends===========================*/



/*==================================Mid Gallery===============================*/

.mid_gallery a img{

	border:2px solid #ffffff;

	margin:10px 10px 10px 10px;

}



.mid_gallery a img:hover{

	border:2px solid #403001;



}

/*==================================Mid Gallery Ends==========================*/







/*==================================Contact Us================================*/

#contact_left{

	float:left;

}



#contact_right{

	float:right;

	

}



#contact_right img{

	border:0px solid #ffffff;	

}

.booking_pic{

	width:214px;

	height:21px;

}

/*==================================Contact Us Ends===========================*/



/*==================================Middle Content Ends=======================*/



/*============================================================================*/

/*==================================Middle right Ends=========================*/







/*==================================Footer====================================*/

/*============================================================================*/

#footer{

	clear:both;

	border-top:5px solid #ffffff;

	/*8border-left:5px solid #ffffff;*/

	border-bottom:5px solid #ffffff;

	height:20px;

	background-color:#796449;

	width:751px;

	padding:10px 10px 0px 10px;

}



#footer_left{

	float:left;

}



#footer_right{

	float:right;

}

/*============================================================================*/

/*==================================Footer Ends===============================*/



/*===================================Rates Start==============================*/

/*============================================================================*/







/*============================================================================*/

/*==================================Rates Ends===============================*/

table.form 

{text-align: center;

font-family: Arial, Helvetica, sans-serif ;

font-weight: normal;

font-size: 11px;

color: #000;

width: 350px;

background-color: #ffffff;

border: 0px;

border-collapse: collapse;

border-spacing: 0px;}



table.stats 

{text-align: center;

font-family: Arial, Helvetica, sans-serif ;

font-weight: normal;

font-size: 11px;

color: #000;

width: 500px;

background-color: #ffffff;

border: 0px;

border-collapse: collapse;

border-spacing: 0px;}



table.stats td 

{background-color: #ffffff;

color: #000;

padding: 4px;

text-align: left;

}



table.form td 

{background-color: #ffffff;

color: #000;

padding: 4px;

text-align: left;

}



table.stats td.hed

{background-color: #ffffff;

color: #000;

padding: 4px;

text-align: left;

font-size: 12px;

font-weight: bold;

font-family:Arial, Helvetica, sans-serif;

} 

table.form td.hed

{background-color: #ffffff;

color: #000;

padding: 4px;

text-align: left;

font-size: 12px;

font-weight: bold;

font-family:Arial, Helvetica, sans-serif;

} 

.boldbody{

	color:#000000;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight: bold;

}

.textfield {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

    color: #000000;

	border: 1px solid #000000;

}

.BUTTON

{

    BACKGROUND-COLOR: #ffffff;

    BORDER-BOTTOM: #000000 0.2mm solid;

    BORDER-LEFT: #000000 0.2mm solid;

    BORDER-RIGHT: #000000 0.2mm solid;

    BORDER-TOP: #000000 0.2mm solid;

    COLOR: #000000;

    FONT-FAMILY: Arial, Helvetica, Verdana;

    FONT-SIZE: 10px;

    FONT-STYLE: normal;

    FONT-WEIGHT: bolder;

    TEXT-TRANSFORM: uppercase

}

/*===================================Text Starts==============================*/

/*============================================================================*/

p, h1, h2, li, ul, a {

	font-family:Arial, Helvetica, sans-serif;

}



p, li {

	font-size:12px;

	

}



h2{

	font-size:12px;

	font-weight:bold;

	color:#000000;

	margin:0px;



	

}



/**:first-child+html #middle_content h2{

	margin-top:-4px;

}*/





a{

	text-decoration:none;

	cursor:pointer;

}



#menu a{

	margin:10px;

	

	padding: 0px;

	margin:0px 0px 0px 0px;

	font-size:12px;

}



#menu p{

	padding: 0px;

	margin:0px 0px 0px 0px;

}



.bold {

	color:#000000;

	font-weight:bold;

}



a.bold:hover {

	color:#8C8665;

}



a .menu_item {

	color:#ffffff;

	padding: 10px 0px 0px 10px;

	margin:0px 0px 0px 0px;

	height:25px;

	background-color:#796449;

	border-bottom:5px solid #ffffff;

}



a .menu_item:hover{

	background-color:#DAD0A9;

	color:#403001;

}

#navigation_list {
   margin: 0;
   padding: 0;
   list-style-type: none;
}
#navigation_list li {
   margin-bottom: 0px;
}
#navigation_list a {
   background: #796449;
   color: #FFFFFF;
   display: block;
   height: 24px;
   padding-top: 10px;
   padding-left: 10px;
   border-bottom: 5px solid #FFFFFF;
}
#navigation_list a:hover {
   background: #DAD0A9;
   color: #403001;
   height: 24px;
   padding-top: 10px;
   padding-left: 10px;
   text-decoration: none;
   border-bottom: 5px solid #FFFFFF;
}

a .menu_book{

	color:#ffffff;

	padding: 7px 0px 0px 10px;

	margin:0px 0px 0px 0px;

	height:40px;

	background-color:#796449;

	border-bottom:5px solid #ffffff;

}



a .menu_book:hover{

	background-color:#DAD0A9;

	color:#403001;

}



.menu_item{

	margin:0px;

	padding: 0px;

}



.menu_book{

	margin:0px;

	padding: 0px;

}





#middle_content p, li{

	 color:#000000;

}



hr{

	color:#000000;

}



a .link_item {

	color:#000000;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight: bold;

}



a .link_item:hover{

	color:#FFFFFF;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight: bold;

}



#footer p{

	color:#FFFFFF;

	font-size:10px;

	margin:0px;

	padding:0px;

}



#footer a{

	color:#FFFFFF;

}



#footer a:hover{

	color:#D9CEAD;

}

/*============================================================================*/

/*===================================Text Ends================================*/