/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

* {margin:0;padding:0;box-sizing:border-box;}

body {
width:100%;
margin:5px auto 0;
background: url(images/bg.gif) #B7B781 top center repeat-x;
text-align:center;
}
body,p,td,li,font {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
line-height:2em;
color:#4d4d3d;
font-weight:normal;
}
p {margin:10px 0;}
a {
font-weight:bold;
color:#804019;
text-decoration:underline;
}
a:hover {
font-weight:bold;
color:#99993d;
text-decoration:underline;
}
h1 {font-size:22px;padding:0 0 15px 0;}
h2 {font-size:18px;padding:15px 0 15px 0;}
h3 {font-size:16px;padding:15px 0 5px 0;}
h4 {font-size:16px;padding:10px 0 0 0;}

ul {margin:0 10px;padding:0 10px;}
#wrapper {
max-width:1000px;
float:none;
margin: 0 auto 0;
}
#foreground {
width:100%;
float:left;
background-color:#ececd4;
border:1px #ececd4 solid;
}
#header {
width:100%;
height:114px;
float:left;
background:url(images/header.png?v=2) top left no-repeat;
border-bottom:1px #ececd4 solid;
}
#left_col_wrap {
width:25%;
float:left;
padding: 25px 0 50px 25px;
}
#nav {
width:100%;
float:left;
/*background:url(images/nav.jpg) top left no-repeat;*/
padding: 0 0 25px 0;
}
#nav a {
display:block;
width:100%;
height:50px;
float:left;
background-position:0 0;
background-repeat:no-repeat;
text-indent: -99999px;
}
#nav a.main {background-image:url(images/main.jpg);}
#nav a.about {background-image:url(images/about.jpg);}
#nav a.coloring {background-image:url(images/coloring.jpg);}
#nav a.pricing {background-image:url(images/pricing.jpg);}
#nav a.specials {display:none;background-image:url(images/specials.jpg);}
#nav a.certificates {background-image:url(images/certificates.jpg);}
#nav a.location {background-image:url(images/location.jpg);}
#nav a.contact {background-image:url(images/contact.jpg);}

#nav a:hover {background-position:-255px 0;}

table td, table th { padding:4px; }
table th { font-weight: normal; }

#pricing {
width:100%;
float:left;
padding:4px;
background-color:#dbdbb4;
border:1px #a6a688 solid;
text-align:center;
}

#content {
width:50%;
float:left;
text-align:left;
padding:30px 10px 50px 20px;
}
#vine {
width:25%;
height:320px;
float:right;
background:url(images/vine.jpg) top right no-repeat;
}
#contact {
width:100%;
float:left;
padding:15px 0;
background-color:#804019;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
line-height:20px;
color:#EFEFDB;
}
#contact a {color:#EFEFDB;}
#footer {
width:100%;
float:left;
padding:30px 0 30px 0;
text-align:center;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:normal;
color:#4d4d3d;
}

textarea {
border: 1px #4d4d3d solid;
color:#666651;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

input {
border: 1px #4d4d3d solid;
background-color:#fff;
color:#666651;
font-family:Arial, Helvetica, sans-serif;
}

form {
border: 1px #c9c9b1 solid;
background-color:#e5e5cf;
padding:20px;
}

.button {
background-color: #804019;
color: #FFF;
padding: 10px 15px;
}
a.button { 
display: inline-block;
text-decoration:none;
}


table#pricing {border:0;}
table#pricing th, table#pricing td {padding:5px 0 5px;margin:0;text-align:left;line-height:normal;vertical-align:top;}
table#pricing td {text-align:right;}

img#susan-image {
    border:1px #4d4d3d solid;
}
span#susan-image-wrapper {
    display: block;
    float: right;
    position: relative;
    margin: 0 0 10px 10px;
}
span#susan-image-wrapper::after {
    content: "Courtney Wahl Photography";
    position: absolute;
    left: 0;
    top: 100%;
    text-align: center;
    font-size: 9px;
    line-height: normal;
    opacity: 0.75;
    font-family: arial;
    padding-top: 5px;
}