@charset "utf-8";
/* CSS Document */


	html
	{
	background-color: #2A2A2A;	
	}

	body
	{
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em; /* GLOBAL FONT SIZE SET HERE FROM HERE ON 0.6 is 100% */
	color: #FFF;
	text-decoration: none;
	background-color: #0F0F11;	
	line-height: 1.5em;
	font-weight: normal;
	}
	
	/* SITE P */
	p
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 0;
	}
	
	/* SITE TITLE */
	h1
	{
	font-size: 2.0em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	margin: 0 0 15px 0;
	font-weight: normal;
	}
	
	/* PAGE TITLE */
	h2, h3, h4, h5, h6
	{
	font-size: 1.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	margin: 0 0 15px 0;
	font-weight: normal;
	}
	
	
	/* ALL DEFAULT LINKS */
	a
	{
	color: #FFF;
	text-decoration: underline;
	}
	
	a:link 
	{
	color: #FFF;
	text-decoration: underline;
	}
	
	a:active 
	{
	color: #FFF;
	text-decoration: underline;
	}
	
	a:hover
	{
	color: #FFF;
	text-decoration: underline;
	}
	
	a:visited
	{
	color: #FFF;
	text-decoration: underline;
	}
	
	
	/* REMOVE BORDER ON ALL LINKED IAMGES */
	img
	{
	border: 0px
	}
	
	/* NEEDED FOR IE6 HIDDEN DIV BOXES */
	div.clear
	{
	clear: both;
	height: 0;
	padding: 0;
	width: 0;
	margin: 0;
	}
	
	
	/* FORMS */
	
	form
	{
	margin: 0;
	padding: 0
	}
	
	input 
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	textarea 
	{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	

/********************** SITE LAYOUT *************************/
	
	div#blackbg {
	background-color: #000000;
	padding: 0 0 0 0;
	}

	div#fixedwrap {
	width: 800px;
	margin: 0 auto;	
	overflow: hidden;
	}
		
		div#bg_head {
		background-color: #000;
		}
		
			div#twosawyers_logo {
			width: 800px;
			margin: 0 auto;	
			overflow: hidden;			
			}	
			
				div#twosawyers_logo .left {
				float: left			
				}	
				
				div#twosawyers_logo .right {
				float: right	
				}									
		
		div#bg_menu {
		background-color: #000000;	
		}


	div#home_left {
	float: left;
	margin: 0 10px 5px 0;
	}
	
	div#home_middle {
	float: left;
	margin: 0 0 5px 0;
	}
	
	div#home_right {
	float: left;
	margin: 0 0 5px 10px;
	}
	
		div#home_left, div#home_middle, div#home_right {
		background-image: url(images/ts_home_box_bg.jpg);
		background-repeat: no-repeat;
		background-position: center top;	
		height: 361px;
		}
	
		div.home_box {
		padding: 10px 0;
		width: 260px;
		overflow: hidden;
		}
		
			div.home_box img.logo {
			margin: 30px 50px 0;
			}		
			
			div.home_box img.title {
			margin: 0 0 10px 10px;
			float: left;
			}	
		
		div.home_box_text {
		width: 260px;
		overflow: hidden;
		}
		
		div.home_box_text h4 {
		padding: 0 10px;
		margin: 0;
		font-size: 1em;
		font-weight: bold;
		}			
		
		div.home_box_text p {
		padding: 5px 10px;
		margin: 0;
		font-weight: normal;
		text-align: left;
		}	
		
		div.home_box_text p.readmore, div.home_box_text p.readmore a {
		float: right;
		color: #FFFFFF;
		font-weight: bold;
		padding: 0 10px 10px;
		margin: 0;
		font-size: 0.9em
		}	
		
		
	div#banner {
	padding: 0 0 5px;	
	}	

	div#flash {
	padding: 0 0 5px;	
	}		
	
	
	/********************** CONTENT *************************/
	
	div#content {
	clear: both;
	margin: 20px 0 10px 0;
	width: 800px;
	overflow: hidden;
	}	

		div#content_left {
		width: 530px;
		float: left;
		}	
		
			div#content_left h3 {
			margin: 0 15px 15px 0;
			font-size: 1em;
			clear: both;
			font-weight: bold;
			}	
			
			div#content_left .title {
			float: left
			}				
				
				
			
			div#content_left p {
			margin: 0 0 15px 0;
			}	
			
				div#content_left p.readmore, div#content_left p.readmore a {
				float: right;
				color: #ED0000;
				font-weight: bold;
				padding: 0 10px 10px;
				margin: 0;
				font-size: 0.9em
				}																
			
		div#content_right {
		width: 260px;
		float: right;
		}
		
			div#content_right h5 {
			font-size: 1em;
			font-weight: bold;
			margin: 0px 0px 30px 0;
			}	
			
			div#content_right h3 {
			margin: 0 15px 15px 0;
			font-size: 1em;
			clear: both;
			font-weight: bold;
			}				
			
			div#content_right .title {
			float: left	
			}		
			
			div#content_right p {
			margin: 0 0 15px 0px;
			}		
			
			div#content_right p.small {
			font-size: 0.8em;
			}		
			
			div#content_right ul {
			margin: 0 0 15px;
			padding: 0;
			list-style-type: none;
			}		
			
				div#content_right ul li {
				text-align: left;
				background-image: url(images/bullet_point.jpg);
				background-position: left top;
				background-repeat: no-repeat;				
				padding: 10px 0 10px 30px;
				}	
				
					div#content_right ul ul {
					margin: 10px 0 10px 15px;
					list-style-type: lower-roman;
					}					
				
		div#content_bottom {
		clear:both;
		width: 530px;
		float: left;		
		margin: 40px 0 0;
		}
		
			div#content_bottom h5 {
			font-size: 1em;
			font-weight: bold;
			margin: 0px 0px 30px 0;
			}	
			
			div#content_bottom p {
			margin: 0 0 30px 0px;
			}		
			
			div#content_bottom p.small {
			font-size: 0.8em;
			}		
			
			div#content_bottom ul, div#content_left ul {
			margin: 0 0 15px;
			padding: 0;
			list-style-type: none;
			}		
			
				div#content_bottom ul li, div#content_left ul li {
				text-align: left;
				background-image: url(images/bullet_point.jpg);
				background-position: left top;
				background-repeat: no-repeat;				
				padding: 10px 0 10px 30px;
				margin: 0;
				}															

					div#content_bottom ul ul, div#content_left ul ul {
					padding: 0;
					margin: 0;
					list-style-image: none;
					list-style-type: lower-roman;
					list-style-position: outside;
					}	
					
						div#content_bottom ul ul li, div#content_left ul ul li {
						text-align: left;
						margin: 10px 0 0 20px;
						padding: 0 0 0 0;
						background-image: none;
						}	
	
	div#credits {
	padding: 15px 0;
	}		
	
	div#credits p {
	font-size: 0.8em;
	}		
	
	/*********************** COPY *******************/
	
	p.smallprint {
	font-weight: bold;
	font-size: 0.75em
	}
						

	/********************** FOOTER *************************/

	div#footerbg {
	margin: 0 0 0;
	background-color: #2A2A2A;
	}

		div#footerwrap {
		width: 800px;
		margin: 0 auto;	
		overflow: hidden;
		}
		
		
		
	div#foot_left {
	float: left;
	margin: 0 10px 5px 0;
	}
	
	div#foot_middle {
	float: left;
	margin: 0 0 5px 0;
	}
	
	div#foot_right {
	float: left;
	margin: 0 0 5px 10px;
	}
	
		div#foot_left, div#foot_middle, div#foot_right {

		}
	
		div.foot_box {
		padding: 10px 0;
		width: 260px;
		overflow: hidden;
		}
		
			div.foot_box h6 {
			margin: 15px 0 0 0;
			text-align: left;
			font-size: 1em;
			}	
			
			div.foot_box img {
			margin: 15px 0 0 0;
			float: left;
			}				
		
		div.foot_box_text {
		width: 260px;
		overflow: hidden;
		}	
		
		div.foot_box_text p {
		padding: 0 0 10px;
		color: #FFFFFF;
		margin: 0;
		}	
		

		address {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-decoration: none;
		text-align: left;
		margin: 0 0 0 0;
		padding: 0;
		font-style: normal;	
		font-size: 0.8em;
		}	
		

				

/********************** SITE LAYOUT *************************/





/*************** HEAD MENU *************/
	
	div#menu_head
	{
	width: 800px;
	overflow: hidden;
	margin: 0 Auto;
	padding: 8px 0;
	background-image: url(images/ts_menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;		
	}	
	

		div#menu_head ul
		{
		margin: 0;
		padding: 0;
		color: #FFF;
		font-size: 1.1em;
		text-align: left;
		}
		
			div#menu_head ul li 
			{ 
			display: inline;
			}
			
			
			div#menu_head ul li a
			{
			padding: 0 11px;
			color: #999999;
			text-decoration: none;
			}
			
			div#menu_head ul li a:hover
			{
			text-decoration: underline;
			}
			
		
			
/*************** HEAD MENU *************/


/*************** MAIN MENU *************/
	
	div#mainmenu
	{
	width: 762px;
	overflow: hidden;
	padding: 12px 0;
	}	
	

		div#mainmenu ul
		{
		margin: 0 0 0 20px;
		padding: 0;
		color: #FFF;
		text-align: left;
		float: right;
		background: url(images/menu_bg_repeater.jpg) repeat-y left top;
		list-style-position: inside;
		list-style-image: url(images/menu_bullit.jpg);
		
		}		
		
			div#mainmenu ul li 
			{
			padding: 0 0 0 10px;
			}
			
			
			div#mainmenu ul li a
			{
			color: #FFF;
			text-decoration: none;
			padding: 0 0 0 10px;
			}
			
			div#mainmenu ul li a:hover
			{
			color: #ED0000;
			}
			
		
			
/*************** MAIN MENU *************/	



/*************** ENQUIRY FORMS *************/
#form_enquiry {
margin: 0 0 25px 0;
}

#form_enquiry .form_label {
	padding: 0 0 5px;
	margin: 0;
	float: left;
	width: 125px
}

	#form_enquiry .form_label p {
	padding: 0;
	margin: 0;
	}

#form_enquiry .form_field {
text-align: left;
margin: 0 0 10px 0;
}

	#form_enquiry .form_field input, #form_enquiry .form_field textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	width: 265px;
	line-height: 1em;
	}

#form_enquiry .form_submit {
text-align: right;
}

	#form_enquiry .form_submit input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: 0;
	background-color: #ED0000;
	color: #FFF;
	padding: 2px 5px 2px;
	margin: 0 0 10px;
	cursor: pointer;
	line-height: 1em;
	}
	
#form_enquiry .form_error {
font-weight: bold;
padding: 3px;
margin: 0;
background-color: #ED0000;
}

	#form_enquiry .form_error p {
	padding: 0;
	margin: 0;	
	}	

img.date_picker {
cursor: pointer
}

/*************** ENQUIRY FORMS *************/


/*************** GALLERY *************/

div#gallery div {
	float: left;
	margin: 0 2px 2px 0;
	padding: 2px;
	background-color: #000;
	border: 1px solid #717171;
}

div#gallery div:hover {
	border: 1px solid #FFF;
}

div#gallery img {

}


/*************** GALLERY *************/


/*************** TITLE *************/
	div#title {
	text-align: left;
	padding: 10px 0 0 0
	}
	
		div#title h2 {
		font-size: 1.2em;
		font-weight: bold;
		margin: 0px;
		padding: 0;
		}	
	
	div.stitle {
	text-align: left;
	padding: 10px 0 0 0
	}	
	
		div.stitle h3 {
		font-size: 1em;
		margin: 0px;
		padding: 0;		
		}		


/*************** FOOD MENU *************/			
		
table.menu
{
 margin: 20px 0 40px; 
 font-size: 1.2em; 
 font-weight: normal;
 text-align: left
}	

table.menu .menu_titles
{
 display: none
}			


table.menu th
{
 font-weight: normal;
 text-align: left  
}	

table.menu td
{
 font-weight: normal;  
 text-align: left;
 padding: 5px 0 5px 5px;
 border-left: 1px solid #FFF;
}			


/*************** DRINK MENU *************/	


table.titles
{
 margin: 20px 0 40px; 
 font-size: 1.2em; 
 font-weight: normal;
 text-align: left
}

table.titles th
{
text-align: left;
 border-left: 1px solid #FFF;
}

table.drink
{
 margin: 0px 0 40px; 
 font-size: 1.2em; 
 font-weight: normal;
 text-align: left
}	

table.drink .drink_titles
{

}			


table.drink th
{
 font-weight: bold;
 text-align: left ;
 padding: 0 0 10px 5px; 
}	

table.drink td
{
 font-weight: normal;  
 text-align: left;
 padding: 5px 0 5px 5px;
 border-left: 1px solid #FFF;
}	

table.drink td span.desc
{
 font-size: 0.6em;  
}	


/*************** PUMP CLIPS *************/	

#pumpclips
{
text-align: left;
position: relative;
margin: 0 0 40px;
overflow: hidden;
}

#pumpclips img
{
 margin: 0 0 0 0;
}	

#pumpclips img
{
float: left;
}	

#pumpclips div.stitle
{
margin: 0 0 15px 0;	
}	


   		#pumpclips a {
	        text-decoration: none; 
        }
        #pumpclips a:hover {
        }
		
		
        #pumpclips a span {
	        display: none;
			text-align: left;
        }
		
        #pumpclips a:hover span { 
	        z-index: 100; 
            left: 10px;
            top: 53px;
			display: block; 
			width: 300px;
	        color: #FFF; 
	        border: #000 1px solid; 
	        position: absolute; 
	        background-color: #000000; 
	        text-align: left;
	        padding:3px;
        }

/*************** PUB GALLERY *************/

#pubgallery
{
text-align: left;
position: relative;
margin: 0 0 40px;
overflow: hidden;
}

#pubgallery img
{
 margin: 0 0 0 0;
}	

#pubgallery img
{
float: left;
}	

#pubgallery div.stitle
{
margin: 0 0 15px 0;	
display: block;
clear: both;
}

		
/*************** OVERVIEW CALENDAR *************/	

div#calender {
margin: 20px auto 0;
}		

div#calenderBorder 
{
    clear: both;
border: #FFF 1px solid;
}		
	
div#calender table {
text-align: center;
width: 798px
}	
		
div#calender table a {
text-decoration: none;
}	


div#calender input {
float: right;
margin: 10px 0
}	

div.room1_available 
{
    display:block;
    background-color: #999999;
    font-size: 0.8em;
    margin: 2px 0;
    padding: 0 2px;
}

div.room2_available 
{
    display:block;
    background-color: #999999;
    font-size: 0.8em;
    margin: 2px 0;
    padding: 0 2px;
}

div.room3_available 
{
    display:block;
    background-color: #999999;
    font-size: 0.8em;
    margin: 2px 0;
    padding: 0 2px;
}

div.room_reserved
{
    display:block;
    background-color: #FF9900;
    font-size: 0.8em;
    margin: 2px 0;
    padding: 0 2px;
}

div.room_booked 
{
    display:block;
    background-color: #990000;
    font-size: 0.8em;
    margin: 2px 0;
    padding: 0 2px;
}



/*************** SINGLE ROOM CALENDAR *************/	

div.room {
padding: 0 0 60px 0;
width: 800px;
overflow: hidden;
}



div.room div.room_calender {
float: left;
width: 202px;   
}

div.room div.room_calender div.room_calendar_wrap {
margin: 0;
border: #FFF 1px solid;
font-size: 0.8em;
}		
	
div.room div.room_calender div.room_calendar_wrap table {
text-align: center;
width: 200px;
}	
		
div.room div.room_calender div.room_calendar_wrap table a {
text-decoration: none;
}	


/*************** SINGLE ROOM DETAILS *************/


div.room div.details 
{
    float: right;
    width: 560px;
}

div.room div.details h2
{
     float: left;
}

div.room div.details p
{
    clear: both
}

div.room div.details div.gallery
{
    float: left
}


div.room div.details div.gallery img
{
    border: 1px solid #FFF
}


div.room div.details div.icons
{
    float: right;
    margin: 0 0 5px;   
}

div.room div.details div.icons img
{
    float: left;
    margin: 0px 5px 0px 0
}

div.room input 
{
    float: right;
    margin: 0 0 0 5px
}

div.room dl.bb_icons
{
padding: 40px 0 0 0;
margin: 0;
clear: both;
}

dl.bb_icons dt
{
margin: 0 5px 0 0;
float: left;
}

dl.bb_icons dd
{
float: left;
margin: 0 10px 0 0px;
display: block;
font-size: 0.8em;
}




/*************** BOOK A ROOM FORM *************/	



.twobox_lft {
  width:380px;
  float: left;
}

.twobox_rgt {
  width:380px;  
  float: left;
}

.twobox_lft .padding, .twobox_rgt .padding {
padding: 0px;
}

.twobox_lft h2, .twobox_rgt h2 {
font-size: 1em;
font-weight: normal;
margin: 0 0 20px 0;
}

.twobox_lft label, .twobox_rgt label
{
display:block;
font-weight:bold;
text-align:right;
width:180px;
float:left;
color: #FFFFFF;
}


.twobox_lft .small, .twobox_rgt .small
{
color:#CCC;
display:block;
font-size:0.75em;
font-weight:normal;
text-align:right;
width:180px;
}

.twobox_lft input, .twobox_rgt input, .twobox_lft select, .twobox_rgt select, .twobox_lft textarea, .twobox_rgt textarea
{
float:left;
font-size:1em;
padding:4px 2px;
border:solid 1px #CCC;
width:150px;
margin:2px 0 20px 10px;
}


.twobox_lft fieldset, .twobox_rgt fieldset
{
width: 380px;
border: 0;
}

.twobox_lft .statusLbl, .twobox_rgt .statusLbl
{
display: block;
color: #CE0201;
text-align: right;
}

.twobox_lft span.checkBoxList, .twobox_rgt span.checkBoxList
{
margin: 0 0 20px 5px;
padding: 0;
width:150px;
float:left;
}

.twobox_lft .checkBoxList input, .twobox_rgt .checkBoxList input
{
width:20px;
border: 0;
padding: 0;
margin: 3px 0 0 0;
}

.twobox_lft .checkBoxList label, .twobox_rgt .checkBoxList label
{
width: 50px;
text-align: left;
padding: 0;
margin: 0;
}

.twobox_lft span.checkBoxList br, .twobox_rgt span.checkBoxList br
{
}

.twobox_lft .btnSendEnquiry, .twobox_rgt .btnSendEnquiry
{
    float: right;
    width: 125px;
    padding: 0;
    margin: 0;
}


/*************** BOOK A ROOM FORM ERROR *************/	

div.validationError 
{
    border: 1px solid #FFF;
    padding: 15px;
    margin: 0 0 20px;
}

div.validationError h2 
{
    font-size: 1em;
    font-weight: normal;

}

div.validationError p 
{
padding: 0;
margin:0 ;
}

/*************** PROGRESS LOADER *************/	

div.updateProgress 
{
    background-color: #FFFFFF;
    border: #000000 solid 1px;
    text-align: center;
}


div.updateProgress p
{
    text-align: center;
    padding: 5px;
    display: none;
}


div.updateProgress img
{
    margin: 4px 4px 4px 4px;
    text-align: center;
}

/*************** SOCIAL *************/		
	
div.footerSocial 
{
 clear: both;
float: left;
margin: 15px 0 0 0;
}

div.footerSocial div#facebook a 
{
display: block;
width: 32px; 
height: 32px;
background-image: url(/images/logo_facebook.jpg);
background-position: bottom;
background-repeat: no-repeat
}

div.footerSocial div#facebook a:hover
{
background-image: url(/images/logo_facebook.jpg);
background-position: top;
background-repeat: no-repeat
}




/********************** ADOBE PDF *************************/
	ul.downloadIcons {
	list-style-type: none;	
	margin: 0 0 20px 25px;
	padding: 0;
	width: 800px;
	overflow:hidden;
	}
	
	ul.downloadIcons li 
	{
	display: inline;
	float: left;
	text-align: left;
	background-image: url(/images/logo_pdf.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 7px 20px 7px  40px;
	}
	
	ul.downloadIcons li:hover {
	background-position: left top;
	}	
	
	ul.downloadIcons li a {
	text-decoration: none;
	}
	
	ul.downloadIcons li a:hover 
	{	    
	color: #651818;
	}	





/*************** SUB MENU *************/		

		div#submenu
		{
		width: 800px;
		margin: 20px 0 40px;
		overflow: hidden;
		}

		div#submenu ul
		{
		margin: 0;
		padding: 0;
		color: #FFF;
		}
		
			div#submenu ul li 
			{ 
			display: inline;
			}
			
			
			div#submenu ul li a
			{
			padding: 5px 12px;
			color: #FFF;
			text-decoration: none;
			float: left;
			border-right: 1px solid #FFF;
			}
			
			div#submenu ul li a:hover
			{
			color: #FFFFFF;
			text-decoration: underline;
			}