/*
***********************************************************
Title:			eff.css
Author: 		Martin @ stillmovingdesign (www.smd.net.au)
Created: 		24.04.2007
Last modified: 	11.10.2007
***********************************************************
*/

body {
  font-size: small;
  min-width: 51em;
  margin: 0;
  padding: 0;
  text-align: center;
  background-image: url(http://www.electricfirefly.com.au/images/nav/eff_stripe.png);
}
* html ul li {
	height: 1%;
}
* html ul li a {
	height: 1%;
}
img {
  text-decoration: none;
  border: none;
}
strong {
font-weight: bold;
}
* {
  background: transparent;
}
* html body {
  font-size: x-small;
  f\ont-size: small;
}
html>body {
  font-size: small;
}
.header {
  margin: 0 auto;
  width: 52em;
  height: 161px;
  text-align: center;
  background: url(http://www.electricfirefly.com.au/images/nav/header_bg.gif) repeat-x center bottom ;
  }

#footer-wrapper {
  clear: both;  
  margin: 0;
  padding: 0;
  height: 104px;
  background: #000;
  background: url(http://www.electricfirefly.com.au/images/nav/fcity2.gif) center bottom repeat-x;
}
#footer-content {
  width: 52em;
  height: 25px;
  margin: 0 auto;
  padding: 0px;
  background-color: #000;  
  background: url(http://www.electricfirefly.com.au/images/nav/footer_bg.gif) center bottom repeat-x;
    }
.footer-left, .footer-right {
	float: left;
	width: 26em;
	margin: 0;
	padding: .8em 0 0 1.8em;
	text-align: left;
	color: #ccf;
	font: normal 70%/100% 'Lucida Grande', 'Lucida Sans Unicode', Georgia, Times, Arial, Helvetica, Verdana, sans-serif;
}
	
.footer-right {	
	float: right;
	text-align: right;
	font-weight: bold;
	color: #ccf;
	padding: .4em 2.5em 0 5.5em;
}
.footer-right a:link, a:visited {
  text-decoration: none;
  color: #ccf;
}
.footer-right a:hover {
  text-decoration: none;
  color: #f93;
}

#body-container {
  width: 100%;
  text-align: center;
  background-image: url(http://www.electricfirefly.com.au/images/nav/eff_stripe.png);
}
#body-content {
  margin: 0 auto;
  padding: 2em 0 0 1em;
  width: 51em;
  text-align: left;
  background-color: #000;
}
#PictoBrowser {
  margin: 0 auto;
  padding: 2em 0 0 20px;
  width: 51em;
  text-align: left;
  background-color: #000;
}
.smd {
  color: #669;
}
.smd a:link, .smd a:hover, .smd a:active, .smd a:visited {
  color: #669;
  text-decoration: none;
}

.logo {
  padding: 1em 0 0em 0;
}

p, h2 {
  color: white;
  font: normal 85%/180% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
  margin: 0;
  padding: 0 0 .75em 0;
}

#lamps h2 {
  width: 30em;
  color: #fff;
  margin: 0 0em 1em 0;
  padding: 0;
}

#tutorials h2 {
  width: 20em;
  color: #fff;
  font-weight: bold;
  margin: 1em 0em 1em 0;
  padding: 0;
}
.vid {
float: left;
}

.columns, .faq {
  float: left;
  outline: 0px solid red;
  width: 25em;
  margin: 0;
  padding: 0;
  background: transparent;
}
* html #columns { display:inline; }

  .columns2, .faq {
  float: left;
  outline: 0px solid red;
  width: 25.5em;
  margin: 0;
  padding: 0;
  background: transparent;
  
}
#about .columns {
display: inline;
  width: 35em;
  margin: 0 0 0 9em;
  padding: 0;
}
#tutorials .columns {
  width: 26em;
  margin: 0 1em 1em 0em;
  padding: 0;
  background: transparent;
}
#tutorials .column2 {
  float: left;
  width: 22em;
  margin: 0;
  padding: 1em 0 1em 0;
  background: transparent;
}
#tutorials .columns3 {
  width: 21em;
  margin: 0 1em 1em 1em;
  padding: 0;
  background: transparent;
}


.faq {
  width: 22em;
  padding: 0em 3em 0 0;
}
.columns a, .columns a:link, .columns a:visited, h2 a:link, h2 a:visited, #lamps p a:link, #lamps p a:visited {
  text-decoration: none;
  color: #f93;
}
.columns a:hover, h2 a:hover, #lamps p a:hover {
  text-decoration: underline;
}


h3 {
  color: #f93;
  font: bold 85%/150% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
  margin-bottom: .5em;
  padding: 0;
}

#about dl {
float: left;
width: 70%;
margin-left: 2em;
}

#about dd {
  font: normal 85%/170% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
  margin-left: 12em;
  padding: 0;
}

#about .about_img {
float: left;
}


#home p {
line-height: 210%;
  margin: 0 2em .8em 0;
  padding: 0;
}
#about p {
  width: 30em;
  margin: 0 0 .8em 10em;
  padding: 0;
}

#shop2 .lamp_column p {
  width: 10em;
}

.step {
  margin-bottom: .5em;
}

.lamp_column p, .faq p {
  margin: 0 0 .8em 0;
  padding: 0;
}
.faq p {
  color: #ccc;
}
#tutorials .lamp_column {
  display: inline;
  float: left;
  width: 10em;
  margin: 0em 1.7em 0em 0em;
  padding: 0;
  background: transparent;
}
.lamp_column {
  display: inline;
  float: left;
  outline: 0px solid red;
  width: 10em;
  margin: 0;
  padding: 1em 1.3em 2em 1em;
  background: url("http://www.electricfirefly.com.au/images/lamp_col_bg.png") no-repeat top left;
}
#flash_content, #flash_content2, #flash_content3, #flash_content4 {
  float: left;
  margin: 0;
  padding: 0;
  border: 1px solid white;
}
#vid1, #vid2, #vid3, #vid4, #vid5, #vid6, #vid7, #vid8, #vid9, #vid10 {
width: 320px;
  margin: 0;
  padding: 0;
  border: 1px solid white;
}
#vid11 {
width: 240px;
  margin: 0;
  padding: 0;
  border: 1px solid white;
}
#vid12 {
width: 320px;
  margin: 0;
  padding: 0;
  border: 1px solid white;
}

#flash_content p {
  font: bold 85%/150% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
  margin: 0;
  padding: 0;
}
.shop_column {
  float: left;
  margin: 1em 0 0 0;
  padding: 1em 0 0em 1em;
  background: url("http://www.electricfirefly.com.au/images/lamp_col_bg.png") no-repeat top left;
}
#shop2 .shop_column {
  float: left;
  width: 100%;
  margin: 1em 0 0 0;
  padding: 1em 0 0em 0em;
    background: transparent;
}
#shop2 .shop_column p {
  float: left;
  display: inline;
  width: 14em;
  margin: 0 1em 0 0em;
  padding: 0;
  color: white;
  font: normal 85%/170% 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
}


#shop2 .img_shop {
  float: left;
  margin: 0 4.5em 0 0;
  padding: 0;
  border: 1px solid white;
}

.img_shop {
  float: left;
  margin: 0 5em 0 0;
  padding: 0;
  border: 1px solid white;
}
.img_shop2 {
  margin: 0 5em 0 0;
  padding: 0;
  border: 1px solid white;
}
.intro {
  float: left;
  width: 35em;
}

#shop .intro {
margin: 0;
padding: 0 0 3em 0;
}
h1, #about dt {
  color: #f93;
  font: normal 140%/160% Helvetica, Arial, Verdana, serif;
  margin: 0em 0 0em 0;
  padding: 0;
  background-color: transparent;
}

.img_h1 {
	display: block;
	margin:0;
	padding: 0 0 .75em 0;
}
#shop .img_h2 {
	display: block;
	margin:0;
	padding: 0 0 0 1em;
}
#shop2 .img_h2 {
	display: block;
	margin:0;
	padding: 2em 0 0 0em;
}

#home .img_h1 {
	display: block;
	margin: 0 0 .75em 0;
	padding: 0 0 1.5em 0;
}
#about .img_h1 {
	display: inline;
	margin: 0;
	padding: 0 0 .75em 2em;
}
#about .about_logos {
float: left;

margin: 0;
padding: 0;
}




.lamps {
  float: left;
  width: 11em;
  margin: 0;
  padding: 0 1.5em 0 0;
}


.lamps2 {
  float: left;
  width: 11em;
  margin: 0;
  padding: 0 1.5em 0 0;
}
.lamps3 {
  float: left;
  width: 330px;
  margin: 0;
  padding: 0 1.5em 0 0;
}

.lamp_pic {
  margin: .75em 0 .75em 0;
  padding: 0;
}
.lamps img {
  margin: 0 0 .75em 0;
  padding: 0;
}
.buy_button {
  float: left;
  margin: .5em 0 1em 8em;
  padding: 0;
}


/* NAVIGATION */
#nav-wrapper {
  margin: 0 auto;
  width: 53em;
  background-color: transparent;
}
#nav {
  margin: 0 auto;
  list-style: none;
  height: 19px;
}

#nav ul {
  list-style: none;
  margin: .8em 0 0 1em;
  padding: 0;
}
#nav li {
  float: left;
  margin: 0;
  padding: 0em .5em 0 2em;
  font: normal 75%/16px Arial, Helvetica, Verdana, sans-serif;
  display: inline;
  background: url("http://www.electricfirefly.com.au/images/nav/nav_bullet.gif") no-repeat 0 .3em;
 }

#nav a {
  float: left;
  display: block;
  margin: 0px 1em 0 0;
  padding: 0 0 .5em 0;
  color: #fff;
  display: inline;
  text-align: center;
}

#nav a:link {
  color: #fff;
  text-decoration: none;

}
#nav a:visited {
  color: #fff;
  text-decoration: none;
}
#nav a:hover {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted #fff;
  }
#home #nav-home a, #about #nav-about a, #lamps #nav-lamps a, #shop #nav-shop a, #tutorials #nav-tutorials a, #gallery #nav-gallery a, #contact #nav-contact a, #stockists #nav-stockists a {
  color: #f90;
  border-bottom: 1px dotted #f90;
  background-color: transparent;
}

.clear {
  clear: left;
  width: 45em;
  height: 10px;
}

.clear-head {
  clear: left;
  width: 600px;
  height: 10px;
}

#about .clear {
  clear: left;
  width: 500px;
  height: 10px;
}

/* CONTACT PAGE */

#contact p, .intro p, p, #about dd {
  color: #fff;
  padding: 0 2em .75em 0;
  margin: 0;
}
p a:link {
  color: #f90;
  text-decoration: none;
  background-color: transparent;
}
p a:visited {
  color: #f90;
  text-decoration: none;
  background-color: transparent;
}
p a:hover {
  color: #f90;
  text-decoration: underline;
  background-color: transparent;
}
#shop2 p {
  font: normal 100%/150% 'Lucida Grande', 'Lucida Sans Unicode', Georgia, Times, Arial, Helvetica, Verdana, sans-serif;
  color: #fff;
width: 40em;
}

#contact .pics img {
border: 1px solid white;
}
#shop2 .instructions ul {
  margin: 0;
  padding: 0;
 list-style-type: none;
}

#shop2 .instructions li {
  background: url(images/nav/bullet.png) no-repeat 0 8px;
  width: 35em;
  font: normal 110%/150% 'Lucida Grande', 'Lucida Sans Unicode', Georgia, Times, Arial, Helvetica, Verdana, sans-serif;
  color: #fff;
padding: 0 0 1em 1em;
}

/* FORM STYLING */
#shop2 form {
  float: left;
  width: 10em;
  margin: 0 0 0 2em;
  padding: 0;
  border: 0;
}

form {
float: left;
  margin: 0;
  padding: 0;
}
fieldset {
  padding: 0;
  border: 0;
  font: normal 85%/150% 'Lucida Grande', 'Lucida Sans Unicode', Georgia, Times, Arial, Helvetica, Verdana, sans-serif;
  color: #fff;
}

.label {
  font: normal 75%/100% 'Lucida Grande', 'Lucida Sans Unicode', Georgia, Times, Arial, Helvetica, Verdana, sans-serif;
  color: #fff;
  margin: 0;
  padding: 0;
}

.input {
  margin: 0;
  padding: 0;
  background-color: #f90;
  border: 0px;
  font: normal 75%/200% 'Lucida Grande', 'Lucida Sans Unicode', Georgia, Times, Arial, Helvetica, Verdana, sans-serif;
  color: #000;
  }
select {
  font: normal 100%/300% 'Lucida Grande', 'Lucida Sans Unicode', Georgia, Times, Arial, Helvetica, Verdana, sans-serif;
  background-color: #666;
 color: #fff; 
}
.textarea {
  background-color: #f90;
  font: normal 75%/200% 'Lucida Grande', 'Lucida Sans Unicode', Georgia, Times, Arial, Helvetica, Verdana, sans-serif;
  }
#body-content-gallery {
	margin: 0 auto;
	padding: 2em 0 0 20px;
	width: 51em;
	text-align: center;
	background-color: #000;
}
	/* WRAPPER
************************************************************************************************ */

div.fs { background: #E8E8E8 !important; }

/* WRAPPER - LOADING
************************************************************************************************ */

div.fs div.fsLoading { 
	background: #E8E8E8 url("http://v6.flickrshow.com/themes/green/al.gif") 50% 50% no-repeat!important;
	z-index: 500;
}

div.fsLoaded-0 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-1 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-2 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-3 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-4 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-5 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-6 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-7 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-8 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-9 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }
div.fsLoaded-10 div.fsLoading 	{ background-image: url("http://v6.flickrshow.com/themes/green/al.gif") !important; }


/* WRAPPER - SLIDER
************************************************************************************************ */

div.fs div.fsSlider { background: #D1D1D1 url("http://v6.flickrshow.com/themes/grey/sl.gif") !important; }

div.fs div.fsSliderH { 
	background: #464646 !important; 
	cursor: pointer;
}

/* WRAPPER - BUTTONS
************************************************************************************************ */

div.fs ol.fsButtons { background: #E8E8E8; }

div.fs ol.fsButtons li {
	background: #E8E8E8 50% 50% no-repeat;
	overflow: hidden;
	text-indent: -999px;
	z-index: 300;
}

div.fs ol.fsButtons li.fsButtonA { background-image: url("http://v6.flickrshow.com/themes/grey/ip.gif") !important; }
div.fs ol.fsButtons li.fsButtonB { background-image: url("http://v6.flickrshow.com/themes/grey/ir.gif") !important; }
div.fs ol.fsButtons li.fsButtonC { background-image: url("http://v6.flickrshow.com/themes/grey/il.gif") !important; }

div.fsPlaying ol.fsButtons li.fsButtonA { background-image: url("http://v6.flickrshow.com/themes/grey/is.gif") !important; }

/* WRAPPER - IMAGES
************************************************************************************************ */

div.fs ol.fsImages { background: #000; }

div.fs ol.fsImages li h2 {
	color: #2E2E2E !important;
	font-family: "Lucida Grande", "Helvetica", "Arial", Sans-serif;
	font-weight: lighter;
	overflow: hidden;
	z-index: 200;
}