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

body{
	background-color:#D9CEAD;
	
}

#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;

}

/*============================================================================*/
/*===================================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;
}
#photo_gallerybutt{
	clear:both;
}
#tgc_logo{
	clear:both;
}
#port_logo{
	clear:both;
}
#ghasa_logo{
	clear:both;
}
#onewellness_logo{
	clear:both;
}
/*==================================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:#3B2D22;
	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:#ffffff;
}
.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;
}
.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:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
}
.terms{
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
}
.ratehighlight {
	color: #FFFF99;
	font-weight: bold;
}

.ratehighlightsoccer {
	color: #FFFF99;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.ratehighlightsoccerh {
	color: #FFFFFF;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.soccerroomsh {
	color: #FFFFFF;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
/*==================================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;
}

.soccer_pic{
	border:2px solid #ffffff;
	width:150px;
	height:249px;
}

/*==================================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: #fff;
width: 350px;
background-color: #796449;
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: #fff;
width: 500px;
background-color: #796449;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.stats td 
{background-color: #3B2D22;
color: #fff;
padding: 4px;
text-align: left;
}

table.form td 
{background-color: #3B2D22;
color: #fff;
padding: 4px;
text-align: left;
}

table.stats td.hed
{background-color: #3B2D22;
color: #fff;
padding: 4px;
text-align: left;
font-size: 12px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
} 
table.form td.hed
{background-color: #3B2D22;
color: #fff;
padding: 4px;
text-align: left;
font-size: 12px;
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
} 
.boldbody{
	color:#ffffff;
	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 #ffffff;
}
.BUTTON
{
    BACKGROUND-COLOR: #ffffff;
    BORDER-BOTTOM: #ffffff 0.2mm solid;
    BORDER-LEFT: #ffffff 0.2mm solid;
    BORDER-RIGHT: #ffffff 0.2mm solid;
    BORDER-TOP: #ffffff 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:#ffffff;
	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:#ffffff;
	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;
}

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:#ffffff;
}

hr{
	color:#000000;
}

a .link_item {
	color:#403001;
	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================================*/