/* global styles */

body { 
	background-image: url(images/background.gif);
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #423105;
}

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

a:hover {
	font-weight:bold;
}
 
a:focus {
	outline: none; /* removes dotted line around link in Firefox */
}

p, td, textarea, input, select { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	vertical-align: top;
}

h1 { 
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #7b6f50;
	line-height: 28px;
}

h2 { 
	font-size: 14px;
	font-weight: normal;
	margin: 10px 0 0 0;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}


img {
	border: none;
}

/* layout divs */

#page {
	position: relative;
	width: 100%;
	height: 600px;
	background-color: #FFFFFF;
}

#main {
	position: absolute;
	width: 872px;
	left: 50%;
	height:600px;
	margin-left: -436px; /* negative margin to centre page */
	background-image:url(images/colours.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#frm_logo {
	position: absolute;
	top: 13px;
	left:649px;
	width:200px;
	height:23px;
}

#nav {
	position: absolute;
	width: 170px;
	left:0;
	top: 70px;
	padding: 0; 
}

#content {
	position: absolute;
	width: 632px;
	height: 305px;
	top: 50px;
	left: 200px;
}

#content img {
	margin: 0 0 12px 0;
}

/*  global nav styles */

#nav a  {
	display:block;
	width: 169px;
	height: 26px;
}

#nav a.food  {
	background-image: url(images/nav_food.gif);
}

body.food #nav a.food, #nav a.food:hover {
	background-image: url(images/nav_food_o.gif);
}

#nav a.furniture  {
	background-image: url(images/nav_furniture.gif);
}

body.furniture #nav a.furniture, #nav a.furniture:hover {
	background-image: url(images/nav_furniture_o.gif);
}

#nav a.audio  {
	background-image: url(images/nav_audio.gif);
}

body.audio #nav a.audio, #nav a.audio:hover {
	background-image: url(images/nav_audio_o.gif);
}

#nav a.fashion  {
	background-image: url(images/nav_fashion.gif);
}

body.fashion #nav a.fashion, #nav a.fashion:hover {
	background-image: url(images/nav_fashion_o.gif);
}

#nav a.sport  {
	background-image: url(images/nav_sport.gif);
}

body.sport #nav a.sport, #nav a.sport:hover {
	background-image: url(images/nav_sport_o.gif);
}

#nav a.info  {
	background-image: url(images/nav_info.gif);
}

body.info #nav a.info, #nav a.info:hover {
	background-image: url(images/nav_info_o.gif);
}

/*  sub nav styles */

.hide {
	display:none;
}

#submenu1, 
#submenu2, 
#submenu3, 
#submenu4, 
#submenu5, 
#submenu6   {
	margin: 0px 0px 5px 16px;
	padding: 3px 0 0 0;
}

#submenu1 a,
#submenu2 a,
#submenu3 a,
#submenu4 a,
#submenu5 a,
#submenu6 a	{
	color: #423105;
	background-color: #FFFFFF;
	height: 16px;
}

#submenu1 a:hover,
#submenu2 a:hover,
#submenu3 a:hover,
#submenu4 a:hover,
#submenu5 a:hover,
#submenu6 a:hover  {
	font-weight:bold;
}

#submenu1 a:visited,
#submenu2 a:visited,
#submenu3 a:visited,
#submenu4 a:visited,
#submenu5 a:visited,
#submenu6 a:visited	{
/* color: #7b6f50; */ 
}

#agaveon a.agave,
#wineon a.wine,
#finefruiton a.finefruit,
#flouron a.flour,
#margieson a.margies,
#merloon a.merlo,
#nourishon a.nourish,
#primeon a.prime,
#quenchon a.quench,
#reefon a.reef,
#seviloon a.sevilo,
#spendeloveon a.spendelove,
#sweeton a.sweet,
#teacentreon a.teacentre,
#alfrescoon a.alfresco,
#ariahomeon a.ariahome,
#armadilloon a.armadillo,
#crosscarpetson a.crosscarpets,
#duneon a.dune,
#fleuruson a.fleurus,
#freedomon a.freedom,
#goldstar1on a.goldstar1,
#lussoon a.lusso,
#moultonon a.moulton,
#natuzzion a.natuzzi,
#purecomforton a.purecomfort,
#reeceon a.reece,
#vertigoon a.vertigo,
#wheelbarrowon a.wheelbarrow,
#bangolufsenon a.bangolufsen,
#goldstar2on a.goldstar2,
#sonyon a.sony,
#boseon a.bose,
#koncon a.konc,
#surffx1on a.surffx1,
#tradesecreton a.tradesecret,
#surffx2on a.surffx2,
#abouton a.about,
#directoryon a.directory
  {
font-weight:bold;
}

ul.agavemap ul a.agavemap, 
ul.wineandbeermap ul a.wineandbeermap,
ul.finefruitmap ul a.finefruitmap, 
ul.flourmap ul a.flourmap,
ul.margiesmap ul a.margiesmap,
ul.merlomap ul a.merlomap,
ul.nourishmap ul a.nourishmap,
ul.primemap ul a.primemap,
ul.quenchmap ul a.quenchmap,
ul.reefmap ul a.reefmap,
ul.sevilomap ul a.sevilomap,
ul.spendelovemap ul a.spendelovemap,
ul.sweetmap ul a.sweetmap,
ul.teacentremap ul a.teacentremap,
ul.alfrescomap ul a.alfrescomap,
ul.ariahomemap ul a.ariahomemap,
ul.armadillomap ul a.armadillomap,
ul.crosscarpetsmap ul a.crosscarpetsmap,
ul.dunemap ul a.dunemap,
ul.fleurusmap ul a.fleurusmap,
ul.freedommap ul a.freedommap,
ul.goldstar1map ul a.goldstar1map,
ul.lussomap ul a.lussomap,
ul.moultonmap ul a.moultonmap,
ul.natuzzimap ul a.natuzzimap,
ul.purecomfortmap ul a.purecomfortmap,
ul.reecemap ul a.reecemap,
ul.vertigomap ul a.vertigo,
ul.wheelbarrowmap ul a.wheelbarrowmap,
ul.bangandolufsenmap ul a.bangandolufsenmap,
ul.goldstar2map ul a.goldstar2map,
ul.sonymap ul a.sonymap,
ul.bosemap ul a.bosemap,
ul.surffx1map ul a.surffx1map,
ul.koncmap ul a.koncmap,
ul.tradesecretmap ul a.tradesecretmap,
ul.surffx2map ul a.surffx2map
  {
font-weight:bold;
color: #00CCCC;
}

/* content styles */
.padleft15 {
	padding: 0 0 0 15px;
}

.padright15 {
	padding: 0 15px 0 0;
}

h2.food, body.food a:link, body.food a:visited, body.food a:active  {
	color: #FF6600;
}

h2.furniture, body.furniture a:link, body.furniture a:visited, body.furniture a:active {
	color: #99CC00;
}

h2.audio, body.audio a:link, body.audio a:visited, body.audio a:active {
	color: #990066;
}

h2.fashion, body.fashion a:link, body.fashion a:visited, body.fashion a:active {
	color: #FF6666;
}

h2.sport, body.sport a:link, body.sport a:visited, body.sport a:active {
	color: #FFCC00;
}

body.info a:link, body.info a:visited, body.info a:active {
	color: #00CCCC;
}

body.directory a:link, body.directory a:visited, body.directory a:active {
	color: #423105;
}

body.directory a:hover {
	color: #00CCCC;
}
/* footer styles */

#footer {
	position: absolute;
	width: 872px;
	left: 50%;
	top:602px;
	text-align: right;
	margin-left: -436px; /* negative margin to centre page */
	color: #7b6f50;

}

body #footer a:link.designfront, body #footer a:hover.designfront, body #footer a:visited.designfront {
	color: #7b6f50;
}
.designfront {
	font-family: Arial Narrow, Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	margin: 0 40px 0 0;

}

body #footer a:hover.designfront {
	color: #FFFFFF;
	font-weight: normal;
}