html, body {
background-color:#d6cbac;
margin:0;
padding:0;
top:0;
right:0;
bottom:0;
left:0;
}

/* UPPER HEADER */
/* Displays only when logged in */

#upperHeader {
    width:100%;
    height:10px;
    margin:0;
    padding:10px 0;
    background-color:#635b45;
    border-bottom:3px solid #a49a81;
    font-family: 'Arial', sans-serif;
    font-size:11px;
}

#upperHeaderInner {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    color:#ffffff;
}

#upperHeaderInner #right {
    float:right;
}

#upperHeaderInner a {
    color:#c3fb73;
    text-decoration:none;
}


#upperHeaderInner a:hover {
    color:#ffffff;
    text-decoration:none;
}



/* HEADER */

#header {
    width:100%;
    margin:0;
    padding:20px 0 50px 0;
    background-color:#180803;
    font-family: 'Arial', sans-serif;
    background-image:url(../images/backgrounds/header.jpg);
    border-top:1px solid #c7ba9b;
}

#headerInner {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    color:#222222;
}

#headerInner a {
    color:#c3fb73;
    text-decoration:none;
}

#headerInner #left {
    display:inline-block;
    margin-left:0;
}

#headerInner #left img {
    height:140px;
    width:auto;
}

#headerInner #right {
    margin:40px 0 0 0;
    display:inline-block;
    float:right;
    text-align:right;
}

#headerInner h2, #headerInner h3, #headerInner a, #headerInner a:hover {
    margin:0;
    padding:0;
    font-family: 'Shadows Into Light', cursive;
    text-decoration:none;
}

#headerInner h3 {
    font-size:44px;
    line-height:50px;
    color:#fcf288;
}

#headerInner a {
    font-size:24px;
    line-height:30px;
    color:#ffffff;
}

#headerInner a:hover {
    color:#fcf288;
}



/* MENU */

#menu {
    width:100%;
    height:62px;
    margin:0;
    padding:0;
    background-color:#635b45;
    border-top:3px solid #a49a81;
    font-family: 'Arial', sans-serif;
    font-size:12px;
}

#menuInner {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    color:#ffffff;
}

#menuInner a {
    font-family: 'Arial', sans-serif;
    color:#ffffff;
    text-decoration:none;
    display:inline-block;
    padding:6px 10px;
}

#menuInner a:hover {
    color:#c3fb73;
}

#menuInner #right {
    float:right;
    width:300px;
}



/* MAIN PAGE */

#main {
    width:100%;
    margin:0;
    padding:20px 0;
    background-color:#f4f1e7;
    border-top:3px solid #7a776c;
    border-bottom:3px solid #7a776c;
    font-family: 'Arial', sans-serif;
    font-size:16px;
}

#mainInner {
    width:100%;
    max-width:1200px;
    min-height:300px;
    margin:0 auto;
    color:#333333;
}

#mainInner h1 {
    font-family: 'Arial', sans-serif;
    font-size:36px;
    padding:4px 8px;
    display:inline-block;
    background-color:#222222;
    letter-spacing:-0.05em;
    color:#e7ffa2;
    margin:0 0 10px 0;
    line-height:42px;
}

#mainInner h2 {
    font-family: 'Arial', sans-serif;
    font-size:24px;
    color:#444444;
    margin:0 0 15px 0;
    line-height:42px;
}

#mainInner h3 {
    font-family: 'Arial', sans-serif;
    font-size:18px;
    color:#222222;
    margin:15px 0 10px 0;
    line-height:42px;
}

#mainInner p {
    line-height:22px;
}

#mainInner a {
    color:#496714;
    text-decoration:none;
}

#mainInner a:hover {
    color:#222222;
} 

#mainInner ul li {
    line-height:24px;
}

#mainInner #left {
    display:inline-block;
    width:30%;
    border:4px solid #cfcfcf;
    padding:5px;
    margin:0 10px 10px 0;
}

#mainInner #left img {
    width:100%;
    height:100%;
}

#mainInner #right {
    display:inline-block;
    float:right;
    position: relative;
    width:65%;
    margin:0;
    padding:0;
}

#formTable {
    padding:10px;
    background-color:#efefef;
    border:2px solid #777777;
    font-size:14px;
}

#formTable tr td.active {
    color:#111111;
}

#formTable tr td.subactive {
    color:#444444;
}

#formTable tr td.inactive {
    color:#999999;
}

#formTable tr td.active input {
    width:180px;
    border:2px solid #444444;
    padding:4px;
}

#formTable tr td.subactive input {
    width:180px;
    border:2px solid #666666;
    color:#222222;
    padding:4px;
}

#formTable tr td.inactive input {
    width:180px;
    border:2px solid #999999;
    padding:4px;
}

input[type=submit], input[type=button] {
    width:180px;
    border:2px solid #444444;
    color:#222222;
    background-color:#cfcfcf;
    padding:4px;
}

textarea {
    width:100%;
    height:120px;
}

#formTable tr td.submit img {
    height:30px;
    width:auto;
}

#formTable tr td select {
    width:180px;
    border:2px solid #444444;
    padding:4px;
}



#submitBlock {
    width:60%;
    padding:20px 0 0 0;
    text-align:right;
}

#hireBlocks {
    display:block;
    width:100%;
    max-width:1100px;
    margin:0 auto 30px auto;
}

#hireBlocks #hireBlock {
    display:inline-block;
    width:100%;
    max-width:300px;
    min-height:240px;
    margin:0 20px;
    padding:10px;
    text-align:center;
}

#hireBlocks #hireBlock:first-child {
    margin-left:0;
}
    
#hireBlocks #hireBlock:last-child{
    margin-right:0;
}

#hireBlock img {
    width:100%;
    height:240px;
    margin:0 0 10px 0;
    padding:10px;
    background-color:#ffffff;
    border:1px solid #cfcfcf;
}

td#underlineThin {
    border-bottom:1px #cfcfcf dotted; 
}

td#underlineThick {
    border-bottom:2px solid #666666;
}

table#confirm img {
    height:50px;
    width:50px;
}

table#confirm select {
    margin:0;
    height:24px;
    width:40px;
    border:none;
    font-family: 'Arial', sans-serif;
    font-size:16px;
}

input#confirmUpdate.delete {
    background-color: #ff0000;
    color: #ffffff;
    margin: 0 0 2px 0;
    padding: 2px 4px;
    height: 24px;
    width: 50px;
    font-size: 9px;
    text-transform: uppercase;
    border: none;
}
    

input[type=button]#confirmUpdate {
    margin:0 0 2px 0;
    padding:2px 4px;
    height:24px;
    width:50px;
    font-size:9px;
    text-transform:uppercase;
    border:none;
}

input[type=button]#confirmUpdate:hover {
    background-color:#496714;
    color:#ffffff;
}

form#registerLink input[type=submit], form#registerLink input[type=button] {
    background-color: #149608;
    color: #ffffff;
    font-weight: bold;
    width:auto!important;
    min-width:180px;
    font-family: 'Arial', sans-serif!important;
    font-size:16px!important;
}

form#registerLink input[type=text], form#registerLink input[type=password] {
    height:20px;
    width:180px;
    border:2px solid #444444;
    padding:4px;
    font-family: 'Arial', sans-serif!important;
    font-size:16px!important;
    color:#333333;
}

input[type=submit]#smallButton {
    margin-left:10px;
    font-size:8px; 
    font-weight:bold;
    text-transform: uppercase;
    padding:2px 3px; 
    width:auto; 
    font-family: 'Arial', sans-serif!important;
    border:1px solid #444444; 
    background-color:#cfcfcf; 
    color:#333333;
}


/* PHONE POPUP */

.black_overlay{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}

.white_content {
display: none;
position: fixed;
top: 25%;
left: 25%;
width: 50%;
height: 30%;
padding: 35px;
border: 6px solid #cfcfcf;
background-color: white;
z-index:1002;
overflow: auto;
}





/* FOOTER */

#footer {
    width:100%;
    min-height:240px;
    margin:0;
    padding:20px 0;
    background-color:#7a776c;
    font-family: 'Arial', sans-serif;
    font-size:16px;
    line-height:22px;
}

#footerInner {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    color:#f4f1e7;
}

#footerBlock {
    float:left;
    display:inline-block;
    width:100%;
    margin:0 5px;
    color:#f4f1e7;
}

#footerBlock:first-child {
    margin:0 5px 0 0;
}

#footerBlock:last-child {
    margin:0 0 0 5px;
}

#footerBlock ul li {
    list-style: none;
}

#footerBlock ul li a {
    color:#ffffff;
    text-decoration:none;
}

#footerBlock ul li a:hover {
    text-decoration:underline;
}




/* SUB FOOTER */

#subFooter {
    width:100%;
    margin:0;
    padding:15px 0;
    background-color:#333333;
    font-family: 'Arial', sans-serif;
    font-size:12px;
}

#subFooterInner {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    color:#f4f1e7;
}

#subFooter a {
    color:#ffffff;
    text-decoration: none;
}

#subFooter a:hover {
    text-decoration: underline;
}


input[type=submit] {
    cursor: pointer;
}

input#cal_button {
    margin:-6px 0 auto 0;
    font-size:26px;
    color:yellowgreen;
    background:none;
    border:none;
    width:40px;
}

input#cal_button.left {
    text-align:left;
}

input#cal_button.right {
    text-align:right;
}






/* ADMIN */

#homeIconsAdmin {
    margin:0;
    padding:20px 0 0 0;
    width:100%;
    max-width:660px;
    height:600px;
}

#homeIconsAdmin a img {
    margin:5px;
    width:140px;
    height:auto;
}

#searchDB {
    width:100%;
    float:left;
    margin:0;
}

#searchDBBlock {
    width:100%;
    max-width:125px;
    float:left;
    margin:0 0 10px 0;
    padding:0 20px 0 0;
    text-align:left;
    font-size:11px;
}

#searchDBBlockL {
    width:100%;
    max-width:140px;
    float:left;
    margin:0 0 20px 0;
    padding:0 20px 0 0;
    text-align:left;
    font-size:11px;
}

#searchDBBlockS {
    width:100%;
    max-width:90px;
    float:left;
    margin:0 0 20px 0;
    padding:0 20px 0 0;
    text-align:left;
    font-size:11px;
}

#searchDBBlockE {
    width:100%;
    max-width:50px;
    float:left;
    margin:0 0 20px 0;
    padding:0 20px 0 0;
    text-align:left;
    font-size:11px;
}

#searchDBBlock input[type=text], #searchDBBlockL input[type=text] {
    margin:5px 0 0 0;
    padding:2px 8px;
    width:100%;
}


#salesGraph {
    margin:10px 0 0 0 ;
    padding:30px;
    width:100%;
    max-width:480px;
    height:530px;
    background-color:#ffffff;
    float:right;
}

#salesGraph h3 {
    margin:0 0 20px 0;
    padding:0;
    font-family: arial, serif;
    font-size:16px;
    color:#333333;
    text-transform: capitalize;
}

form#accountForm select, form#accountForm input {
    width:200px;
    border:#666666 1px solid;
}

form#accountForm input[type=submit] {
    margin:5px 0 0 0;
}








/* LISTING PAGES */

 #breadcrumb {
        display:block;
        width:100%;
        text-align:left;
        padding:20px 0;
    }

    #listings {
        width:100%;;
        padding:0;
        margin:0;
        text-align:left;
    }
    
    #listings input[type='text'] {
        width:174px;
        height:29px;
    }
    
    #listings select {
        width:180px;
        height:29px;
    }
    
    #listings #left {
        width:65%;
        display:inline-block;
        text-align:left;
        border:none;
    }
    
    #listings #right {
        width:30%;
        padding-left:15px;
        border-left:1px solid #777777!important;
        display:inline-block;
        float:right;
        text-align:left;
        border:none;
    }
    
    #content {
        padding:20px 0;
    }
    
    #flyer_block {
        vertical-align:top;
        display:inline-block;
        width:65%;
        height:200px;
        margin-right:10px;
        background-size:100% auto;
        background-position:center;
        -webkit-transition: background-size 0.5s;
        transition: background-size 0.5s;
    }
    
    #flyer_block:hover {
        background-size:120% auto;
        -webkit-transition: background-size 0.5s;
        transition: background-size 0.5s;
    }
    
    #myBtn {
        opacity:0;
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s;
    }
    
    #myBtn img.hover {
        position:sticky;
        height:100%; 
        width:100%;
        z-index:99;
    }
    
    #myBtn img.enlarge {
        margin:-44px 10px 0 0;
        float:right;
        position:sticky;
        z-index:999;
        height:30px;
        width:auto;
    }

    #myBtn:hover {
        opacity:0.8;
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s;
    }


/* The Modal (background) */
    

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding: 50px 0; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
 
/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: 0 auto 150px auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
    
    
    
    
    
/* Calendar */

    table.calendar {
        width:100%;
        max-width:1000px;
        margin:0 auto;
        padding:10px;
        border:1px solid #333333;
        font-family:arial, tahoma, verdana, serif;
    }
    
    th.header {
        height:30px;
        background-color:#666666;
        color:#ffffff;
        vertical-align: top;
    }   
    
    td.day {
        height:70px;
        width:14.2%;
        border:1px solid #666666;
        vertical-align: top;
        font-size:12px;
    }

    td.day#today_date {
        background-color:#cccfff;
    }
    
    td.day#event_date {
        background-color:#d9ffb5;
    }