/*******************************************/
/* Layout                                  */
/*******************************************/

/****************/
/* Key elements */
/****************/

/* Body */
body  {
background			: #f8f6ee;
margin				: 0; 
padding				: 0;
text-align			: center; /* center container in IE 5* browsers. Left aligned default in #container selector */
color				: #000000;
}


/* Container with gradient effect */
.holidayret #container { 
width				: 1000px; /* 20px < 1024px allowing for browser chrome and avoiding a horizontal scroll bar */
background-image	: url(../images/template/mcbg.gif);
margin				: 0 auto; /* the auto margins (in conjunction with a width) center the page */
text-align			: left; /* this overrides the text-align: center on the body element. */
}


/* Inner container for main structure and page content */
.holidayret #inner { 
width				: 992px;
/* background-image	: url(../images/template/faf8f0.jpg); */
margin				: 0 auto;
text-align			: left;
} 


/****************/
/* Header       */
/****************/

/* Header div */
.holidayret #header {
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 10px;
color				: #FFFFFF; 
background-image	: url(../images/template/headerbg.gif);
padding				: 10px 20px 10px 20px;  /* padding matches the left alignment of the elements in the divs beneath */
margin				: 0;
min-height			: 25px;
height				: auto !important;
height				: 25px;
} 


/* Text size selector div */
#txtsize { 
width				: 460px;
height				: 19px;
float				: left;
}

#txtsize a:link img , #txtsize a:visited img,  #txtsize a:active img { 
margin: 0px 1px -1px 0px;
}

#txtsize a:hover img { 
margin: 0px 1px -2px 0px;
border-bottom: 1px #ffffff solid;
}


/* Header links div */
#links {
padding-top			: 5px;
width				: 460px;
text-align			: right;
float				: right;
font-size			: 12px;
} 


#txtsize a.access:link, #txtsize a.access:visited  {
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 16px;
color				: #FFFFFF;
text-decoration		: none;
}

#txtsize a.access:hover {
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 16px;
color				: #FFFFFF;
text-decoration		: underline;
}


/****************/
/* Side bar     */
/****************/

/* Side bar */
.holidayret #sidebar1 {
float				: left; /* since this element is floated, a width must be given */
width				: 262px; /* the actual width will include the padding and border in addition to the width */
padding				: 0;
margin				: 0;
border-right		: 1px #ffffff solid;
}


/* Side bar logo container */
#logo {
margin				: 0;
padding				: 0;
width				: 262px;
height				: 156px;
}


/* Main menu container */
#nav {
margin				: 0;
padding				: 0;
width				: 262px;
height				: 250px; /* height: 280px; for 8 item menu - use navigation.css & menu2 images */
}

/* Main menu container */
#navx {
margin				: 0;
padding				: 24px 0px 23px 0px;
width				: 262px;
height				: 203px;
background-image	: url(../images/template/menubg.gif);
background-repeat	: no-repeat;
background-position	: bottom;
background-color	: #108fa3;
}

#navx a:link, #navx a:visited {
display: block;
width: inherit;
height:24px;
margin: 0;
padding: 5px 0px 0px 20px;
color: #ffffff;
font-family: Lucida Grande, Arial, Helvetica, sans-serif;
font-size: 13px;
text-decoration: none;
}

#navx a:active, #navx a:hover {
background: url(../images/template/menu_over.png) 0 0 no-repeat;
}

/* Book viewing container */
#view {
margin				: 0;
padding				: 0;
width				: 262px;
background-image	: url(../images/template/viewbg.jpg);
min-height			: 136px;
height				: auto !important;
height				: 136px;
background-repeat	: no-repeat;
background-position : top;
background-color	: #621b31;
border-top			: 1px #ffffff solid;
}


/* Request brochure container */
#brochure {
margin				: 0;
padding				: 0px 0px 30px 0px;
width				: 262px;
background-image	: url(../images/template/brobg.jpg);
background-repeat	: no-repeat;
border-top			: 1px #ffffff solid;
}

#brochure p {
line-height: 1.2;
}

/*********************/
/* Main page content */
/*********************/

/* Main (page specific) content container */
.holidayret #mainContent { 
margin				: 0;
padding				: 0; /* padding is the space inside the div box and margin is the space outside the div box */
width				: 729px;
overflow			: hidden;
float				: left;
} 

/* Main (top) image */
img.mainimg {
padding				: 0;
margin				: 0;
}

/* Page content below main image/flash slideshow */
.holidayret #pagecontent { 
margin				: 20px 20px 20px 20px; 
padding				: 0;
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 12px;
color				: #848484;
} 


/****************/
/* Footer       */
/****************/

/* Footer div */
.holidayret #footer { 
min-height			: 56px;
height				: auto !important;
height				: 56px;
padding				: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
/*background-image	: url(../images/template/footerbg.gif);
background-repeat	: repeat-x;
background-color	: #7f2743; */
background-image	: url(../images/template/footerbgblue.gif);
background-repeat	: repeat-x;
background-color	: #107185;
margin				: 0;
}

/****************/
/* Floating     */
/****************/

/* Float element right */
.fltrt { /* floated element must precede the element it should be next to on the page. */
float				: right;
}


/* Float element left */
.fltlft {
float				: left;
clear				: left;
}


/* Clear float */
/* Should be placed on a div or break element & should be the final element before the close of a container that should fully contain a float */
.clearfloat { 
clear				: both;
height				: 0;
font-size			: 1px;
line-height			: 0px;
margin:0;
}


/*******************************************/
/* Styles                                  */
/*******************************************/

/****************/
/* Header       */
/****************/

/* Header parargraph */
.holidayret #header p {
padding				: 10px 20px 0 20px; 
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
color				: #FFFFFF;
}


/* Text size selector links */
span.txtsize {
font-size			: 16px;
}

/* Text links replaced with images - links classes below are redundant */
/*
a.txtsml:link, a.txtsml:visited {
padding				: 0;
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 16px;
color				: #FFFFFF;
text-decoration		: none;
}

a.txtsml:hover {
padding				: 0;
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 16px;
color				: #FFFFFF;
text-decoration		: underline;
}

a.txtmed:link, a.txtmed:visited {
padding				: 10px 0 0 0;
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 19px;
color				: #FFFFFF;
text-decoration		: none;
}

a.txtmed:hover {
padding				: 10px 0 0 0;
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 19px;
color				: #FFFFFF;
text-decoration		: underline;
}

a.txtlrg:link, a.txtlrg:visited {
padding				: 10px 0 0 0;
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 22px;
color				: #FFFFFF;
text-decoration		: none;
}

a.txtlrg:hover {
padding				: 10px 0 0 0;
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 22px;
color				: #FFFFFF;
text-decoration		: underline;
}
*/

/* Header links (home, about, contact) */
#links a:link, #links a:visited {
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 12px;
color				: #FFFFFF;
text-decoration		: none;
}

#links a:hover {
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 12px;
color				: #FFFFFF;
text-decoration		: underline;
}


/****************/
/* Side bar     */
/****************/

/* Logo image */
#logo img{
padding				: 45px 0px 0px 20px;
}


/* Testimonials text */
p.timesGrey8 {
display				: block;
width				: 222px;
margin				: 0px 0px 10px 20px;
padding				: 0px;
font-family			: Times New Roman, Times, serif;
font-size			: 14px;
color				: #868686;
font-style			: italic;
}

/* Book a viewing */
#view a:link, #view a:visited {
display: block;
margin				: 0;
padding				: 20px 0px 0px 20px;
color				: #FFFFFF;
font-family			: Lucida Fax, Geneva, Arial, Helvetica, sans-serif;
font-size			: 19px;
font-weight			: 200;
text-decoration		: none;
}

#view a:hover {
margin				: 0;
padding				: 20px 0px 0px 20px;
color				: #FFFFFF;
font-family			: Lucida Fax, Geneva, Arial, Helvetica, sans-serif;
font-size			: 19px;
font-weight			: 200;
text-decoration		: underline;
}


/* Book a viewing contact number */
p.timesWhite30 {
margin				: 0;
padding				: 10px 0px 0px 20px;
color				: #FFFFFF;
font-family			: Times New Roman, Lucida Fax, Geneva, Arial, Helvetica, sans-serif;
font-size			: 30px;
font-weight			: 100;
}

/* Brochure request text side bar */
/* Testimonials header side bar   */
p.sidebarHeading {
display				: block;
margin				: 20px 20px 10px 20px;
border-bottom		: 1px #49b7c8 solid;
padding				: 10px 0px 0px 0px;
color				: #49b7c8;
font-family			: Georgia, Lucida Fax, Geneva, Arial, Helvetica, sans-serif;
font-size			: 21px;
font-weight			: 100;
font-style			: italic;
}


/* Request brochure image */
#brochure img {
margin-left			: 20px;
}


/* Brochure request link */
a.lucidaBlue10:link, a.lucidaBlue10:visited {
margin				: 0;
padding				: 10px 20px 0px 0px;
color				: #49b7c8;
font-family			: Lucida Fax, Geneva, Arial, Helvetica, sans-serif;
font-size			: 10px;
font-weight			: 100;
text-decoration		: underline;
text-align			: right;
float				: right;
}


/****************/
/* Footer       */
/****************/

/* Footer paragraph & links */
/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
/* padding on this element will create space, just as the the margin would have, without the margin collapse issue*/
.holidayret #footer p {
margin				: 0; 
padding				: 20px 0; 
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 8px;
color				: #FFFFFF;
text-align			: center;
line-height			: 18px;
}

.holidayret #footer a:link, .holidayret #footer a:visited {
margin				: 0;
padding				: 20px 0;
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 12px;
color				: #FFFFFF;
text-align			: center;
text-decoration		: none;
}

.holidayret #footer a:hover {
margin				: 0;
padding				: 20px 0;
font-family			: Lucida Grande, Arial, Helvetica, sans-serif;
font-size			: 12px;
color				: #FFFFFF;
text-align			: center;
text-decoration		: underline;
}


/* Used to separate links to comply with WAI guidlines */
/* Does not print with CSS enabled */
span.spacer {
display				: none;
visibility			: hidden;
}

a.skip:link, a.skip:active, a.skip:visited, a.skip:hover {
position: absolute;
left: -5000px;
}
-->