/* General */

p, h1, h2, h3, h4, h5 {
	font-family:  Trebuchet, Verdana, Arial, Sans-Serif,"Comic Sans MS";
}
p {
	font-size: 0.6em;
}
h1 {
	font-size: 0.8em;
}
h2 {
	font-size: 0.7em;
}
h3 {
	font-size: 0.6em;
}
h4 {
	font-size: 0.6em;
}
h5 {
	font-size: 0.5em;
}
.telephone {
	float: right;
}
a.skip { position: absolute; left: -1000em; width: 20em; }

/* The essential code */

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}
#outercontainer {
	width: 805px;
	margin: 0px auto;
	text-align: left;
}
#sidebarleft {
	width: 92px;
	top: 0px;
	height: 130em;
	background: #ffffff url('images/left_gradient.gif') repeat-y;
	position: absolute;
	margin-left: -92px
}
#sidebarright {
	width: 92px;
	top: 0px;
	height: 130em;
	background: #ffffff url('images/right_gradient.gif') repeat-y;
	position: absolute;
	margin-left: 805px
}
#container {
	padding-left: 179px;      /* LC fullwidth */
	padding-right: 275px;     /* RC fullwidth + CC padding */
	padding-top: 0;
}
#container .column {
	position: relative;
	float: left;
}
#center {
	padding: 0px 0px 0px 10px;       /* CC padding */
	width: 366px;
}
#left {
	width: 179px;             /* LC width */
	padding: 0;          /* LC padding */
	right: 189px;             /* LC fullwidth + CC padding */
	margin-left: -361px;
}
#right {
	width: 255px;			/* RC width */
	padding: 0;          /* RC padding */
	margin-right: -361px;
}

/* IE fix */

* html #left {
	right: 195px;
}
* html #center {
	left: 6px;
}
* html #right {
	right: 10px;
}

/* Just for looks */

#header {
	font-size: large;
	text-align: left;
	padding: 0;
	height: 161px;
}
#container .column {
	padding-top: 0;
}

/* Top menu */

.topmenu {
	width: 100%;
	height: 61px;
}
#topmenubuttons ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#topmenubuttons li {
	margin: 0;
	display: inline;
}
.navhome img {width: 59px; height: 28px; border: 0px none; }
.navhome { background: url('images/home-off.gif') no-repeat; }
.navhome a:hover { background: url('images/home-on.gif') no-repeat; }
.navabout img {width: 76px; height: 28px; border: 0px none; }
.navabout {	background: url('images/about-us-off.gif') no-repeat; }
.navabout a:hover {	background: url('images/about-us-on.gif') no-repeat; }
.navcontact img {width: 92px; height: 28px; border: 0px none; }
.navcontact { background: url('images/contact-us-off.gif') no-repeat; }
.navcontact a:hover { background: url('images/contact-us-on.gif') no-repeat; }
.navorder img {width: 109px; height: 28px; border: 0px none; }
.navorder {	background: url('images/how-to-order-off.gif') no-repeat; }
.navorder a:hover {	background: url('images/how-to-order-on.gif') no-repeat; }
.navhistory img {width: 126px; height: 28px; border: 0px none; }
.navhistory { background: url('images/history-off.gif') no-repeat; }
.navhistory a:hover { background: url('images/history-on.gif') no-repeat; }
.navfaq img { width: 68px; height: 28px; border: 0px none; }
.navfaq { background: url('images/faq-off.gif') no-repeat; }
.navfaq a:hover { background: url('images/faq-on.gif') no-repeat; }

/* Left menu */

#leftmenubuttons ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#leftmenubuttons li {
	margin: 0;
}
.leftnavweddings img {width: 179px; height: 76px; border: 0px none; }
.leftnavweddings { background: url('images/weddings-off.gif') no-repeat; }
.leftnavweddings a:hover { background: url('images/weddings-on.gif') no-repeat; }
.leftnavcorporate img {width: 179px; height: 60px; border: 0px none; }
.leftnavcorporate { background: url('images/corporate-off.gif') no-repeat; }
.leftnavcorporate a:hover { background: url('images/corporate-on.gif') no-repeat; }
.leftnavxmas img {width: 179px; height: 71px; border: 0px none; }
.leftnavxmas { background: url('images/christmas-off.gif') no-repeat; }
.leftnavxmas a:hover { background: url('images/christmas-on.gif') no-repeat; }
.leftnavluxury img {width: 179px; height: 54px; border: 0px none; }
.leftnavluxury { background: url('images/luxury-off.gif') no-repeat; }
.leftnavluxury a:hover { background: url('images/luxury-on.gif') no-repeat; }
.leftnavhennights img {width: 179px; height: 54px; border: 0px none; }
.leftnavhennights { background: url('images/hen-nights-off.gif') no-repeat; }
.leftnavhennights a:hover { background: url('images/hen-nights-on.gif') no-repeat; }
.leftnaveco img {width: 179px; height: 61px; border: 0px none; }
.leftnaveco { background: url('images/eco-off.gif') no-repeat; }
.leftnaveco a:hover { background: url('images/eco-on.gif') no-repeat; }
.leftnavfamily img {width: 179px; height: 61px; border: 0px none; }
.leftnavfamily { background: url('images/family-occasions-off.gif') no-repeat; }
.leftnavfamily a:hover { background: url('images/family-occasions-on.gif') no-repeat; }
.leftnavcontents img {width: 179px; height: 68px; border: 0px none; }
.leftnavcontents { background: url('images/cracker-contents-off.gif') no-repeat; }
.leftnavcontents a:hover { background: url('images/cracker-contents-on.gif') no-repeat; }

/* Top and left menus */

.cssnav {
	position: relative;
	float: left;
	margin: 0; 
	padding: 0;
    overflow: hidden; /* for IE to hide extra height*/
}
.cssnav a {
	display: block;
	float: left;
	overflow: hidden; /* for IE to hide extra height*/
}
* html a:hover { visibility: visible; }
.cssnav a:hover img { visibility: hidden; cursor: pointer; }