
/*------------------------------------------------*/
/*-----------------[FEATURED SLIDER]--------------*/
/*------------------------------------------------*/
.featured { background-color: #1d1d1d; border: 10px solid #313131; background-image: url(images/slider-bg.gif); width: 930px; height: 364px; margin-top: 15px; float: left; }
.featured-info { color: #56adff; background-color: #313131; border: 1px solid #424242; padding: 0px 10px; margin: 15px 0px; }
#sections { width: 655px; height: 364px; float: left; overflow: hidden; }
#sections ul { width: 10000px; padding: 0; margin: 0; height: 364px; float: left; list-style-image: none; display: block; }
#sections li { width: 655px; height: 364px; display: block; float: left; }
.sections-overlay { background-image: url(images/readmore-bg.png); width: 655px; height: 364px; }
.sections-overlay .zoom { margin: 165px 0px 0px 312px; border: none; }
#featured-right { width: 262px; height: 364px; float: right; }
#sections2 { width: 262px; height: 296px; float: right; overflow: hidden; }
.featured-readmore { background-color: #353535; padding: 0px 10px 3px 10px; display: block; float: right; margin-top: 5px; color:#fff;}
a.featured-readmore {color: #fff;};
#sections2 ul { width: 262px; padding: 0; margin: 0; height: 5000px; float: left; list-style-image: none; display: block; }
#sections2 li { width: 227px; height: 257px; display: block; float: left; background-image: url(images/slider-text-bg.gif); background-repeat: no-repeat; padding: 20px; }
.featured-title a { color: #fff; font-size: 20px; }
#featured-button { width: 261px; height: 66px; background-image: url(images/slider-arrows-bg.gif); float: right; }
.prev { width: 40px; height: 40px; cursor: pointer; float: left; background-image: url(images/arrow-left.gif); margin-top: 18px; margin-left: 10px; }
.next { width: 40px; height: 40px; cursor: pointer; float: right; background-image: url(images/arrow-right.gif); margin-top: 18px; margin-right: 10px; }
.prev-hover { width: 40px; height: 40px; cursor: pointer; background-image: url(images/arrow-left-hover.gif); }
.next-hover { width: 40px; height: 40px; cursor: pointer; background-image: url(images/arrow-right-hover.gif); }

/*------------------------------------------------*/
/*------------------[THUMBNAILS]------------------*/
/*------------------------------------------------*/
.thumbnail-wrap { float: left; margin: 0px 32px 32px 0px; width: 151px; height: 151px; }
.thumbnail-category { margin: 0px 14px 18px 0px; }
.thumbnail-div { float: left; padding: 5px 0px 0px 5px; width: 151px; height: 151px; background-image: url(images/thumbnail-bg-full.gif); }
.thumbnail-div .sections-overlay { background: url(images/thumbnail-overlay.png) no-repeat -40px -300px; width: 141px; height: 141px; margin-top: -33px; float: left; }
.thumbnail-shadow { width: 100%; float: left; height: 33px; }
.thumbnail-div .sections-overlay .zoom { margin: 60px 0px 0px 61px; }
.thumbnail-single .sections-overlay { width: 624px; height: 364px; }
.thumbnail-single embed, .thumbnail-single object { width: 624px; height: 364px; }
.thumbnail-bottom { margin: 5px 0px 0px -5px; }
.thumbnail-single { border: 10px solid #313131; width: 624px; height: 364px; }
.blogthumbnail { border: 10px solid #313131; display: inline; float: left; margin-right: 15px; }


/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/
.readmore { background-image: url(images/readmore-bg.png); padding: 5px 10px; color: #fff; font-size: 10px; margin: 23px 0px 0px 40px; display: block; float: right; }
a.readmore { color: #fff; }
.readmore a:link, .readmore a:hover { color: #fff; font-size: 10px; }
