body {
margin: 0 0 2em 0;
padding: 0 1em 0 1em;
text-align: center;
background-color:#2D6785; /*F0FAFF*/
color: #333;
text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 75.01%;
line-height: 1em;
}

li {margin-bottom:4px;line-height:15px;}

#pagewrapper { /* for homepage */
margin: 0 auto;
max-width: 75em;
min-width: 65em;
padding: 0 20px 0 0;
text-align: left;
border-right:2px solid #2D6785;
background:transparent url('images/bg-pagewrapper.gif') top right repeat-y;
}

#container {
position: relative;
margin:0;
padding:0;
background:transparent url('images/bg-curve.gif') top left no-repeat;
}
#home {
margin:0;
padding:0;
background-type:image;
background-position:top left;
background-image:url('images/bg-curve-home.gif');
background-repeat:no-repeat;
}
#pagewrapper1 {
margin: 0 auto;
max-width: 80em;
min-width: 60em;
padding: 0 20px 0 0;
text-align: left;
border-right:2px solid #2D6785;
background:transparent url('images/bg-pagewrapper.gif') top right repeat-y;
}
#pagewrapper2 {
padding:0 0 0 20px;
background:transparent url('images/bg-pagewrapper2.gif') top left repeat-y;
}
#background {
background:#F0FAFF url('img/logo-top.png') top right no-repeat;
}

#header {
width:46%;
height:150px;
padding-top:20px;
padding-left:15px;
text-align:center;
}

#header p.tip {
border:dotted #CCC 1px;
background:transparent url('images/bg-white-50.png') top left repeat;
padding:0.5em;
font-style:italic;
margin:0 8em 0 8em;
font-size:11px;
text-align:left;
color:#666;
}

#header p.tip span {
font-style:bold;
color:#2D6785;
font-size:12px;
}


#featured{float: left;width: 48%;margin:0px;}

#featured div {
margin:0px 0px 5px 0px;
padding:0px;
position:relative;
height:75px;
display:block;
}
#featured div p {margin:0px;padding:10px 0 0 90px;font-style:italic;font-size:11px;}
#featured div img {margin:0px;padding:0px;}
#featured div p img {margin:0px;padding:0px;}

#featured div.item1 {margin-left:20px;}
#featured div.item2 {margin-left:10px;}
#featured div.item3 {margin-left:0px;}
#featured div.item4 {margin-left:10px;}

#featured div.item hr {clear:both;margin:0px;padding:0px;}

#featured div {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.luminessencelighting.com/images/bg-item.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
#featured div.item1[class] {background:url('images/bg-item.png') top right no-repeat;}
#featured div.item2[class] {background:url('images/bg-item.png') top right no-repeat;}
#featured div.item3[class] {background:url('images/bg-item.png') top right no-repeat;}
#featured div.item4[class] {background:url('images/bg-item.png') top right no-repeat;}

#featured div#spacer {clear: both;margin:0px;padding:0px;background-image:none;filter:none;}

#main
{
margin-top:0px;
float: left;
width: 43%;
border:dotted #ccc 1px;
margin-left:2%;
padding:0 2% 2% 2%;
background:#F8FDFE url('images/background2.gif') top right no-repeat;
}

#main div.section {
width: 100%;
padding: 0; 
margin: 0px auto;
clear: both;
}
#main div.section h2 {
font-style:italic;
border-bottom: 1px dotted #8BC4F0;
margin:10px 0 10px 0;
padding-bottom:6px;
font-size:1.4em;
color:#135C94;
}
#main div.section a {
margin:0;
padding:0 0 3px 0;
text-decoration:none;
}
#main div.section span.left {
  float: left;
  text-align: center;
  width: 22%;
  }

#main div.section span.right {
  float: right;
  text-align: left;
  font-style:italic;
  width: 73%;
  }
  
#main div.section span.right b {font-style:normal;font-weight:bold;}
#main p.nav { margin:1em 0 0 0;padding:1em 0 0 0;font-size:10px;color:#CCC;border-top: 1px dotted #CCC;}
#main p.copy { margin:1em 0 0 0;padding:0;font-size:10px;color:#CCC;}
#main p.copy span {color:#666;}



/* end homepage */

#menu_vert
{
float: left;
width: 24%;
margin-top:108px;
padding-left:20px;
}

#content
{
margin-top:170px;
float: left;
width: 66%;
border:dotted #ccc 1px;
margin-left:2%;
padding:0 10px 0 2%;
background:#F8FDFE url('images/background2.gif') top right no-repeat;
}

#content p
{ 
text-align:justify;
}

div.breadcrumbs {
padding: 1em 0;
text-align: left;
font-size: 90%;
margin: 0 0 1em 0;
border-bottom: 1px dotted #666;
}

div.footer {
padding: 1em 0 1em 0;
text-align: left;
font-size: 90%;
margin: 1em 0 0 0;
border-top: 1px dotted #666;
}
div#plant_growth {
  width:320px;
  float: right;
  text-align:center;
  padding:0 1em;
  }
div#sadlight {
  width:200px;
  float: right;
  text-align:center;
  padding:0 1em;
  }
div#butterdome {
  width:280px;
  float: right;
  text-align:center;
  padding:0 0 0 20px;
  margin-top:100px;
  }

div.caption {
text-align: center;
font-size:80%;
font-weight:bold;
}

div.caption img {border:solid 1px #385C72;}

div.caption p {margin:5px 0 0 0;padding:0 10px 0 10px;}

/*

1. accordion div
2. top-menu ul
3. Product/Services h3
4. moofx1 h3
5. moofx2 a

/*

/**/

#accordion {
border-top:1px dotted #4D95B9; 
border-bottom:1px dotted #4D95B9; 
margin:10px 0 0 0;
padding:0 0 15px 0;
width:140px;
}

/**/

#menu_vert ul {  
 margin:0;
 padding:0;
list-style-type: none;
}
#menu_vert ul img {
vertical-align:bottom;
margin-right:2px;
}
#menu_vert ul li {
list-style-type: none;
list-style-image:none;
height:16px;
line-height:16px;
margin-bottom:2px;
}
#menu_vert ul li a {
text-decoration:none;
color:white;
}

/**/

#menu_vert h3 {
color:#96C6DD;
font-size:100%;
padding:10px 0 10px 0;
margin:0;
}

/**/

#menu_vert h3.moofx1 {
  color:#FFA600;
  font-size: 100%;
  cursor: pointer;
  border-top:none;
  padding:4px 0 4px 5px;
  margin:0 0 0 0;
  font-weight:normal;
  border-top: 1px solid #5389A4;
  border-bottom: 1px solid #245B77;
  }

/**/
  
#menu_vert #accordion div.moofx2 a {
  display: block;
  text-decoration: none;
  padding: 4px 0 4px 10px;
  border-top: 1px solid #2E6684;
  border-bottom: 1px solid #2E6684; 
  /*border-left: 1px solid #2E6684;*/
  color: #FEECC6;
  }

#menu_vert #accordion div.moofx2 a:hover {
background-color:#2E6684;
color:white;
  border-top: 1px solid #2E6684; /*5389A4*/
  border-bottom: 1px solid #245B77;
/*  border-left: 1px solid #1C506A;*/
}

#menu_vert #accordion a {
  color:#FFA600;
  padding:5px 0 5px 5px;
  margin:0;
  text-decoration:none;
  display:block;
  border-top: 1px solid #5389A4;
  border-bottom: 1px solid #245B77;
  }

#menu_vert #accordion a.active02 {
color: white;
}

#menu_vert #accordion div.moofx2 a.active03 {
  font-weight:bold;
  color:white;
  border-bottom: 1px solid #2E6684;
}
#menu_vert #accordion div.moofx2 a.active03:hover {
  font-weight:bold;
  color:white;
  border-bottom: 1px solid #2E6684;
  background-color:transparent;
}

/* LISTS */
#main ul {
  line-height:1.4em;
margin: 0 0 1.5em 0;
padding: 0;
}
#main ul li {
margin: 0 0 0.25em 30px;
padding: 0;
}
/* END LISTS */

hr {
display: none;
}

div.hr {
height: 1px;
margin: 1em 10px;
border-bottom: 1px dotted black;
}



/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */

/* clearing */
.stretch,
.clear {
clear:both; 
height:1px; 
margin:0; 
padding:0; 
font-size: 15px;
line-height: 1px;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
* html>body .clearfix {
display: inline-block; 
width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}

/* end clearing */


/* replace */
.replace {
display:block;

background-repeat: no-repeat;
background-position: left top;
background-color:transparent;
}
/* tidy these up */
.replace * {
text-indent: -10000px;
display:block;

background-repeat: no-repeat;
background-position: left top;
background-color:transparent;
}
.replace a {
text-indent:0;
}
.replace a span {
text-indent:-10000px;
}
/* end replace */


/* accessibility */
  span.accesskey {
  	text-decoration:none;
  }
  .accessibility {
  	position: absolute;
  	top: -999em;
  	left: -999em;
  }
  
dfn {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline;
}
/* end accessibility */	




a,
a:link 
a:active, a:visited {
color: #385C72;
}

h1, h2, h3, h4, h5, h6 {
color: #385C72;
}

p {
font-size: 1em;
margin: 0 0 1.5em 0;
padding: 0;
line-height:1.4em;
}

strong, b {
font-weight: bold;
}
em, i {
font-style:italic;
}

div {
font-size: 1em;
}
img {
border: 0;
}

h1 {margin:0;padding:0;}
h2 {margin:20px 0 20px 0;padding:0;}
h3 { font-size:14px;margin:10px 0 10px 0;padding:0;}
h4 {font-size:12px;margin:0;padding:0;}}
#content h4 a {text-decoration:none;}



table.pricing {padding:0;margin:0;border:none;}
table.pricing td {padding:2px;}
table.pricing td.name {width:175px;}
table.pricing td.price {font-weight:bold;}
table.pricing td.description {padding:0 2px 8px 25px;border-bottom:1px solid #e3e3e3;}
table.pricing td.comment {font-size:11px;font-style:italic;}
span.small {font-size:11px;color:#666;}
div.box {padding:0 20px 20px 20px;background-color:#f8f8f8;border:1px solid #e3e3e3;}
div.box h4 {margin:10px 0 10px 0;}
img.left {margin:0 10px 10px 0;}
img.right {margin:0 5px 10px 15px;}
img.right-border {
border:solid 1px #385C72;
margin:0 5px 10px 15px;
}
img.left-border {
border:solid 1px #385C72;
margin:0 15px 10px 5px;
}
div.category_item {clear:both;line-height:12px;vertical-align:bottom;}
div.category_item span {display:block;width:120px;float:left;margin-top:-5px;}

li.title {
	margin:5px 0 0 -15px;
	font-weight:bold;
	list-style-type: none;
}
li.sub {
	margin-left:15px;
}

div.right_float {
float:right;
background-color:#FAFAFA;
border:dotted 1px #CCC;
padding:0 10px 10px 10px;
margin:0 10px 10px 10px;
width:150px;
}
div.right_float hr {
height:1px;
display:block;
color: #EFEFEF;
background-color: #EFEFEF;
border:none;
margin:10px 0 0 0;
padding:0px;
}
div.right_float ul {
margin:0 0 0 20px;
padding:0;
list-style-type:image;
list-style-image: url('images/li.gif');
}
div.right_float li {
margin:0;
padding:0;
list-style-type:image;
list-style-image: url('images/li.gif');
}

li {list-style-type:image;
list-style-image: url('images/li.gif');}

div#spacer {clear: both;margin:0px;padding:0px;background-image:none;}
div.spacer {clear: both;margin:0px;padding:0px;background-image:none;}

#bottom { 
display:block;
margin-right:-20px;
clear:both;
height:40px;
}

div.catalogue {
  margin-left:10px;
  clear: both;
  padding-top: 10px;
width:260px;
  }
div.catalogue a { text-decoration:none;}
div.catalogue span.model {
  float: left;
  width: 80px;
  text-align: left;
  }

div.catalogue span.desc {
  float: right;
  width: 180px;
  text-align: left;
  } 

/* energy management page*/
table#clients {padding:0;margin:0;border:none;}
table#clients td {vertical-align:top;}
table#clients li.heading {list-style-type:none;margin-top:10px;font-weight:bold;font-size:14px;list-style-image:none;}
ul.services {margin-left:20px;}

/* growth chamber retrofits page */
div#growth {height:422px;text-align:justify;color:white;background:transparent url('http://www.luminessencelighting.com/images/bg_growth.jpg') bottom left no-repeat;}
div#growth h3 {color:#FFB51E;margin:0px;padding:5px 0 5px 0;}
div#growth ul {margin:0px;padding:0 0 0 15px;}
div#growth li {margin:0px;padding:0 0 5px 0;line-height:17px;}

div#offer {height:400px;padding-left:25px;padding-right:220px;background:transparent url('http://www.luminessencelighting.com/images/bg_growth_what.jpg') top left no-repeat;}
div#casestudy {height:400px;padding-left:25px;padding-right:220px;background:transparent url('http://www.luminessencelighting.com/images/bg_growth_case.jpg') top left no-repeat;}
div#how {height:400px;padding-left:25px;padding-right:220px;background:transparent url('http://www.luminessencelighting.com/images/bg_growth_how.jpg') top left no-repeat;}

div#growth div {background-color:transparent;}
div#growth p {margin:0px;padding:0px;}
div#growth table#case {text-align:left;margin:0px;margin:5px 0 0 5px;font-size:11px;}
div#growth table#case tr.strong {font-weight:bold;}
div#growth table#case td {padding:5px;border-right:1px solid #96C6DD;border-bottom:1px solid #96C6DD;}



.luminaires {
padding:0;
}

.luminaires h2 {
margin:0;
}

#luminaires {
padding-top:0;
}

.product {
border-top:1px dotted #666;
padding:10px 0px;
}

.box .product {
border-top:1px dotted #666;
padding:13px 10px 0 10px;
}

.product h2 {
font-size:2em;
font-weight:normal;
text-transform:none;
color:#333;
background:transparent;
padding:0;
margin:0;
border:none;
}

.product h3 {
margin-left:10px;
margin-bottom:.2em;
padding-bottom:5px;
font-size:14px;
color:#2D6785;
border-bottom:1px dotted #80ACC3;

}
.product h3 a {color:#2D6785;text-decoration:none;}
.product h3 a:hover {color:#333;text-decoration:none;}

.first {border-top:none;}

.product h4 {
font-size:1.2em;
text-transform:uppercase;
margin-bottom:.5em;
}

.product a.image {
float:left; 
margin:3px 10px 3px 0; 
padding:4px;
border:1px solid #bbb;
background:#fff;
}

.product a.image:hover {
border:1px solid #666;
}

.product a.image img {
float:left; 
}

.product p {
margin:0px;
padding:3px 0px;
}

.product p.meta {
color:#666;
border-top:1px dotted #80ACC3;
border-bottom:1px dotted #80ACC3;
padding:.3em 0;
margin-bottom:.8em;
}