/* 
	
		Toravaig House Hotel Stylesheet
		-------------------------------
		Author:			Sam HS
						www.hampton-smith.com
		Date:			2nd July 2010
		-------------------------------
		C H A N G E   L O G
		-------------------------------
		5/7/10:			Updated to complete template
		
	*/
	
	body {
		margin:			0;
		padding:		0;
		font-family:	arial, helvetica, sans-serif;
		font-size:		62.5%;
		color:			white;
		/*background:		#3c1e0f;*/
		background: #9F958B;
	}
	
	#container {
		position:		relative;
		margin:			auto;
		width:			1032px;
		background:		#9F958B;
		color:			white;
	}
	
	#header {
		position:		relative;
		padding-left:	254px;
		/*background:		#3c1e0f;*/
		background: #9F958B;        
		color:			#fff;		
	}
	
	#header a:link {color: #fff; text-decoration: none;}
	#header a:visited {color: #fff; text-decoration: none; }
	#header a:hover {color: #fff; text-decoration: none; }
	#header a:active {color: #fff; text-decoration: none; }
	
	#header h2 {
		margin:			0;
		padding:		0;
		font-size:		1em;
		font-weight:	normal;
		line-height:	2em;
	}
	
	#header h1 {
		margin:			0;
		padding:		0;
		font-size:		1.4em;
		font-weight:	bold;
		line-height:	2em;
	}
	
	#bottomstuff h1 {
		margin:			0;
		padding:		0;
		font-size:		1.4em;
		font-weight:	bold;
		line-height:	2em;
	}
	
	
	/* LEFT HAND COLUMN */
	
	#navcolumn {
		position:		relative;
		float:			left;
		width:			252px;
	}
	
	#logo {
		display:		block;
		overflow:		hidden;
		text-indent:	-10000px;
		position:		relative;
		width:			252px;
		height:			190px;
		background:		transparent url(logo.png) no-repeat top center;
	}
	
	#navcolumn ul {
		width:			210px;
		margin:			0;
		padding:		0;
		margin-left:	20px;
	}
	
	#navcolumn ul li {
		margin:			0;
		padding:		0;
		list-style:		none;
		text-transform:	uppercase;
		border-bottom:	1px solid #614D42;	
		line-height:	2em;
	}
	
	#navcolumn ul li ul li 
	{
	    border-bottom: none;
	}
	
	#navcolumn ul li a {
		display:		block;
		color:			#d4c5b4;
		text-decoration:none;
		letter-spacing:	0.1em;
	}
	
	#navcolumn ul li a:hover, #navcolumn ul li a.active {
		font-weight:	bold;
		color:			white;	
	}
	
	#navcolumn ul li ul {
		width:			200px;
		margin-left:	0;
		padding-left:	10px;
		padding-top:	5px;
		background:		#756254;
	}
	
	#tarrif {
		position:		relative;
		width:			190px;
		padding:		10px;
		margin-top:		10px;
		margin-left:	20px;
		background:		#FCC988;
		color:			#8D694F;
		height:			20px;
	}
	
	#tarrif a {
		color:			#8D694F;
		display:		block;
		text-decoration:none;
		font-size:		1.2em;
		padding-top:	0.3em;
		padding-bottom:	1em;
	}
	
	#vouchers {
		position:		relative;
		width:			190px;
		padding:		10px;
		margin-top:		10px;
		margin-left:	20px;
		background:		#F47844;
		color:			#fff;
		height:			20px;
	}
	
	#vouchers a {
		color:			#8D694F;
		display:		block;
		text-decoration:none;
		font-size:		1.2em;
		padding-top:	0.3em;
		padding-bottom:	1em;
	}
	
	#availability {
		position:		relative;
		width:			190px;
		padding:		10px;
		margin-top:		10px;
		margin-left:	20px;
		background:		#333;
		color:			#9e8873;
		height:			200px;
	}
	
	#availability a {
		color:			#fff;
		display:		block;
		text-decoration:none;
		font-size:		1.2em;
		padding-top:	0.3em;
		padding-bottom:	1em;
	}
	
	#availability p {
		color:			white;
		font-size:		1.1em;
		letter-spacing:	0.2em;
		padding:		0;
		margin:			0;
	}
	
	#availability h4 {
		margin:			0;
		padding:		0;
		line-height:	1.5em;
		font-size:		1.8em;
		font-weight:	normal;
		color:			#9e8873;	
	}
	
	#metapanel {
		position:		relative;
		margin-top:		10px;
		margin-left:	20px;
		width:			210px;
		padding:		10px;
		
		color:			#d7c7ad;
		text-transform:	uppercase;
		font-size:		1.1em;
		line-height:	1.6em;
	}
	
	#metapanel a {
		color:			white;
		text-decoration:none;
	}
	
	/* image replacement headers */
	
	h4#sisterhotel {
		margin:			0;
		padding:		0;
		width:			200px;
		height:			30px;
		position:		relative;
		overflow:		hidden;
		text-indent:	-100000px;
		background:		transparent url(sisterhotel.png) no-repeat top left;
		margin-left:	-10px;
	}
	
	h4#specialoffers {
		margin:			0;
		padding:		0;
		width:			200px;
		height:			30px;
		position:		relative;
		overflow:		hidden;
		text-indent:	-100000px;
		background:		transparent url(specialoffers.png) no-repeat top left;
		margin-left:	-10px;
	}
	
	h4#discoverskye {
		margin:			0;
		padding:		0;
		width:			200px;
		height:			100px;
		position:		relative;
		overflow:		hidden;
		text-indent:	-100000px;
		background:		transparent url(discoverskye.png) no-repeat top left;
		margin-left:	-10px;
	}
	
	#contactdetails {
		color:			#4f4036;	
		text-transform:	none;
		font-size:		1.1em;
		letter-spacing:	0.2em;
		line-height:	1.8em;
	}
	
	#contactdetails a {
		color:			#4f4036;
	}
	
	#contactdetails a:hover {
		color:			white;
	}
	
	/* MAIN CONTENT AREA */
	
	
	#content {
		position:		relative;
		margin:			0;
		padding:		0;
		margin-left:	254px;
	}
	
	#accent {
		position:		relative;
	}
	
	#accent img {
		margin-bottom:	3px;
	}
	
	#accent #announcement {
		background:		transparent url(announcement.png) repeat-y top left;
		position:		absolute;
		bottom:			20px;
		left:			0px;
		line-height:	2em;
		padding-top:	1em;
		padding-bottom:	1em;
		height:			2em;
		text-indent:	1em;
		font-size: 1.2em;
		width:			778px;
		/*color:			#e5d4b9;*/
		color: #fff;
		overflow:		hidden;
	}
	
	#accent #announcement strong {
		font-size:		1.2em;
		font-weight:	bold;
	}
	
	#breadcrumb ul {
		margin:			0;
		padding:		0;
		height:			1em;
		padding-top:	0.7em;
		padding-bottom:	1em;
	}
	
	#breadcrumb ul li {
		float:			left;
		list-style:		none;
		padding-right:	10px;
		margin-right:	10px;
		color:			#4f4036;	
		line-height:	1em;
		font-size:		1em;
		text-transform:	uppercase;
		border-right:	1px solid #4f4036;
	}
	
	#breadcrumb ul li a {
		color:			#4f4036;
		text-decoration:none;
	}
	
	#breadcrumb ul li a:hover {
		color:			white;
	}
	
	#content > p {
		color:			#e5d4b9;
		font-size:		1.3em;
		line-height:	2.2em;
	}
	
	.expandable 
	{
	    color:			#e5d4b9;
		font-size:		1.3em;
		line-height:	2.2em;
		margin-left:	20px;
	}
	
	.expandable a
	{
	    color:			#4f4036;
		text-decoration:none;
	}
	
	#content > p a {
		color:			white;
		text-decoration:none;
	}
	
	#content > p {
		margin-left:	20px;
	}
	
	#highlight {
		width:			142px;
		float:			left;
		height: 100%;
		margin-right:	20px;
		margin-left: 5px;
		background:		#756254;
	}
	
	#highlight p {
		padding:		10px;
		color:			#d5c7b4;
		line-height:	2.2em;
		font-size:		1.3em;
	}
	
	#highlight p a {
		color:			white;
		text-decoration:none;
	}
	
	#insetcolumn {
		width:			190px;
		float:			right;
		margin-left:	20px;
		
		color:			#d5c7b4;
		padding-left:	20px;
		line-height:	2em;
		margin-bottom:	10px;
	}
	
	#insetcolumn > p {
		padding-right:	10px;	
	}
	
	#insetcolumn a {
		color:			white;	
		text-decoration:none;
	}
	
	#insetcolumn strong {
		color:			#4f4036;
		font-size:		1.1em;
	}
	
	ul#languages {
		margin:			0;
		padding:		0;
		height:			20px;
	}
	
	ul#languages li {
		margin:			0;
		padding:		0;
		list-style:		none;
		padding-right:	16px;
		float:			left;
	}
	
	#french, #german, #italian, #spanish {
		display:		block;
		width:			30px;
		height:			18px;
		overflow:		hidden;
		text-indent:	-10000px;
	}
	
	#french {
		background:		transparent url(flag-fr.png) no-repeat top left;
	}
	
	#german {
		background:		transparent url(flag-de.png) no-repeat top left;
	}
	
	#italian {
		background:		transparent url(flag-it.png) no-repeat top left;
	}
	
	#spanish {
		background:		transparent url(flag-es.png) no-repeat top left;
	}
	
	ul#social {
		margin:			0;
		padding:		0;
	}
	
	ul#social li {
		list-style:		none;
		padding:		0;
		margin:			0;
		float:			left;
	}
	
	#linkedinlink {
		width:			41px;
		height:			41px;
		display:		block;
		overflow:		hidden;
		text-indent:	-10000px;
		background:		transparent url(icon-linkedin.png) no-repeat top left;
		background-position:0px -41px;
	}
	
	#linkedinlink:hover {
		background-position:0px 0px;	
	}
	
	#facebooklink {
		width:			41px;
		height:			41px;
		display:		block;
		overflow:		hidden;
		text-indent:	-10000px;
		background:		transparent url(icon-facebook.png) no-repeat top left;
		background-position:0px -41px;
	}
	
	#facebooklink:hover {
		background-position:0px 0px;	
	}
	
	
	#twitterlink {
		width:			41px;
		height:			41px;
		display:		block;
		overflow:		hidden;
		text-indent:	-10000px;
		background:		transparent url(icon-twitter.png) no-repeat top left;
		background-position:0px -41px;
	}
	
	#twitterlink:hover {
		background-position:0px 0px;	
	}
	
	
	
	
	.links 
	{
	    font-size: 12px;	    
	    text-decoration:none;
	}
	
	.links a 
	{
	    font-size: 12px;	    
	    color: #d5c7b4;
	    text-decoration:none;
	}
	
	.links a:link
	{
	    font-size: 12px;	    
	    color: #d5c7b4;
	    text-decoration:none;
	}
	
	.links a:hover
	{
	    font-size: 12px;	    
	    color: #d5c7b4;
	    text-decoration:none;
	}
	
	.Teaser {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}
.Head {
	font-size: 14px;
	text-align: center;
}
.Align {
	text-align: center;
}

#calendarDiv 
{
    color: Black;
}

#content1 
{
    width: 568px;     
    background: #887A71;   
}

#content1 {
color:#CAC1B8;
font-size:1.3em;
line-height:2.2em;
}

#content1 a {
		color:			white;
		text-decoration:none;
	}	
	
	
#content1 .outer{
background:transparent url(../images/gold.jpg) repeat-y left top;
}

#content1 .inner{
background:transparent url(../images/gold.jpg) repeat-y right top;
}

#content3 
{    
    height: 100%;
    width: 400px;
    margin-left: 164px;
}
	#footer {
clear:both;
font-size:10px;
line-height:12px;
margin-bottom:10px;
margin-left:10px;
margin-top:10px;
padding-bottom:10px;
color:			#d5c7b4;
		font-size:		10px;		
		letter-spacing:	2px;
}

	
	#footer ul {
		margin:			0;
		padding:		0;
		height:			24px;
	}
	
	#footer ul li {
		list-style:		none;
		padding:		0;
		margin:			0;
		padding-right:	5px;
		padding-left:	5px;
		border-left:	1px solid #d5c7b4;
		color:			#d5c7b4;
		font-size:		0.9em;
		float:			left;
		letter-spacing:	0.4em;
	}
	
	#footer ul li a {
		color:			#d5c7b4;
		text-decoration:none;
	}
	
	#footer a 
	{
	    padding-right:	5px;
		padding-left:	5px;
		border-left:	1px solid #d5c7b4;
		color:			#d5c7b4;
		font-size:		0.9em;
		letter-spacing:	0.4em;
		text-decoration:none;
	}
	
	#footer ul li a:hover {
		text-decoration:underline;
	}