/* Developed by Craig Bell (www.craigbell.co.uk) for Alexandra Guest Houses (c) 2008 */
/* Latest Revision: 25th August 2008 @ 01:26 */

/* Body & Headers */		
	
	body {
		background-image:		url(../images/background.png);
		margin-top:				0px;
		margin-left:			0px;
		margin-right:			0px;
		}
	
	a img {
		border:					none;
		}
	
	a:link    {

  text-decoration:  underline;
}
a:visited {

  text-decoration:  underline;

  } 
a:hover   {

  text-decoration:  underline;
  }
  


/* Divisions */

	.imageholder{
		width:					100%;
		margin-left:			0px;
		margin-right:			0px;
		}
		
			.imageholder2{
		width:					100%;
		margin-left:			35px;
		margin-right:			0px;
		}

	.ratepriceholder{
		margin-left:			66px;
		margin-right:			66px;
		margin-top:				20px;
		margin-bottom:			20px;
		}

	.ratespace{
		height:					10px;
		width:					555px;
		}

	.mapcontainer{
		width:					100%;
		margin-left:			35px;
		margin-right:			35px;
		}

	.wrapper{
		width:					100%;
		margin-left:			0px;
		margin-right:			0px;
		}

	.topmargin{
		height:					50px;
		}

	.screamerwrapper{
		height:					195px;
		width:					100%;
		background-color:		#C4C3B1;
		background-image:		url(../images/screamerwrapper-background.png);
		margin-left:			auto;
		margin-right:			auto;
		}
		
	.screamercontainer{
		height:					195px;
		width:					750px;
		margin-left:			auto;
		margin-right:			auto;
		} 
		
	.logo{
		height:					195px;
		width:					195px;
		float:					left;
		background-color:		#353535;
		background-image:		url(../images/alexandralogo.png);
		}
		
	.screamerdisplay{
		height:					195px;
		width:					555px;
		float:					right;
		background-image:		url(../images/header-quayside.png);
		}
		
	.contentwrapper{
		height:					auto;
		width:					750px;
		background-color: 		#353535;
		margin-left:			auto;
		margin-right:			auto;
		}
		
	.screamertextleft{
		height:					45px;
		width:					195px;
		float:					left;
		background-color: 		#2E2E2E;
		margin-left:			auto;
		margin-right:			auto;
		}
		
	.screamertextright{
		height:					45px;
		width:					555px;
		background-color:		#2E2E2E;
		float:					right;		
		margin-left:			auto;
		margin-right:			auto;
		}
		
	.contenttopmargin-left{
		height:					15px;
		width:					195px;
		float:					left;
		background-color:		#2E2E2E;	
		margin-left:			auto;
		margin-right:			auto;
		}
		
	.contenttopmargin-right{
		height:					15px;
		width:					555px;
		float:					right;
		background-color:		#353535;
		margin-left:			auto;
		margin-right:			auto;
		}
		
	.navigation{
		height:					auto;
		width:					195px;
		float:					left;
		background-color:		#2E2E2E;	
		margin-left:			auto;
		margin-right:			auto;
		}
		
	.contentcontainer{
		height:					auto;
		width:					555px;
		float:					right;
		background-color:		#353535;
		margin-left:			auto;
		margin-right:			auto;
		}

	.navbottomcurve{
		height:					30px;
		width:					195px;
		background-color: 		#353535;
		background-image: 		url(../images/navigationimg-curve.png);
		}

	.passionatecontainer{
		height:					160px;
		width:					195px;
		background-color:		#353535;
		}
	
	.navbottommargin{
		height:					210px;
		width:					195px;
		background-color:		#353535;
		}

	.header{
		height:					30px;
		width:					555px;
		margin-left:			25px;
		margin-bottom:			15px;
		}
	
	.headerdivider{
		height:					1px;
		width:					530px;
		margin-left:			25px;
		background-color:		#CCCCCC;
		}

	.content{
		height:					auto;
		width:					auto;
		}

	.footercontainer{
		height:					auto;
		width:					750px;
		background-color:		#2E2E2E;
		}
	
	.footerfirst{
		height:					15px;
		width:					750px;
		margin-top:				10px;
		text-align:				center;
		}
	
	.footersecond{
		height:					15px;
		width:					750px;
		margin-bottom:			10px;
		text-align:				center;
		}
		

	.imgcont{
		height:					160px;
		width:					auto;
		margin-left:			45px;
		float: 					left;
		}
		
	.ratecontainerleft{
		height:					70px;
		width:					222px;
		margin-left:			55px;
		float: 					left;
		border-left: 			1px;
		border-top: 			1px;
		border-bottom: 			1px;
		border-right: 			0px;
		border-color:			#FFFFFF;
		border-style:			solid;
		}

	.ratecontainerright{
		height:					70px;
		width:					222px;
		float: 					left;
		background-color:		#2E2E2E;
		border-left: 			0px;
		border-top: 			1px;
		border-bottom: 			1px;
		border-right: 			1px;
		border-color:			#FFFFFF;
		border-style:			solid;
		}


/* Navigation Buttons */

	.navbutton{
		height:					40px;
		width:					195px;
		background-color:		#2E2E2E;
		}
	
		.navbutton:hover{
			height:					40px;
			width:					195px;
			background-color:		#353535;
			}
		
		.navbutton-pressed{
			height:					40px;
			width:					195px;
			background-color:		#353535;
			line-height:			30px;	
			}
	
	.subnav{
		height:					30px;
		width:					195px;
		background-color:		#2E2E2E;
		line-height:			30px;	
		}
	
		.subnav:hover{
			height:					30px;
			width:					195px;
			background-color:		#FFFFFF;
			line-height:			30px;	
			}
				
				.subnavpressed{
				height:					30px;
				width:					195px;
				background-color:		#FFFFFF;
				line-height:			30px;	
				}

/* Text */

	.bodytext{
		font-family:			Arial, Helvetica, sans-serif;
		font-size:				12px;
		text-align:				justify;
		color:					#CCCCCC;
		margin-left:			50px;
		margin-right:			35px;
		margin-top:				15px;
		margin-bottom:			15px;
		list-style-type: 		none;
		text-decoration:		none;
		list-style:				disc;
		list-style-position:	inside;
		}
		
			.bodytextnobullet{
		font-family:			Arial, Helvetica, sans-serif;
		font-size:				12px;
		text-align:				justify;
		color:					#CCCCCC;
		margin-left:			50px;
		margin-right:			35px;
		margin-top:				15px;
		margin-bottom:			15px;
		list-style-type: 		none;
		text-decoration:		none;
		list-style:				none;
		}
		
	.bodytextlink{
		font-family:			Arial, Helvetica, sans-serif;
		font-size:				12px;
		text-align:				justify;
		color:					#CCCCCC;
		margin-top:				0px;
		margin-bottom:			0px;
		list-style-type: 		none;
		text-decoration:		underline;
		}
	
	.boldtext{
		font-family:			Arial, Helvetica, sans-serif;
		font-size:				13px;
		font-weight:			bold;
		text-align:				justify;
		color:					#CCCCCC;
		margin-left:			35px;
		margin-right:			35px;
		margin-top:				0px;
		margin-bottom:			0px;
		}

	.subhead{
		font-family:			Arial, Helvetica, sans-serif;
		font-size:				13px;
		font-weight:			bold;
		text-align:				justify;
		color:					#CCCCCC;
		margin-left:			35px;
		margin-right:			35px;
		}

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

	.ratewhitetext{
		font-family:			Arial, Helvetica, sans-serif;
		font-weight:			bold;
		text-align:				justify;
		font-size:				11px;
		color:					#FFFFFF;
		margin-top:				25px;
		margin-bottom:			25px;
		margin-left:			10px;
		}


	.footerlink{
		font-family:			Arial, Helvetica, sans-serif;
		font-size:				10px;
		text-decoration:		underline;
		color:					#FFFFFF;
		}

	.subnavtext{
		margin-left:			30px;
		font-family:			Times New Roman, Times, serif;
		font-size:				12px;
		color:					#FFFFFF;
		text-decoration:		none;
		}

		.subnavtext:hover{
			margin-left:			30px;
			font-family:			Times New Roman, Times, serif;
			font-size:				12px;
			color:					#000000;
			text-decoration:		none;
			}

	.subnavtextpressed{
		margin-left:			30px;
		font-family:			Times New Roman, Times, serif;
		font-size:				12px;
		color:					#000000;
		text-decoration:		none;
		}
		
/* Slimbox */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #2E2E2E;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #2E2E2E;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/slimbox/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #2E2E2E;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 28px;
	height: 28px;
	background: transparent url(../images/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}