@charset "utf-8";
/* CSS Document */

body { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#840825; line-height: 21px; background-image: url(images/background_img.jpg); background-repeat:repeat-x; background-color:#4A0210;}

a:link {color:#840825; text-decoration:none; font-weight:bold;}
a:hover {color:#840825; text-decoration:underline;text-decoration:none; font-weight:bold;}
a:visited {color:#840825; text-decoration:none; font-weight:bold;}

#wrapper
{
	margin: 0 auto 0 auto;
	text-align: left;
	/* re_aligns text to left second part of two part MSIE centering workaround */
	width: 900px; 	/* Total width */
	
}
#top_banner { width: 900px; height:141px;}

#logo { width: 387px; height:141px; margin-left:272px; background-image:url(images/casa_lucia_logo.png); float:left;}

.top_link { width: 225px; float:left; padding-top:18px; padding-left:15px; text-align:right; color:#f6eacd; font-size:11px; font-weight:normal;}

.top_link a:link{ color:#f6eacd; font-size:11px; font-weight:normal;}
.top_link a:hover{ color:#f6eacd; font-size:11px; text-decoration:underline; font-weight:normal;}
.top_link a:visited{ color:#f6eacd; font-size:11px; font-weight:normal;}

#menu { width:900px; height:40px; background-image:url(images/casa_lucia_menu.png);}

#body_contain { width:900px; background-image:url(images/casa_lucia_background.png); padding:3px 0px 5px 0px;}

#banner { width:894px; margin-left: 3px; height:425px; background-image:url(images/banner_img.png);}

#body_box { width:894px; margin: 8px 0px 0px 3px; }

#left_body { width:552px; float:left; padding: 0px 20px 0px 20px; border:solid 1px #670000; margin-right: 5px; height: 297px;}

#right_body { width:295px; float:left;}

#footer { width: 900px; height:60px; font-size:11px; color:#FFFFFF; padding: 7px 0px 0px 0px; }

#footer a:hover{ font-size:11px; color:#FFFFFF; text-decoration:none; font-weight:normal;}
#footer a:visited{ font-size:11px; color:#FFFFFF; text-decoration:none; font-weight:normal;}
#footer a:link{ font-size:11px; color:#FFFFFF; text-decoration:none; font-weight:normal;}

#footer_left { width:450px; height:60px; float:left; text-align:left;}

#footer_right {width:450px; height:60px; float:left; text-align:right;}

h1 { padding: 20px 0px 20px 0px; margin:0px;}

h2 { padding:0px; margin:0px; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}

#chinese_option { width:295px; margin-left:115px; float:left;}

#chinese_option2 { width:295px; margin-left:20px; float:right; margin-right:120px;}

#menu_left { width:635px; float:left;}

#menu_right { width:255px; float:left; text-align:center;}

#menu_ab { width:295px; float:left;}

#menu_ab2 { width:426px; float:left;}

#photo { margin-top: 50px;}

#photo_left { margin: 0px 15px 15px 0px; float:left;}

#photo_right { margin: 0px 0px 15px 15px; float:right;}

/* menu */

.nav{
font: normal 12px Georgia, "Times New Roman", Times, serif;
letter-spacing:1px;
padding: 10px 0px 0px 0px;
margin: 0;
width: 100%;
text-align: left; /*set value to "right" for example to align menu to the right of page*/
}

.nav li{
list-style: none;
display: inline;
color: #f6eacd;
}

.nav li a{
padding: 25px;
text-decoration: none;
color: #f6eacd;
font-weight: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.nav li a{
padding: 26px;
text-decoration: none;
color: #f6eacd;
font-weight: normal;
}
}

.nav li a:hover{
color: #f6eacd;
text-decoration:underline;
}

/* Sub Pages */

#bannerWedding { width:894px; margin-left: 3px; height:255px; background-image:url(images/banner_wedding.jpg);}
#bannerBereavement { width:894px; margin-left: 3px; height:255px; background-image:url(images/banner_bereavement.jpg);}
#bannerCalendar{ width:894px; margin-left: 3px; height:255px; background-image:url(images/banner_calendar.jpg);}
#bannerMenu{ width:894px; margin-left: 3px; height:255px; background-image:url(images/banner_menu.jpg);}
#bannerContact{ width:894px; margin-left: 3px; height:255px; background-image:url(images/banner_contact.jpg);}
#bannerQuinceanera{ width:894px; margin-left: 3px; height:255px; background-image:url(images/banner_quinceanera.jpg);}

#headerWedding { width:892px; height:83px; background-image: url(images/header_wedding.png);}
#headerBereavement { width:892px; height:83px; background-image: url(images/header_bereavement.png);}
#headerCaldendar { width:892px; height:83px; background-image: url(images/header_calendar.png);}
#headerMenu { width:892px; height:83px; background-image: url(images/header_menu.png);}
#headerPhotos { width:892px; height:83px; background-image: url(images/header_photos.png);}
#headerContact { width:892px; height:83px; background-image: url(images/header_contact.png);}
#headerCocktail { width:892px; height:83px; background-image: url(images/header_cocktail.png);}
#headerQuinceanera { width:892px; height:83px; background-image: url(images/header_quinceanera.png);}

#sub_body_box { width:891px; margin: 8px 3px 0px 3px; }

#sub_body { width:892px; float:left; padding: 0px 0px 0px 0px; border:solid 1px #670000; }

.sub_text_box { padding: 20px; background-image:url(images/ornate_big.png); background-repeat:no-repeat; background-position:left top; float:left;}

.column1 { width:245px; margin-right:40px; float:left;}
.column2 { width:264px; margin-right:19px; float:left;}
.column3 { width:284px; float:left;}

.TextField {
	background-color: #ece3d2;
	border: 1px solid #840825;
	color: #840825;
	font-size: 12px;
	font-family: arial;
	width: 122px;
	}
	
.button { background-color: #ece3d2; border: 1px solid #840825; color: #840825; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

#goback {
  background: url(images/back-to-top.png) no-repeat;
  width: 227px;
  height: 21px;
  float: right;
  display: block;
  font: normal 11px Arial, Helvetica, sans-serif;
  color: #e7dcc8;
  padding: 6px 0 0 14px;
  text-decoration: none;
}


#goback a:link {
color:#e7dcc8;
}
#goback a:hover {
color:#e7dcc8;
}
#goback a:visited {
color:#e7dcc8;
}

.visibleDiv, #topLeft, #topRight, #bottomLeft, #bottomRight
{
    position: fixed;
    width: 227px;
	height:21px;
}

#bottomRight
{
    bottom: 0px;
    right: 0px;
}