body {
    padding: 0px;
    margin: 0px;
    background: #90c6ff url("../imgs/body-bg.jpg") center top fixed repeat;
    text-align: center;
    color: #FFFFFF;
    font-family: Verdana;    
    font-size: 12px;
}

A
{
    COLOR: #EEEEEE;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none
}

A:hover
{
    COLOR: #FFFFFF;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline
}

a.FestivalLink22:link, a.FestivalLink22:visited
{
	color: #EFA937;
	text-decoration: none;
	
}
a.FestivalLink22:hover, a.FestivalLink22:active
{
	color: #EFA937;
	text-decoration: none;
	
}

img {
    border: 0px;
}

/* PAGE CONTAINER */

    div#container {
        padding-left: 8px;
        padding-right: 8px;
        background: url('../imgs/shadow.png') repeat-y;
    }
    
    div#background {
        background-color: #726c4a;        
        
    }


    div#container, div#splash, div#nav  {
        width: 902px;
    }
    
    div#splash {
        height: 358px;
        overflow: hidden;
    }

    

    div#nav {
        height: 33px;
        width: 752px;
        padding-left: 75px;
        padding-right: 75px;
        background: url("../imgs/nav-bg.jpg")
    }
    
    div.button {
        height: 33px;
        float: left;
    }
    
    div.button.home {
        width: 77px;
        background-image: url('../imgs/nav-button-1.png');        
    }
    div.button.home:hover {
        background-image: url('../imgs/nav-button-1-hover.png');   
    }
    
    div.button.mortgages {
        width: 101px;
        background-image: url('../imgs/nav-button-2.png');        
    }
    div.button.mortgages:hover {
        background-image: url('../imgs/nav-button-2-hover.png');   
    }    
    
    div.button.insurance {
        width: 92px;
        background-image: url('../imgs/nav-button-3.png');        
    }
    div.button.insurance:hover {
        background-image: url('../imgs/nav-button-3-hover.png');   
    }    
    
    div.button.borrowing {
        width: 96px;
        background-image: url('../imgs/nav-button-4.png');        
    }
    div.button.borrowing:hover {
        background-image: url('../imgs/nav-button-4-hover.png');   
    }    
    
    div.button.mortgage {
        width: 117px;
        background-image: url('../imgs/nav-button-5.png');        
    }
    div.button.mortgage:hover {
        background-image: url('../imgs/nav-button-5-hover.png');   
    }    
    
    div.button.testimonials {
        width: 100px;
        background-image: url('../imgs/nav-button-6.png');        
    }
    div.button.testimonials:hover {
        background-image: url('../imgs/nav-button-6-hover.png');   
    }    
    
    div.button.about {
        width: 66px;
        background-image: url('../imgs/nav-button-7.png');        
    }
    div.button.about:hover {
        background-image: url('../imgs/nav-button-7-hover.png');   
    }    
    
    div.button.contact {
        width: 103px;
        background-image: url('../imgs/nav-button-8.png');        
    }
    div.button.contact:hover {
        background-image: url('../imgs/nav-button-8-hover.png');   
    }    

    .spacer {
        clear: both;
    }
    
    img.empty {
        width: 100%;
        height: 100%;
    }
    
    div#content {
        padding-left: 22px;
        padding-right: 22px;
        padding-top: 18px;
        padding-bottom: 30px;
    }    
  
  
  
     div#footer {
        padding-left: 50px;
        padding-right: 50px;
        width: 802px;
        padding-top: 25px;
        height: 76px;  /* 101 - padding */
        background: #5e5840 url("../imgs/footer-bg.jpg") no-repeat;
        overflow: hidden;
    }
    
    div#footer div.button {
        margin-right: 5px;
    }
    
    div#footer div.legal{
        font-size: 10px;
        color: #433f2d;
    }
    
    
    /**********************************/
    
/* left section */
.leftBar {
    float: left;
    text-align: left;
    width: 540px;
    /* color: #cccc99; */
    color: #eeeeBB;
    font-size: 10px;
    padding-left: 4px; /* to compensate for left shadow */
    line-height: 17px;
}

    .leftBar h4 {
        font-family: sans-serif;
        font-size: 13px;
        margin-top: 4px;
        margin-bottom: 4px;
        letter-spacing: 1px;
    }
   
    div.big-button {
        width: 272px;
        height: 188px;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    
    div.big-button.car-insurance { background-image: url('../imgs/big-button-car.jpg'); }
    div.big-button.car-insurance:hover { background-image: url('../imgs/big-button-car-hover.jpg'); }
    
    div.big-button.mortgage-insurance { background-image: url('../imgs/big-button-mortgage.jpg'); }
    div.big-button.mortgage-insurance:hover { background-image: url('../imgs/big-button-mortgage-hover.jpg'); }
    
    div.big-button.income-insurance { background-image: url('../imgs/big-button-income.jpg'); }
    div.big-button.income-insurance:hover { background-image: url('../imgs/big-button-income-hover.jpg'); }
    
    div.big-button.pet-insurance { background-image: url('../imgs/big-button-pet.jpg'); }
    div.big-button.pet-insurance:hover { background-image: url('../imgs/big-button-pet-hover.jpg'); }    
	
	div.big-button.home-insurance { background-image: url('../imgs/big-button-home.jpg'); }
    div.big-button.home-insurance:hover { background-image: url('../imgs/big-button-home-hover.jpg'); }  
	
	div.big-button.money-insurance { background-image: url('../imgs/big-button-money.jpg'); }
    div.big-button.money-insurance:hover { background-image: url('../imgs/big-button-money-hover.jpg'); }  
	
	

/* right section */
.rightBar {
    width: 292px;
    height: 700px;
    float: right; 
}

    .rightBar .emptyBox {
        width: 292px;
        height: 172px;
        background-image: url('../imgs/empty-box.jpg');
        margin-bottom: 10px;
    }

    .rightMenu {
        height: 24px;
        width: 292px;
        background-color: #99cc33;
        text-align: left;    
        margin-bottom: 1px;
    }
    .rightMenu:hover {
        background-color: #91C5FF;
    }

    
    .rightMenu a {
        color: #336600;
        text-decoration: none;
        display: block;
        width: 272px;
        height: 20px;
        padding-top: 4px;
        padding-left: 20px;
    }
        
    .rightMenu a:hover {
        color: #FFFFFF;      
    }
        


    .comments {
        background: url('../imgs/comments-bg.jpg') repeat;
        padding: 0px;
        margin: 0px;
        width: 292px;
    }
    
    .comments .top {
        height: 13px;
        background: url('../imgs/comments-top.jpg') no-repeat;
        padding: 0px;
        margin: 0px;
        width: 292px;        
    }
    
    .comments .bottom {
        height: 13px;
        background: url('../imgs/comments-bottom.jpg') no-repeat;
        padding: 0px;
        margin: 0px;
        width: 292px;        
    }
    
    .comments .content {
        padding-left: 20px;
        padding-right: 20px;
        text-align: left;
    }

    .comments .split {
        height: 3px;
        margin-top: 10px;
        margin-bottom: 10px;
        background: url('../imgs/comments-div.jpg') no-repeat;
    }

    .comments .content h4 {
        color: #333300;
        margin-top: 0px;
        margin-bottom: 8px;
    }
    
    .comments .content span.quote {
        font-size: 9px;
        line-height: 14px;
        
    }
    
    .comments .content span.sig {
        color: #663300;
        font-size: 11px;
    }