/* 98.css : stylesheet for 98 Lace Group 06.09.07 */
                  
/*----------- Styles for standard elements -----------------*/

/*---- Fix for scrollbar bug ----*/
html
{
	min-height: 100%; margin-bottom: 1px;
}


/*---- White Background, centred, 760 min-width ----*/
body
{ 
	background-color: #253030;
	text-align: center; min-width: 760px;
	margin-top: 0px; margin-bottom: 0px;
	padding-top: 15px; padding-bottom: 15px;
}

h1
{
	display:none;
}

h2
{
	font: 20px verdana, arial, helvetica, sans-serif; font-weight: bold; 
	color: #b96d48; background-color: transparent;
	line-height: 160%; text-align: left;
}

h3
{
	font: 12px verdana, arial, helvetica, sans-serif; font-weight: bold; 
	color: #000000; background-color: transparent;
	line-height: 160%; text-align: left;
	margin-top: 10px; margin-bottom: 3px;
}

p 
{
	font: 11px verdana, arial, helvetica, sans-serif; 
	color: #eeeeee; background-color: transparent;
	line-height: 160%; text-align: justify;
	margin-bottom: 0px; margin-top: 0px;
	text-indent: 15px;
}

a 
{	
	color: #999999;
	text-decoration: none;
}

a:visited
{
	color: #999999;
	text-decoration: none;
}

a:hover
{
	color: black;
	text-decoration: none;
}

#header img 
{ 
	display: block; 
}


/*----------- Styles for modified elements etc ---------------*/

p.noindent 
{
	text-indent: 0px;
}

img
{
	border: none;
}


/*----------- Wrapper for centring: 760px + ?px for IE6 -------------*/
#wrapper
{
	position: relative;
	text-align: left;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	color: #eeeeee; background-color: #494e4f;
}

#header
{
	color: #000000; background-color: transparent; 
}


/*--------- Style for two columns 190px, 568px ---------*/

#left
{
	color: #000000; background-color: transparent;
	font: 14px verdana, arial, helvetica, sans-serif;	
	text-align: left; line-height: 160%;
	float: left;
	padding-left: 30px; padding-right: 10px;
	padding-top: 60px; padding-bottom: 50px;
	width: 150px;
}

#right
{
	color: #eeeeee; background-color: transparent;
	font: 11px verdana, arial, helvetica, sans-serif; 
	text-align: justify; line-height: 170%;
	float: right;
	padding-left: 15px; padding-right: 75px;
	padding-top: 15px; padding-bottom: 50px;
	width: 478px;
}

div#left a 
{
	display: block;
	color: #c3734c; background-color: transparent;
	padding: 5px 10px 5px 10px;
	outline-width: 0px; text-decoration: none;
	border-right: 1px solid #333333;
}

div#left a:visited
{
	display: block;
	color: #c3734c; background-color: transparent;
	padding: 5px 10px 5px 10px;
	outline-width: 0px; text-decoration: none;
}

div#left a:hover
{
	display: block;
	color: #c3734c; background-color: #393e41;
	padding: 5px 10px 5px 10px;
	outline-width: 0px; text-decoration: none;
}

div#left a:active 
{
	display: block;
	color: #cccccc; background-color: transparent;
	padding: 5px 10px 5px 10px;
	outline-width: 0px; text-decoration: none;
}

.selected 
{ 
	display: block;
	color: #968b82; background-color: transparent;
	padding: 5px 10px 5px 10px;
	outline-width: 0px; text-decoration: none;
	border-right: 1px solid #333333;
}


/*----------------------------- other div classes -------------------------*/

/* Needed to clear two columns for IE - font-size prevents IE6 applying extra space below */
div.clearer 
{
    clear: both;
    height: 0px;
    margin: 0px;
    line-height: 0px;
    font-size: 1px; 
}

/*----------- Styles for feedback form ------------------*/

.formField
{
	width: 310px;
	color: #000000; background-color: #dddddd; 
	border: solid #000000 1px;
}

.formArea
{
	width: 310px;
	color: #000000; background-color: #dddddd;
	border: solid #000000 1px;
}

.formLabel
{
	font-family: verdana, sans-serif;
	font-size: 11px; text-align: left;
	color: #eeeeee; background-color: transparent; 
}

/*----------- Styles for Gallery images ------------------*/

.picture
{
	position: absolute; left: 350px; top: 274px;
	z-index: 50;
	color: #000000; background-color: transparent;
	font-family: verdana, sans-serif;
	font-size: 10px;
}
.picture p
{
	text-indent: 0px;
	font: 11px arial, verdana,helvetica, sans-serif; 
	color: #eeeeee; background-color: transparent;
	line-height: 160%; text-align: center;
	padding: 5px;
	width: 340px;
}

.thumbs
{
	padding: 5px; background: transparent;
	width: 95px;
	text-align: left;
	z-index: 1;	
}
.thumbs ul 
{
	list-style: none; padding:0; margin:0; 
	width: 95px;
	background: transparent; 
	position: relative; 
}
.thumbs ul li 
{
	display: inline; 
	padding-bottom: 5px; padding-right: 5px;
	float: left;		
}
.thumbs ul li a 
{	
	text-decoration: none;
}
.thumbs ul li a img 
{
	display: block; 
	width: 40px; height: 40px; 
	border: 1px solid #000000;
}
.thumbs ul li a:hover img 
{ 
	border-color: #ffea00;
}

.thumbs3
{
	padding: 5px; background: transparent;
	width: 145px;
	text-align: left;
	z-index: 1;	
}
.thumbs3 ul 
{
	list-style: none; padding:0; margin:0; 
	width: 145px;
	background: transparent; 
	position: relative; 
}
.thumbs3 ul li 
{
	display: inline; 
	padding-bottom: 5px; padding-right: 5px;
	float: left;		
}
.thumbs3 ul li a 
{	
	text-decoration: none;
}
.thumbs3 ul li a img 
{
	display: block; 
	width: 40px; height: 40px; 
	border: 1px solid #000000;
}
.thumbs3 ul li a:hover img 
{ 
	border-color: #ffea00;
}