/* CSS Document */
/* Header for Dover Healthy Alternatives 2014*/ 
.nav-container2 {
	font-size:18px;
	font-weight:bold;
	text-shadow:1px 1px 1px 2px rgba(0, 0, 0, 0.8);
}
/* Header LARGE */ 
#dhaGlow_lg {
	position:absolute;
	background-image:url(/img/header/_header_dha_glow_lg.png);
	left:0;
	top:36px;
	width:440px;
	height:550px;
	z-index:1;
}
#dhaLogo_lg {
	position:absolute;
	background-image:url(/img/header/_header_dha_logo_lg7.png);
	left:0;
	top:50px;
	width:440px;
	height:500px;
	z-index:10;
}
#dhaDover_lg {
	position:absolute;
	background-image:url(/img/header/_header_dha_dover_lg.png);
	left:0;
	top:50px;
	width:440px;
	height:550px;
	z-index:10;
}
#dhaHealthy_lg {
	position:absolute;
	background-image:url(/img/header/_header_dha_healthy_lg.png);
	left:0;
	top:50px;
	width:440px;
	height:550px;
	z-index:10;
}
#dhaAlternative_lg {
	position:absolute;
	background-image:url(/img/header/_header_dha_alternatives_lg.png);
	left:0;
	top:50px;
	width:440px;
	height:550px;
	z-index:10;
}
#dhaReflect_lg {
	position:absolute;
	background-image:url(/img/header/_header_dha_reflect_lg.png);
	left:0;
	top:50px;
	width:440px;
	height:550px;
	z-index:1;
}
#dhaSlogan-lg {
	position:absolute;
	background-image:url(/img/header/_header_dha_slogan_lg.png);
	left:260px;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top:268px;
	width:700px;
	height:116px;
	z-index:10;
}
#dhaSloganReflect-lg {
	position:absolute;
	background-image:url(/img/header/_header_dha_slogan_reflect_lg.png);
	left:260px;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top:268px;
	width:700px;
	height:116px;
	z-index:1;
}
#dhaCafe-lg {
	position:absolute;
	background-image:url(/cafe/img/header/_header_dha_cafe_lg.png);
	left:260px;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top:40px;
	width:700px;
	height:350px;
	z-index:10;
}
#dhaCafeReflect-lg {
	position:absolute;
	background-image:url(/cafe/img/header/_header_dha_cafe_reflect_lg.png);
	left:260px;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top:40px;
	width:700px;
	height:350px;
	z-index:1;
}

/* Header MEDIUM */ 
#dhaGlow_md {
	position:absolute;
	background-image:url(/img/header/_header_dha_glow_md.png);
	left:0;
	top:47px;
	width:380px;
	height:475px;
	z-index:1;
}
#dhaLogo_md {
	position:absolute;
	background-image:url(/img/header/_header_dha_logo_md.png);
	left:0;
	top:60px;
	width:380px;
	height:475px;
	z-index:10;
}
#dhaDover_md {
	position:absolute;
	background-image:url(/img/header/_header_dha_dover_md.png);
	left:0;
	top:57px;
	width:380px;
	height:475px;
	z-index:10;
}
#dhaHealthy_md {
	position:absolute;
	background-image:url(/img/header/_header_dha_healthy_md.png);
	left:0;
	top:57px;
	width:380px;
	height:475px;
	z-index:10;
}
#dhaAlternative_md {
	position:absolute;
	background-image:url(/img/header/_header_dha_alternatives_md.png);
	left:0;
	top:57px;
	width:380px;
	height:475px;
	z-index:10;
}
#dhaReflect_md {
	position:absolute;
	background-image:url(/img/header/_header_dha_reflect_md.png);
	left:0;
	top:57px;
	width:380px;
	height:475px;
	z-index:1;
}
#dhaSlogan-md {
	position:absolute;
	background-image:url(/img/header/_header_dha_slogan_md.png);
	left:230px;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top:250px;
	width:540px;
	height:100px;
	z-index:1;
}
#dhaSloganReflect-md {
	position:absolute;
	background-image:url(/img/header/_header_dha_slogan_reflect_md.png);
	left:230px;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top:243px;
	width:540px;
	height:100px;
	z-index:1;
}
#dhaCafe-md {
	position:absolute;
	background-image:url(/cafe/img/header/_header_dha_cafe_md.png);
	left:230px;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top:74px;
	width:540px;
	height:270px;
	z-index:1;
}
#dhaCafeReflect-md {
	position:absolute;
	background-image:url(/cafe/img/header/_header_dha_cafe_reflect_md.png);
	left:230px;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top:74px;
	width:540px;
	height:270px;
	z-index:1;
}

/* Header SMALL */ 
#dhaGlow_sm {
	position:absolute;
	background-image:url(/img/header/_header_dha_glow_sm.png);
	left:5px;
	top:50px;
	width:336px;
	height:420px;
	z-index:1;
}
#dhaLogo_sm {
	position:absolute;
	background-image:url(/img/header/_header_dha_logo_sm.png);
	left:5px;
	top:60px;
	width:336px;
	height:420px;
	z-index:10;
}
#dhaDover_sm {
	position:absolute;
	background-image:url(/img/header/_header_dha_dover_sm.png);
	left:5px;
	top:60px;
	width:336px;
	height:420px;
	z-index:10;
}
#dhaHealthy_sm {
	position:absolute;
	background-image:url(/img/header/_header_dha_healthy_sm.png);
	left:5px;
	top:60px;
	width:336px;
	height:420px;
	z-index:10;
}
#dhaAlternative_sm {
	position:absolute;
	background-image:url(/img/header/_header_dha_alternatives_sm.png);
	left:5px;
	top:60px;
	width:336px;
	height:420px;
	z-index:10;
}
#dhaReflect_sm {
	position:absolute;
	background-image:url(/img/header/_header_dha_reflect_sm.png);
	left:5px;
	top:57px;
	width:336px;
	height:420px;
	z-index:10;
}
#dhaSlogan-sm {
	position:absolute;
	background-image:url(/img/header/_header_dha_slogan_sm.png);
	left:170px;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top:237px;
	width:360px;
	height:60px;
	z-index:10;
}
#dhaSloganReflect-sm {
	position:absolute;
	background-image:url(/img/header/_header_dha_slogan_reflect_sm.png);
	left:170px;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top:237px;
	width:360px;
	height:60px;
	z-index:10;
}
#dhaCafe-sm {
	position:absolute;
	background-image:url(/cafe/img/header/_header_dha_cafe_sm.png);
	left:170px;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top:120px;
	width:360px;
	height:180px;
	z-index:10;
}
#dhaCafeReflect-sm {
	position:absolute;
	background-image:url(/cafe/img/header/_header_dha_cafe_reflect_sm.png);
	left:170px;
    right:0;
    margin-left:auto;
    margin-right:auto;
	top:120px;
	width:360px;
	height:180px;
	z-index:1;
}

/* Header X-SMALL */ 
#dhaGlow_xs {
	position:absolute;
	background-image:url(/img/header/_header_dha_glow_xs.png);
	left:9px;
	top:48px;
	width:288px;
	height:360px;
	z-index:1;
}
#dhaLogo_xs {
	position:absolute;
	background-image:url(/img/header/_header_dha_logo_xs.png);
	left:9px;
	top:58px;
	width:288px;
	height:360px;
	z-index:10;
}
#dhaDover_xs {
	position:absolute;
	background-image:url(/img/header/_header_dha_dover_xs.png);
	left:9px;
	top:56px;
	width:288px;
	height:360px;
	z-index:10;
}
#dhaHealthy_xs {
	position:absolute;
	background-image:url(/img/header/_header_dha_healthy_xs.png);
	left:9px;
	top:58px;
	width:288px;
	height:360px;
	z-index:10;
}
#dhaAlternative_xs {
	position:absolute;
	background-image:url(/img/header/_header_dha_alternatives_xs.png);
	left:9px;
	top:58px;
	width:288px;
	height:360px;
	z-index:10;
}
#dhaReflect_xs {
	position:absolute;
	background-image:url(/img/header/_header_dha_reflect_xs.png);
	left:9px;
	top:58px;
	width:288px;
	height:360px;
	z-index:1;
}

/* Side Navigatiom */
#side-nav {
	position:absolute;
	font-size: .8em;
	text-shadow:0 -1px 0 transparent, 0 -1px 0 rgba(0, 0, 0, 0.75);
	right:0;
	top:130px;
	width:112px;
	z-index:99;
}
#side-nav li a {
	background-color: rgba(25, 100, 25, 0.55);	
/*	background:#711A1A;   */
	color:#B9FFB9;
	text-shadow:0 2px 0 transparent, 0 2px 0 rgba(0, 0, 0, 1.0);
		-webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);
		-moz-box-shadow:    0px 0px 1px 0px rgba(0, 0, 0, 0.4);
		box-shadow:         0px 0px 1px 0px rgba(0, 0, 0, 0.4);
}
#side-nav li {
	margin-bottom:2px;
}
#side-nav li a:hover, #side-nav li.active a{
	background-color: rgba(155, 155, 255, 0.25);
		color:#fff;
		text-shadow:0 -1px 0 transparent, 0 -1px 0px rgba(0, 0, 0, 1.0);
		-webkit-box-shadow: 0px 0px 1px 0px rgba(155, 255, 155, 0.4);
		-moz-box-shadow:    0px 0px 1px 0px rgba(155, 255, 155, 0.4);
		box-shadow:         0px 0px 1px 0px rgba(155, 255, 155, 0.4);
}
.tel,.tel:visited { /*for small screens */
	display:block;
	color:#A5A5DA;
	background-color: rgba(100, 100, 200, 0.35);
	padding:1em;
	text-decoration:none !important;
}
.tel:hover,.tel:focus {
	 color: #fff;
	background-color: rgba(100, 100, 200, 0.35);
}
@media screen and (min-width: 28.5em) { /* for larger screens */
 .tel,.tel:visited { background:none; cursor:default; }
 .tel,.tel:focus { color:white; text-decoration:none !important;}