/*-----------------------------------------------------------------------------------

	Light style - contains every color that is used in this style
	
----------------------------------------------------------------------------------- */

/* ---------------------------- */
/*         From base.css
/* ---------------------------- */

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
	border: 1px solid #ccc;
	color: #777;
	background: #fff;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
	color: #444;
}

legend span {
	color: #444;
}

/* ---------------------------- */
/*           General
/* ---------------------------- */

body {
	/*background: #f4f4f4 url(../images/bg/overlay.png);*/
	background: url(../images/bg/grey.png);
	color: #555;
}

a:hover {
	color: #222;
}

.highlight {
	color: #fff;
}

::-moz-selection {color: #fff;}
::-webkit-selection {color: #fff;}
::selection {color: #fff;}

.divider-line {
	border-bottom: 1px solid #ddd;
}

.divider-pattern {
	background: url(../images/pattern-line.png) repeat-x left bottom;
}

/* ---------------------------- */
/*          Typography
/* ---------------------------- */

h1,h2,h3,h4,h5,h6 {
	color: #555;
}

h6 {
	border-bottom: 1px solid #ddd;
}

blockquote {
	background: url(http://themesymphony.com/themes/acumulohtml/images/blockquote.png) no-repeat 6px 16px;
	color: #777;
}

.dropcap1, .dropcap2, .dropcap3 {
	color: #fff;
}

/* ---------------------------- */
/*           Tables
/* ---------------------------- */

th {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #444;
}

td {
	border-bottom: 1px solid #e8e8e8;
	color: #999;
}

tr:nth-child(2n) {
	background: #fafafa;
}

.pinned {
	background: #fff; /* must be color of content background */
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

div.table-wrapper {
	border-right: 1px solid #ccc;
}

/* ---------------------------- */
/*        Social Icons
/* ---------------------------- */

.socials ul li a {
	background-color: #ddd;
}

.footer-socials ul li a {
	background-color: #777;
}

.tooltip {
    background: #666;
	color: #eee;
}

.tooltip:after {
	border-top: 6px solid #666;
}

.socials li.social-twitter a:hover {background-color: #2daae1;}
.socials li.social-facebook a:hover {background-color: #3c5b9b;}
.socials li.social-google a:hover {background-color: #f63e28;}
.socials li.social-rss a:hover {background-color: #fa8c27;}
.socials li.social-linkedin a:hover {background-color: #0173b2;}
.socials li.social-dribbble a:hover {background-color: #f9538f;}
.socials li.social-pinterest a:hover {background-color: #cb2027;}
.socials li.social-skype a:hover {background-color: #00aaf1;}
.socials li.social-forrst a:hover {background-color: #31723e;}
.socials li.social-vimeo a:hover {background-color: #41b2dc;}
.socials li.social-youtube a:hover {background-color: #fe3432;}
.socials li.social-instagram a:hover {background-color: #517fa4;}
.socials li.social-flickr a:hover {background-color: #ff0084;}
.socials li.social-deviantart a:hover {background-color: #54675a;}
.socials li.social-digg a:hover {background-color: #1b5891;}
.socials li.social-stumbleupon a:hover {background-color: #eb4924;}
.socials li.social-reddit a:hover {background-color: #fe3432;}
.socials li.social-dropbox a:hover {background-color: #2fb9ed;}
.socials li.social-evernote a:hover {background-color: #78b422;}
.socials li.social-picasa a:hover {background-color: #8a66a3;}
.socials li.social-tumblr a:hover {background-color: #2a445f;}
.socials li.social-blogger a:hover {background-color: #ff6600;}
.socials li.social-behance a:hover {background-color: #2d9ad2;}

/* ---------------------------- */
/*         Structure
/* ---------------------------- */

.slogan-wrapper, .slider-wrapper, .content-wrapper, .footer-wrapper {
	background: #fff;
}

.flexslider-wrapper {
	background: #fff;
}

/* --------- TOP --------- */

.info-inner {	
	background: #f15a28;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.4);
}

.info-inner a {
	color: #fff;	
}

/* --------- NAVIGATION --------- */

.navigation-wrapper {
	background: #555;
}

.selectnav {
	background: #fff;
	border: 1px solid #ccc;
}

.sf-menu > li a {
	color: #eee;
}

.sf-menu > li:hover > a, .sf-menu > li.parent:hover > a, .sf-menu > li.current-menu-item a:hover {
	color: #fff;
	background: #4a4a4a;
}

.sf-menu > li.current-menu-item a {
	color: #4a4a4a;
}

.sf-menu ul a {
	background:#5a5a5a;
	color:#eee;
	border-left: 3px solid #5a5a5a;
}

.sf-menu a.sf-with-ul:hover:before, .sf-menu > li:hover > .sf-with-ul:before {
	border-bottom: 6px solid #5a5a5a;
}

.sf-menu ul a:hover {
	color: #fff;
	background: #4a4a4a;
	text-shadow: 0 -1px rgba(0,0,0,.2);
}

/* --------- SLOGAN --------- */

.slogan-wrapper h1 {
	color: #5a5a5a;
}

/* --------- PAGE TITLE --------- */

.page-title {
	background: url(http://themesymphony.com/themes/acumulohtml/images/pattern-line.png) repeat-x left bottom;
}

.page-title h1 {
	color: #5a5a5a;
}

.page-title span {
	color: #aaa;
}

/* --------- BREADCRUMBS --------- */

.breadcrumbs {
	border-bottom: 1px dotted #ddd;
}

.breadcrumbs a {
	color: #666;
}

/* ---------------------------- */
/*          Content
/* ---------------------------- */

.flexslider {background: #fff;}

/* --------- CAROUSEL/LATEST POSTS/LATEST PROJECTS --------- */

.flex-carousel .flex-direction-nav a {
	background: #eee;
}

.flex-carousel .flex-direction-nav .flex-next {
	background: #ccc url(http://themesymphony.com/themes/acumulohtml/images/carousel/right-arrow.png) no-repeat center top;
}
.flex-carousel .flex-direction-nav .flex-prev {
	background: #ccc url(http://themesymphony.com/themes/acumulohtml/images/carousel/left-arrow.png) no-repeat center top;
}
.flex-carousel .flex-direction-nav .flex-disabled:hover {
	background-color: #ccc !important;
}

.item-hover .icon.image {background: url(http://themesymphony.com/themes/acumulohtml/images/format-icons.png) no-repeat 0 0;}
.item-hover .icon.audio {background: url(http://themesymphony.com/themes/acumulohtml/images/format-icons.png) no-repeat 0 -20px;}
.item-hover .icon.video {background: url(http://themesymphony.com/themes/acumulohtml/images/format-icons.png) no-repeat 0 -40px;}
.item-hover .icon.gallery {background: url(http://themesymphony.com/themes/acumulohtml/images/format-icons.png) no-repeat 0 -60px;}
.item-hover .icon.link {background: url(http://themesymphony.com/themes/acumulohtml/images/format-icons.png) no-repeat 0 -80px;}
.format-standard .lightbox-photo .icon, .lightbox-photo .icon {background: url(http://themesymphony.com/themes/acumulohtml/images/blog-format-icons.png) no-repeat 0 0;}
.format-gallery .lightbox-photo .icon {background: url(http://themesymphony.com/themes/acumulohtml/images/blog-format-icons.png) no-repeat 0 -60px;}
.format-video .lightbox-photo .icon {background: url(http://themesymphony.com/themes/acumulohtml/images/blog-format-icons.png) no-repeat 0 -120px;}
.format-audio .lightbox-photo .icon {background: url(http://themesymphony.com/themes/acumulohtml/images/blog-format-icons.png) no-repeat 0 -180px;}
.format-quote .lightbox-photo .icon {background: url(http://themesymphony.com/themes/acumulohtml/images/blog-format-icons.png) no-repeat 0 -240px;}
.format-chat .lightbox-photo .icon {background: url(http://themesymphony.com/themes/acumulohtml/images/blog-format-icons.png) no-repeat 0 -300px;}
.format-link .lightbox-photo .icon {background: url(http://themesymphony.com/themes/acumulohtml/images/blog-format-icons.png) no-repeat 0 -360px;}

.description-inner .categories, .description-inner .categories a {
	color: #eee;
}

.description-inner .categories a:hover {
	color: #fff;
}

/* --------- HOME LATEST BLOG POSTS CAROUSEL --------- */

.hlb-description {
	background: #fafafa;
	border-bottom: 2px solid #eeeeee;
}

.hlb-description .meta-date a {
	background: url(http://themesymphony.com/themes/acumulohtml/images/lp-date.png) no-repeat left center;
	color: #aaa;
}

.hlb-description .meta-date a:hover {
	color: #444;
}

#hlb-flex-carousel h4 a {
	color: #444;
}

/* --------- CALLOUT BOX --------- */

.callout {
	background: #fbfbfb;
}

/* --------- SERVICES --------- */

.service-icon {
	background: #fbfbfb;
}

/* ---------------------------- */
/*    UI Accordion and toggle
/* ---------------------------- */

.accordion, .toggle {
	border-bottom: 1px solid #ddd;
}
.accordion h3, .toggle h3 {
	background-color: #fbfbfb;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.faq-toggle h3 {
}
.accordion h3 a, .toggle h3 a {
	color: #888;
}
.accordion h3.ui-state-active a, .toggle h3.active a {
	color: #444;
}
.accordion h3 a:hover, .toggle h3 a:hover {
}
.accordion h3.ui-state-active a:hover, .toggle h3.active a:hover {
}
.accordion h3.ui-state-active, .toggle h3.active {
	background: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px dashed #ddd;
}
.accordion div, .toggle div {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #fff;
}

/* Tabs */

.tabs ul.tabs-nav {
	border-bottom: solid 1px #ddd;
}
.tabs ul.tabs-nav li a {
	border: solid 1px #ddd;
	background: #f5f5f5;
	color: #aaa;
}
.tabs ul.tabs-nav li.ui-state-active a {
	background: #fff;
}
.tabs ul.tabs-content {
	border: solid 1px #ddd;
	background: #fff;
}

/* Vetical Tabs */

.tabs.vertical ul.tabs-nav li a {
	border: solid 1px #ddd;
	border-top-color: #ddd !important;
}

/* Features Tabs */

.features-tabs {
	background: #fff;	
	border: 1px solid #ddd;
}
.features-nav li a {
	color: #ddd;
	text-shadow: 0 1px 3px rgba(0,0,0,.1);
}
.features-nav li a:hover, .features-nav li.ui-state-active a:hover {
	color: #fff;
}
.features-nav li.ui-state-active a {
	color: #eee;
}
.features-nav li.ui-state-active a:after {
	border-bottom: 10px solid #fff;
}
.features-nav li.ui-state-active a img {
	background: url(http://themesymphony.com/themes/acumulohtml/images/feature-active-glow.png) no-repeat center center;
}
ul.features-tabs-content > li {
	background: #fff;
}

/* Vetical Features Tabs */

.features-tabs.vertical .features-nav li.ui-state-active a:after {
    border-right: 10px solid #fff;
}

/* ---------------------------- */
/*        Content Slider
/* ---------------------------- */

.cs-slidecontrols li {
	background: #555;
}
.cs-slidecontrols li a.prev, .cs-slidecontrols li a.prev.carousel-disabled:hover {
	background: url(http://themesymphony.com/themes/acumulohtml/images/sliders/content-slider-arrows.png) no-repeat 0 0;
}
.cs-slidecontrols li a.next, .cs-slidecontrols li a.next.carousel-disabled:hover {
	background: url(http://themesymphony.com/themes/acumulohtml/images/sliders/content-slider-arrows.png) no-repeat -20px 0;
}

/* ---------------------------- */
/*         Portfolio
/* ---------------------------- */

.description-inner h4 a {
	font-size: 14px;
	color: #eee;
	text-shadow: 0 -1px rgba(0,0,0,.2);
}

.description-inner h4 a:hover {
	color: #fff;
}

.portfolio-tax-pagination a {
	border-top: 1px solid #e4e4e4;
}

/* --------- PORTFOLIO FILTERABLE --------- */

/* --------- Filter --------- */

#portfolio-filters a, #portfolio-filters li:hover a, #portfolio-filters li.current a {
	color: #fff;
	text-shadow: 0 -1px rgba(0,0,0,.2);
}

#portfolio-filters a {
	background: #444;
}

.flexslider-portfolio .flex-direction-nav .flex-next {
	background: #000 url(http://themesymphony.com/themes/acumulohtml/images/carousel/right-arrow.png) no-repeat center center;
}

.flexslider-portfolio .flex-direction-nav .flex-prev {
	background: #000 url(http://themesymphony.com/themes/acumulohtml/images/carousel/left-arrow.png) no-repeat center center;
}

/* --------- SINGLE PORTFOLIO --------- */

.portfolio-single-description {
	border: 1px solid #eaeaea;
}

/* --------------------------- */
/*        PRICING TABLES       
/* --------------------------- */

.pricing-table {
	color: #777777;
}

.pt-column {
	background: #f8f8f8;
	color: #777777;
	border: 1px solid #fff;
}

.pt-column h3 {
	color: #fafafa;
}

.pt-cost p {
	color: #eee;
	text-shadow: 0 -1px rgba(0,0,0,.2);
}

.pt-features ul li {
	border-bottom: 1px solid #fff;
	background: #f8f8f8;
}

.pt-buynow {
	background: #eee;
}

.pt-light .pt-features ul li {
	background: #f8f8f8;
}

.pt-dark .pt-features ul li {
	background: #555;
	color: #bbb;
}

.pt-dark .pt-column {
	border: 1px solid #fff;
}

.pt-dark .pt-features ul li {
	border-bottom-color: #5a5a5a;
}

.pt-dark .pt-buynow {
	background: #4a4a4a;
}

/* ---------------------------- */
/*         Testimonials
/* ---------------------------- */

.testimonial {
	background: #fff;
	color: #888;
	border: 1px solid #ddd;
}

.testimonial:before,
.testimonial:after {
	border-top: 20px solid #fff;
}

.testimonial:before {
	border-top: 21px solid #ddd;
}

.testimonial-thumb img {
    background: #ddd;
}

.testimonial-author {
	color: #555;
}

/* ---------------------------- */
/*            Team
/* ---------------------------- */

.team-member h5 {
	color: #555;
}

.team-member .position {
	color: #888;
}

/* ---------------------------- */
/*            Blog
/* ---------------------------- */

.post-top h1 a {
	color: #888;
}

.post .meta {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	color: #888;
}

.post .meta a {
	color: #888;
}

.post-chat-inner p:nth-child(2n+1) {
    background: #F0F0F0;
}

/* ---------------------------- */
/*          Contact
/* ---------------------------- */

#contactform input {
	border: 1px solid #ddd;
}

.contact-textarea textarea {
	border: 1px solid #ddd;
}

#contactform input:hover, #contactform input:focus, #contactform textarea:hover, #contactform textarea:focus {
	border: 1px solid #aaa;
}

/* ---------------------------- */
/*        Blog comments
/* ---------------------------- */

.commentlist ul.children {
	border-left: 1px solid #ddd;
}

.commentlist ul.children::before {
	border-bottom: 1px solid #ddd;
}

.comment-meta a {
    color: #888;
}

div.comment-body {
	border: 1px solid #ddd;
}

#commentform input, #commentform textarea {
	border: 1px solid #ddd;
}

#commentform input:hover, #commentform textarea:hover, #commentform input:focus, #commentform textarea:focus {
	border: 1px solid #aaa;
}

#commentform p.form-allowed-tags {
	color: #aaa;
}

h3#reply-title {
	border-bottom: 1px solid #ddd;
}

/* ---------------------------- */
/*           Sidebar
/* ---------------------------- */

.widget .lp-image a img {
	background: #444;
}

.widget .lp-description span {
	color: #aaa;
	background: url(http://themesymphony.com/themes/acumulohtml/images/lp-date.png) no-repeat left center;
}

.tagcloud a {
	color: #fff !important;
	text-shadow: 0 -1px rgba(0,0,0,.1);
}

/* ---------------------------- */
/*           Footer
/* ---------------------------- */

.footer-wrapper {
	background: #555;
}

.footer-wrapper a.scrollup {
	text-indent: -9999px;
	background: url(http://themesymphony.com/themes/acumulohtml/images/scrollup.png) no-repeat 0 0;
}

.footer-wrapper a.scrollup:hover {
	background: url(http://themesymphony.com/themes/acumulohtml/images/scrollup.png) no-repeat 0 -20px;
}

.footer {
	color: #bbb;
}

.footer h6 {
	color: #bbb;
	text-shadow: 0 -1px rgba(0,0,0,.2);
	border-bottom-color: #666;
}

.footer a {
	color: #ddd;
}

.footer ul.menu li a {
	border-right: 1px solid #666;
}

.footer-bottom {
	color: #5a5a5a;
}

.footer-bottom .copyright {
	background: #f15a28;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.4);
}

.footer-bottom a {
	color: #ddd;
}

/* ---------------------------- */
/*           Twitter
/* ---------------------------- */

.tweetList li p {
	background: #4a4a4a;
	color: #ddd;
}

.tweetList:after {
	border-top: 8px solid #4a4a4a;
}

/* ---------------------------- */
/*         Flickr Feed
/* ---------------------------- */

#flickr_badges ul li a img {
	background: #444444;
}

/* ---------------------------- */
/*       Vegas Background
/* ---------------------------- */

.vegas-loading {
	background: #000;
	background: rgba(0,0,0,0.7);
	background: url(../images/vegas/loading.gif) no-repeat center center; /* Loading Gif by http://preloaders.net/ */
}

.vegas-overlay {
	background: transparent url(../images/bg/overlays/01.png);
}

/* ---------------------------------------- */
/*    Ajax contact form additional styles
/* ---------------------------------------- */

#message .error_message {
	background: #e56442;
	border: 1px solid #db472f;
	color: #fff;
}