/* Espression Global CSS */

body
{
	color: #5e1762;
	font-size: 62.5%;
	font-family: Tahoma, "Trebuchet MS", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; 
	background: #fff url(../img-interface/topstrip.gif) repeat-x;
	margin: 0;
	padding: 0;
}

a
{
	color: #74b54e;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

a.navigation-selected{
	color:#FF0000;
	text-decoration:none;
	font-weight:bold;
}

a.navigation-unselected{
	color:#FF0000;
}

a.navigation{
	color:#0000FF;
}

p
{
	font-size: 1.2em;
	line-height: 19px;
}

ul
{
	color: #ec4631;
	font-size: 1.2em;
	line-height: 19px;
}

td 
{
	font-size: 1.2em;
}

h1
{
	color: #ec4631;
	font-size: 2em;
	font-weight: bold;
}

h2
{
	color: #7b9734;
	font-size: 1.6em;
	font-weight: bold;
}


/* text styles */
.txt-red { color: #ec4631; }
.txt-green { color: #7b9734; }
.txt-yellow { color: #f8f03e; }
.txt-small { font-size: 0.8em; line-height: 12px; }
.td-red { color: #fff; font-size: 1.1em; background-color: #ec4631; }
.td-green { color: #fff; font-size: 1.1em; background-color: #693; }
.td-pink { color: #fff; font-size: 1.1em; background-color: #e20071; }
.td-orange { color: #fff; font-size: 1.1em; background-color: #ff865e; }
.td-aqua { color: #fff; font-size: 1.1em; background-color: #64dcd2; }
.td-purple { color: #fff; font-size: 1.1em; background-color: #c36cc3; }
.td-lightgrey { font-size: 1.1em; background-color: #f7f7f7; }
.td-white { font-size: 1.1em; background-color: #ffffff; }

/* main body elements */

#wrapper
{
	width: 984px;
	margin: 0 auto;
}

#header, #middle, #footer
{
	clear: both;
	position: relative;
	width: 100%;
	margin-bottom: 25px
}

/* header */

#header
{
	margin: 0;
}

#logobar
{
	color: #fff;
	background: url(../img-interface/logobar.jpg) no-repeat;
	width: 984px;
	height: 189px;
}

#logobar .date
{
	color: #fff;
	font-size: 1em;
	line-height: 26px;
	width: auto;
	height: 30px;
	padding-left: 17px;
}

/* Navigation Strip Items */
ul
{
	color: #ec4631;
	font-size: 1.2em;
	line-height: 19px;
}
#nav
{
	height: 39px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	display: block;
	position: relative;
	list-style-type: none
}

#nav li
{
	float: left;
	overflow: hidden;
	height: 39px;
}

#nav li a
{
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	text-indent: -5000px;
	height: 39px;
}

#nav li a:hover, #nav li.on a
{
	background-position: 0 -39px;
}


/* Button Styles */


#btn_homepage, #btn_homepage a
{
	width: 102px;
}

#btn_homepage a
{
	background-image: url(../img-interface/nav/btn_homepage.gif);
}


#btn_what_is, #btn_what_is a
{
	width: 147px;
}

#btn_what_is a
{
	background-image: url(../img-interface/nav/btn_what_is.gif);
}


#btn_whats_on, #btn_whats_on a
{
	width: 129px;
}

#btn_whats_on a
{
	background-image: url(../img-interface/nav/btn_whats_on.gif);
}


#btn_party_packs, #btn_party_packs a
{
	width: 122px;
}

#btn_party_packs a
{
	background-image: url(../img-interface/nav/btn_party_packs.gif);
}


#btn_gallery, #btn_gallery a
{
	width: 70px;
}

#btn_gallery a
{
	background-image: url(../img-interface/nav/btn_gallery.gif);
}


#btn_news, #btn_news a
{
	width: 103px;
}

#btn_news a
{
	background-image: url(../img-interface/nav/btn_news.gif);
}


#btn_location, #btn_location a
{
	width: 105px;
}

#btn_location a
{
	background-image: url(../img-interface/nav/btn_location.gif);
}


#btn_loyalty, #btn_loyalty a
{
	width: 100px;
}

#btn_loyalty a
{
	background-image: url(../img-interface/nav/btn_loyalty.gif);
}


#btn_contact, #btn_contact a
{
	width: 106px;
}

#btn_contact a
{
	background-image: url(../img-interface/nav/btn_contact.gif);
}


/* In page button styles */

#btn-offer-pottery { background-image: url(../img-whatsonoffer/btn-pottery01.jpg); background-repeat: no-repeat; text-indent: -5000px; width: 251px; height: 233px; float: left; }
#btn-offer-pottery a { background-image: url(../img-whatsonoffer/btn-pottery01.jpg); background-repeat: no-repeat; text-indent: -5000px; width: 251px; height: 233px; float: left; }
#btn-offer-pottery a:hover { background-image: url(../img-whatsonoffer/btn-pottery02.jpg); background-repeat: no-repeat; text-indent: -5000px; width: 251px; height: 233px; float: left; }

#btn-offer-mosaics { background-image: url(../img-whatsonoffer/btn-mosaics01.jpg); background-repeat: no-repeat; text-indent: -5000px; width: 244px; height: 233px; float: left; }
#btn-offer-mosaics a { background-image: url(../img-whatsonoffer/btn-mosaics01.jpg); background-repeat: no-repeat; text-indent: -5000px; width: 244px; height: 233px; float: left; }
#btn-offer-mosaics a:hover { background-image: url(../img-whatsonoffer/btn-mosaics02.jpg); background-repeat: no-repeat; text-indent: -5000px; width: 244px; height: 233px; float: left; }

#btn-offer-glass { background-image: url(../img-whatsonoffer/btn-glass01.jpg); background-repeat: no-repeat; text-indent: -5000px; width: 251px; height: 255px; float: left; }
#btn-offer-glass a { background-image: url(../img-whatsonoffer/btn-glass01.jpg); background-repeat: no-repeat; text-indent: -5000px; width: 251px; height: 255px; float: left; }
#btn-offer-glass a:hover { background-image: url(../img-whatsonoffer/btn-glass02.jpg); background-repeat: no-repeat; text-indent: -5000px; width: 251px; height: 255px; float: left; }

#btn-offer-clay { background-image: url(../img-whatsonoffer/btn-clay01.jpg); background-repeat: no-repeat; text-indent: -5000px; width: 244px; height: 255px; float: left; }
#btn-offer-clay a { background-image: url(../img-whatsonoffer/btn-clay01.jpg); background-repeat: no-repeat; text-indent: -5000px; width: 244px; height: 255px; float: left; }
#btn-offer-clay a:hover { background-image: url(../img-whatsonoffer/btn-clay02.jpg); background-repeat: no-repeat; text-indent: -5000px; width: 244px; height: 255px; float: left; }

/* middle */

#column-left, #column-centre, #column-right
{
	float: left;
	margin-right: 20px;
}

#column-left
{
	width: 182px;
}

#column-centre
{
	width: 540px;
}

#column-right
{
	margin: 0;
	width: 220px;
}

#centre-body
{
	font-size: 1em;
	width: 495px;
	padding-top: 65px; /* declare in one statement clockwise, top left bottom right */
	margin: 0 auto;
}

#body-news
{
	font-size: 1.2em;
	line-height: 19px;
	width: 495px;
	margin: 0 auto;
}

#body-news br
{
	line-height: 12px;
}

#body-news ul
{
	color: #ec4631;
	font-size: 1em;
	line-height: 19px;
	font-weight:bold;
	margin:0;
}



/* footer */

#footer
{ color: #fff; background: url(../img-interface/footerstrip.gif) no-repeat; width: 100%; height: 79px; }

#footer div
{
	line-height: 15px;
	text-align: center;
	padding-top: 7px;
}

#footer div a { color: #fff; }