

h1,h2,h3,h4,h5,h6 {
	font-size: 150%;
	line-height: 1.2;
	color: #a7e2e5;
	margin: 0; padding: 0;
	font-weight: bold;
}

h1, h3 {
	font-size: 130%;
	font-family: 'Bookman Old Style', Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	margin-bottom: 15px;
	font-weight: normal;
	font-style: normal;
}
h3 a {
	color: #000;
}
h3 a:hover {
	text-decoration: underline;
}

h2 {
	color: #fdad57;
	font-weight: bold;
	font-size: 120%;
	padding: 10px 0;
}

h4 {
	margin: 0 0 2px;
	font-size: 110%;
	font-weight: bold;
	color: #fdad57;
}

h5 {
text-align: left;
color: #b8e0e2;
font: bold 23px 'Bookman Old Style', Georgia, "Times New Roman", Times, serif;
margin-bottom: 5px;
}

h1.formtitle {
	padding-bottom: 10px;
	border-bottom: 1px solid white;
	color: #594417;
	text-transform: capitalize;
	font-weight: normal;
	font-style: normal;
	font-size: 22px;
}

#main{
margin: auto;
background-image: url('../images/lilbg.png');
background-repeat: repeat-x;
}


#buttons {
	width: 750px;
	height: 122px;
	text-align: center;
	margin: 15px auto;
}

#buttons div.left {
	width: 326px;
	float: left;
	padding: 10px;
}

#buttons div.left p {
	margin: 0;
	padding: 2px 0;
}

#buttons div.right {
	float: right;
	width: 326px;
	padding: 10px;
}

#buttons div.right p {
	margin: 0;
	padding: 2px 0;
}

#buttons div.left div.buttonlink {
	width: 110px;
	height: 25px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

#buttons div.left div.buttonlink a {
	background-color: #fdc280;
	-moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px;
	color: white;
	line-height: 25px;
	padding: 10px 20px;
}

#buttons div.left div.buttonlink a:hover {
	background-color: #dca01c;
	-moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px;
	color: white;
	line-height: 25px;
	padding: 10px 20px;
	text-decoration: none;
}

#buttons div.right div.buttonlink {
	width: 110px;
	height: 25px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

#buttons div.right div.buttonlink a {
	background-color: #fdc280;
	-moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px;
	color: white;
	line-height: 25px;
	padding: 10px 20px;
}

#buttons div.right div.buttonlink a:hover {
	background-color: #dca01c;
	-moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -khtml-border-radius: 7px;
  border-radius: 7px;
	color: white;
	line-height: 25px;
	padding: 10px 20px;
	text-decoration: none;
}

#bottom{
width: 944px;
margin: 20px auto 0;
padding: 0 0 9px;
color: #5a471d;
clear: both;
}

#bottom #bottomleft,
#bottom #bottommiddle,
#bottom #bottomright{
float: left;
width: 261px;
margin: 0 20px; 
padding-right: 20px;
text-align: justify;
vertical-align:text-top;
}

#bottom .widget {
margin: 0; 
padding: 0;
vertical-align: text-top;
}

.widgettxt {
	font-size: 14px;
	letter-spacing: 0;
	word-spacing: 0;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	line-height: 1.3;
	color: #8e7b5a;
	vertical-align: text-top;
}


#content a {
	color: #f7b470;
	text-decoration: none;
}
#content a:hover {
	color: #96845f; 
	text-decoration: underline; 
}


.copyright a, .designer a, .copyright a:visited, .designer a:visited {
font-weight: normal;
font-style: normal;
color: #7c704f;
text-decoration: none;
}
.copyright a:hover, .designer a:hover{
text-decoration: underline;
}

.horseshoe{
margin-top:0;
padding-top:0;
vertical-align: -3px;
}

#new-reg{
background-color: #bfe5e4;
padding: 20px;   /* if needed */
 -webkit-border-radius: 13px;    /* for Safari */
 -moz-border-radius: 13px;
margin-top: 20px;
margin-bottom: 0;
margin-left:auto;
margin-right:auto;
width: 680px;
border-width: 1px;
text-align: left;
}

input {
	height: 20px;
	border: 1px solid #99b9b8;
}

#new-reg form.newreg-form p {
	margin-bottom: 10px;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 0;
	letter-spacing: 1px;
}

#new-reg form.newreg-form p {
	padding-bottom: 0;
	margin-bottom: 10px;
	letter-spacing: 1px;
	margin-top: 0;
	padding-top: 0;
}

#wpcf7-f2-p35-o1 {
	width: 570px;
	padding: 20px;
	background-color: #daf3d9;
	border: 1px;   /* if needed */
    -webkit-border-radius: 13px;    /* for Safari */
    -moz-border-radius: 13px;
	margin-top: 20px;
	margin-bottom: 0;
}

.cal{
	margin:5px;
	padding:5px;
	background-color:#fdfaf5;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
.calavail{
	padding:5px;
	background-color:#D5EBF9;
}
.calsched{
	padding:5px;
	background-color:#EBEBDF;
}
.cal-left-avail{
	padding:5px;
	background-color:#D5EBF9;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.cal-right-avail{
	padding:5px;
	background-color:#D5EBF9;
	border:1px solid #CCCCCC;
}
.cal-left-sched{
	padding:5px;
	background-color:#EBEBDF;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.cal-right-sched{
	padding:5px;
	background-color:#EBEBDF;
	border:1px solid #CCCCCC;
}

.tblhead{
	background-color:#C1E5E9;
	padding:6px;
	font-weight:bold;
	color:#594417;
	font-size:14px;
}
.tblrowodd{
	background-color:#FFFFFF;
	padding:6px;
	font-size:14px;
}
.tblroweven{
	background-color:#FDC280;
	padding:6px;
	font-size:14px;
}

.testimonial, .resume, .kidphoto, .cert{
display: none;
position: fixed;
/*visibility: hidden;*/
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 26px;
z-index:12;
background-color:#ffffff;
overflow:auto;
opacity:1;
filter:alpha(opacity=100);
}

.testimonialbg, .resumebg, .kidphotobg, .certbg{
display: none;
position:fixed;
/*visibility: hidden;*/
top:0%;
left:0%;
height:100%;
width:100%;
z-index:11;
background-color:#fdad57;
opacity:0.8;
filter:alpha(opacity=80);
}

#submenu_1{
position:relative;
z-index:10;
display: none;
margin: -5px 0px 0px 120px;
width:245px;
background-color:#b3dfe2;
color:#ffffff;
padding-top:12px;
padding-left:9px;
}
#submenu_2{
position:relative;
z-index:10;
display: none;
margin: -5px 0px 0px 27px;
width:245px;
background-color:#b3dfe2;
color:#ffffff;
padding-top:12px;
padding-left:9px;
}
#submenu_1 a:link, #submenu_2 a:link,
#submenu_1 a:visited, #submenu_2 a:visited { display:block; color: white; margin-right: 0; text-decoration:none; font-size: 14px;
text-align:left;
padding-bottom: 0;
font-weight: normal;
font-style: normal;
line-height:6px;
text-shadow: #abacac 0 1px 0;
}

#submenu_1 a:hover, #submenu_2 a:hover {
color: #7d735b;
line-height:6px;
}
#popup{
/*display: none;*/
position: fixed;
visibility: hidden;
top: 25%;
left: 25%;
width: 50%;
height: 50%;
padding: 26px;
z-index:12;
background-color:#ffffff;
/* overflow:none; */
opacity:1;
filter:alpha(opacity=100);
}
#popupbg{
/*display: none;*/
position:fixed;
visibility: hidden;
top:0%;
left:0%;
height:100%;
width:100%;
z-index:11;
background-color:#fdad57;
opacity:0.8;
filter:alpha(opacity=80);
}

#uniqueuname{
color:#ff0000;
}


#faq div {
}
#faq div h4 {
	cursor: pointer;
	cursor: hand;
}
#faq div p {
	display: none;
	width: 50%;
	margin: 0; padding: 0;
	color: #7d735b;
	line-height: 20px;
}

#content ul.sitter li {
list-style-image: url();
list-style: none;
list-style-position: inside;
padding-left: 0;
margin: 20px 0px 0px 0px;
color: #7d735b;
}

#content ul.sitter li span {
	display: block;
	position: relative;
	width: 200px;
}


table.sitters_container {
	width: 100%;
	color: #7d735b;
	line-height: 20px;
	margin: 00px 0px 20px 0px;
	font-size: 13px;
	vertical-align: top;
	vertical-align: text-top;
}
table.sitters_container td {
	width: 310px;
	vertical-align: top;
	vertical-align: text-top;
}

table.sitters {
	width: 100%;
	color: #7d735b;
	line-height: 20px;
	margin: 20px 0px 0px 0px;
	font-size: 13px;
	vertical-align: top;
	vertical-align: text-top;
}

table.sitters td {
	width: 195px;
	vertical-align: top;
	vertical-align: text-top;
	padding: 0px 0px 10px 0px;
}

table.sitters .left_column {
	font-family: Arial, "MS Trebuchet", sans-serif;
	text-align: right;
	padding-right: 20px;
	width: 75px;
	color: #777;
	font-size: 12px;
}

hr.sitters {
	width: 290px;
	border: 1px solid: #fdad57;
	color: #fdad57;
	margin: 0px 0px 20px 20px;
}
/* ---------------------------------------- */

/* @fold --------- SITE --------------- */
html {
    font-size: 100%;

    background: #ebebdf;
}
body {
    font-size: 16px;
    line-height: 20px;
    min-width: 982px;

    background: #ebebdf;

    font-family: 'Bookman Old Style', Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    line-height: 21px;
    font-style: normal;
    letter-spacing: 0px;

    color: #5a471d;
}


/* @end */
/* @fold --------- HEADER ------------- */
#header_container {
    display: block;
    position: absolute;
    width: 100%;
    height: 190px;
    margin: 0px 0px 0px 0px;

    background: #fdfaf5 url(002_SITE_IMAGES/site-HEADER_FOOTER/sprite_PNG24.png) 0px -50px;
    z-index: 3000;
}
#header_container #header_bg { /* this is placed under the .navigation */
    display: block;
    position: absolute;
    width: 100%;
    height: 45px;
    left: 0px;
    top: 115px;
    margin: 0px 0px 0px 0px;

    overflow: hidden;
    background: url(002_SITE_IMAGES/site-HEADER_FOOTER/sprite_PNG24.png) 0px 0px;
    z-index: -1000;
}
#header_container #header {
    display: block;
    position: relative;
    width: 960px;
    height: 160px;
    margin: 0px auto 0px auto;
}

    /* @fold - logo -- */
    #header .logo {
        display: block;
        position: absolute;
        width: 280px;
        height: 115px;
        left: -32px;
        top: 0px;
        margin: 0px 0px 0px 0px;

        background: url(002_SITE_IMAGES/site-HEADER_FOOTER/sprite_PNG24.png) 0px -260px;
        overflow: hidden;
        text-indent: -1981px;
    }
    #header .logo:hover {
        opacity:0.7;
        filter:alpha(opacity=70); /* For IE8 and earlier */
    }
    /* @end */
    /* @fold - navigation_top -- */
    #header .navigation_top {
        display: block;
        position: absolute;
        width: 200px;
        height: 115px;
        right: 0px;
        top: 0px;
        margin: 0px 0px 0px 0px;
        padding: 18px 0px 0px 0px;
        
        font-weight: bold;
        font-size: 12px;
        line-height: 20px;
        color: #a4a48e;
        text-align: right;
    }

    #header .navigation_top a {
        font-size: 14px;
        line-height: 15px;
        color: #a4a48e;
    }
    #header .navigation_top .fb, #header .navigation_top .tw, #header .navigation_top .pt, #header .navigation_top .rss {
        display: inline-block;
        position: relative;
        width: 33px;
        height: 33px;
        margin: 6px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        text-indent: -1981px;
        text-align: left;
        float: right;

    }
    #header .navigation_top .fb {
        background: url(002_SITE_IMAGES/site-HEADER_FOOTER/sprite_PNG24.png) -320px -260px;
    }
    #header .navigation_top .tw {
        background: url(002_SITE_IMAGES/site-HEADER_FOOTER/sprite_PNG24.png) -353px -260px;
    }
    #header .navigation_top .pt {
        background: url(002_SITE_IMAGES/site-HEADER_FOOTER/sprite_PNG24.png) -386px -260px;
    }
    #header .navigation_top .rss {
        background: url(002_SITE_IMAGES/site-HEADER_FOOTER/sprite_PNG24.png) -419px -260px;
    }
    #header .navigation_top .fb:hover {
        background: url(002_SITE_IMAGES/site-HEADER_FOOTER/sprite_PNG24.png) -320px -300px;
    }
    #header .navigation_top .tw:hover {
        background: url(002_SITE_IMAGES/site-HEADER_FOOTER/sprite_PNG24.png) -353px -300px;
    }
    #header .navigation_top .pt:hover {
        background: url(002_SITE_IMAGES/site-HEADER_FOOTER/sprite_PNG24.png) -386px -300px;
    }
    #header .navigation_top .rss:hover {
        background: url(002_SITE_IMAGES/site-HEADER_FOOTER/sprite_PNG24.png) -419px -300px;
    }
    #header .navigation_top .color_1 {
        color: #fba541;
    }
    #header .navigation_top .color_1:hover {
        color: #000000;
    }
    #header .navigation_top .color_2 {
        color: #5b4619;
    }
    #header .navigation_top .color_2:hover {
        color: #fba541;
    }
    /* @end */
    /* @fold - navigation -- */
    #header .navigation {
        display: block;
        position: absolute;
        width: 980px;
        height: 45px;
        left: 0px;
        top: 115px;
        margin: 0px 0px 0px 0px;
        overflow: hidden;
        z-index: 2990;
    }
    #header .navigation a,  #header .navigation a.active {
        display: inline-block;
        width: auto;
        height: 45px;
        margin: 0px 0px 0px 0px;
        padding: 0px 25px 0px 0px;
        float: left;
        font-size: 17px;
        line-height: 35px;
        font-weight: normal;
        font-style: normal;
        color: #ffffff;
        text-transform:uppercase;
        text-shadow: #abacac 0px 1px 0px;
    }
    #header .navigation a.active {
        color: #5b4619;
        text-shadow: #abacac 0px 0px 0px;
    }
    #header .navigation a:hover {
        color: #8d7b6d;
        text-shadow: #abacac 0px 0px 0px;
    }
    #header .navigation #blog_nav, #header .navigation #blog_nav_inactive, #header .navigation #blog_nav_active, #header .navigation #blog_nav_active_reset  {
        display: inline-block;
        width: auto;
        height: 45px;
        margin: 0px 0px 0px 0px;
        padding: 0px 10px 0px 0px;
        float: left;
        font-size: 16px;
        line-height: 35px;
        font-weight: normal;
        font-style: normal;
        color: #fba541;
        text-transform:uppercase;
        text-shadow: #abacac 0px 1px 0px;
    }
    #header .navigation #blog_nav_active {
        color: #5b4619;
        text-shadow: #abacac 0px 0px 0px;
    }
    #header .navigation #blog_nav:hover, #header .navigation #blog_nav_inactive:hover, #header .navigation #blog_nav_active:hover, #header .navigation #blog_nav_active_reset:hover {
        color: #8d7b6d;
        text-shadow: #abacac 0px 0px 0px;
    }
    /* @end */

    /* @fold - navigation_sub -- */
    #header #navigation_sub {
        display: none;
        position: absolute;
        width: 960px;
        height: 600px;
        left: 0px;
        top: 145px;
        margin: 0px 0px 0px 0px;
        z-index: -1900;
        overflow: hidden;
    }
    #navigation_sub .sub {
        display: block;
        position: absolute;
        width: 230px;
        height: auto;
        left: 0px;
        top: -380px;
        margin: 0px 0px 0px 0px;
        padding: 20px 25px 20px 25px;
        background: url(002_SITE_IMAGES/site-HEADER_FOOTER/sprite_PNG24.png) -480px -260px;
    }
    #navigation_sub .sub .bottom {
        display: block;
        position: absolute;
        width: 280px;
        height: 20px;
        left: 0px;
        bottom: -20px;
        margin: 0px 0px 0px 0px;
        background: url(002_SITE_IMAGES/site-HEADER_FOOTER/sprite_PNG24.png) -480px -710px;
    }
    #navigation_sub .sub a, #navigation_sub .sub a.active {
        display:block;
        width: auto;
        height: 27px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;

        font-size: 14px;
        line-height: 27px;
        font-weight: normal;
        font-style: normal;
        color: #ffffff;
        text-shadow: #abacac 0px 1px 0px;
    }
    #navigation_sub .sub a:hover, #navigation_sub .sub a.active {
        color: #5b4619;
        text-shadow: #abacac 0px 0px 0px;
    }
    
    /* about */
    #header .sub_1 {
        left: 54px;
    }
    /* services */
    #header .sub_2 {
        left: 143px;
    }
    /* @end */


/* @end */
/* @fold --------- CONTENT ------------ */
#site_container {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0px 0px 0px 0px;

    overflow: hidden;
    background: #fdfaf5;
}
#site_container .content {
    display: block;
    position: relative;
    width: 960px;
    height: auto;
    min-height: 250px;
    margin: 190px auto 0px auto;

    background: #fdfaf5; background: url(___d el.jpg) 0px -190px;
}
#site_container .content .clear {
    display: block;
    position: relative;
    width: 1px;
    height: 1px;
    margin: 0px 0px -1px 0px;
    line-height: 1px;
    clear: both;
}
#site_container .content .copy {
    display: block;
    position: relative;
    width: 630px;
    height: auto;
    margin: 0px 30px 0px 0px;
    color: #5a471d; /* 7D735B */
}

#site_container .content .copy strong, #blog .posts .single_post strong {
    font-weight: bold;
}
#site_container .content .copy em, #blog .posts .single_post em {
    font-style: italic;
}
#site_container .content .copy h1 {
    display: block;
    position: relative;
    padding: 5px 0px 25px 0px;

    font-weight: bold;
    font-size: 25px;
    line-height: 21px;
    color: #83c5c9; /* b3dfe2 */
    text-transform: uppercase;
}
#site_container .content .copy h2 {
    display: block;
    position: relative;
    padding: 26px 0px 18px 0px;

    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #83c5c9; /* b3dfe2 */
    text-transform: uppercase;
}
#site_container .content .copy p {
    display: block;
    position: relative;
    margin: 0px 0px 21px 0px;

    font-size: 16px;
    line-height: 21px;
}
#site_container .content .copy a {
    font-weight: bold;
    color: #fba541;
}
#site_container .content .copy a:hover {
    font-weight: bold;
    color: #b3dfe2; /* 96845f */
}
#site_container .content .copy li, #blog .posts .single_post li {
    width: 400px;
    height: auto;
    margin: 0px 0px 11px 36px;
    list-style: disc url("002_SITE_IMAGES/site-CONTENT/li.gif");
    line-height: 20px;
}
#site_container .content .copy img.alignleft {
    margin: 0px 8px 0px 0px;
    float: left;
}
#site_container .content .copy .email_testimonial {
    display: block;
    position: absolute;
    width: auto;
    height: auto;
    top: 0px;
    right: -240px;
    margin: 0px 0px 0px 0px;
}
#site_container .content .copy .required {
    font-weight: bold;
	color: #fba541;
}



/* @end */
/* @fold --------- FOOTER ------------- */
#footer_container {
    display: block;
    position: relative;
    width: 100%;
    height: 190px;
    margin: 0px 0px 0px 0px;

    background: #fdfaf5 url(002_SITE_IMAGES/site-HEADER_FOOTER/sprite_PNG24.png) 0px -810px;
    z-index: 2000;
}
#footer_container #footer {
    display: block;
    position: relative;
    width: 960px;
    height: 190px;
    margin: 0px auto 0px auto;
    padding: 110px 0px 0px 0px;

    font-size: 12px;
    line-height: 20px;
    color: #a4a48e;
}


    #footer .left {
        float: left;
    }
    #footer .right {
        float: right;
    }
    #footer a {
        font-size: 12px;
        line-height: 20px;
        color: #a4a48e;
    }
    #footer a:hover {
        color: #fba541;
    }
    #footer a span {
        color: #fba541;
    }
    #footer a:hover span{
        color: #000000;
    }

    #overlay {
        display: none;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        margin: 0px 0px 0px 0px;
        background: #fba541;

        z-index: 4000;
        opacity:0.8;
        filter:alpha(opacity=80); /* For IE8 and earlier */
        cursor: pointer;
        cursor: hand;
    }
    #overlay_content {
        display: none;
        position: absolute;
        width: 960px;
        height: 100%;
        left: 50%;
        top: 100px;
        margin: 0px 0px 0px -480px;
        background: #ffffff;

        z-index: 4001;
    }
    #overlay_content .close {
        display: block;
        position: relative;
        width: 100px;
        height: 30px;
        left: 830px;
        top: 20px;
        margin: 0px 0px 0px 0px;

        text-align: right;
    }
    #overlay_content .privacypolicy {
        display: none;
        position: relative;
        width: 870px;
        height: 100%;
        margin: 30px 0px 0px 30px;
        padding: 0px 30px 0px 0px;

        overflow-y: scroll;
    }
    #overlay_content .terms {
        display: none;
        position: relative;
        width: 870px;
        height: 100%;
        margin: 30px 0px 0px 30px;
        padding: 0px 30px 0px 0px;

        overflow-y: scroll;
    }

    #overlay_content h1 {
        display: block;
        position: relative;
        padding: 5px 0px 25px 0px;

        font-weight: bold;
        font-size: 25px;
        line-height: 21px;
        color: #83c5c9; /* b3dfe2 */
        text-transform: uppercase;
    }
    #overlay_content h4 {
        display: block;
        position: relative;
        padding: 26px 0px 9px 0px;

        font-weight: bold;
        font-size: 18px;
        line-height: 21px;
        color: #83c5c9; /* b3dfe2 */
        text-transform: uppercase;
    }
    #overlay_content p {
        display: block;
        position: relative;
        margin: 0px 0px 21px 0px;

        font-size: 16px;
        line-height: 21px;
    }
    #overlay_content a {
        font-weight: bold;
        color: #fba541;
    }
    #overlay_content a:hover {
        font-weight: bold;
        color: #b3dfe2; /* 96845f */
    }


/* @end */