/* -------------Start Template---------------*/

body {

  font: 62.5%/1.6em century gothic, helvetica, sans-serif;
  background:url('/images/backgrounds/grey-stripe.gif');

}


#container {

  text-align:center;

}


#sub {

  background:url('/images/backgrounds/main.jpg') no-repeat;
  text-align:left;
  margin: 0 auto;
  border:3px outset #ccc;
  height:532px;
  width:770px;
  position:relative;

}

.environment #sub {

  background:url('/images/backgrounds/environment.jpg') no-repeat;

}

.aboutfozz #sub {

  background:url('/images/backgrounds/aboutfozz.jpg') no-repeat;

}


.contactus #sub {

  background:url('/images/backgrounds/contactus.jpg') no-repeat;

}

#header {

  height:90px;

}

.emphasise {

  font-weight:bold;

}

ul#nav {

  margin:0px 0 0 0;
  padding:0;
  float:right;
  font-size:1.3em;
  list-style:none;
 
}

ul#nav li {

  display:inline;

}

ul#nav li a {

  float:left;
  color:#666;
  padding:55px 15px 16px 15px;
  border-left: 1px solid #333;
  text-decoration:none;
  font-weight:bold;

}

.products ul#nav li#products a, .downlights ul#nav li#products a, .ceiling ul#nav li#products a, .outdoor ul#nav li#products a, .decorative ul#nav li#products a,
.aboutfozz ul#nav li#aboutfozz a, .exhibitions ul#nav li#exhibitions a, .contactus ul#nav li#contactus a, .environment ul#nav li#environment a  {

 color:#333;
 background:#ccc;

}



ul#nav li a:hover {

  color:#666;
  background:#eee;

}

#breadcrumb {

 font-size:1.3em;
 color:#fff;
 font-weight:bold;
 margin-top:2px;
 margin-left:13px;

}

/*\*/

* html #breadcrumb {

  margin-left:2px;

}

/**/


#breadcrumb a {

  color:#fff;
  text-decoration:none;
  
}

#breadcrumb a:hover {

 color:#eee;
 text-decoration:none;  

}

#content {

  height:354px;
  

}

#footer {

  display:inline;
  position:absolute;
  bottom:7px;
  right:7px;

}

#footer img {

  border:0;
  
}

/* -------------End Template---------------*/


ul#productmenu {

  margin:20px 0 0 10px;
  padding:0;
  float:left;
  font-size:.8em;
  list-style:none;
 
}

ul#productmenu li {

  display:inline;

}

ul#productmenu li a {

  float:left;
  color:#666;
  background:#eee;
  padding:2px 6px 2px 6px;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;  
  text-decoration:none;
  font-weight:bold;

}

ul#productmenu li#decorative a {

  border-right: 1px solid #999;

}

.downlights ul#productmenu li#downlights a, .ceiling ul#productmenu li#ceiling a, .outdoor ul#productmenu li#outdoor a, .decorative ul#productmenu li#decorative a {

  color:#fff;
  background:#093;

}

ul#productmenu li a:hover {

  color:#333;
  background:#ccc;

}

.productfamily, .productfamilyleft {

  width:172px;
  height:358px;
  background:url('/images/backgrounds/products.gif') no-repeat;
  float:left;
  margin-left:17px;
  margin-top:35px;

}

/*\*/

* html .productfamilyleft {

  margin-left:8px;

}

/**/



.product, .productleft {

  width:166px;
  height:136px;
  background:url('/images/backgrounds/products-short.gif') no-repeat;
  float:left;
  margin-left:22px;
  margin-top:20px;

}

/*\*/

* html .productleft {

  margin-left:10px;

}

/**/



img.label {

  margin:6px 0 0 5px;
  border:0;

}

img.productpic {

  margin:0 0 0 4px;

}

.downlights img.label, .ceiling img.label, .outdoor img.label, .decorative img.label {

  margin:3px 0 0 4px;
  border:0;

}

.downlights img.productpic, .ceiling img.productpic, .outdoor img.productpic, .decorative img.productpic {

  margin:0 0 0 2px;

}

.piclink img.productpic{

  border:2px solid #ccc;

}

.piclink:hover img.productpic{

  border:2px outset #ccc;

}


.aboutfozz #content, .environment #content, .exhibitions #content, .contactus #content {

  margin:20px 20px 21px 20px;

}

.aboutfozz #content h1, .aboutfozz #content p, .environment #content h1, .environment #content p, .exhibitions #content h1, .exhibitions #content p, .contactus #content h1, .contactus #content p {

  color:#fff;
  line-height:1.6em;

}

.aboutfozz #content h1, .environment #content h1, .exhibitions #content h1, .contactus #content h1 {

  font-size:1.8em;

}

.aboutfozz #content p, .environment #content p, .exhibitions #content p, .contactus #content p {

  font-size:1.3em;

}

.contactus #content p {

  margin-left:3em;

}

.contactus #content a {

  color:#fff;

} 

.contactus #content a:hover {

  color:#fc3;

}