body 
{
	background-color: #FAFAE7;
	text-align: center;
	margin: 20px 0px 40px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* main layout */

#idOuterContainer 
{
	display: block;
	position: relative;
	background-color: #ffffff;	
	height: auto;
	width: 900px;
	margin: 0px auto;
	padding: 15px 10px;
	text-align: left;
}

#idTopNav 
{
	background: url(../images/navbg.gif) no-repeat top right #ffffff;
	width: 304px;
	height: 259px;
	text-align: left;
	float: left;
	padding: 20px 16px 0px 0px;
	margin: 0px;
	display: block;
	position: relative;
	overflow: hidden;
}

/* top navigation */

#idTopNav ul
{
    width: 260px;
    float: right;
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	color: #ffffff;
}

#idTopNav ul li
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

#idTopNav ul li a:link,
#idTopNav ul li a:active,
#idTopNav ul li a:visited
{
	text-decoration: none;
	color: #ffffff;
	font-weight: 700;
	border-bottom: 1px solid #e4c3ce;
	display: block;
	padding: 2px 0px 3px 3px;
	font-size: 12px;
}

#idTopNav ul li a:hover
{
	text-decoration: none;
	background-color: #e4c3ce;
	color: #3C0613;
	border-bottom: 1px solid #e4c3ce;
}

/* headers */

#idHeader 
{
	display: block;
	position: relative;
	height: 279px;
	width: 572px;
	background-color: #FFFFFF;
	float: right;
	padding-right: 3px;
}

.clsApartments
{
	background: url(../images/css/header-apartments.jpg) no-repeat top left #ffffff;
}

.clsHome
{
	background: url(../images/css/header-main.jpg) no-repeat top left #ffffff;
}

.clsGerddi
{
	background: url(../images/css/header-gerddi.jpg) no-repeat top left #ffffff;
}

.clsMuriau
{
	background: url(../images/css/header-muriau.jpg) no-repeat top left #ffffff;
}

.clsSimddaFawr
{
	background: url(../images/css/header-simddafawr.jpg) no-repeat top left #ffffff;
}

.clsTanyTwr
{
	background: url(../images/css/header-tanytwr.jpg) no-repeat top left #ffffff;
}

.clsFlagTower
{
	background: url(../images/css/header-flagtower.jpg) no-repeat top left #ffffff;
}

.clsWestWing
{
	background: url(../images/css/header-westwing.jpg) no-repeat top left #ffffff;
}

.clsNorthTower
{
	background: url(../images/css/header-northtower.jpg) no-repeat top left #ffffff;
}

.clsHistory
{
	background: url(../images/css/header-history.jpg) no-repeat top left #ffffff;
}

.clsGrounds
{
	background: url(../images/css/header-grounds.jpg) no-repeat top left #ffffff;
}

.clsBooking
{
	background: url(../images/css/header-booking.jpg) no-repeat top left #ffffff;
}

.clsContact
{
	background: url(../images/css/header-contact.jpg) no-repeat top left #ffffff;
}

.clsFacilities
{
	background: url(../images/css/header-facilities.jpg) no-repeat top left #ffffff;
}

.clsEating
{
	background: url(../images/css/header-eating.jpg) no-repeat top left #ffffff;
}

.clsArea
{
	background: url(../images/css/header-area.jpg) no-repeat top left #ffffff;
}

.clsFinding
{
	background: url(../images/css/header-finding.jpg) no-repeat top left #ffffff;
}

.clsHoneymoon
{
	background: url(../images/css/header-honeymoon.jpg) no-repeat top left #ffffff;
}

/* content columns */

#idContent 
{
	display: block;
	position: relative;
	background-color: transparent;
	padding: 10px 0px 0px 0px;
	width: 100%;
	clear: both;
}

#idContent #idCol1
{
	display: block;
	position: relative;
	width: 550px;
	float: left;
	padding: 0px 5px 0px 10px;
	margin: 0px;
}

#idContent #idCol2
{
	display: block;
	position: relative;
	width: 321px;
	float: right;
	padding: 0px 3px 0px 0px;
	margin: 0px;
}

#idContent #idCol2 #idInnerContent
{
    padding: 10px;
	width: auto;
}

/* footer */

#idFooter
{
	display: block;
	position: relative;
	width: 800px;
	clear: both;
	font-size: 10px;
	border-top: 10px solid #FAFAE7;
	margin: 0px auto;
	padding: 10px 60px;
	background-color: #ffffff;
	text-align: center;
	display: block;
}

#idFooter ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	left: 0px;
}

#idFooter ul li
{
	display: inline;
}

#idFooter ul li a:link, #idFooter ul li a:active, #idFooter ul li a:visited,
#idFooter a:link, #idFooter a:active, #idFooter a:visited
{
	text-decoration: none;
	color: #767072;
	font-weight: 500;
}

#idFooter ul li a:hover,
#idFooter a:hover
{
	text-decoration: underline;
}

#idFooter .clsCopy
{
	display: block;
	margin-top: 2px;
}

/* basic text styles */

p
{
	padding: 0px;
	margin: 0px 0px 15px 0px;
}

a:link, a:active, a:visited
{
	font-weight: 700;
	color: #771840;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.clsPara1
{
	font-size: 13px;
	font-weight: 700;
	color: #771840;
}

.clsLarger
{
	font-size: 13px;
	font-weight: 700;
}

.clsQuote
{
	display: block;
	position: relative;
	font-family: Times New Roman, Times New Roman, Serif;
	font-size: 18px;
	color: #B72161;
	font-weight: 700;
	font-style: italic;
	text-align: center;
	padding: 0px 15px 15px 0px;
}

.clsQuoteAlt
{
	display: block;
	position: relative;
	font-family: Times New Roman, Times New Roman, Serif;
	font-size: 14px;
	color: #949494;
	font-weight: 500;
	font-style: italic;
	text-align: center;
	padding: 20px 15px 15px 0px;
}

.clsSmall
{
	font-size: 85%;
}

.clsBold
{
	font-weight: 700;
}

h1 
{
	font-size: 22px;
	color: #771840;
	font-weight: 700;
	padding: 0px;
	margin: 0px 0px 15px 0px;
}
	
h2 
{
	font-size: 18px;
	color: #B72161;
	font-weight: 700;
	padding: 0px;
	margin: 10px 0px 15px 0px;
}

h3 
{
	font-size: 14px;
	color: #48525E;
	font-weight: 700;
	padding: 0px;
	margin: 10px 0px 15px 0px;
}
	
h4,h5,h6 
{
	font-size: 12px;
	color: #B72161;
	font-weight: 700;
	padding: 0px;
	margin: 10px 0px 15px 0px;
}

a.clsApartments:link,
a.clsApartments:active,
a.clsApartments:visited
{
    width: 321px;
    height: 57px;
    background: #ffffff url(../images/apartment_links.gif) 0 0 no-repeat;
    display: block;
    overflow: hidden;
    margin: 0 0 5px 0;
    padding: 0;
}

a.clsApartments:hover
{
    background-position: 0 -57px;
}

a.clsApartments span
{
    display: none;
}

/* highlight styles */

#idCol1 .clsHighLight
{
	display: block;
	position: relative;
	margin: 0px;
	padding: 10px 10px 0px 10px;
	width: auto;
	/*border: 1px solid #6E1A3E;*/
	border: 1px solid #949494;
}

#idCol1 .clsHighLight1
{
	display: block;
	position: relative;
	margin: 0px;
	padding: 10px 10px 0px 10px;
	width: auto;
	/*border: 1px solid #6E1A3E;*/
	border: 1px solid #949494;
	background: url(../images/highlightbg.gif) repeat-x bottom left #ffffff;
}

#idCol2 #idInnerContent .clsQuoteBlock
{
	display: block;
	position: relative;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 0px 55px;
	width: auto;
	/*border: 1px solid #6E1A3E;*/
	border: 1px solid #949494;
	background: url(../images/quoteblockbg.gif) no-repeat top left #ffffff;
}

#idCol2 #idInnerContent .clsQuoteBlock .clsReview,
#idCol1 .clsReview
{
    font-size: 1.15em;
    font-style: italic;
    display: block;
}

#idCol1 .clsReview
{
    font-size: 1.25em;
    margin: 10px 0px 0px 0px
}

#idCol2 #idInnerContent .clsQuoteBlock .clsCredit,
#idCol1 .clsCredit
{
    display: block;
    text-align: right;
    padding: 10px 0px;
}

#idCol2 #idInnerContent .clsQuoteBlock .clsCredit
{
    height: 29px;
    margin: 0px 0px 10px 0px;
    padding: 0px 45px 0px 0px;
	background: url(../images/creditbg.gif) no-repeat top right #ffffff;
}

#idCol2 #idInnerContent .clsHighLight
{
	display: block;
	position: relative;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 0px 10px;
	width: auto;
	/*border: 1px solid #6E1A3E;*/
	border: 1px solid #949494;
}

#idCol2 #idInnerContent .clsHighLight1
{
	display: block;
	position: relative;
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 0px 10px;
	width: auto;
	/*border: 1px solid #6E1A3E;*/
	border: 1px solid #949494;
	background: url(../images/highlightbg.gif) repeat-x bottom left #ffffff;
}

/* highlight specific text styles */

#idCol1 .clsHighLight h2,
#idCol1 .clsHighLight1 h2,
#idCol2 #idInnerContent .clsHighLight h2,
#idCol2 #idInnerContent .clsHighLight1 h2
{
	margin-top: 0px;
	font-size: 18px;
	color: #771840;
	font-weight: 700;
}

#idCol2 #idInnerContent .clsHighLight h2,
#idCol2 #idInnerContent .clsHighLight1 h2
{
	font-size: 14px;
}

#idCol1 .clsHighLight h3,
#idCol1 .clsHighLight1 h3,
#idCol2 #idInnerContent .clsHighLight h3,
#idCol2 #idInnerContent .clsHighLight1 h3
{
	margin-bottom: 10px;
	font-size: 14px;
	color: #B72161;
	font-weight: 700;
}

#idCol1 .clsHighLight ol,
#idCol1 .clsHighLight1 ol,
#idCol2 #idInnerContent .clsHighLight ol,
#idCol2 #idInnerContent .clsHighLight1 ol,
#idCol1 .clsHighLight ul,
#idCol1 .clsHighLight1 ul,
#idCol2 #idInnerContent .clsHighLight ul,
#idCol2 #idInnerContent .clsHighLight1 ul
{
	padding: 0px;
	margin-left: 25px;
}

#idCol1 .clsHighLight ol li,
#idCol1 .clsHighLight1 ol li,
#idCol2 #idInnerContent .clsHighLight ol li,
#idCol2 #idInnerContent .clsHighLight1 ol li,
#idCol1 .clsHighLight ul li,
#idCol1 .clsHighLight1 ul li,
#idCol2 #idInnerContent .clsHighLight ul li,
#idCol2 #idInnerContent .clsHighLight1 ul li
{
	padding: 0px;
}

#idCol1 ul li,
#idCol1 .clsHighLight ul li,
#idCol1 .clsHighLight1 ul li,
#idCol2 #idInnerContent .clsHighLight ul li,
#idCol2 #idInnerContent .clsHighLight1 ul li
{
	list-style-type: circle;
}

/* image styles */

#idCol1 .clsImage
{
	/*border: 1px solid #6E1A3E;*/
	border: 1px solid #949494;
	padding: 3px;
	margin: 5px auto 20px auto;
	display: block;
}

#idCol1 .clsCaption
{
	width: 400px;
	display: block;
	padding: 3px;
	margin: -15px auto 20px auto;
	font-size: .85em;
	text-align: center;
}

#idCol1 .clsImageL
{
	/*border: 1px solid #6E1A3E;*/
	border: 1px solid #949494;
	padding: 3px;
	float: left;
	margin: 3px 5px 5px 5px;
	display: block;
}

#idCol1 .clsImageR,
#idCol2 .clsImageR
{
	/*border: 1px solid #6E1A3E;*/
	border: 1px solid #949494;
	padding: 3px;
	float: right;
	margin: 3px 18px 5px 5px;
	display: block;
}

#idCol1 .clsImageRAlt
{
	/*border: 1px solid #6E1A3E;*/
	border: 1px solid #949494;
	padding: 3px;
	float: right;
	margin: 3px 5px 5px 10px;
	display: block;
}

/* table styles */

table.clsTableStandard
{
	clear: both;
	margin: 0px 0px 15px 0px;
	display: table;
}

table.clsTableStandard tr 
{
	width: 100%;
}

table.clsTableStandard tr td.clsTDStandard
{
	padding: 3px;
	background-color: #F7EEF2;
}

table.clsTableStandard tr td.clsTDHeader
{
	padding: 3px;
	background-color: #771840;
	font-weight: 700;
	color: #ffffff;
}

table.clsContct
{
	width: 431px;
}

table.clsContct tr 
{
	width: 431px;
}

table.clsContct tr td.clsTDCntct
{
	width: 431px;
	border-top: 2px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #F7EEF2;
	padding: 5px;
}

table.clsContct tr td.clsTDCntctOpt
{
	width: 431px;
	border-top: 2px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #f0f0f0;
	padding: 5px;
}

/* form styles */

.clsSelect
{
	background-color: #ffffff;
	border: 1px solid #6E1A3E;
	color: #000000;
	font-weight: 500;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 10px 0px 2px 0px;
}

.clsInput
{
	background-color: #ffffff;
	border: 1px solid #6E1A3E;
	color: #000000;
	font-weight: 500;
	width: 275px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 0px 2px 0px;
}

.clsTextArea
{
	background-color: #ffffff;
	border: 1px solid #6E1A3E;
	color: #000000;
	font-weight: 500;
	width: 275px;
	height: 75px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 0px 2px 0px;
}

.clsSubmit
{
	background-color: #6E1A3E;
	border: 1px solid #ffffff;
	color: #ffffff;
	font-weight: 700;
	margin: 10px 0px 2px 0px;
	padding: 5px 9px;
}

.clsNumber
{
    margin: 4px 0px 0px 0px;
    padding: 2px 0px 0px 0px;
    width: 20px;
    height: 20px;
    display: inline-block;
	background-color: #6E1A3E;
	color: #ffffff;
	text-align: center;
	font-weight: 700;
	font-size: 1.25em;
}