/* body and fonts */

body
{
 background: #36224E;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 border: none;
 color: #36224E;
 font-family: Arial, Helvetica;
 font-size: 14px;
 line-height: 150%;
}

a, a:link, a:visited, a:hover, a:active
{
 color:	#A179D0;
 text-decoration: underline;
 background: none;
}

p
{
 margin: 8px 0 0 0;
 padding: 0 0 0 0;
}


h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
{
 color: #36224E;
 font-family: Arial, Helvetica;
 font-size: 18px;
 font-weight: normal;
 text-decoration: none;
 text-transform: uppercase;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active
{
 color: #AC7C4B;
 font-family: Arial, Helvetica;
 font-size: 16px;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
 text-transform: lowercase;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active
{
 color: #AC7C4B
 font-family: Arial, Helvetica;
 font-size: 14px;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
 text-transform: lowercase;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

 /* boxes */

#container
{
 width: 730px;
 margin-left: auto;
 margin-right: auto;
 background: transparent url(/i/bg.png);
}

#head
{
 margin-top: 0px;
 background: transparent url(/i/header.png) no-repeat;
 text-align: center;
 height: 215px;
}

#top
{
 margin-top: 0px;
 background: transparent url(/i/top.png) no-repeat;
 text-align: center;
 height: 61px;
}


#righthome
{
 float: right;
 width: 250px;
 background: transparent;
 margin-right: 50px;
 margin-left: 0px;
 margin-top: 0px;
 padding-right: 0px;
 text-align: left;
 padding-top: 0px;
}


#centerhome
{
 background: transparent;
 width: 350px;
 margin-right: 0px;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 40px;
 text-align: left;
}

#rightprod
{
 float: right;
 width: 360px;
 background: transparent;
 margin-right: 50px;
 margin-left: 0px;
 margin-top: 0px;
 padding-right: 0px;
 text-align: left;
 padding-top: 0px;
}

#centerprod
{
 background: transparent;
 width: 240px;
 margin-right: 0px;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 40px;
 text-align: left;
}

#center
{
 background: transparent;
 width: 640px;
 margin-right: 50px;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 40px;
 text-align: left;
}

#footer
{
 height: 80px;
 clear: both;
 padding-right: 20px;
 padding-left: 20px;
 padding-top: 75px;
 text-align: left;
 background: transparent url(/i/footer.png) no-repeat;
 color: #FFFFFF;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 line-height: 130%;
}

#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active
{
 text-decoration: underline;
 color: #FFFFFF;
}

#footer img
{
 border: none;
}

#fr img
{
  float: right;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#fl img
{
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#footr
{
  float: right;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-decoration: none ! important ;
  outline: none;
  color: #FFFFFF;
  border: none;
  clear: right;
}

#footl
{
  float: left;
  padding-left: 15px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  clear: left;
}

#floatl
{
  float: left;
  padding-top: 120px;
  padding-left: 20px;
  padding-right: 0px;
  margin: 0 0 0 0;
  clear: left;
  color: #FFFFFF;
  text-align: left;
}



 /* ie & misc corrections */


* html #center
{
 width: 600px;
}

* html #righthome
{
 margin-right: 20px;
 width: 230px;
}

* html #centerhome
{
 width: 350px;
}

* html #centerprod
{
 width: 230px;
}


* html #rightprod
{
 margin-right: 30px;
 width: 350px;
}

 /* navigation */

#nav
{
 margin-top: 0px;
 background: transparent url(/i/navigate.png) no-repeat;
 width: 730px;
 height: 43px;
 list-style: none none;
 border: none;
}

#nav ul {
  width: 730px;
  height: 43px;
  background: url(/i/navigate.png);
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
}

#nav ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
}

#nav ul li, #nav a {
  height: 43px;
  display: block;
}

#nav ul li a {
  border: none;
  text-indent: -9999px;
  text-decoration: none;
}

#nav-home {left: 0px; width: 91px;}
#nav-products {left: 91px; width: 98px;}
#nav-services {left: 189px; width: 86px;}
#nav-inspiration {left: 275px; width: 122px;}
#nav-events {left: 397px; width: 74px;}
#nav-about {left: 471px; width: 72px;}
#nav-contact {left: 543px; width: 84px;}
#nav-myblog {left: 627px; width: 86px;}

#nav-home a:hover {background: transparent url(/i/navigate.png) 0px -43px no-repeat;}
#nav-products a:hover {background: transparent url(/i/navigate.png) -91px -43px no-repeat;}
#nav-services a:hover {background: transparent url(/i/navigate.png) -189px -43px no-repeat;}
#nav-inspiration a:hover {background: transparent url(/i/navigate.png) -275px -43px no-repeat;}
#nav-events a:hover {background: transparent url(/i/navigate.png) -397px -43px no-repeat;}
#nav-about a:hover {background: transparent url(/i/navigate.png) -471px -43px no-repeat;}
#nav-contact a:hover {background: transparent url(/i/navigate.png) -543px -43px no-repeat;}
#nav-myblog a:hover {background: transparent url(/i/navigate.png) -627px -43px no-repeat;}

 /* navigation context */

body#home #nav-home, body#home #nav-home a:hover {background: transparent url(/i/navigate.png) 0px -43px no-repeat;}

body#products #nav-products, body#products #nav-products a:hover {background: transparent url(/i/navigate.png) -91px -43px no-repeat;}

body#services #nav-services, body#services #nav-services a:hover {background: transparent url(/i/navigate.png) -189px -43px no-repeat;}

body#inspiration #nav-inspiration, body#inspiration #nav-inspiration a:hover {background: transparent url(/i/navigate.png) -275px -43px no-repeat;}

body#events #nav-events, body#events #nav-events a:hover {background: transparent url(/i/navigate.png) -397px -43px no-repeat;}

body#about #nav-about, body#about #nav-about a:hover {background: transparent url(/i/navigate.png) -471px -43px no-repeat;}

body#contact #nav-contact, body#contact #nav-contact a:hover {background: transparent url(/i/navigate.png) -543px -43px no-repeat;}

body#myblog #nav-myblog, body#myblog #nav-myblog a:hover {background: transparent url(/i/navigate.png) -627px -43px no-repeat;}

a { outline:none; }