* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
}

img {outline: none;}

html, body {
height: 100%;
font-family:"Century Gothic", Arial, Lucida, Verdana, sans-serif;
background: #ede3d5 url(img/background.gif) top center no-repeat;
}

/**************************
STICKY FOOTER
**************************/

.wrapper {
width: 950px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
background-image: url(img/transparent.png);
}

.footer, .push {
width: 100%;
margin: 0 auto;
height: 4em;
clear: both;
}

.footer {
background: ;
text-align: left;
}

.footerwrap {
height: 44px;
width: 950px;
margin: 0 auto;
background: #ede3d5 url(img/bkg_tile.gif);
}

.footerwrap p {
font-family:"Century Gothic", Arial, Lucida, Verdana, sans-serif;
font-size: 12px;
color: #5f4c15;
font-weight: bold;
}

.footerwrap a:link, #footer a:active, #footer a:visited, #footer a:hover { 
color: #5f4c15;
text-decoration: none;
font-weight:bold;
}

.footerwrap a:hover { 
color: #c1c960;
text-decoration: none;
}	
	
.footerGraphic {
margin: -164px -260px 0 0;
}

/**************************
HEADER
**************************/

#header {
height: 150px;
margin: 0;
background-image: url(img/bkg_tile.gif);
}

h1 a {
display: block;
width: 250px;
height: 150px;
position: relative;
text-indent: -9999px;
background: url(img/lucia_logo.png) center no-repeat;
float: left;
}


/**************************
MAIN NAVIGATION
**************************/

#navBar {
height: 25px;
background-color: #5f4b16;
clear: both;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
margin-top: 10px;
}

#navBar ul {
list-style-type: none;
margin: 0;
font-size: 10px;
color: #FFF;
margin-left: 120px;
letter-spacing: 2px;
}
	
#navBar li {
display: block;
float: left;
text-align: center;
text-transform: uppercase;
margin-left: 15px;
}

#navBar li a {
display: block;
height: 18px;
padding: 7px 8px 0 8px;
color: #FFF;
text-decoration: none;
}

#navBar li a:hover {
color: #dcd3bf;
}

#navBar li a.active {
background: #2c6d9d url(img/navBtn_over.gif) repeat-x;
color: #FFF;
}

#navBar li a.active:hover {
background-color: #1c4d7e;
background-image: none;
color: #FFF;
}


/**************************
CONTENT AND COLUMNS
**************************/
#bodyMain {
clear: both;
}

#columnA {
width: 610px;
height: auto;
float: right;
margin-bottom: 30px;
}

#home-page #columnA {
height: 500px;
background:url(img/home_photo4.jpg);
margin: 0;
float: none;
width: 100%;
}

#columnB {
width: 349px;
height: auto;
float: right;}

#about-page #columnA, #gift-page #columnA, #reservations-page #columnA {
float: left;
}

#about-page #columnA {
width: 100%
}

#directions-page #columnA {
height: 500px;
margin: 0;
float: none;
width: 100%;
}

#services-page #columnA {
height: auto;
margin: 0;
float: none;
width: 100%;
}

#about-page #columnB {
height: 500px;
background:url(img/about_img2.jpg);
margin: 0;
float: right;
width: 320px;
}

#gift-page #columnB {
height: 500px;
background:url(img/giftcert_img.jpg);
margin: 0;
float: right;
width: 320px;
}

#reservations-page #columnB {
height: 500px;
background:url(img/reserv_img2.jpg);
margin: 0;
float: right;
width: 320px;
}

#columnA .blockInside {
padding: 30px 30px 30px 0;
}
#about-page #columnA .blockInside {
padding: 30px 125px 30px 125px;
}
#gift-page #columnA .blockInside {
padding: 30px 0px 30px 125px;
}
#directions-page #columnA .blockInside {
padding: 30px 0px 30px 125px;
}
#reservations-page #columnA .blockInside {
padding: 30px 0px 30px 125px;
}

#services-page #columnA .blockInside {
padding: 30px 0px 30px 125px;
}


#columnB .blockInside {
padding: 30px 0 30px 30px;
}

.blockPromo1 {
height: 300px;
width: 283px;
border-right:  1px dotted #92a5b6;
float: left;
}

#columnA .blockPromo1 .blockInside { 
height: 100%;
padding: 20px 15px 0 0;
}

.blockPromo2 {
height: 300px;
width: 286px;
float: left;
}

#columnA .blockPromo2 .blockInside { 
height: 100%;
padding: 20px 0 0 15px;
}


.divider {
border-top: 1px dotted #92a5b6;
margin-top: 40px;
padding-bottom: 30px;
height: 1px;
clear: both;
}



/**************************
TEXT & LINK STYLES
**************************/

p {
font-size: 14px;
line-height: 18px;
color: #5f4c15;
margin-bottom: 10px;
}

p a {
text-decoration: none;
font-weight:bold;
color:#5f759a;
}


h1, h2, h3, h4, h5 {
margin: 0;
font-weight: normal;
color: #5f759a;
}

h2 {
font-size: 22px;
line-height: 28px;
color:#5f759a;
margin-bottom: 10px;
}

h3 {
font-size: 16px;
line-height: 20px;
font-weight: bold;
color:#5f759a;
margin: 15px 0 0px 0;
}

h4 {
font-size: 14px;
color: #5f759a;
margin: 15px 0 0 0;
font-weight: bold;
}

img.a {outline: none;}

ul.aboutMe {
font-size: 12px;
line-height: 18px;
color: #5f4c15;
margin: 0 0 15px 15px;
}

ul.aboutMe li {
}

/**************************
SERVICES MENU STYLING
**************************/

ul.services {
list-style-type: none;
margin: 0px;
padding: 0px;
}

ul.services li {
display: block;
}

dl{
width: 100%;
overflow: auto;
margin: 0 0 1em;
font-family: "Century Gothic", Arial, Lucida, Verdana, sans-serif;
font-size: 12px;
line-height: 17px;
color: #5f4c15;
}

dt{
float: left;
width: 270px;
font-family: "Century Gothic", Arial, Lucida, Verdana, sans-serif;
color: #5f4c15;
}

dd{
margin:0;
}

dd.price{
float: right;
padding-right: 25px;
font-family: "Century Gothic", Arial, Lucida, Verdana, sans-serif;
color: #5f4c15;
}

dd.description{
float: left;
width: 100%;
padding: 0;
font-size: 10px;
font-style:italic;
color: #5f4c15;
}

dt.indentOne {
margin-left: 20px;
width: 250px;

}

dt.indentTwo {
margin-left: 40px;
width: 230px;
font-family: "Century Gothic", Arial, Lucida, Verdana, sans-serif;
color: #5f4c15;
}

.a {
color: #5f4c15;
}

a.tip {
color: #5f4c15;
font-weight: bold;
}

a.tip:hover {
color: #5f759a;
font-weight: bold;
}

h3 a.tip {
color:#5f759a;
font-weight: bold;
}

h4 a.tip {
color: #5f759a;
font-weight: bold;
}

.button {
margin-right: 6px; 
display:block; 
padding-top: 2px; 
float: left;
}