/* BACKGROUND IMAGE
--------------------------------------------------------- */
body { background-image: url('../imgs/backpattern1.jpg'); }

/* MAIN COLOR (for example blue)
--------------------------------------------------------- */
a {
	color: #244e2b;
}

input[type=submit], input[type=button], button, .button { background: #244e2b; }
nav#mainmenu {
	background-color: #244e2b;
}
nav#mainmenu ul li ul.sub-menu { border-bottom-color: #244e2b; }
#search-box { background: #0090ec; }
#circle-pager a:after { color: #244e2b; }
.feature:hover .circle { background: #244e2b; }
.feature .circle:after { background: #244e2b; }
.carousel-vert4 ul li h3 a:after { color: #244e2b; }
#content .pricing th.heading { background: #244e2b; }
.accordion-style1 .accordion-title a.active:before { background: #244e2b; }
.accordion-style2 .accordion-title a.active:before { background: #244e2b; }
#footer {
	background-color: #244e2b;
}

/* DARKER MAIN COLOR (for example dark blue)
--------------------------------------------------------- */
nav#mainmenu:before { border-bottom-color: #0071BB; }
nav#mainmenu:after { border-bottom-color: #0071BB; }

/* LIGHTER MAIN COLOR (for example light blue)
--------------------------------------------------------- */
nav#mainmenu ul li a:hover, nav#mainmenu ul li a.active, nav#mainmenu ul li a.active-parent {
}
nav#mainmenu ul li ul.sub-menu { background: #6ec0f6; }
#circle-pager a.activeSlide:after { color: #0aa524; }
.carousel-vert4 ul li:hover { background: #0aa524; }
#content .pricing table.highlighted th.heading { background: #0aa524; }
#footer .button, #footer input[type=submit], #footer  input[type=button], #wrapperbox #footer button { background-color: #6EC0F6; }
.footerbox ul li i { background: #6EC0F6; }
#footer a:not(.button):hover {
	color: #0aa524;
}

/* COMPLIMENTARY COLOR (for example green)
--------------------------------------------------------- */
#wrapperbox {
	border-top-color: #244e2b;
}
.slide-text p { background: #2DAB8B; }
.carousel4 li a.popup:hover { background: #1b83ca; }
.quote .author { background: #2DAB8B; }
ul.tabs li.active a  { border-top-color: #2DAB8B; }
ul.tags li a.active { background: #2DAB8B;  border-color: #2DAB8B; }
.vertical-tabs ul.tabs li.active a  { border-left-color: #2DAB8B; }
.team-member img:hover { border-bottom-color: #2DAB8B; }
.loop-pagination span.current { background: #2DAB8B; border-color: #2DAB8B; }
.gallery-icon a:hover { background: #2DAB8B; }