body { 
margin : 0;
padding : 0;
background-color : #ffffff;
font-size : 16px;
font-family : "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Verdana, sans-serif, serif;
color : #004000;
background-image : url(../images/bg-main.gif);
background-repeat : repeat-y;
background-attachment : scroll;
background-position : center top;
} 
a:link, a:visited
{font-weight: normal; text-decoration: none; color: #400040;}
a:hover
{font-weight: normal; text-decoration: none; color: #800000;}

/* PAGE LAYOUT */

#wrap
{
position: relative;
width : 830px;
margin: auto;
background-color : #fff;
}
#header
{	
	width: 830px;
	height: 160px;
	background-image : url('../images/logo.jpg'); 
	background-repeat : no-repeat; 
	background-position : center top;
	background-color: #fff;
	color: #000000
}
#lamaheader
{	
	width: 830px;
	height: 160px;
	background-image : url('../images/lamalogo.jpg'); 
	background-repeat : no-repeat; 
	background-position : center top;
	background-color: #fff;
	color: #000000
}
#content { 
background : #ffffff;
text-align : justify;
vertical-align: top;
padding : 0em 1em;
line-height: 1.5em;
margin-left: 200px;
}
#sidebar
{
float: left;
width: 200px;
background-color:#fff;
vertical-align: top;
}
#footer{ 
font : normal 11px "Trebuchet MS", Helvetica, sans-serif;
color : #606060;
background-color : #fff;
text-align: right;
padding : 1em 1em 1em 0em;
clear: right;
margin-left: 200px;
} 
#footer a:link, #footer a:visited { 
color : #606060;
background-color : #fff;
} 
#footer a:hover { 
color : #000000;
background-color : #fff;
}
/* MAIN TEXT */

.emphasis
{font-weight: bold;}
.maxim
{font-weight: bold;}
.subject
{font-weight: normal;font-style: italic; font-size: 12px;}
.county
{font-weight: bold;font-style: italic;}
.stockist
{font-weight: normal;font-style: italic;}
.question
{font-weight: bold;font-style: italic;}
q{font-style: normal}
q:before, q:after { content: "";}
.pic-c
{text-align: center;}
.pic-r
{text-align: right; vertical-align:top;}
hr
{color: #004000; height: 1px;}

/* PAGE HEADINGS */

#contact
{height: 30px;
text-indent: -5000px;
background: url(../images/contactlyken.jpg) no-repeat;}

#faqs
{height: 30px;
text-indent: -5000px;
background: url(../images/faqs.jpg) no-repeat;}

#flavours
{height: 30px;
text-indent: -5000px;
background: url(../images/flavours.jpg) no-repeat;}

#slogan
{height: 30px;
text-indent: -5000px;
background: url(../images/slogan.jpg) no-repeat;}

#LAMAic
{height: 50px;
text-indent: -5000px;
background: url(../images/lama.jpg) no-repeat;}

#stockists
{height: 30px;
text-indent: -5000px;
background: url(../images/stockists.jpg) no-repeat;}

#youngsters
{height: 30px;
text-indent: -5000px;
background: url(../images/youngsters.jpg) no-repeat;}

/* NAVIGATION */

.nav1
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/m-home1.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 200px;
height: 50px;
margin: 0;
padding: 0;
}

.nav1 a
{
display: block;
color: #000000;
font-size: 11px;
width: 200px;
height: 50px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.nav1 img
{
width: 200px;
height: 50px;
border: 0
}

* html a:hover
{
visibility:visible
}

.nav1 a:hover img
{
visibility:hidden
}
.nav2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/m-flavours1.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 200px;
height: 50px;
margin: 0;
padding: 0;
}

.nav2 a
{
display: block;
color: #000000;
font-size: 11px;
width: 200px;
height: 50px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.nav2 img
{
width: 200px;
height: 50px;
border: 0
}

* html a:hover
{
visibility:visible
}

.nav2 a:hover img
{
visibility:hidden
}
.nav3
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/m-stockists1.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 200px;
height: 50px;
margin: 0;
padding: 0;
}

.nav3 a
{
display: block;
color: #000000;
font-size: 11px;
width: 200px;
height: 50px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.nav3 img
{
width: 200px;
height: 50px;
border: 0
}

* html a:hover
{
visibility:visible
}

.nav3 a:hover img
{
visibility:hidden
}
.nav4
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/m-contactus1.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 200px;
height: 50px;
margin: 0;
padding: 0;
}

.nav4 a
{
display: block;
color: #000000;
font-size: 11px;
width: 200px;
height: 50px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.nav4 img
{
width: 200px;
height: 50px;
border: 0
}

* html a:hover
{
visibility:visible
}

.nav4 a:hover img
{
visibility:hidden
}
.nav5
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/m-faqs1.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 200px;
height: 50px;
margin: 0;
padding: 0;
}

.nav5 a
{
display: block;
color: #000000;
font-size: 11px;
width: 200px;
height: 50px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.nav5 img
{
width: 200px;
height: 50px;
border: 0
}

* html a:hover
{
visibility:visible
}

.nav5 a:hover img
{
visibility:hidden
}
.nav6
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/m-youngsters1.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 200px;
height: 50px;
margin: 0;
padding: 0;
}

.nav6 a
{
display: block;
color: #000000;
font-size: 11px;
width: 200px;
height: 50px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.nav6 img
{
width: 200px;
height: 50px;
border: 0
}

* html a:hover
{
visibility:visible
}

.nav6 a:hover img
{
visibility:hidden
}
.nav7
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(../images/m-lama1.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 200px;
height: 50px;
margin: 0;
padding: 0;
}

.nav7 a
{
display: block;
color: #000000;
font-size: 11px;
width: 200px;
height: 50px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.nav7 img
{
width: 200px;
height: 50px;
border: 0
}

* html a:hover
{
visibility:visible
}

.nav7 a:hover img
{
visibility:hidden
}