/*
 * Colours  E8E4C0 becomes fffce6 (menus etc.) (pink = ffc0cb) ccffff
 *          EFECD2 becomes fff280 (body)  ccffff (cyan)
 * As of Dec 2010 trying replacement of cyan with yellow a480ff; (temp ffe600) (was ccffff)
 * As of Nov 2011 changing the khaki background (dbd199) to lilac (a480ff)
 *  - global search and replace then undo front back brackground colours (lilac too overbearing there)
 *  - change text colour to white in two places (labelled 20111109)
 *  - apply same colour change to flash in montage.php (multiple instances of this file due to strange include requirements)
 */

body
{
/*   font-family: Tahoma, Verdana, Arial, sans-serif; */
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
	color: #131313;
  background-color: #000;
  margin: 0px;
  padding: 0px;
}

p, h1, h2, h3, h4, img
{
  margin: 0;
  padding: 0;
  border: none;
}

body.enter
{
  background-color: #a480ff;
}

a:active
{
	text-decoration: underline;
	color: #FFCC00;
}

a:link
{
	color: #585EAA;
	text-decoration: underline;
}

a:visited
{
	text-decoration: underline;
	color: #585EAA;
}

a:hover
{
	text-decoration: none;
	color: #FF6600;
}


div#homebutton a
{
  color: #fff;
}

div#homebutton a:active,
div#homebutton a:hover
{
  text-decoration: underline;
  color: #FF6600;
}


ul
{
	list-style: none;
}


ul.courses
{
  list-style: disc;
  font-size: 0.8em;
}
  

img
{
	border: none;
}

h1
{
/*  font-family: impact; */
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
	color: #585EAA;
  font-size: 1.4em;
}

.homepage h1, .homepage a
{
  color: #ffffff;
}

div#maincontentHomePageInner h1
{
/*  font-family: Tahoma, Verdana, Arial, sans-serif; */
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
}

h2
{
  color: #585eaa;
  font-size: 1em;
}

h3
{
/*  font-family: Tahoma, Verdana, Arial, sans-serif; */
	font-family: Verdana, Arial;
	font-size: 1.2em;
	font-weight: normal;
  margin-top: 15px;
}

h4
{
	 font-size: 14px;
   margin: 2px 0px 2px 0px;
}

p
{
  font-size: 0.8em;
}

em
{
  font-style: normal;
  font-weight: bold;
  text-decoration: underline;
}

br.clearall
{
  height: 1px;
  clear: both;
}

hr
{
  border: none;
  background-color: #a8a8c6;
  color: #a8a8c6;
  height: 1px;
  margin-right: 20px;
}


/*
 * HOME page (index,html)
 */

#logobox
{
	position: absolute;
	left: 50%;
	width: 800px;
	margin-left: -400px;
/* lighter */
  background-color: #a480ff;
  border: 10px solid #a480ff;
  color: #ffffff;   /* 008dc2; */
}

#logobox img
{
  border: 0px;
  padding: 0px;
}

table.homepage
{
  width: 100%;
  font-size: 0.9em;
}

table.homepage h1
{
/*  font-family: Tahoma, Verdana, Arial, sans-serif; */
  font-family: Verdana, Arial, sans-serif;
  text-align: right;
  font-weight: normal;
  font-size: 1.2em;
  width: 100%;
}

table.homepage td
{
  width: 33%;
  padding: 3px;
}

table.homepage td a span
{
  float: left;
  text-decoration: none;
  font-size: 1em;
  font-weight: normal;
}

table.homepage p.menuentry
{
  font-size: 1.1em;
  font-weight: bold;
}

table.homepage p
{
}


#enterbutton
{
	height: 40px;
	width: 100px;
	margin-left: 750px;
	margin-top: -36px;
	text-align: right;
}

#homebutton
{
  position: absolute;
  z-index: 20;
  left: 834px;
  top: 100px;
}

div#homebutton p
{
  padding: 5px;
  color: #585eaa;
  margin: 3px;
  font-size: 1em;
}

div#homebutton a
{
  text-decoration: none;
}

div#homebutton a.iamhere
{
  color: #ccffff;
}

div#homebutton a:hover,
div#homebutton p:hover
{
}

div#homebutton span
{
  font-weight: bold;
  text-decoration: underline;
}

#container
{
	position: absolute;
	left: 50%;
	width: 830px;
	margin-left: -440px;
	margin-top: 15px;
	border: 4px solid #fff;
  background-color: #a480ff; /* ccffff; */

}

#logobar
{
	height: 100px;
	background-color: white;
}

#logo
{
}

div.justified
{
  text-align: center;
}

div.justified p { font-size: 0.9em; }

div.justified h2 { color: #ffffff; }

/*
 * Sub-home pages
 * **************
 */

#leftHomePage {float:left; width:260px;}
#rightHomePage {float:right; margin: 0; padding: 0; border: none; width:255px;}
#maincontentHomePageInner {float:left; width:296px; margin-left:9px; margin-right:10px;}

#maincontentHomePageInner p
{
  margin: 8px 0;
}

#maincontentHomePageInner table
{
  border: none;
  border-collapse: collapse;
}

#maincontentHomePageInner table p
{
  font-size: 0.85em;
  padding: 0;
  margin: 0;
}

#homeInstruction {margin: 5px 0 0 0 ; padding: 0;}

#homePageWrapper {float:left; position:relative; display:inline; background-color: white; padding-bottom:10px;}

.copyrightHome{
  /* font-family: "Times New Roman", Times, serif; */
  border:1px solid #6369B0;
  font-size: 0.75em;
  margin-top: 8px;
}

.contactuspanel{
  font-size: 1.25em;
}

.contactuspanel h2{
  padding-top: 0!important;
}

.copyrightyellow
{
  background-color: #a480ff; /* none specified before yellow */
  border: 1px solid #a480ff;
}

.copyrightHomeInner{
  margin:5px;
}

table.homepagepics
{
  margin-top: 14px;
  font-size: 0.95em;
}

table.homepagepics { width: 100%; }

table.homepagepics p
{
  font-family: "Times New Roman", Times, serif;
}

table.homepagepics td.leftside { width: 110px; }

table.homepagepics td.centreside { width: 90px; }

table.homepagepics td.rightside { vertical-align: bottom; }

table.homepagepics td.rightside img { float:right; }

div#rightHomePage div.copyrightHome
{
  font-size: 1.15em;
  padding: 4px 0;
  background-color: #a480ff;    /* added 20111109 */
}

div.copyrightHome h2
{
  color: #ffffff;    /* added 20111109 */
}

div.copyrightHome a
{
  color: #ffffff;    /* added 20111109 */
}



/*
 * Gallery stuff
 * *************
 */

table#menu
{
	float: right;
	height: 90px;
	background-color: #fff;
  border: none;
  border-collapse: collapse;
}

table#menu td
{
  width: 94px;
  vertical-align: bottom;
  text-align: center;
  border: 3px solid white;
  border-top: none;
  padding: 3px;
  background-color: #a480ff; /* ccffff; */
}

table#menu td:hover
{
  background-color: white;
}


table#menu a
{
  padding-top: 50px;
  color: #ffffff;               /* 20111109 #585eaa; */
  text-decoration: none;
}

table#menu a:hover
{
  color: #192083;
}

#gallerycontent
{
  background-color: #FFF;
  height: 422px;
  overflow: auto;
/*  margin-top: 6px; */
position: relative;
top: 6px;
  /* padding: 10px; */

  padding-top: 5px;
  padding-left: 3px;
}

#gallerytext
{
  float:left;
  width: 400px;
/* border: 1px solid #555; */
}

dl
{
  list-style: none;
  margin: 0px;
}

dt
{
  padding-left: 10px;
  font-size: 0.8em;
  font-weight: bold;
  background: url(../pics/block-blue.gif) no-repeat 0 7px;
  background-repeat: no-repeat;
}

dd
{
  font-size: 0.8em;
  margin: 0px 2px 4px 0px;
}

p.title
{
  font-weight: bold;
  margin: 3px 0;
}

#overview
{
  position: absolute;
  bottom: 3px;
  right: 0;
  padding: 0px;
}

#overview img,
#overviewtop img
{
  padding: 0px;
  vertical-align: bottom;
}

#overviewtop
{
  position: absolute;
  top: 5px;
  right: 0px;
}

#detail
{
  position: absolute;
  bottom: 3px;
  left: 1px;
}

#detail img
{
  padding: 0px 20px 0px 0px;
  vertical-align: bottom;
}

#detail img.noPad
{
  padding: 0px;
}

/*
 * Miscellaneous pages
 */

#maincontent
{
  background-color: #a480ff; /* ccffff; */
}

#content
{
	margin-left: 164px;
	background-color: #FFF;
	margin-top: 6px;
	height: 430px;
	overflow: auto;
	width: 646px;
	padding: 10px 0px 10px 20px;
	line-height: 120%;
}

.contactformcontent
{
  height: 450px!important; 
}


#content h2
{
  padding-top: 20px;
}

#content h2.samples
{
  width: 96%;
  text-align: center;
  padding: 20px 0 10px 0;
  clear: both;
}


#copyright
{
  position: absolute;
  text-align: center;
  top: 500px;
  left: 0px;
  width: 160px;
  z-index: 20;
  font-size: 0.7em;
  border-top: 1px solid #FFF;
  padding: 1px;
}

#montage
{
  position: absolute;
  width: 164px;
  margin-top: 26px;
  z-index: 10;
}

/* in contact.html */
#strapline
{
  color: #ffffff;             /* 20111109 #008dc2; */
  background-color: #a480ff; /* ccffff; */
  padding: 10px;
  border: 0;
  clear: both;
  text-align: center;
  letter-spacing: 1.6pt;
  font-weight: bold;
  font-size: 0.9em;
  line-height: 100%;
}

.howtomosaic p, .howtomosaic h2, .howtomosaic h3
{
  margin-bottom: 8px;
  margin-top: 0;
}

.howtomosaic ul, .howtomosaic ol
{
  padding-left: 20px;
  font-size: 0.8em;
}

div.howtomosaic{ height: auto !important; }
div.fullheight{ height: auto !important; }

.leftcolumn
{
  clear: both;
  width: 300px;
  float: left;
}

.rightcolumn
{
  float: left;
  width: 280px;
}

.leftcolumn p, .rightcolumn p
{
	margin: 4px 15px 0px 0px;
}

h1.news
{
  margin-bottom: 10px;
}

.photo1, .photo2, .photo4, .photoright
{
  width: 300px;
  display: inline;
  float: left;
}

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

.photo2
{
  width: 150px;
}

.photo4
{
  width: 157px;
}

.photo1 p, .photo2 p
{
  font-size: 0.7em;
  margin: 2px 2px 8px 0px;
}

.photo1 h2, .photo4 h2
{
  font-size: 0.9em;
}

.photo1 p.lightblue,
.leftcolumn p.lightblue
{
  font-size: 0.8em;
  color: #a8a8c6;
}

.photo1 p.lightblue span,
.leftcolumn p.lightblue span
{
  color: black;
}

p.galleryblue, hr.galleryblue
{
  color: #585eaa;
  font-size: 0.8em;
}

p.galleryblue span
{
  color: black;
}


#category
{
	font-family: impact;
	font-size: 14pt;
	color: #585eaa;
	font-weight: bold;
}

#commemoration
{
	float: left;
	margin-left: 11px;
	width: 52px;
}
#publicart
{
	float: left;
	width: 52px;
}
#publicart2
{
	float: left;
	width: 52px;
}
#publicart3
{
	float: left;
	width: 52px;
}
#schools
{
	float: left;
	width: 52px;
}
#schools2
{
	float: left;
	width: 52px;
}
#tablesmirrors
{
	float: left;
	width: 52px;
}
#tablesmirrors2
{
	float: left;
	width: 52px;
}
#tablesmirrors3
{
	float: left;
	width: 52px;
}
#community
{
	float: left;
	width: 52px;
}
#homesgardens
{
	float: left;
	width: 75px;
}
#homesgardens2
{
	float: left;
	width: 75px;
}
#homesgardens3
{
	float: left;
	width: 75px;
}
#venues
{
	float: left;
}


.textGoRight { text-align: right; }

#inspirationalLinks { width: 265px; }

.center
{
	text-align: center;
}

.redbox
{
	margin-top: 6px;
	border: 1px solid rgb(170, 0, 0);
	width: 250px;
	padding: 6px 6px 6px 6px;
}

.redbox1
{
	margin-top: 6px;
	border: 1px solid rgb(170, 0, 0);
	width: 538px;
	padding: 6px 6px 6px 6px;
}

.red
{
	color: #FF0000;
}

.brightblue
{
	color: #0099cc;
}

.blue
{
	color: #585eaa;
}

span.bullet,
strong.bullet
{
	margin-top: 6px;
	padding-left: 10px;
	font-weight: bold;
	background: url(../pics/block-blue.gif) no-repeat 0em .3em;
	background-repeat: no-repeat;
}

ul.bullet
{
	list-style: none;
	font-weight: normal;
  font-size: 0.9em;
	margin: 0px;
	padding: 0px;
}

.bullet li
{
	padding-left: 10px;
	background: url(../pics/block-blue.gif) no-repeat 0 8px;
	background-repeat: no-repeat;
}

ul.whatyouget
{
  font-size: 0.8em; 
  padding-left: 5px; 
  background-color: transparent; 
  margin-right: 10px;
  padding-right: 4px;
}

ul.whatyougetweekend
{
  font-size: 0.8em; 
  padding-left: 5px; 
  margin-right: 10px;
  padding-right: 4px;
}

.footer
{
	clear: both;
}


.center
{
	text-align: center;
}

.floatRight
{
  float: right;
  clear: left;
}

table#gallery
{
  padding-bottom: 3px;
  background-color: #fff;
  margin: 0px 0px 50px 0px;
  width: 100%;
}

table#gallery td
{
  width: 60px;
}

#gallery a
{
  width: 50px;
  height: 50px;
  display: block;
  font-size: 0.01pt;
  font-weight: bold;
  letter-spacing: -0.1em;
  font-family: "Trebuchet MS",trebuchet,helveltica,sans-serif;
  text-decoration: none;
  color: white;
  background-color: #a480ff; /* ccffff; */
  margin: 5px 18px;
}

#gallery a:hover
{
  font-size: 34pt;
  line-height: 50px;
  vertical-align: bottom;
  background: none;
  background-color: #a480ff; /* ccffff; */
}


/* PRIVATE gallery rollovers */
#gallery1 { background: url(../pics/thumbs/1-1.jpg); }
#gallery2 { background: url(../pics/thumbs/2-1.jpg); }
#gallery3 { background: url(../pics/thumbs/1.jpg); }
#gallery4 { background: url(../pics/thumbs/2.jpg); }
#gallery5 { background: url(../pics/thumbs/3.jpg); }
#gallery6 { background: url(../pics/thumbs/4.jpg); }
#gallery7 { background: url(../pics/thumbs/5.jpg); }
#gallery8 { background: url(../pics/thumbs/6.jpg); }
#gallery9 { background: url(../pics/thumbs/7.jpg); }
#gallery10 { background: url(../pics/thumbs/8.jpg); }
#gallery11 { background: url(../pics/thumbs/9.jpg); }
#gallery12 { background: url(../pics/thumbs/10.jpg); }
#gallery13 { background: url(../pics/thumbs/11.jpg); }
#gallery14 { background: url(../pics/thumbs/12.jpg); }
#gallery15 { background: url(../pics/thumbs/13.jpg); }
#gallery16 { background: url(../pics/thumbs/14.jpg); }
#gallery17 { background: url(../pics/thumbs/13-1.jpg); }
#gallery18 { background: url(../pics/thumbs/14-1.jpg); }


/* PUBLIC gallery rollovers */
#gallery1b { background: url(../pics/thumbs/15-1.jpg); }
#gallery2b { background: url(../pics/thumbs/16-1.jpg); }
#gallery3b { background: url(../pics/thumbs/15.jpg); }
#gallery4b { background: url(../pics/thumbs/16.jpg); }
#gallery5b { background: url(../pics/thumbs/17.jpg); }
#gallery6b { background: url(../pics/thumbs/18.jpg); }
#gallery7b { background: url(../pics/thumbs/19.jpg); }
#gallery8b { background: url(../pics/thumbs/20.jpg); }
#gallery9b { background: url(../pics/thumbs/21.jpg); }
#gallery10b { background: url(../pics/thumbs/22.jpg); }
#gallery11b { background: url(../pics/thumbs/23.jpg); }
#gallery12b { background: url(../pics/thumbs/24.jpg); }
#gallery13b { background: url(../pics/thumbs/25.jpg); }
#gallery14b { background: url(../pics/thumbs/26.jpg); }
#gallery15b { background: url(../pics/thumbs/27.jpg); }
#gallery16b { background: url(../pics/thumbs/28.jpg); }
#gallery17b { background: url(../pics/thumbs/27-1.jpg); }
#gallery18b { background: url(../pics/thumbs/28-1.jpg); }


table#gallery p
{
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color:#585EAA;
  font-size: 0.7em;
  font-weight: bold;
  text-align: center;
  margin: 0;
}


img#dmdetail2 {margin-top:11px;}

div#gallerytopstrip
{
  padding-top: 3px;
}

div#gallerytopstrip h2
{
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: bold;
  padding: 0;
  margin: 0 0 -3px 0;
  width: 100%;
  color: #ffffff;               /* 20111109 #585eaa; */
  background-color:#a480ff; /* ccffff; */
  font-size: 1.1em;
  letter-spacing: 4px;
  text-align: center;

line-height: 2em;
}

#leftGTopStrip {
	float:left; position:relative; display:inline;
  background-color:#a480ff; /* ccffff; */
	width:367px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#rightGTopStrip {
	float:left; position:relative; display:inline;
  background-color:#a480ff; /* ccffff; */
	width:370px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-left:12px solid #ffffff;
}

.GTopStripTextL {margin-left:8px;}
.GTopStripTextR {margin-left:18px;}

img#leftPane {margin-top:8px;}
img#rightPane {margin-top:155px;}

.photoCaption
{
  font-size:0.75em;
  margin: 0;
}

img#LeGrandBijouImg {width:106px; float:left; display:inline;}
div#LeGrandBijouCaption {width:70px; float:left; display:inline; }

.newsFooter
{
	clear: both; font-size:0px; line-height:0px; margin-top:5px;
}

.contentLeft {float:left; display:inline;  width:230px; font-size: 0.9em;}
.contentRight {float:left; display:inline;  width:350px;  font-size: 0.9em;}

.contentLeft input,
.contentRight input
{
  width: 190px;
}

input.checkbox { width: auto; }

a.gallink,
a.gallink:active,
a.gallink:visited,
a.gallink:link
{
	color: #0099cc;
  font-weight:bold;
}

div.supplierlinks h3
{
  text-decoration: underline;
  font-size: 1em;
  margin-bottom: 0px;
}