html, body {height: 100%;}

html
{
   background: #2f1b0d url(../images/layout/bk_splash_outer.png) top center repeat-x; 
}

body#splash
{
    background: url(../images/layout/bk_splash.jpg) top center no-repeat; 
    margin: 0 auto;
    min-height: 730px;    
    width: 100%;
}

#splash #wrapper
{
    margin: 0 auto;
    position: relative;
    width: 960px;
}

#splash #main
{ 
    height: 537px;
    width: 780px;
}

#splash #intro
{ 
    color: #5c6a30;
    margin-left: 278px;
    margin-top: 131px;
    width: 460px;
}

#sections-list
{
	list-style-type: none;	
	padding: 0;
	margin: 0;
}

	#sections-list li
	{
		float: left;
		margin-right: 20px;
	}
	
	#sections-list li p
	{
		color: #8d7b70;  
		padding-top: 5px;  
	}
	
	#sections-list li a
	{
		color: #bfaea4;
	}		


	#sp_section1
	{
	    width: 226px;    
	    margin-top: -5px;
	}	

		#wholesale-login
		{
			display: block;
			width: 226px;
			height: 85px;
			background: url('../images/layout/wholesale_login.png') top left no-repeat;	
		}

			#wholesale-login:hover
			{
				background-position: bottom left;	
			}
			
	#sp_section2
	{
	    width: 226px;
	    margin-top: -5px;   
	}
	
		#shop-now
		{
			display: block;
			width: 226px;
			height: 84px;
			background: url('../images/layout/shop-now.png') top left no-repeat;	
		}

			#shop-now:hover
			{
				background-position: bottom left;	
			}				

	#sp_section3
	{ 
	    width: 240px;    
	}

	#sp_section4
	{
	    width: 200px; 
	    margin-right: 0px !important;   
	}

#footer
{
    padding-top: 20px;
}

	#footer p
	{
	   color: #4b433b !important;                  
	}
	
		#footer p a
		{
		   color: #4b433b !important;                  
		}	

#splash #newsletterForm input[type=text]
{
    border-top: 1px solid #0f0804;
    border-right: 1px solid #2f1a0e;   
    border-bottom: 1px solid #4f3221;
    border-left: 1px solid #452717; 
    background-color: #432514;
    color: #bfaea4; 
    width: 200px;       
}

#splash #newsletterForm label
{
    color: #bfaea4;
}


        /* Nav -------------------------------------------------------------------------------------  */ 
            
            #splash ul#nav
            { 
                float: right; 
                margin-top: 27px; 
                margin-right: 0;
                width: 147px;         
            }

            ul#nav a
            {
                display: block; 
                    width: 147px;                          
                text-decoration: none;                
            }
              
                #splash #nav_about
                {
                    background: url(../images/layout/sp_nav_about.png) top left no-repeat;   
                    height: 57px;           
                }
                
                #splash #nav_sustainability
                {
                    background: url(../images/layout/sp_nav_sustainability.png) top left no-repeat;   
                    height: 37px;           
                }
                #splash #nav_coffee
                {
                    background: url(../images/layout/sp_nav_coffee.png) top left no-repeat;   
                    height: 63px;           
                }
                #splash #nav_order
                {
                    background: url(../images/layout/sp_nav_order.png) top left no-repeat;   
                    height: 63px;           
                }
                #splash #nav_cafes
                {
                    background: url(../images/layout/sp_nav_cafes.png) top left no-repeat;   
                    height: 69px;           
                }
                
                #splash #nav_forum
                {
                    background: url(../images/layout/sp_nav_forum.png) top left no-repeat;   
                    height: 61px;           
                }
                                                                                                 
                #splash #nav_news
                {
                    background: url(../images/layout/sp_nav_news.png) top left no-repeat;   
                    height: 33px;           
                }
                
                #splash #nav_contact
                {
                    background: url(../images/layout/sp_nav_contact.png) top left no-repeat;   
                    height: 41px;           
                }                                                                                                                                

				#splash #nav_CoffeeProducts
				{
                    /*background: url(../images/layout/sp_nav_coffeeproducts.png) top left no-repeat;   
                    height: 84px;*/
                    background: url(../images/layout/nav_coffeeproducts.png) top left no-repeat;   
                    height: 93px;
				}

			    #splash #nav_PLAnetCups
                {
                    background: url(../images/layout/sp_nav_pla.png) top left no-repeat;   
                    height: 36px; 
                }                                                                                                                                

                #splash ul#nav a:hover
                {
                    background-position: bottom left;
                }