* { margin:0; padding:0; }

html {height: 100%;}

body {height: 100%; font-family: 'Lato', arial; color:#333333; font-size:16px; line-height: 23px; width:100%; margin:0; padding:0; background-color:#f8ead6;}


img {border:none; }

a, a:visited, a:hover, a:active {color: #a40e1a; text-decoration:underline;}

#wrapper {width:100%;}
#upper-bar {width:100%; height:45px; background-color: #48060c;}
#background-color {background-color: #fbf7f2; width:100%;}
#topnav {height: 90px; margin: 0 auto; overflow: hidden; width: 980px;}
#logo {float: left; height: 165px; position: absolute; width: 396px;}
.church-logo {left: 0; position: absolute; top: -40px; z-index: 1;}



h1 {font-family: Cinzel; font-size: 35px; line-height:45px; font-weight: bold; color: #a40e1a; margin:0; padding:0;}
h2 {font-family: lato; font-size: 17px; line-height:23px; font-weight: bold; color: #a40e1a; margin:0; padding:0;}
h3 {font-family: lato; font-size: 20px; line-height:30px; font-weight: bold; color: #a40e1a; margin:0; padding:0;}


.indent {padding-left:40px;}
.feature-title2 {font-family:lato; color:#2f0b01; font-size:18px; line-height: 28px;}
.right-side {font-family:lato; color:#666666; font-size:13px; line-height:15px;}


#nav-wrapper {background-color: #fbf7f2; width:100%; margin-bottom:7px; -webkit-box-shadow: 1px 1px 9px #d1c1aa; box-shadow: 1px 1px 9px #d1c1aa;}
#nav  {float:right; margin: 0 auto; padding: 32px 0; text-align: right; width: 550px;}
#nav ul  {list-style-type: none; margin: 0; padding: 0;}
#nav li  {display:inline; padding:0; padding-left:20px; text-transform: uppercase;}
#nav li a, #nav li a:visited {color: #302417; font-family: 'Lato',sans-serif; font-weight: bold; font-size: 12px; text-decoration: none;}
#nav li a:hover, #nav li a:active {color: #8e0b15;}

#inside-wrapper {margin-left:20px; width: 95.8%; overflow:hidden; display:table; box-shadow: 1px 1px 7px 1px #d5bb96; -webkit-box-shadow: 1px 1px 7px 1px #d5bb96;
box-shadow: 1px 1px 7px 1px #d5bb96;}
#wrap {margin-top:90px;}
#inside-left {display:table-cell; vertical-align:top; width:25%; background-color:#f9f1e4; padding:15px 20px;}
#inside-right {display:table-cell;  min-height:800px; width:69%; background-color: #fbf7f2; padding: 20px 25px 40px;}
#inside-left ul {list-style-type: none; margin: 0; padding: 0;}
#inside-left li {display:list-item; padding:11px 0; width:100%; text-transform: uppercase; font-weight:bold; border-bottom: 1px solid #dec9ab;}
#inside-left li a, #inside-left li a:visited {color:#2f0b01; font-family: 'Lato',sans-serif; font-size: 14px; text-decoration: none;}
#inside-left li a:hover, #inside-left li a:active {color: #8e0b15; text-decoration: none;}

a[href^=tel]{
    color:#ffffff;
    text-decoration:none;
}

#content-wrapper {background: url('../images/background.jpg') no-repeat; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 min-height: 500px;}

#content {width:1020px; margin: 0 auto; overflow: hidden;}


#features {overflow:hidden; position: relative; width:100%; margin-top:20px;}
#feature1 {float:left; width:32%; margin-right:2%;}
#feature2 {float:left; width:32%; margin-right:2%;}
#feature3 {float:right; width:32%;}
#feature-inside {width:100%;}
.feature-img {width:99%; border:1px solid #634c30;}
.feature-title {font-family:cinzel; color:#2f0b01; font-size:22px; font-weight:bold; line-height: 44px;}
.feature-copy {font-family:lato; color:#333333; font-size:13px; line-height:16px;}


a[href^=tel]{
    color:inherit;
    text-decoration:none;
}

#contact-info {display:block; width:100%;}
#contact-map {display:block; padding: 10px; height: 200px; width: 300px; background-color: #FFFFFF;} 
.responsive-map {border: 1px solid #999999; height: 200px; width: 300px;}


.responsive-vid {height:315px; width:100%;}
.responsive-pics {border:none; height: 400px; width: 100%;}


#banner-container {display: none;}
#col-left-home {display: none;}
#col-right {float:left; width: 100%; padding-left:0; font-size:16px; line-height:20px; }

#title-wrap {border-bottom: 1px solid #8c8781; overflow: hidden; position: relative; margin: 10px 0px; width: 100%;}
#page-title-left {float:left;}

.bold1 {font-size:19px; font-weight:bold; color:#a74229; }
.bold2 {font-size:14px; font-weight:bold; color:#a74229; }
.bold3 {font-size:12px; font-weight:bold; color:#a74229; }

.bold1 a, a:hover, a:visited, a:active; {text-decoration: underline; }
.bold2 a, a:hover, a:visited, a:active; {text-decoration: underline; }
.bold3 a, a:hover, a:visited, a:active; {text-decoration: underline; }

#calendar-date {padding:3px 0; border-bottom:1px solid #b7ac9e; width:100%; overflow:hidden; font-size:16px; line-height:20px; }
#calendar-date .left {float:left; width:80px; padding-right:10px;}
#calendar-date .right {float:right; width:70%;}

#order {padding:0; margin:0; text-align: left;}

#news {padding:10px 0; border-bottom:1px solid #b7ac9e; width:590px; overflow:hidden; }
#news .pic {float:left; width:120px; height:90px; padding-right:20px; }
#news .description {float:left; width:440px; }


.go {background-image: url("../images/go.png");
    border: 0 none;
    height: 29px;
    width: 44px;
 }
 
table.menu {width:100%; line-height:15px;}
table.menu h2 {padding:25px 0 0 0; margin-bottom:6px;}
table.menu td.menu-left {padding:10px 0;  border-bottom:2px dotted #999;}
table.menu td.menu-right {width:150px; text-align: right; padding:10px 0; border-bottom:2px dotted #999;}
table.menu em {font-size: 16px; line-height: 20px;}
#delivery-info-middle {display:none;}



.footer {height: 300px; clear: both; background-color:#48060c; overflow:hidden; margin: 0;
    padding: 0; position: absolute; width: 100%;  border-top:10px solid #8e0b15;}
.push {
  height: 100px;
  clear: both;
   /* .push must be the same height as .footer */
}

#footer-content {padding:20px; width:980px; margin:0 auto; font-family: lato, arial; overflow:hidden; font-size:13px; line-height: 22px; color:#ffffff;}
#footer-left {float:left; width:50%;}
#footer-right {float:right; width:50%; text-align: right;}
.footer-title {font-family: lato, arial; font-size:23px;  font-weight:bold; color:#ffffff;}
.footer a, .footer a:visited {text-decoration:none; color:#ffffff; text-decoration:underline;}
.footer a:hover, .footer a:active {text-decoration:underline;}

.newsletter-submit {    
    border: 0 none;
    cursor: pointer;
background: transparent;}



/* Media Queries */



@media only screen and (max-width: 1023px) {
body {background-color: #ecdec9;}
#nav-wrapper {background-color: #ecdec9; width:100%; margin-bottom:7px; -webkit-box-shadow: none; box-shadow: none;}
#upper-bar {background-color: #ecdec9;}
#content-wrapper {background: url('') repeat-x; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 min-height: 500px;}

 .church-logo {width:350px;}

 #banner {margin-top:10px;}
 #content {margin-top:10px;}

 .footer {background-color:#ecdec9; color: #333333; overflow:hidden; margin: 0;
    padding: 0; position: absolute; width: 100%;  border-top:0px solid #8e0b15;}

#footer-content {color:#333333;}
.footer-title {color:#333333;}
.footer a, .footer a:visited {text-decoration:none; color:#333333; text-decoration:underline;}
.footer a:hover, .footer a:active {text-decoration:underline; color:#333333;}
#footer-right {display:none;}