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

* {margin: 0px; padding: 0px}

body {font-size: 62.5%; line-height: 1.5em; background:url(images/bodyBackground.gif) repeat top center; font-family: Arial, Helvetica, sans-serif}

a {text-decoration: none; outline:none	}
a:hover {text-decoration: underline}

#container {width:1000px; margin: 0 auto; padding: 27px 0; position: relative}

/* ----- header section ------ */

body.home #headerIMG {background:url(images/headerBKG.gif) no-repeat; height: 221px ;}
#headerIMG {background:url(images/headerInside.jpg) no-repeat; height: 162px; width: 1000px; position: relative}
#headerIMG h1#branding {display: block; height: 155px; width: 500px}
#headerIMG h1#branding a {display: block; height: 100%; width: 100%; text-indent: -9999px;}

#image1 {background:url(images/picture1.png) no-repeat; height: 241px;width: 369px;position: absolute; right: 45px; bottom: -15px; z-index: 80} 
#image2 {background:url(images/picture2.png) no-repeat; height: 175px;width: 128px;position: absolute; right: 0px; top: 90px; z-index: 80} 

/* ----- mavigation parts ------*/

/* main nav top */
.navMain.top {height: 68px; width: 1000px; background: url(images/navMain_BKG.gif) repeat-x; } 
.navMain.top li {height: 68px;display: block; float: left; width: 143px; list-style: none}
.navMain.top a {display: block; height: 100%; width: 100%; text-indent: -9999px;}

.navMain.top li.about {background:url(images/navMain_about.gif) no-repeat ;}
.navMain.top li.tributes {background:url(images/navMain_tributes.gif) no-repeat;}
.navMain.top li.arragement {background:url(images/navMain_arrangement.gif) no-repeat; width: 154px}
.navMain.top li.funeral {background:url(images/navMain_funeral.gif) no-repeat;}
.navMain.top li.locations {background:url(images/navMain_location.gif) no-repeat;}
.navMain.top li.contact {background:url(images/navMain_contact.gif) no-repeat; width:143px;}
.navMain.top li.home {background:url(images/navMain_home.gif) no-repeat; width:131px}

.navMain.top li.about a:hover {background:url(images/navMain_about_on.gif) no-repeat right}
.navMain.top li.tributes a:hover {background:url(images/navMain_tributes_on.gif) no-repeat;}
.navMain.top li.arragement a:hover {background:url(images/navMain_arrangement_on.gif) no-repeat; }
.navMain.top li.funeral a:hover {background:url(images/navMain_funeral_on.gif) no-repeat;}
.navMain.top li.locations a:hover {background:url(images/navMain_location_on.gif) no-repeat;}
.navMain.top li.contact a:hover {background:url(images/navMain_contact_on.gif) no-repeat; }
.navMain.top li.home a:hover {background:url(images/navMain_home_on.gif) no-repeat;}

#drop_down ul {display: none;position: absolute;top: 1em;left: 0; z-index: 99999; height: 72px }
#drop_down li:hover ul, #drop_down li.over ul {display:block;padding:0px;margin:0px; padding:4px 3px;margin-top:0px;z-index:9999}
#drop_down li>ul {top: auto; left: auto;}

ul.sub_nav { height: auto !important; background-color:#00578A; width: 133px !important; padding: 3px 5px 10px 3px !important; display: block; float: none; position: relative; z-index: 100}
.sub_nav li {display:block;   padding:4px ; width: 100% !important; height:  auto!important; font-size:1.2em; float: none !important; clear: left;}
.sub_nav a {color:#ffffff;width: 115px !important; height: auto !important; text-decoration:none; text-indent: 0px !important; display: block; padding: 3px !important; margin:0px}
.sub_nav a:hover {background:#6B92A7  !important }

/* sub nav top */

.navSub.top {height: 40px ; width: 1000px; background:url(images/navSub_BKG.gif) repeat-x}
.navSub.top li {display: block; height: 40px ; float: left; list-style:none}
.navSub.top li a {display: block; height: 100%; width: 100%; text-indent: -9999px;}

.navSub.top li.counseling, .navSub.top li.calendar {display: none; width:0px}

/*body.home .navSub.top li.anniversary, body.home .navSub.top li.viewGuestbook,*/ body.home .navSub.top li.viewCalendar {display:none}

body.home .navSub.top li.counseling {background:url(images/navSub_counseling.gif) no-repeat; width: 164px; display: block }
body.home .navSub.top li.calendar {background:url(images/navSub_calendar.gif) no-repeat; width: 100px; display: block}

.navSub.top li.anniversary {background:url(images/navSub_125.gif) no-repeat; width: 180px; }
.navSub.top li.viewGuestbook {background:url(images/navSub_guestbook.gif) no-repeat; width: 297px; }
.navSub.top li.viewCalendar {background:url(images/navSub_calendarLong.gif) no-repeat; width: 190px; }

.navSub.top li.counseling a:hover {background:url(images/navSub_counseling_on.gif) no-repeat; }
.navSub.top li.calendar a:hover {background:url(images/navSub_calendar_on.gif) no-repeat; }
.navSub.top li.anniversary a:hover {background:url(images/navSub_125_on.gif) no-repeat; width:  }
.navSub.top li.viewGuestbook a:hover {background:url(images/navSub_guestbook_on.gif) no-repeat; }
.navSub.top li.viewCalendar a:hover {background:url(images/navSub_calendarLong_on.gif) no-repeat; }

/* ----- content section ----- */

/* services */
#content {background: #ffffff; padding: 0  0 30px 0}

*html body #content {margin: -28px 0 0 0}

#content .services {width: 193px; float: left; position: relative; margin: 44px 0 0 30px}
*html body #content .services {margin:44px 0 0 15px}
body.home #content .services div {height: 103px;margin: 0 0 26px 0 }
#content .services div {height: 37px; width: 193px; margin: 0 0 0px 0}
#content .services div a {display: block; height: 100%; width: 100%; text-indent: -9999px;}

body.home #content .services div.limo {background:url(images/navServices_limo.jpg) no-repeat;}
body.home #content .services div.preNeed {background:url(images/navServices_preNeed.jpg) no-repeat;}
body.home #content .services div.specialEvents {background:url(images/navServices_specialEvents.jpg) no-repeat;}
body.home #content .services div.businessServices {background:url(images/navServices_businessCenter.jpg) no-repeat;}

#content .services div.limo {background:url(images/navServices_small_limo.gif) no-repeat;}
#content .services div.preNeed {background:url(images/navServices_small_preNeed.gif) no-repeat;}
#content .services div.specialEvents {background:url(images/navServices_small_specialEvents.gif) no-repeat;}
#content .services div.businessServices {background:url(images/navServices_small_businessCenter.gif) no-repeat;}

/* main content */
#content .mainContent {width: 480px; float: left; margin: 27px 0 0 30px; position: relative}

.mainContent h3 {font-size: 3.2em; color: #90541e; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 18px 0; line-height: auto; padding: 5px 0 0 0}
.mainContent p {color:#1a1a1a; font-family: Arial, Helvetica, sans-serif; margin: 7px 0; font-size: 1.2em; line-height: 1.8em}
.mainContent ul {font-size: 1.2em; color:#1a1a1a; list-style:square; width: 90%; line-height: 1.5em}
.mainContent ul li {margin: 3px 0 2px 13px; margin: }

.mainContent a {color:#8A5625; text-deocration: none}
.mainContent a:hover {text-decoration: underline}

.infoNav {position: absolute; width: 200px; left: -215px; top: 175px}

/* highlight box */

.mainContent .highlightBox {background:#e0dabe; width: 441px;padding: 10px 15px; position: relative; margin: 15px 0; font-size: 1.1em}
.highlightBox div {height: 11px; width: 471px; position: absolute; left: 0;}
.highlightBox div.top {background:url(images/highlightBox_top.gif) no-repeat; top:0;}
.highlightBox div.bottom {background:url(images/highlightBox_bottom.gif) no-repeat; bottom:0}
.highlightBox p { color: #4a3326}

/* ----- right side boxes ----- */
.extras {float: left; margin: 30px 0 0 32px}
.extras div {height: 152px; width: 208px; margin: 0 0 56px 0}
.extras div a {display: block; height: 100%; width: 100%; text-indent: -9999px;}
body.home .extras .viewGuestBook {background:url(images/viewGuestbookBKG.jpg) no-repeat; display: block !important}
body.home .extras .anniversaryBox {background: url(images/125BKG.gif) no-repeat; display: block !important}
body.home .extras .photoBox {display: none}
body.home .extras .viewGuestBook, body.home .extras .anniversaryBox, body.home .extras .viewGuestBook a, body.home .extras .anniversaryBox a {display: block}
.extras .viewGuestBook, .extras .anniversaryBox, .extras .viewGuestBook a, .extras .anniversaryBox a {display: none}
.extras .photoBox { height: auto; width: auto; position: absolute; top:330px; right: 10px}

body.home .photobox{display: none;}

/* ----- footer ----- */

#footer {background:url(images/footerBKG.gif) repeat-x; height: 81px; width: 1000px; text-align: center; font-size: 1.2em; color: #ffffff}
#footer a {color: #ffffff; text-decoration: none}

#footer .navMain {padding: 15px 0 0 0 }
#footer .navSub {padding: 7px 0 }
#footer .sub_nav {display: none!important}
#footer .viewCalendar {display: n0one}
#footer ul li {display: inline; margin: 0 3px 0 0; padding: 0 6px 0 0; border-right: 1px solid #ffffff}
#footer ul li a  {font-weight: bold; }
#footer li.last {border:none}

/* ----- locations page ----- */

.locationBox {width: 150px; float: left; margin: 15px 30px 15px 0; background: #E0DABE; padding: 10px 20px 15px 20px; border: 1px solid #4A3326}

/* ----- random styles ----- */

.highlight {color: #90541e !important}
.highlight2 {color:#271202 !important}
.bigger {font-size: 1.3em !important}
.biggest {font-size: 1.5em !important}
blockquote {margin: 0 20px }
.smaller {font-size: .9em !important}