body  {
    font-family: "Trebuchet MS", Tahoma, sans-serif;  
    background: #bbb url(../images/page-background.jpg);
    margin: 30px 0 0 0;         
    padding: 0;         
}

p, h1, h2, h3, h4, h5, h6, li {
    margin: 1ex 1em;
}

em {
font-weight: bold;
color: #BF8D80;
}

:focus  {
outline : 0;
} 


div#outerDiv {
    width: 800px;       
    margin: 0 auto;    
    background: #fff url(../images/header-home.jpg) no-repeat;      
    border: 1px #fff solid;         
}


div#outerDiv.corporate {
    background: #fff url(../images/header-corporate.jpg) no-repeat;       
    }

div#outerDiv.wedding {
    background: #fff url(../images/header-wedding.jpg) no-repeat;       
    }
    
div#outerDiv.events {
        background: #fff url(../images/header-events.jpg) no-repeat;      
    }

div#outerDiv.venue {
    background: #fff url(../images/header-venue.jpg) no-repeat;       
    }    
    
div#outerDiv.cafe {
    background: #fff url(../images/header-cafe.jpg) no-repeat;       
    }

div#outerDiv.philosophy {
    background: #fff url(../images/header-philosophy.jpg) no-repeat;       
    }

div#outerDiv.directions {
    background: #fff url(../images/header-directions.jpg) no-repeat;       
    }

div#outerDiv.contact {
    background: #fff url(../images/header-contact.jpg) no-repeat;       
    }
    

div#header {
    height: 247px;    
    position: relative;
}


div#content {
    background-color: #fff;
    padding: 5px;
}

#outerDiv a:link, #outerDiv a:visited {
    color: #DE6C23;
	text-decoration: none;
}


/* ===== main navigation links ===== */

#header #mainMenu {          
    position: absolute;
    left: 40px;
    bottom: 115px;
}

#mainMenu ul {               
    list-style: none;
    margin: 0;
    padding: 0;
}

#mainMenu li {              
    float: left;
    margin: 0;
    padding:0;
}

#mainMenu li a:link, #mainMenu li a:visited {
    font-family: "Trebuchet MS", sans-serif;
    display: block;         
    color: #fff;           
    text-decoration: none;  
    padding: 0 10px 0 10px;
    margin-right: 10px;
    line-height: 25px;
    border: none;           
}

#mainMenu li a:hover, #mainMenu li a:active {
    color: #6C2005;        
}


#mainMenu ul li a.current { 
        color: #6C2005; }
		
#mainMenu ul li a.current.corporate{  
        color: #D9DDEF; }
        
#mainMenu ul li a.current.wedding {  
        color: #8FD3E8; }

#mainMenu ul li a.current.events {  
        color: #ADD5D7; }	

#mainMenu ul li a.current.venue { 
        color: #E0DC6B; }

#mainMenu ul li a.current.cafe {  
        color: #B3DBD3; }		
		
#mainMenu ul li a.current.philosophy { 
        color: #FEDAB6; }	
		
#mainMenu ul li a.current.directions {  
        color: #B3D5F0; }
		
#mainMenu ul li a.current.contact {  
        color: #F9E890; }
		
#mainMenu ul li a.current:hover {
    cursor: default;
}

/* ====- main content ===== */

#content div#mainContent {
    float: left;
    width: 430px;
    margin: 0 0;
    padding: 0 15px;
	}
	
	#content  a:link, #content  a:visited {
    color: #DE6C23;
	text-decoration: none;
	font-weight: bold;
}

#content a:hover, #content  a:active {
    color: #B8A595; 
font-weight: bold;	
}

#mainContent p {
    font-family: Verdana, arial, sans-serif;
    font-size: 0.8em;
    line-height: 1.4em;
    color: #666;
    margin: 1ex 0;
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
    font-family: "Trebuchet MS", sans-serif;
}

#mainContent h1 {
    font-size: 1.2em;
    color: #B8A595;
    margin: 0 0 .4ex 0;
}

#mainContent h2 {
    font-size: 1em;
    color: #BF8D80;
    margin: .4ex 0;
}

#mainContent h4 {
    font-size: .9em;
    color: #BF8D80;
    margin: 1ex 0 -.2ex 0;

}

#mainContent ul {
	list-style: none;
    font-family: Verdana, arial, sans-serif;
    font-size: 0.8em;
    margin: 0 0 1.4ex 0;
	
}

#mainContent  li a:link, #mainContent li a:visited{
	color: #DE6C23;
	font-weight: bold;
	padding: 0 5px;
	border-left: 4px solid;
    }
	
#mainContent li a:hover, #mainContent li a:active{
	color: #B8A595;
	font-weight: bold;
	padding: 0 5px;
	border-left: 4px solid;
}

#mainContent img.photomain {
    float:left;
	padding: 5px;
	margin: 5px;
    border: 1px solid #999;
}

/* ====== main content left menu ====== */

#mainContent p.leftMenu {
    font-family: "Trebuchet MS", sans-serif;
    margin-top: 0;
}

#mainContent p.leftMenu a {
    color: #566440;
}

#mainContent p.leftMenu a:hover {
    color: #b36b00;
    border: none;
}


#mainContent p.testimonial {
font-family: verdana, arial, sans-serif;
    font-size: .8em;
	font-style: italic;
    line-height: 1.5em;
	letter-spacing: 0.01em;
    color: #9FAAC4;
    margin: 0 0 1ex 0;
	padding: 0 15px;
}


/* ===== sidebar ===== */

#content div#sideBar {
    float: right;
    width: 265px;
    padding: 0 10px;
    margin: 0;
    border-left: solid #aaa 1px;
}

#sideBar p {
    font-family: verdana, arial, sans-serif;
    font-size: 0.8em;
    line-height: 1.2em;
    color: #666;
    margin: 0 0 1ex 0;
}

#sideBar h3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #BF8D80;
    text-align: left;
    margin: 1ex 0 .5ex 0;
}

#sideBar h4 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: .9em;
    color: #BF8D80;
    text-align: left;
    margin: 1ex 0 .5ex 0;
}


#sideBar img {
    margin: 5px 10px;
}

#sideBar img.photo {
    padding: 5px;
    border: 1px solid #999;
}

#sideBar img.photo2 {
   float: left;
   padding: 0px 5px;
}

#sideBar ol {
    margin: .5em 0 1.5em 0 ;
}

#sideBar li {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 0.8em;
    color: #666;
    margin: .2em .5em;
}

#sideBar .small {
font-size:  .7em;
}

#sideBar p.testimonial {
font-family: verdana, arial, sans-serif;
    font-size: .8em;
	font-weight: bold;
	font-style: italic;
    line-height: 1.5em;
	letter-spacing: 0.01em;
    color: #BFC6D8;
    margin: 0 0 1ex 0;
	padding: 0 15px;
}

/* ==== footerMenu ==== */

div#footerMenu {
    clear: both;
    height: 52px;      
    position: relative;
    padding: 0px;
    width: 800px;      
    margin: 0 auto;     
    background: #999 url(../images/footer-background.jpg) repeat-x;       
   }

div#footerMenu p {
font-family: "Trebuchet MS", sans-serif;
color: #fff;
margin: 0;
padding: 0;
text-align: center;

}


#footerMenu ul {              
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
    
}

#footerMenu li{               
    float: left;
    margin: 0;
    padding: 0px;
   
}

#footerMenu li a:link, #footerMenu li a:visited {
    font-family: verdana, sans-serif;
    font-size: .8em;
    display: block;        
    color: #fff;            
    text-decoration: none;  
    padding: 0 5px 0 .5em; 
    margin-right: 5px;
    line-height: 25px;
    border: none;           
}

#footerMenu li a:hover, #footerMenu li a:active {
    color: #6C2005;         
    
}

/* ===== copyright ===== */

div#copyright {
    clear: both;
    background: url(../images/page-background.jpg);
    margin: 0 auto;
    padding: 5px;
}

#copyright p {
    font-family: "Trebuchet MS", sans-serif;
    font-size: .75em;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
}

#copyright a {
    color:  #1B9D95;
	font-weight: bold;
    text-decoration: none;
}

#copyright a:link {
color:  #1B9D95;
}
#copyright a:visited {
color: #1B9D95;
}
#copyright a:hover {
color: #8DD2E6;
}


/* ==== form content ===== */

#content div#wideContent {
       width: 650px;
    margin: 0 auto;
    padding: 0 15px;
	}
	
	
div#wideContent p {
    font-family: Verdana, arial, sans-serif;
    font-size: 0.8em;
    line-height: 1.4em;
    color: #666;
    margin: 1ex 0;
}

div#wideContent h1, div#wideContent h2, div#wideContent h3, div#wideContent h4 {
    font-family: "Trebuchet MS", sans-serif;
}

div#wideContent h1 {
    font-size: 1.2em;
    color: #B8A595;
    margin: 0 0 .4ex 0;
}

div#wideContent h2 {
    font-size: 1em;
    color: #BF8D80;
    margin: .4ex 0;
}

div#wideContent h4 {
    font-size: .9em;
    color: #BF8D80;
    margin: 1ex 0 -.2ex 0;

}

div#wideContent ul {
	list-style: none;
    font-family: Verdana, arial, sans-serif;
    font-size: 0.8em;
    margin: 0 0 1.4ex 0;
	
}

div#wideContent  li a:link, div#wideContent li a:visited{
	color: #DE6C23;
	font-weight: bold;
	padding: 0 5px;
	border-left: 4px solid;
    }
	
div#wideContent li a:hover, div#wideContent li a:active{
	color: #B8A595;
	font-weight: bold;
	padding: 0 5px;
	border-left: 4px solid;
}

div#wideContent img.photomain {
    float:left;
	padding: 5px;
	margin: 5px;
    border: 1px solid #999;
}

div#wideContent div.quotes p{
font-family: verdana, arial, sans-serif;
    font-size: .8em;
	font-style: italic;
    line-height: 1.5em;
	letter-spacing: 0.01em;
    color: #9FAAC4;
    margin: 0 0 1ex 0;
	padding: 0 15px;
}




/* ===== miscellaneous styles ===== */

.clear { clear: both }

.heading {
 font-size: 1em;
 color: #BF8D80;
 margin: .4ex 0;
}

.headingBold {
 font-size: 1.1em;
 font-weight:bold;
 color: #BF8D80;
 margin: .4ex 0;
}

.photoDiv {
float: left;
}