/*********/
/* RESET */
/*********/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
	
/***********/
/* General */
/***********/

html, body {
	height: 100%;  /* fill viewport */
	background: #312721;
	line-height: 1;
	}

body {
	margin: 0 auto;
	min-width: 700px;
	max-width: 1024px;
	}


#container { 
	position: relative; /* define as CB */
	min-height: 100%; /* fill viewport as a minimum */
	padding-bottom: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%;
	font-weight: bold; 
	background: white;
	color: #000033;
	}

p 	{
	max-width: 50em;
	margin: 1em 0;
	}

ul { list-style: none; }

em {
	font-style: italic;
	font-weight: inherit;
	}


strong 	{
	font-style: normal;
	font-weight: bold;
	}

address {
	font-style: italic;
	font-weight: inherit;
	}

a:link {
	color: #600;
	text-decoration: underline;
	}
a:visited {
	color: #600;
	text-decoration: underline;
	}
a:hover, a:active, a:focus {
	color: #060;
	text-decoration: underline;
	}

input, textarea, select, button, .button {
	display: inline;
	border: solid 1px black;
	background: white;
	}

input[type="hidden"] { display: none; }

input.disabled, textarea.disabled {
	background: white;
	}

input[type="submit"], input[type="reset"], button, .button {
	cursor: pointer;
	margin: 0.5em 0;
	padding: 0.15em 0.5em;
	border: outset 2px black; 
	background: #FFFFCC;
	color: black;
	text-decoration: none;
	text-align: center;
	}
	
input[type="submit"]:hover, input[type="reset"]:hover, button:hover, .button:hover, .button:active, 
input[type="submit"]:focus, input[type="reset"]:focus, button:focus, .button:focus { 
	background: #ff3;
	}	

/* tables still need 'cellspacing="0"' in the markup */table {	table-layout: fixed; 
	border-collapse: separate;	border-spacing: 0;	}caption, th, td {	text-align: left;	font-weight: normal;	}

/****************/
/* Main Heading */
/****************/

#heading {
	position: relative;
	width: 100%;
	max-width: 1024px;
	height: 200px;
	background: url(NIbanners/rotate.php) scroll no-repeat top left;
	}

h1 {
	position: absolute;
	bottom: 0;
	height: 109px;
	left: 20px;
	width: 520px;
	text-indent: -5000px;
	background: url(heading.png) scroll no-repeat top left;
	}
	
h1 span {
	display: block;
	white-space: nowrap;
	font-size: 0.45em;
	}

h1 span.strapline 
	{
	color: #000033;
	}


/******************/
/* Other headings */
/******************/

h2, h3, h4
	{
	padding: 0.5em 0;
	font-weight: bold;
	color: #000033;
	}
h2 { font-size: 125%; color: #996633 }
h3 { font-size: 105%; color: #663300 }
h4 { font-size: 100%; color: #663300 }

/********/
/* Menu */
/********/

.menu {
	max-width: 1024px;
	clear: both;
	border-left: none;
	border-right: none;
	border-top: solid 2px #333;
	border-bottom: solid 2px #333;
	padding: 7px 0;
	text-align: center;
	}

.menu li {
	margin: 0 0.5em;
	display: inline;
	white-space: nowrap;
	}

.menu a {
	font-size: 110%;
	font-weight: bold;
	}
	
.menu a:link, .menu a:visited, .menu a:hover, .menu a:active, .menu a:focus {
	text-decoration: none;
	}

.menu li.cartlink {
 	float: right;
 	position: relative;
 	margin: 0;
 	}
.menu li.cartlink a {
	padding-right: 30px;
	background: url(cart.gif) no-repeat center right;
	}
.menu li.cartlink a:hover {
	background: url(carthover.gif) no-repeat center right;
	}
#cart-summary {
	position: absolute;
	top: -17px;
	margin-top: -1em;
	left: -12px;
	padding: 3px 0 3px 10px;
	width: 100%;
	border-top: solid 2px #333;
	border-left: solid 2px #333;
	background: white;
	}

/**************************/
/* Main text and side bar */
/**************************/
#maintext {
	margin: 0 2em 0 210px;
	padding-bottom: 3em;
	}
#maintext p, #maintext li {
	line-height: 1.3;
	font-size: 0.85em;
}
#maintext li { padding-top: 0.2em; }
#maintext ul { padding-left: 2em; }

#sidebar {
	position: absolute;
	top: auto;
	left: 30px;
	width: 150px;
}

div.linktoextracontent {
	float: right;
	margin: 1em;
	margin-right: 0;
	border: inset 3px #330099;
	padding: 0.5em;
	width: 17%;
	font-size: 90%;
}
#maintext p img { /* p targets text blocks, not the shopping cart table. */
	float: right; /* float: right unless over-ruled by inline style attribute. */
	margin: 1em;
	margin-top: 0;
	border: solid 1px black;
	padding: 5px;
	height: 80px;
	width: 80px;
	background: white;
}
#signature {
	text-align: right;
	}

/******************/
/* Gallery thumbs */
/******************/

#gallery-thumbs {
	margin: 22px 0;
	}

.gallery-thumb {
	float: left;
	position: relative; /* define as CB */
	width: 240px;
	height: 159px; /* for image thumb */
	margin-bottom: 4em; /* for caption <span> */
	text-align: center;
}

.gallery-thumb img {
	border: solid 2px #777;
	}

.gallery-thumb span {
	position: absolute;
	top: 159px;
	left: 10%;
	width: 80%;
	height: 4em;
	overflow: auto;
	font-size: 0.9em;
}

.gallery-thumb a:link, .gallery-thumb a:visited {
	color: black;
	text-decoration: none;
	}
.gallery-thumb a:hover, .gallery-thumb a:active, .gallery-thumb a:focus {
	color: #060;
	text-decoration: none;
	}
.gallery-thumb a:hover img, .gallery-thumb a:active img, .gallery-thumb a:focus img{
	border: solid 2px black;
	}

/**********/
/* Tables */
/**********/
table.intext { font-size: 0.85em; }
table.intext tr, table.intext td, table.intext th { font-size: inherit; }
table.intext td { padding: 1em; }

/*****************/
/* Enquiry forms */
/*****************/
#enquiry * { font-size: 100%; }

#enquiry div {
	margin: 1em 0;
	clear: left;
	}
	
#enquiry label {
	float: left;
	width: 140px;
	text-align: right;
	font-weight: bold;
	}
	
#enquiry input, #enquiry textarea {
	display: inline;
	margin-left: 15px;
	}
#enquiry input { 
	width: 220px;
	}
#enquiry textarea {
	width: 400px;
	}
	
/* reCaptcha */
div#recaptcha-div, #recaptcha-div div, #recaptcha-div input, #recaptcha-div textarea {
	margin: 0; /* reset #enquiry div etc. */
	clear: none; /* " */
	}
#enquiry #enquiry-captcha label {
	margin-top: 72px;
	}
#enquiry #recaptcha-div {
	position: relative; /* define as CB */
	margin-left: 155px;
	width: 456px;
	background: #EBE4DD url(../captcha/logo.gif) scroll no-repeat 370px 15px;
	border: solid 1px #96897B;
	}
#enquiry #recaptcha_image {
	margin: 15px;
	border: solid 1px black;
	height: 57px;
	width: 300px;
	background: white;
	}
#enquiry .recaptcha_audio_cant_hear_link {
	padding-left: 1.5em;
	font-weight: bold;
	}
#enquiry #recaptcha-controls {
	position: absolute;
	top: 15px;
	left: 330px;
	}
#enquiry #recaptcha-controls a {
	display: block;
	margin-bottom: 5px;
	}
#enquiry #recaptcha-controls a:focus, #enquiry #recaptcha-controls a:active, #enquiry #recaptcha-controls a:hover {
	outline: solid 2px #F00;
	}
#enquiry #recaptcha_response_field {
	margin: 15px 0 15px 15px;
	width: 300px;
	}
	
#enquiry .submit { margin-left: 140px; } /* label width */
	
#enquiry .submit .button {
	padding: 0.15em 1em;
	width: auto;
	}

#enquiry p { /* notes */
	margin: 1em 0 1em 155px;
	}

#enquiry .error { color: #600; }

#enquiry p.error { margin: 0.1em 0 0.5em 155px; }

/***************/
/* Sidebar     */
/***************/

#sidebar a:link, #sidebar a:visited, #sidebar a:hover, #sidebar a:active, #sidebar a:focus {
	text-decoration: none;
	}

#sidebar {
	text-align: center;
	font-size: 80%;
	}
	
#sidebar .sample {
	height: 200px;
	}	
	
#sidebar img {
	margin: 20px 0 10px 0;
	border: solid 2px black;
	}

#sidebar .sample a:link, #sidebar .sample a:visited {
	color: black;
	text-decoration: none;
	}
#sidebar .sample a:hover, #sidebar .sample a:active, #sidebar .sample a:focus {
	color: #006600;
	text-decoration: none;
	}

#sidebar div {
	padding: 10px 0;
	}

div#webDesignAd {
	padding-top: 40px;
	}
		
/**************/
/* Validators */
/**************/

#validator {
	font-size: 80%;
	}

#validator ul { list-style-type: none; }

#validator a:link, #validator a:visited, #validator a:hover, #validator a:active, #validator a:focus {
	text-decoration: none;
	}