body
{
	font-family: Century Gothic, Arial, Verdana, Sans-Serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 13px;
	background-color: #195973;
}

a
{
	text-decoration: none;
	color: #195973;
}

a:hover
{
	text-decoration: underline;
	color: #2f3a2d;
}

/* Main wrapper */
#Wrapper
{
	background-color: #ffffff;
	width: 950px;
	border-left: solid 10px #195973;
	border-right: solid 10px #195973;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}

/* Banner */
#Banner
{
	background: #195973 url(Graphics/web-banner.jpg) no-repeat;
	height: 30px;
	padding-top: 120px;
}

#BannerMenu
{
	background-color: #f1e2be;
	height: 24px;
	width: 680px;
	line-height: 24px;
}

#BannerMenu a
{
	padding-left: 20px;
	text-transform: lowercase;
	color: #195973;
}

#BannerMenu a:hover
{
	color: #2f3a2d;
}

/* General content holder */
#HomeIntro
{
	width: 920px;
	padding-left: 30px;
	padding-top: 20px;
	background: #ffffff url(Graphics/ApolloJewel.jpg) no-repeat scroll top right;
	height: 540px;
	text-align: justify;
}

#HomeIntroText
{
	background: #ffffff url(Graphics/apartment-text.jpg) no-repeat;
	width: 550px;
	padding-top: 42px;
}

#HomeIntroText p
{
	margin: 0 0 20px 0;
	line-height: 21px;
}

.Montage
{
	padding-top: 1px;
}

/* Footer */
#Footer
{
	background-color: #f1e2be;
	height: 24px;
	width: 100%;
	line-height: 24px;
	text-align: right;
}

#Footer a
{
	padding-right: 30px;
	text-transform: lowercase;
	color: #195973;
}

#Footer a:hover
{
	color: #2f3a2d;
}

#FooterContact, #FooterWeb
{
	padding-right: 30px;
	width: 920px;
	background-color: #f1e2be;
	height: 72px;
	line-height: 24px;
	text-align: right;
}

#FooterContact a, #FooterWeb a
{
	text-transform: lowercase;
	color: #195973;
}

#FooterContact a:hover, #FooterWeb a:hover
{
	color: #2f3a2d;
}

#FooterWeb
{
	height: 40px;
	line-height: 40px;
	font-size: 12px;
}

/* Accommodation page */
.AccommHolder
{
	width: 890px;
	padding: 30px 30px 0 30px;
	height: 480px;
	line-height: 21px;
	background: #ffffff url(Graphics/apollo-text.jpg) no-repeat scroll bottom right;
}

.AccommImages
{
	float:left;
	height: 100%;
	width: 310px;
	padding-right: 30px;
}

.AccommPic
{
	height: 235px;
	width: 310px;
	padding-bottom: 10px;
	border: none;
}

.AccommText
{
	float:left;
	width: 550px;
	height: 100%;
}

.AccommTable
{
	width: 540px;
	background-color: #f1e2be;
	color: #000000;
	line-height: 21px;
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
}

.AccommTableRow
{
	width: 100%;
	height: 21px;
}

.AccommTableHeader
{
	color: #2f3a2d;
	font-weight: bold;
	padding-left: 10px;
}

.AccommTableCola
{
	float:left;
	width: 180px;
	height: 21px;
	padding-left: 20px;
}
.AccommTableColb, .AccommTableColc
{
	float:left;
	width: 170px;
	height: 21px;
}

.AccommSpacer
{
	width: 100%;
	height: 30px;
}

/* Gallery */
#Gallery
{
	width: 100%;
	height: 1450px;
}

.GallerySquare
{
	width: 475px;
	float: left;
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	height: 252px;
	background: #ffffff;
	text-align: center;
}

.GalleryPic
{
	width: 300px;
	height: 225px;
	border: none;
}

#GallerySlideshow
{
	background: #f1e2be;
	text-align: center;
	height: 40px;
	line-height: 40px;
}

#Gallery a
{
	text-transform: lowercase;
	color: #195973;
}

#Gallery a:hover
{
	color: #2f3a2d;
}

.SlideshowButton
{
	width: 300px;
	height: 100px;
	border: none;
}

.GalleryText
{
	width: 100%;
	text-align: center;
	font-size: 14px;
	height: 17px;
	padding: 5px 0 5px 0;
}

.GalleryText a
{
	color: #d8c2ab;
	text-decoration: none;
}

.GalleryText a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

/* Login form */
#Login
{
	background: #ffffff;
	width: 100%;
	font-size: 14px;
}

#Login h1
{
	margin: 0 0 0 0;
	font-size: 16px;
	background-color: #f1e2be;
	color: #000000;
	width: 100%;
	padding: 5px 0 5px 0;
	height: 20px;
	text-align: center;
}

#LoginInset
{
	padding: 10px 2% 10px 2%;
	width: 50%;
	height: 150px;
	margin-left:auto;
	margin-right: auto;
}

.LoginPic
{
	float: left;
	padding-right: 10px;
}

.LoginText
{
	float:left;
}

/* Location page */
#Location
{
	width: 890px;
	padding: 30px 30px 30px 30px;
	background-color: #ffffff;
	height: 500px;
	line-height: 21px;
	text-align: justify;
}

#LocationMap
{
	float:left;
	height: 100%;
	width: 450px;
	padding-right: 10px;
}

#LocationDescription
{
	float: left;
	height: 100%;
	width: 430px;
}

#LocationText
{
	height: 303px;
	width: 100%;
}

#LocationPic
{
	background: #ffffff url(Graphics/sunrise.jpg) no-repeat;
	height: 197px;
	width: 100%;
}

/* Butterfly */
#Butterfly
{
	width: 890px;
	padding: 30px 30px 30px 30px;
	background-color: #ffffff;
	line-height: 21px;
	text-align: justify;
	height: 300px;
}

#Butterfly p
{
	margin: 0 0 20px 0;
}

.PicLeft
{
	float: left;
	padding-right: 10px;
	border: none;
}

.PicRight
{
	float: right;
	padding-left: 10px;
	border: none;
}

/* COntact page */
#Contact
{
	width: 950px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #ffffff url(Graphics/contact-us.jpg) no-repeat;
	height: 565px;
	text-align: justify;
	line-height: 21px;
}

#ContactSection
{
	width: 550px;
	padding-left: 370px;
	padding-right: 30px;
}

#ContactSection p
{
	margin: 10px 0 10px 0;
}

#ContactForm
{
	height: 452px;
}

#ContactDetails
{
	background-color: #f1e2be;
	height: 84px;
	width: 530px;
	padding: 10px 10px 10px 10px;
}

/* Availability calendar */
#Calendar
{
	padding: 30px 30px 30px 30px;
	height: 125px;
}

#CalendarIntro
{
	width: 94%;
	padding: 0 3% 30px 3%;
}

#CalendarButtons
{
	padding: 30px 30px 30px 30px;
	height: 24px;
}

.ThreeCol
{
	float:left;
	height: 100%;
	width: 25%;
	padding-left: 8%;
}

.CalendarHeading
{
	font-size: 14px;
	font-weight: bold;
	width: 100%;
}

.CalendarRow
{
	width: 100%;
	font-size: 11px;
	text-align: center;
	height: 20px;
	line-height: 20px;
}

.CalendarDayHeading
{
	float:left;
	width: 20px;
	background-color: #f1e2be;
	color: #2f3a2d;
}

.CalendarDayEmpty
{
	float:left;
	width: 20px;
	background-color: #ffffff;
	color: #ffffff;
}

.CalendarDayBooked
{
	float:left;
	width: 20px;
	background-color: #ff0000;
	color: #ffffff;
}

.CalendarDayAvailable
{
	float:left;
	width: 20px;
	background-color: #ffffff;
	color: #000000;
}

.CalendarBook
{
	background-color: #f1e2be;
	width: 140px;
	text-align: center;
}

/* Two columns */
.TwoColCalendar
{
	float:left;
	width: 49%;
	height: 240px;
}

.ThreeColBooking
{
	float:left;
	width: 33%;
	height: 45px;
}

.OneCol
{
	width: 100%;
}

.Booked
{
	background-color: #ff0000;
	color: #000000;
	padding: 0 5px 0 5px;
}

.Apartment
{
	width: 98%;
	background-color: #f1e2be;
	padding: 10px 0 10px 2%;
	margin: 10px 0 10px 0;
	font-weight: bold;
}

/* terms and conditions */
#Terms
{
	padding: 20px 20px 20px 20px;
	height: 330px;
}