/* body and fonts */

body
{
 background: #101922;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 border: none;
 color: #545454;
 font-family: Tahoma, "Lucida Grande", Helvetica;
 font-size: 12px;
 line-height: 150%;
}

a, a:link, a:visited, a:hover, a:active
{
 color:	#C50051;
 text-decoration: underline;
 background: none;
}

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active
{
 color: #C50051;
 font-family: Tahoma, "Lucida Grande", Helvetica;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active
{
 color: #C50051;
 font-family: Tahoma, "Lucida Grande", Helvetica;
 font-size: 12px;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active
{
 color: #C50051;
 font-family: Tahoma, "Lucida Grande", Helvetica;
 font-size: 12px;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}

 /* boxes */

#container
{
 width: 890px;
 margin-left: auto;
 margin-right: auto;
 background: transparent url(/i/bg.jpg);
}

#head1
{
 margin-top: 0px;
 background: transparent url(/i/header.jpg) no-repeat;
 text-align: center;
 height: 257px;
}

#righthome
{
 float: right;
 width: 270px;
 background: transparent;
 margin-right: 90px;
 margin-left: 0px;
 margin-top: 0px;
 padding-right: 0px;
 text-align: left;
 padding-top: 15px;
}


#centerhome
{
 background: transparent;
 width: 420px;
 margin-right: 0px;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 10px;
 padding-top: 15px;
 padding-bottom: 0px;
 padding-left: 90px;
 text-align: left;
}

#rightprod
{
 float: right;
 width: 420px;
 background: transparent;
 margin-right: 90px;
 margin-left: 0px;
 margin-top: 0px;
 padding-right: 0px;
 text-align: left;
 padding-top: 15px;
}

#centerprod
{
 background: transparent;
 width: 270px;
 margin-right: 0px;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 10px;
 padding-top: 15px;
 padding-bottom: 0px;
 padding-left: 90px;
 text-align: left;
}

#center
{
 background: transparent;
 width: 700px;
 margin-right: 90px;
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 10px;
 padding-top: 15px;
 padding-bottom: 0px;
 padding-left: 90px;
 text-align: left;
}

#footer
{
 height: 135px;
 clear: both;
 padding-right: 90px;
 padding-left: 80px;
 padding-top: 0px;
 text-align: left;
 background: transparent url(/i/footer.jpg) 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;
}

 /* ie & misc corrections */


* html #center
{
 margin-top: 0px;
}

* html #righthome
{
 margin-right: 45px;
}

* html #rightprod
{
 margin-right: 45px;
}

 /* navigation */

#nav
{
 margin-top: 0px;
 background: transparent url(/i/nav.png) no-repeat;
 width: 890px;
 height: 30px;
 list-style: none none;
 border: none;
}

#nav ul {
  width: 890px;
  height: 30px;
  background: url(/i/nav.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: 30px;
  display: block;
}

#nav ul li a {
  border: none;
  text-indent: -9999px;
  text-decoration: none;
}

#nav-home {left: 0px; width: 174px;}
#nav-about {left: 174px; width: 99px;}
#nav-products {left: 273px; width: 99px;}
#nav-news {left: 372px; width: 99px;}
#nav-quote {left: 471px; width: 99px;}
#nav-contact {left: 570px; width: 320px;}

#nav-home a:hover {background: transparent url(/i/nav.png) 0px -30px no-repeat;}
#nav-about a:hover {background: transparent url(/i/nav.png) -174px -30px no-repeat;}
#nav-products a:hover {background: transparent url(/i/nav.png) -273px -30px no-repeat;}
#nav-news a:hover {background: transparent url(/i/nav.png) -372px -30px no-repeat;}
#nav-quote a:hover {background: transparent url(/i/nav.png) -471px -30px no-repeat;}
#nav-contact a:hover {background: transparent url(/i/nav.png) -570px -30px no-repeat;}

 /* navigation context */

body#home #nav-home, body#home #nav-home a:hover {background: transparent url(/i/nav.png) 0px -60px no-repeat;}

body#about #nav-about, body#about #nav-about a:hover {background: transparent url(/i/nav.png) -174px -60px no-repeat;}

body#products #nav-products, body#products #nav-products a:hover {background: transparent url(/i/nav.png) -273px -60px no-repeat;}

body#news #nav-news, body#news #nav-news a:hover {background: transparent url(/i/nav.png) -372px -60px no-repeat;}

body#quote #nav-quote, body#quote #nav-quote a:hover {background: transparent url(/i/nav.png) -471px -60px no-repeat;}

body#contact #nav-contact, body#contact #nav-contact a:hover {background: transparent url(/i/nav.png) -570px -60px no-repeat;}

a { outline:none; }