@font-face {
	font-family: SloopScriptOne ;
	src: url( '../../../fonts/sloop-scriptone.eot' ); /*ie9*/
	src: url('../../../fonts/sloop-scriptone.eot?#iefix') format('embedded-opentype'), /*ie6-ie8 */
		url( '../../../fonts/sloop-scriptone.ttf' ) format("truetype"); /*safari,android,iOS*/
}
#contentWrapper {overflow: hidden;width:100%;}
#bom-site-wrapper {overflow:auto;}
#bom-wrapper {background-color: #ecebda;}
#bom-wrapper #bom-header {height:420px;}
#bom-page-wrapper #bom-header-bar {z-index: 20; position:absolute;background: url('header-bar.png');height: 28px;width: 100%;}
#bom-content-wrapper h2 { color:#474932; }
#bom-content-wrapper .info-container {border-top-color: #83713f;}
#bom-content-container {
    background:url("main-content-back.jpg") no-repeat;
}

#bom-page-wrapper { background-color: #d4d5bf; overflow:hidden; }

/*bom-nav*/
#bom-nav-inner {background-color:#cec09f;}
#bom-nav-sendflowers { background:url("menu-top-send-flowers.jpg") no-repeat;}
#bom-nav-sendflowers a {color:#665833;}
#bom-nav-sendflowers #bom-nav-sendflowers-txt-major {color:#313319;} 
#bom-nav ul li.level1 a {background:url("menu-bg.png"); color:#474932;}
#bom-nav-inner>ul>li.level1>a.active { /*color:#cfbe90;*/ }
#bom-nav ul li.level1>ul {background-color: #c6b795;}
#bom-nav ul li.level1 ul li a { color:#474932; }
#bom-nav ul li.level1 ul li a.active { color:white; }

/*bom header nav*/
#bom-header-nav li.level1 a {color:#d2bd78; font-family: "Trebuchet MS";}
#bom-header-nav li.level1>ul li {margin:1px 0;}
#bom-header-nav li.level1>ul a {color:#ffeec9;}

/*header*/
#bom-header #bom-header-back { background: url("header-back.png"); }
#bom-header #bom-photo-con { top: 50px; left: 376px; background:url(frame-back.png) no-repeat;}
#bom-header #bom-photo-frame {background: url("frame.png"); left:350px; top:30px; }
#bom-header #bom-in-memory-con{padding: 0px;top:25px;}
#bom-header #bom-in-memory-con #bom-in-memory-date { text-shadow:none; }
#bom-header #bom-in-memory-con #bom-in-memory-text{font-size:20px; color:#e3d8b8;}
#bom-header #bom-in-memory-con #bom-in-memory-date {font-size:15px; color:black;}
#bom-header #bom-in-memory-con #bom-in-memory-name {font-style:normal;font-size:30px;color:white; }

/*video*/
#player_api {left:0px;width:899px;height:600px;}
#video-container {top:-90px;z-index:15; width:438px;height:230px;left:0px;}
#video-container video { width:899px; height:505px;top:-180px;position: absolute;}

/*right col*/
#bom-right-col {
	background:rgba(252, 240, 216, 0.3);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cfcf0d8', endColorstr='#4cfcf0d8');
}
#bom-right-col #bom-candle-scroller a, #bom-right-col #bom-story-scroller a {color:#474932;}
#bom-right-col .bom-right-title { color:#cec09f; }
#bom-right-col .bom-share-link{ background: white url('small-info-bg.png'); }
#bom-right-col .bom-recent-story, #bom-right-col .bom-recent-candle-msg { color: black; }
#bom-right-col .bom-share-link a { color:#474932; }
#bom-right-col #bom-right-col-top {background: url('bom-right-col-top.jpg');}
#bom-right-col .bom-right-title-container { background: url('right-col-header-back.png'); }

/*footer*/
#bom-footer-con{background-image: url(footer-link-bg.jpg);}
#bom-footer-cap{background-image: url(footer-cap.png); margin-top: 50px;}
#bom-footer-con #bom-footer-msg-title {color:#474932; background:url('border-grad.png');}
#bom-footer-con #bom-footer-links .list-header {color:#394817;}
#bom-footer-links .bom-footer-links-col > ul > li > a {color:#474932; font-family: "Trebuchet MS";}

/*general candle layout*/
#candle-con{ background:url(header-table.png) no-repeat; top:141px; height:199px;}
#candle-con-lower{ height: 126px; background: url(header-table-down.jpg) no-repeat; top: 294px; }
#candle-con-lower #lac-message-container #lac-message-text {color:#fff;}
#candle-con-lower #lac-message-img {background: url('light-a-candle.png'); width:238px; height:129px;}
#candles-con-message {color:#323321; text-shadow:1px 1px 1px white;}

/*nav drop down*/
#main-nav-drop-con {top:289px;}
#main-nav-drop-con #main-nav-drop-button #main-nav-drop-text {font-size:1.2em !important; color: #f2eac2; font-family: Georgia;}
#main-nav-drop-con #main-nav-drop-slide #main-nav-drop-slide-close-text { color:#474932; text-shadow: none; }
#main-nav-drop-con #main-nav-drop-slide #main-nav-drop-slide-close-btn{ background-image: url(nav-slide-close.png); height:31px; width:31px;top:-11px;}
#main-nav-drop-con #main-nav-drop-button { background: url(main-nav-drop.png) no-repeat; cursor:pointer; height:50px; }
#main-nav-drop-con #main-nav-drop-slide {
	background-color: #464832;
	background-image: -ms-linear-gradient(top, #26271b, #464832);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#26271b), to(#464832));
	background-image: -webkit-linear-gradient(top,#26271b,#464832);
	background-image: -o-linear-gradient(top,#26271b,#464832);
	background-image: -moz-linear-gradient(top,#26271b,#464832);
	background-image: linear-gradient(top,#26271b,#464832);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#26271b', endColorstr='#464832', GradientType=0, zoom=1);
}

.bom-services-wrapper .infoTitle{color:#474932;}
.bom-services-wrapper .infoContent{color:#595959;}
.bom-services-wrapper .loc-map-controls{ background:white url('small-info-bg.png') no-repeat;}
.bom-services-wrapper .loc-map-controls a {color:#474932;}

#bom-footer-widget-con {margin:10px 0 26px 10px !important;}
#bom-footer-widget-con .widget-box-con .widget-box .widget-box-title { color:#474932; text-shadow:1px 1px 1px #888; }
#bom-footer-widget-con .widget-box-con .widget-box .widget-box-blurb { color:#333333; text-shadow:none; font-family: "Trebuchet MS";}
.widget-box-con { background:url('widget-box-back.png') no-repeat; margin:0 10px;}
.widget-box .widget-box-form .widget-box-form-submit {
	background-color: #454730;
	background-image: -ms-linear-gradient(top, #292b15, #454730);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#292b15), to(#454730));
	background-image: -webkit-linear-gradient(top,#292b15,#454730);
	background-image: -o-linear-gradient(top,#292b15,#454730);
	background-image: -moz-linear-gradient(top,#292b15,#454730);
	background-image: linear-gradient(top,#292b15,#454730);
	background-repeat: repeat-x;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#292b15', endColorstr='#454730', GradientType=0, zoom=1);
	border:1px solid #cec09f;
	color:#cec09f;
	text-shadow:none;
	border-radius:5px;
	font-family:"Trebuchet MS";
	font-size:1.3em;
}
.widget-box .widget-box-form .widget-box-form-submit p {line-height:7px;}
#bom-footer-con #bom-footer-provided-by-con {background:url(footer-bom.jpg) repeat-x; }


@media screen and (max-width: 750px){

/* MENU */

    #bom-menu-btn{
	display: block;
	color: #828a3b;
    }
    #bom-nav{
	float: none;
	position: static;
	width: 100%;
	border: none;
	clear: both;
    }
    #bom-nav ul{
	display: none;
	background: #c4c2ad;
    }
    #bom-header #bom-in-memory-con #bom-in-memory-name {
	color: #777;
	text-shadow: none !important;
    }
    #bom-header #bom-in-memory-con #bom-in-memory-text {
	color: #474932;
	text-shadow: none !important;
    }
    #bom-wrapper div#bom-header {
	height: 375px;
    }
    #bom-header #bom-header-back {
	height: 225px;
	background-size: 120% !important;
    }
    #candle-con-lower {
	top: 167px !important;
    }
    #bom-header div#bom-in-memory-con {
	top: 240px;
    }
    #bom-header #bom-photo-frame {
	height: 135px !important;
	left: 50% !important;
	top: 0px !important;
	width: 110px !important;
	margin-left: -55px !important;
    }
    #bom-header #bom-photo-con, #bom-header #bom-photo-con img {
	width: 75px;
	height: 100px;
    }
    #bom-header #bom-photo-con {
	left: 188px !important;
    }
}


@media screen and (max-width: 479px){
    .bom-leave-condolence-con form .bom-textarea {
	width: 290px !important;
    }
    
    #bom-wrapper div#bom-header {
	height: 320px;
    }
    #bom-header #bom-header-back {
	height: 100px;
	background-position-y: 5px !important;
    }
    #candle-con-lower {
	top: 116px !important;
    }
    #bom-header div#bom-in-memory-con {
	top: 170px;
    }
    #bom-header #bom-photo-frame {
	width: 80px !important;
	height: 100px !important;
	top: 0px !important;
	left: 50% !important;
	margin-left: -42px !important;
    }
    #bom-header #bom-photo-con {
	left: 129px !important;
	top: 12px !important;
	width: 60px;
	height: 70px;
    }
    #bom-header #bom-photo-con, #bom-header #bom-photo-con img {
	width: 55px;
	height: 75px;
    }
    #bom-header #bom-photo-con {
	left: 130px !important;
    }
}
