/* comment lines are declared like this */

/* body is the default - if nothing is declared for the rest then the body definition is the one used */
BODY
{
    MARGIN: 0px;								/* if only a single value is specified then it applies to all margins */
    BACKGROUND-IMAGE: none;          /* can also be a url - url (../images/backgroundimage.jpg) */
    BACKGROUND-REPEAT: repeat;		/* other values no-repeat, repeat-x (horizontal), repeat-y (vertical)*/
	BACKGROUND-ATTACHMENT: fixed;  /* other value scroll */
	BACKGROUND-POSITION: 0% 0%;		/* values can be a percentage or a fixed length or one of top centre bottom/left centre right */
    BACKGROUND-COLOR: white;	/* background colour should be specified even with an image incase the image doesn't load other value is transparent */
	FONT-FAMILY: Tahoma, Verdana, sans-serif; /* tahoma is the font family and sans-serif is a generic family */
	FONT-STYLE: normal;                    /* other values are italic and oblique */
	FONT-VARIANT: normal;               /* other values are small-caps */
	FONT-WEIGHT: normal;                 /* other values are  bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900  */
	FONT-SIZE: x-small;                         /* absolute (xx-small, x-small, small, medium, large, x-large), absolute (large, smaller) length (12pt) and percentage (120%) */
	COLOR: black;
	min-width: 765px;
	text-align: center;
}
/* definition of a paragraph */
P
{
	FONT-FAMILY: Tahoma, Verdana, sans-serif; /* tahoma is the font family and sans-serif is a generic family */
	FONT-STYLE: normal;                    /* other values are italic and oblique */
	FONT-VARIANT: normal;               /* other values are small-caps */
	FONT-WEIGHT: normal;                 /* other values are  bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900  */
	FONT-SIZE: x-small;                         /* absolute (xx-small, x-small, small, medium, large, x-large), absolute (large, smaller) length (12pt) and percentage (120%) */
}
/* definition for all cells */
TD
{
	FONT-FAMILY: Tahoma, Verdana, sans-serif; /* tahoma is the font family and sans-serif is a generic family */
	FONT-STYLE: normal;                    /* other values are italic and oblique */
	FONT-VARIANT: normal;               /* other values are small-caps */
	FONT-WEIGHT: normal;                 /* other values are  bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900  */
	FONT-SIZE: x-small;                         /* absolute (xx-small, x-small, small, medium, large, x-large), absolute (large, smaller) length (12pt) and percentage (120%) */
	COLOR: black;																		/* or colour name, red, blue, black, white, etc */
	TEXT-DECORATION: none;														/* other values are underline, overline, line-through, blink */
	VERTICAL-ALIGN: top;					/* other possible values are baseline, sub, super, text-top, middle, bottom, text-bottom or a percentage */ 
	TEXT-TRANSFORM: none;				/* other values are capitalize, uppercase, lowercase */
	TEXT-ALIGN: left;							/* other values are right, center, justify */
	TEXT-INDENT: 0;							/* values are <length> or <percentage> indent before text begins*/
	LINE-HEIGHT: normal;					/* other values number (e.g. 1.2), length (1.2.em), percentage (120%) */
}

/* definition of image format  */
IMG
{
	BORDER:0;
}
/* list item decalration - bullet points*/
LI
{ 
	DISPLAY: list-item;			/* other values are block, inline, none */
	WHITE-SPACE: normal;		/* other values are  pre, nowrap */
	LIST-STYLE-TYPE: disc;		/* other values are circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none */
	LIST-STYLE-IMAGE: none;	/* other values are the image url */
	LIST-STYLE-POSITION: outside; /* other value is inside */
	
}

H1
{
	font-size: small;
	font-weight: normal;	
}

HR
{
	border-color: #c0c0c0;
	border-width: .5px;
	color: #c0c0c0;
	height: 0.5px;
	border-style: solid;
	}
A:active
{
	color: black;
}
A:visited
{
	color: black;
	}
A:link
{
    color: black;
}
A:hover
{
    color: white;
	background-color: #CE1141;
}
A {
  color: black;
  text-decoration: none;
  font-variant: small-caps;
  font-size: x-small;
  }
  
#page A:active
{
	color: black;
}
#page A:visited
{
	color: black;
	}
#page A:link
{
    color: black;
}
#page A:hover
{
    color: #CE1141;
	background-color: white;
}
#page A {
  color: black;
  font-weight: bold;
  text-decoration: none;
    font-variant: normal;
  }
  
.phonenumber
{
	font-size:x-small;
}   

.withborders
{
	border: 1px;
	border-color: #c0c0c0 ;
	border-style: solid;
}
.menubackground
{
	background-color: white;
}

/* general page layout */

#wrapper
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 765px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: #c0c0c0;
}
#text
{
	position: relative; top: 1px; left: 226px; width: 280px; height: 250px; visibility: visible; text-align: left;
}

#ruler
{
	position: relative; top: 1px; left: 1px; width: 765px; height: 10px; visibility: visible;
}

#menu
{
	position: relative; top: 10px; left: 85px; width: 705px; height: 100px; visibility: visible;
}

/* brochures specific */

#mss
{
	position: relative;
	top: -360px;
	left: -160px;
	visibility: visible;
	background-image: url(../images/brochures/mss_image1.jpg);
	z-index: 99;
	height: 250px;
	width: 400px;

}
#chadwick
{
	position: relative;
	top: -610px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/brochures/chadwick_image2.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}
#brite
{
	position: relative;
	top: -860px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/brochures/brite_image3.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#boldlook
{
	position: relative;
	top: -1110px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/brochures/boldlook_image4.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#village
{
	position: relative;
	top: -1360px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/brochures/village_image5.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#tavern
{
	position: relative;
	top: -1610px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/brochures/tavern_image6.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#playprint
{
	position: relative;
	top: -1860px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/brochures/playprint_image7.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#candd
{
	position: relative;
	top: -2110px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/brochures/candd_image8.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#wont
{
	position: relative;
	top: -2360px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/brochures/wont_image9.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}
#llangollen
{
	position: relative;
	top: -2610px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/brochures/llangollen_image10.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

/* Exhibitions specific */

#exhibit
{
	position: relative;
	top: -360px;
	left: -160px;
	visibility: visible;
	background-image: url(../images/exhibitions/exhibit_image1.jpg);
	z-index: 99;
	height: 250px;
	width: 400px;

}
#beaufort
{
	position: relative;
	top: -610px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/exhibitions/beaufort_image2.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}
#visitwales
{
	position: relative;
	top: -860px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/exhibitions/visitwales_image3.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#micro
{
	position: relative;
	top: -1110px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/exhibitions/micro_image4.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#safe
{
	position: relative;
	top: -1360px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/exhibitions/safe_image5.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}
#dummy_exhibitions
{
	position: relative;
	top: -1610px;
	left: -160px;
	visibility: hidden;
	z-index: 99;
	width: 400px;
	height: 1170px;
}

/* branding specific */

#stonebridge
{
	position: relative;
	top: -360px;
	left: -160px;
	visibility: visible;
	background-image: url(../images/branding/stonebridge_image1.jpg);
	z-index: 99;
	height: 250px;
	width: 400px;

}
#mortgage
{
	position: relative;
	top: -610px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/branding/mortgage_image2.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}
#gas
{
	position: relative;
	top: -860px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/branding/gas_image3.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#link
{
	position: relative;
	top: -1110px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/branding/link_image4.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#chadwick_branding
{
	position: relative;
	top: -1360px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/branding/chadwick_image5.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#leaf
{
	position: relative;
	top: -1610px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/branding/leaf_image6.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#astech
{
	position: relative;
	top: -1860px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/branding/astech_image7.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}
#dummy_branding
{
	position: relative;
	top: -2110px;
	left: 156px;
	visibility: hidden;
	z-index: 99;
	width: 400px;
	height: 920px;
}

/* promotions specific */

#wine
{
	position: relative;
	top: -360px;
	left: -160px;
	visibility: visible;
	background-image: url(../images/promotions/wine_image1.jpg);
	z-index: 99;
	height: 250px;
	width: 400px;

}
#heineken
{
	position: relative;
	top: -610px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/promotions/heineken_image2.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}
#bud
{
	position: relative;
	top: -860px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/promotions/bud_image3.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#boddies
{
	position: relative;
	top: -1110px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/promotions/boddies_image4.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#andy
{
	position: relative;
	top: -1360px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/promotions/andy_image5.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#clocks
{
	position: relative;
	top: -1610px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/promotions/clocks_image6.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#jacobs
{
	position: relative;
	top: -1860px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/promotions/jacobs_image7.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}
#brimstage
{
	position: relative;
	top: -2110px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/promotions/brimstage_image8.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}
#dummy_promotions
{
	position: relative;
	top: -2360px;
	left: -160px;
	visibility: hidden;
	z-index: 99;
	width: 400px;
	height: 420px;
}


/* packaging specific */

#coffee
{
	position: relative;
	top: -360px;
	left: -160px;
	visibility: visible;
	background-image: url(../images/packaging/coffee_image1.jpg);
	z-index: 99;
	height: 250px;
	width: 400px;

}
#chunky
{
	position: relative;
	top: -610px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/packaging/chunky_image2.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}
#cakes
{
	position: relative;
	top: -860px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/packaging/cakes_image3.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#parklane
{
	position: relative;
	top: -1110px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/packaging/parklane_image4.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#halen
{
	position: relative;
	top: -1360px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/packaging/halen_image5.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#pies
{
	position: relative;
	top: -1610px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/packaging/pies_image6.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#oggies
{
	position: relative;
	top: -1860px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/packaging/oggies_image7.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}
#dummy_packaging
{
	position: relative;
	top: -2110px;
	left: -160px;
	visibility: hidden;
	z-index: 99;
	width: 400px;
	height: 670px;
}

/* websites specific */

#brimstage_web
{
	position: relative;
	top: -360px;
	left: -160px;
	visibility: visible;
	background-image: url(../images/websites/brimstage_image1.jpg);
	z-index: 99;
	height: 250px;
	width: 400px;

}
#micro_web
{
	position: relative;
	top: -610px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/websites/micro_image2.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}
#simplea
{
	position: relative;
	top: -860px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/websites/simplea_image3.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#farm
{
	position: relative;
	top: -1110px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/websites/farm_image4.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#safe_web
{
	position: relative;
	top: -1360px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/websites/safe_image5.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#dailys
{
	position: relative;
	top: -1610px;
	left: -160px;
	visibility: hidden;
	background-image: url(../images/websites/dailys_image6.jpg);
	z-index: 99;
		height: 250px;
	width: 400px;
}

#dummy_websites
{
	position: relative;
	top: -1860px;
	left: -160px;
	visibility: hidden;
	z-index: 99;
	width: 400px;
	height: 920px;
}