/* CSS Document */

h1 { font-size: 20px; font-family: arial; text-align: left;}

h2 { font-size: 14px; font-family: arial; text-align: left; }

ol { text-align: left; }

p {
color:#A0A0A0;
font-family:arial;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding: 0px;
margin: 0px;
}

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

img { border-style: none;}

body { 
       margin: 0;
       padding: 0;
       Background: #EEEEEE;
}

#nav { width: 800px; height: 100px;}


#nav-wrap {  margin-left: 500px; width: 367px; height: 32px; background: url('../images/nav-bg.jpg'); padding-top: 5px; padding-left: 8px;  }


#home {

       font-family: "Lucida Grande","Lucida Sans Unicode",lucida sans,helvetica,arial,verdana,sans-serif;
       font-size: 62.5%;
       padding-bottom: 40px;
       margin: 0;
       padding: 0;
       text-align: center;
       background: #1e3445;    
       }

#header-wrap {

           background: #1e3344;
           background-repeat: no-repeat;
           background-position: center top;
           height: 550px;               
           }

#header-wrap-content {

           background: #1e3344;
           background-repeat: no-repeat;
           background-position: center top;
           height: 550px;               
                      
}

#header {
    
           height: 390px;
           position: relative;
           width: 984px;
           margin: 0 auto;
           
}

#header-content {
    
           height: 390px;
           position: relative;
           width: 984px;
           margin: 0 auto;
        
}

#header h1 {

            height: 85px;
            left: 30px;
            position: absolute;
            top: 10px;
            width: 409px;
}

#header h1 a {

             background: transparent url("../images/logo.png");
             display: block;
             height: 85px;
             text-indent: -9999px;
             width: 409px; 
}

#top-links { 
          
             list-style-image: none;
             list-style-position: outside;
             list-style-type: none;
             position: absolute;
             right: 2px;
             text-align: right;
             top: 26px;
             width: 400px;
}

#top-links li {

             color: #666666;
             display: inline;
             font-size: 1.1em;
             margin-left: 16px;
             padding-left: 11px;

}

#top-links li a {

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


#catalog-btn {

              font-size: 12px;
              height: 100px;
              right: 535px;
              position: absolute;
              top: 290px;
              width: 404px;
              
}

#catalog-btn a {

              background: transparent url("../images/cat-btn.png");
              background-repeat: repeat scroll 0 0;
              display: block;
              float: left;
              height: 100px;
              margin-right: 10px;
              text-indent: -9999px;
              width: 267px;
}

#catalog-btn span {
            
               color: #999999;
               float: left;
               height: 105px;
               line-height: 18px;
               width: 126px;
               text-align: left;
              

}

#bigbook {
              padding-top: 10px;

}

#head-text p {
              text-align: justify;
              float: left;
              margin-left: 33px;
              margin-top: 75px;
              width: 410px;
}             
             
#content-wrap {
               padding-top: 20px;
               background: #EEEEEE url("../images/body-bg.gif") repeat-x scroll 0 0px;
}             
             
             
#content-one {
              
              background: transparent url("../images/content-bg.png") no-repeat scroll 0 0;
              height: 282px;
              width: 936px;
              margin: auto;
              margin-top: 15px;
              
} 

#footer {           
             color: #666666;
             text-decoration: none;
} 

 		/*  **************************************************************************************************
			SLIDER
			****************************************************************************************************
		*/  
		

#slider-wrapper {
       
        top: 438px;
        position: absolute;
        margin-left: 15px;
        
}

#slider{ width: 900px; }	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
	
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:905px;
		height:250px;
		overflow:hidden;
		
 
		}	

	#slider2 li{ 
		background:#f1f1f1; 
		}		
	#slider2 li h2{ 
		margin:0 0px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		
		} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height:77px;
		position:absolute;
		left:-39px;
		top:-160px;
		}	
	#nextBtn, #nextBtn2{ 
		left:915px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:30px;
		height:77px;
		
		background:url("../images/btn_prev.png") no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		background:url("../images/btn_next.png") no-repeat 0 0;	
		}


 		/*  **************************************************************************************************
			CONTENT PAGES
			****************************************************************************************************
		*/ 
		

#header-content-background { height: 150px; 
                             background: #1e3445;
                             
                           }
                           
#header-content { height: 140px; }                           
		
		
#header-content h1 a { 	background: transparent url("../images/logo.png");
                        display: block;
                        height: 85px;
                        text-indent: -9999px;
                        width: 409px;
                        float: left; 	
                     }
                     
#content-wrap-content {
               padding-top: 20px;
               background: #EEEEEE url("../images/body-bg.gif") repeat-x scroll 0 0px;
               height: 400px;
}             

#content-content { width: 920px; margin: auto; border: 1px solid #ddd; background-color: #fff; margin-top: 10px; padding: 40px;
                   -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
                        
#content-content p { text-align: left; }
#content-content h1 { margin-bottom: 35px; }
#content-content h1 { text-align: center; }



p.policy { color: #000; border-bottom: 1px solid #eee; margin-bottom: 30px; padding-bottom: 5px; }
p.policy-noline { color: #000; margin-bottom: 15px; padding-bottom: 5px; }

ol.policy { color: #000; font-family: arial; border-bottom: 1px solid #eee; margin-bottom: 30px; padding-bottom: 5px; font-size: 12px; }
ul.policy { color: #000; font-family: arial; border-bottom: 1px solid #eee; margin-bottom: 30px; padding-bottom: 5px; font-size: 12px; text-align: left; }
ul.contact-info { text-align: left; list-style-type: none;  font-family: arial; margin-left: 0px; padding-left: 0px; font-size: 12px; margin-bottom: 40px; }
#footer-content {           
             color: #666666;
             text-decoration: none;
             margin: auto;
             width: 310px;
             padding: 15px;
} 


#contact-wrap { border-bottom: 0px solid #ccc; width: 915px; height: 350px; padding-left: 30px }
#contact-wrap ul li p { margin-top: 30px; color: #000; font-style: italic; }
#contact-left { border-right: 1px solid #ccc; width: 280px; float: left; height: 300px; }
#contact-middle { border-right: 1px solid #ccc; width: 280px; float: left; padding-left: 35px; height: 300px; }
#contact-right { width: 280px; float: right; padding-left: 35px; height: 300px; }
li.head { margin-top: 15px; }



#catalog-section-wrap { border: 0px solid #ccc; width: 915px; height: 300px; }
#catalog-section-wrap #bb-cat-cover { margin: 15px 0 0 100px; float: left; background: url('../images/bb-catalog.jpg'); width: 205px; height: 286px; }
#catalog-section-wrap #supplement-cat-cover { margin: 15px 0 0 50px; float: left; background: url('../images/supplement-catalog.jpg'); width: 311px; height: 278px; }
#catalog-section-wrap #energy-efficient-cat-cover { margin: 15px 0 0 50px; float: left; background: url('../images/energy-efficient-catalog.jpg'); width: 311px; height: 278px; }
#catalog-section-wrap #permalite-cat-cover { margin: 15px 0 0 50px; float: left; background: url('../images/permalite-catalog.jpg'); width: 311px; height: 278px; }
#catalog-section-wrap #lighting-glass-cat-cover { margin: 15px 0 0 50px; float: left; background: url('../images/lighting-glass-catalog.jpg'); width: 311px; height: 278px; }
#catalog-section-wrap #distinctive-finials-cat-cover { margin: 15px 0 0 50px; float: left; background: url('../images/distinctive-finials-catalog.jpg'); width: 311px; height: 278px; }
#catalog-section-wrap #siella-supplement-cat-cover { margin: 15px 0 0 50px; float: left; background: url('../images/siella-catalog.jpg'); width: 311px; height: 278px; }
#catalog-section-wrap .cat-text  { width: 800px; border-left: 1px solid #eee; width: 420px; height: 300px; float: right; padding: 0 0 0 40px; }
#catalog-section-wrap .cat-text p { text-align: justify; color: #000; }
#catalog-section-wrap .cat-text .catalog-button { margin-top: 35px; font-family: arial; }
#catalog-section-wrap .cat-text .catalog-button #view a { float: left; background-image: url('../images/view-catalog.jpg'); display: block; width: 204px; height: 87px; text-indent: -9999px;  } 
#catalog-section-wrap .cat-text .catalog-button #download a { float: right; background-image: url('../images/download-catalog.jpg'); display: block; width: 204px; height: 87px; text-indent: -9999px;  }

#news-post { border-bottom: 1px solid #ccc;}
#news-post img { float: left; margin: 0 20px 20px 0; }
#news-post h1 {  float: right; width: 588px; font-size: 30px; margin-bottom: 5px; margin-top: 0px; text-align: left; }
#news-post h2 {  float: right; width: 588px; text-align: left; margin-top: 0px; margin-bottom: 15px }
#news-post h3 {  font-style: italic; margin-bottom: 10px; font-family: arial; font-size: 12px; text-align: left;}
#news-post p { margin: 0 0 10px 0; }