/*------------------------------------------------
LAYOUT STYLESHEET FOR 'LYME REGIS TO SEATOWN' WEBSITE
CLEAR BREEZEDESIGN
www.clearbreezedesign.com
enquiries@clearbreezedesign.com
------------------------------------------------*/



body 
{
    background-color: #ffffff;
    color: #666666;
}


/*------------------------------------------------
FIXED WIDTH CENTRED PAGE
------------------------------------------------*/

div#page    
{
    width: 780px;
    margin: auto
}


/*------------------------------------------------
HOME PAGE
------------------------------------------------*/

div#page div#homepage   
{
    height: 409px;
    background-image: url('../images/homebg.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    text-align: right;
    margin-top: 50px
}

div#page div#homemenu  
{
    
}

    div#page div#homemenu img   
    {
        float: right;
        margin-top: 10px;
        border: 0
    }

    div#page div#homemenu ul   
    {
        margin-top: 0;
        padding-top: 10px;
        list-style: none;
        margin-left: 0;
        padding-left: 0;
        padding-bottom: 60px;
    }
    
        div#page div#homemenu ul li    
        {
            display: inline;
            padding-right: 20px;
        }
        
            div#page div#homemenu ul li a   
            {
                color: #b9b19d;
                text-decoration: none
            }
        
            div#page div#homemenu ul li a:hover   
            {
                color: #455a71;
                
            }

/*------------------------------------------------
MAIN PAGE LAYOUT
------------------------------------------------*/   

    div#page div#topbanner  
    {
        height: 28px;
        background-image: url('../images/title.gif');
        background-position: top right;
        background-repeat: no-repeat
    }
    
    /*------------------------------------------------
    TOP LEVEL MENU
    ------------------------------------------------*/  
    
    div#page div#menu   
    {
        
    }
    
        div#page div#menu ul    
        {
            list-style: none;
            margin-left: 0;
            padding-left: 0
        }
        
            div#page div#menu ul li 
            {
                display: inline;
                padding-right: 20px
            }
            
                div#page div#menu ul li a   
                {
                    color: #b9b19d;
                    text-decoration: none
                }
            
                div#page div#menu ul li a:hover   
                {
                    color: #455a71;
                    
                }

/*------------------------------------------------
MAIN IMAGE AREA
------------------------------------------------*/ 

    div#page div#main   
    {
        
    }
    
        div#page div#main a 
        {
            color: #666666
        }
    
        div#page div#main   h1
        {
            color: #455a71
        }
        
        div#page div#main div#imagelist 
        {
            float: right
        }
        
            div#page div#main div#imagelist ul  
            {
                list-style: none
            }
            
                div#page div#main div#imagelist ul li 
                {
                    padding-bottom: 20px
                }
                
                    div#page div#main div#imagelist ul li a img
                    {
                        border: 0
                    }
                    
                    
/*------------------------------------------------
FOOTER
------------------------------------------------*/ 

    div#page div#footer 
    {
        color: #666666;
        margin-top: 30px;
        padding-bottom: 60px
    }
    
        div#page div#footer img 
        {
            float: right;
            border: 0
        }
    
        div#page div#footer a   
        {
            color: #666666
        }