/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

    1. Open style.css file and find any clasess you want to override
	2. Copy classes to override in this file, make sure you put classes outside
	3. Activate custom.css file in theme admin panel

*/
/* START OVERRIDING / ADDING NEW CLASESS BELOW THIS LINE */

/*---------TOP NAVIGATION for PAGES---------  */
.top_menu{ height:34px; text-align:left; font:normal 14px Arial; padding:0 }
  .top_menu ul{ list-style:none; margin:0; padding:0 }
      .page-menu li a{ display:block; padding:0 10px }
      .page-menu li a:hover{ text-decoration:underline;  }
.page-menu li.current_page_item a{ color:#fff; background:#97c052 }
/*---------TOP NAVIGATION for PAGES---------  */
.top_menu{ height:34px; text-align:left; font:normal 14px Arial; padding:0 }
  .top_menu ul{ list-style:none; margin:0; padding:0 }
      .page-menu li a{ display:block; padding:0 10px }
      .page-menu li a:hover{ text-decoration:underline;  }
/*---------TOP NAVIGATION for CATEGORIES---------  */
#cat-menu ul { margin:10px 10px 0 10px; padding:0px; height:35px; clear:both;  }
#cat-menu li { float:left; list-style-type:none; margin:0px 4px 0px 0px; overflow:hidden; line-height:17px;   }
#cat-menu ul li:hover a, #cat-menu ul li.hover a, #cat-menu ul li.current-cat a { text-decoration:none; padding:7px 20px 12px 10px; }
#cat-menu ul li a { font: 14px Arial; text-decoration:none; display:block; margin:0px 0px 0px 5px; padding:7px 20px 12px 10px; }
#cat-menu ul li a:hover { text-decoration:none; }

/*	--------------------------------------------------
Home Page
-------------------------------------------------- */
.client_review {  float:left;   }
hr { color:#fff; border:none; height:22px; clear:both; }

.head { position: relative; display: block; font-size:14px; }
.head span { height:100%; width:100%; position:absolute; bottom:0; left:0; }
.head span { text-indent:-9009px; display:block; }
.h_welcome { font:normal 24px Georgia; padding:0 0 5px 0 }

.featured_video { float:right; width:280px; } 

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav { position:absolute; right:10px; top:10px; z-index:999; width:0px; height:0px }
#slideshow .slides-nav li { margin:0; list-style:none; overflow:hidden }
#slideshow .slides-nav li a { display: block; padding: 10px; padding-bottom:0px; margin:0; outline: none }
.js #slideshow .slides-nav li.on, .js #slideshow .slides-nav li.on a {}
.js #slideshow .slides-nav li.on a { position: relative }
.js #slideshow .slides-nav li.on a img { border:1px solid #97c052 }
#slideshow .slides-nav li img { border:1px solid #fff }
/* ---------------------------------------------------- */
