@import url('nav.css');
@import url('motorization.css');
@import url('lighting-control.css');
@import url('green-technology.css');
@import url('portfolio.css');
@import url('company-info.css');
@import url('to-the-trade.css');
       body
        {
            margin: 0;
            background: #fff;
            font-family: helvetica, Verdana, Arial;
            font-size: small;
        }
        #outer-wrapper
        {
            width: 873px;
            border:1px solid #780000;
          /*  border-width: 0 1px 0 1px;*/
            margin: auto;
            background:#fff;
           
           
        }
        #inner-wrapper
        {
            width: 857px;
            margin: auto;
            position: relative;
            top: 12px;
          
            padding-bottom: 20px;
         /* background:#fff url(assets/images/lines.gif) repeat-y bottom;*/
        }
     /*   
       #outer-content-wrapper
        {
            width: 857px;
            background:#fff url(assets/images/lines.gif) repeat-y bottom;
          
        }*/
        #inner-content-wrapper
        {
            background-image:none;
            background-color:#fff;
           /* padding-bottom: 10px;*/
           
        }
        #sidebar-wrapper
        {
            float: left;
            width: 201px;
            height: 438px;
            background: #fff;
        }
        
         #main-content
        {
            float: right;
            width: 656px;
            height: 438px;
            background: #fff;
        }
        
        
        #logo-wrapper
        {
            width: 857px;
            
        }
        #logo
        {
            width: 201px;
            height: 131px;
            float: left;
        }
        #email
        {
            color: #333;
        }
        #banner-wrapper
        {
            width: 656px;
            height: 131px;
            float: right;
            background:#fff;
        }
        .clear
        {
            clear: both;
        }
        /* from suckerfish*/#nav, #nav ul
        {
            width: 656px;
            padding: 0;
            margin:0;
            list-style: none; 
            z-index:998;/* background: #fff url(assets/images/nav_bg.gif) repeat-x;
            height: 30px;*/
        }
        #nav a
        {
            /* width: auto;*/
            display: block;
            position: relative;
            padding: 0;
            vertical-align: middle;
            color: #58595b;
            font-weight: normal;
            text-decoration: none;
            font-family: verdana;
            font-size: 1em;
            text-transform: uppercase;
        }
        #nav a:hover
        {
            color: #780000;
        }
        #nav li
        {
            float: left;
            width: auto;
            background: url(../images/nav_box.gif) no-repeat right 7px;
        }
        #nav li.last
        {
            background-image: none;
            padding: 0;
        }
        #nav li ul, #nav li ul #green
        {
            position: absolute;
            top: 117px;
            width: 160px;
            height: auto;
            left: -999em;
            background-color: #ededee;
            margin: 0;
            padding: 0;
            display: block;
            border: 1px solid #780000; /*border-width:0 1px 1px 1px;*/
            list-style: none;
        }
        ul #green a:hover
        {
            color: #309b33;
        }
        #nav li ul li
        {
            background-image: none;
            border-bottom: 1px solid #780000;
            font-size: 85%;
            display: block;
            padding: 2px 0;
            z-index:3px;
        }
        #nav li ul li a
        {
            width: 144px;
            padding: 2px 8px;
            display: block;
        }
        #nav li:hover ul, #nav li.sfhover ul
        {
            left: auto;
        }
        #utility-wrapper
        {
            width: 656px;
            height: 92px;
        }
        #utility
        {
            float: left;
            width: 266px;
            padding-left: 12px;
            font-size: 105%;
            color: #780000;
        }
        #utility a
        {
            color: #780000;
            text-decoration: none;
        }
        #utility a:hover
        {
            text-decoration: none;
        }
        #utility p.phone
        {
            margin-top: 10px;
            margin-bottom: 0;
            font-size: 110%;
        }
        #utility p.company-info
        {
            margin-top: 10px;
            margin-bottom: 0;
        }
        #utility p a
        {
            text-decoration: underline;
        }
        
      #utility p a:hover{
      	color:#999;
      	 text-decoration: underline;
      }
        #action-wrapper
        {
            float: right;
            width: 358px;
        }
        table#take-action
        {
            width: 358px;
        }
        table#take-action td#links
        {
            width: 265px;
            vertical-align: top;
            text-align: right;
        }
        table#take-action #request a
        {
            width: 252px;
            color: #780000;
            text-transform: uppercase;
            text-align: right;
            text-decoration: none;
            letter-spacing: .1em;
        }
        table#take-action #request a:hover
        {
            color: #666;
        }
        table#take-action #addme
        {
            margin-top: 8px;
        }
        table#take-action #showroom
        {
            margin-top: 22px;
        }
        table#take-action #addme a
        {
            color: #000;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: .1em;
        }
        table#take-action #addme a:hover
        {
            color: #780000;
        }
        table#take-action #showroom-link
        {
            float: left;
            width: 112px;
            padding-left: 20px;
            text-align: left;
            border-right: 1px solid #000;
        }
        table#take-action #showroom-link a
        {
            text-transform: uppercase;
            color: #780000;
            text-decoration: none;
            letter-spacing: .1em;
        }
        table#take-action #showroom-link a:hover
        {
            color: #666;
        }
        table#take-action #trade
        {
            float: right;
        }
        table#take-action #trade a
        {
            color: #000;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: .1em;
        }
        table#take-action #trade a:hover
        {
            color: #780000;
        }

        
        #sidebar-shading
        	{
            float: left;
            width: 171px;
            padding:0;
            margin:0;
            
        }
        
        #sidebar-shading div{
        	margin-top:15px;
        	padding:0 0 0 20px;
        	background:#fff url(../images/illustra_borderline.gif) repeat-y right top;
        }
        
        #content-shading
        {
            float: right;
            width: 686px;
          
           margin-top:-14px;
           
        }
        
  
        
        #details{
        	float:left;
        	width:266px;
        }
        
        #details h2{
        	color:#780000;
        	text-transform:uppercase;
        	font-size:130%;
        	font-weight:normal;
        font-family:"Trebuchet MS";
        letter-spacing:.1em;
        }
        
        #details div{
        	margin-top:15px;
        	text-align:right;
        	padding:0 15px 0 15px;
        }
        
        #details div p{
        	line-height:1.4em;
        	font-size:105%;
        	color:#000;
        }
        
         #details div p.eco{
        	line-height:1.5em;
        	font-size:110%;
        	color:#780000;
        	text-transform:uppercase;
        	background:url(assets/images/shading/leaf.gif) no-repeat 24px top;
        	padding-top:12px;
        }
                
         #details div p.eco a{
         	color:#780000;
         	text-decoration:none;
        }
        
        #details div p.eco a:hover{
         	color:#666;
         	text-decoration:none;
        }
         
         
         
        #details div p.feature{
       
        	color:#666;
        	font-size:95%;
        }
        
       
        
        .bold{
        	font-weight:bold;
        }
        
        #body{
        	float:right;
        	width:420px;
        	padding-bottom:20px;
        }
        	
        #tagline
        {
            width: 179px;
            margin-top: 35px;
            font: normal .85em/1.4em verdana;
            color: #780000;
            padding: 0 0 0 22px;
        }
        #ads
        {
            margin-top: 80px;
            width: 194px;
        }
        
        
        #thumbnail-wrapper
        {
            position: absolute;
            top: 540px;
            left:115px;
            width:310px;
           
        }
        
        
       
        #feature-wrapper
        {
            position: relative;
            top: -45px;
            width: 440px;
            height: 15px;
            background: #666;
            border-right: 6px solid #8a1f03;
            color: #fff;
            text-align: right;
            padding: 1px 10px 5px 0;
        }
        #feature-text
        {
            font: italic bold 85% verdana;
            margin-right: 10px;
        }
        #feature-name
        {
            font-family: Trebuchet MS;
            letter-spacing: 1px;
            font-size: 105%;
        }
        
        
        
        
        ul.sidebar-shading{
        	margin:0;
        	padding:0;
        	list-style:none;
        }
        
        ul.sidebar-shading li{
        	margin-bottom:4px;
        }
        
        ul.sidebar-shading li a{
        	text-transform:uppercase;
        	color:#666;
        	text-decoration:none;
        	font-size:85%;
        }
        
        ul.sidebar-shading li a:hover{
        	color:#780000;
        	text-decoration:none;
        }
        
        table.shading{
        	width:100%;
        	text-align:right;
        	margin-bottom:30px;
        	border:1px solid #fff;
        }
        
        table.shading td{
        	padding:0;
        	font-weight:normal;
        }
        
   /*     table#shading tr#description td{
        	padding-top:8px;
        }
        */
        
       table.shading h3
        
        {
        	color:#780000;
        	text-transform:uppercase;
        	font-weight:normal;
        	line-height:1.5em;
        }
       
       table.shading tr.description td{
       	line-height:1.6em;
      vertical-align:top;
       	padding:0;
       
      }
      
      table.roman-thumbnails, table.roman-thumbnails2{
      	width:100%;
      	
      	
      }
      
      table.roman-thumbnails td{
      	width:33%;
      	text-align:center;
      	font:normal .7em Arial;
      	color:#666;
      	text-transform:uppercase;
      }
      
      table.roman-thumbnails2 td{
      	width:50%;
      	text-align:center;
      	font:normal .7em Arial;
      	color:#666;
      	text-transform:uppercase;
      }
      
      .red{
      	color:#780000;
      }
      
      #lines{
      	visibility:hidden;
      width:100%;
      height:110px;
      background:url(../images/lines.gif) repeat-y left top;
      margin-top:10px;
    }
    
    .allcaps{
    	text-transform:uppercase;
    }
    
    #facebook{
float:right;
margin-right:140px;
margin-top:8px;
}
   

	#footer{
		width:851px;
		margin:20px auto;
		background:url(../images/footer-bg.gif) repeat-x left bottom;
		height:50px;
		font-size:.85em;
		color:#000;
		padding:0 0 0 24px;
	}
	.space{
		width:60px;
		background:transparent;
		margin-left:60px;
	}