/* ==========================
    Backgrounds
   ========================== */
body {
    background: #888888 url(../jpg/paws-bg.jpg) repeat fixed left top;}

#header-wrap{
    background: url('../png/header-footer.png') no-repeat top right;
}
.current_page_item,#navigation ul li.hover {
    background: #ff8c19;
}
.deselect {
	background: transparent;
}
#content{
    background: url('../png/content-bg.png') repeat-y top center;
}

#sidebar-widgets .widget{
    background: #fff url('../jpg/widget-bg.jpg') repeat-y top left;
}

#footer-widgets{
    background:url('../png/header-footer.png') no-repeat bottom left;
}

#header-wrap-bg, #footer-widget-wrap{
    background: url('../png/glow-full.png') no-repeat top center;
}
#footer-widget-wrap{
    background-position: top left;
}

/*Full Width Header & Footer */

#header-full, #footer-full, #menu ul {
    background: url('../png/header-pattern.png');
}

#footer-full{
    border-top: 2px solid #ff8c19;
}
#header-full{
    border-bottom: 2px solid #ff8c19;
}
#footer-full #footer-widget-wrap{
    background-position: top center;
}



/* ==========================
    Typography
   ========================== */

body{
    font: normal normal 13px "Ubuntu","PT Sans Narrow","Arial Narrow",sans-serif;color: #999;
    line-height: 23px;
    text-transform: none;    
}   

h1{
     font: normal 200 32px "Exo","PT Sans Narrow","Arial Narrow",sans-serif;color: #dddddd;
    line-height: 48px;
    text-transform: none;}

h2{
    font: normal 200 28px "Exo","PT Sans Narrow","Arial Narrow",sans-serif;color: #dddddd;
    line-height: 42px;
    text-transform: none;}
h3{
    font: normal 200 24px "Exo","PT Sans Narrow","Arial Narrow",sans-serif;color: #dddddd;
    line-height: 36px;
    text-transform: none;}
h4{
    font: normal 200 18px "Exo","PT Sans Narrow","Arial Narrow",sans-serif;color: #dddddd;
    line-height: 27px;
    text-transform: none;}

h5{
    font: normal 200 16px "Exo","PT Sans Narrow","Arial Narrow",sans-serif;color: #dddddd;
    line-height: 24px;
    text-transform: none;}
h6{
    font: normal 200 14px "Exo","PT Sans Narrow","Arial Narrow",sans-serif;color: #dddddd;
    line-height: 21px;
    text-transform: none;}

#navigation{
    font: normal 200 13px "Exo","PT Sans Narrow","Arial Narrow",sans-serif;color: #f2f2f2;
    line-height: 50px;
    text-transform: uppercase;}
.footer{
    font: normal 200 13px "Exo","PT Sans Narrow","Arial Narrow",sans-serif;color: #f2f2f2;
    line-height: 50px;
    text-transform: none;}

#page-title h1{
    font: normal 200 40px "Exo","PT Sans Narrow","Arial Narrow",sans-serif;color: #dddddd;
    line-height: 60px;
    text-transform: uppercase;}

#sidebar-widgets .widget{
    font: normal normal 12px "Ubuntu","PT Sans Narrow","Arial Narrow",sans-serif;color: #999;
    line-height: 20px;
    text-transform: none;}

.widget h5{
    line-height: 24px;
}


.widget-icon{ 
    width:44px;
    height: 44px;
    cursor: pointer;
}
.widget-icon.opened span.alt_bg {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	-khtml-opacity: 1 !important;
	opacity: 1 !important;
}
.widget-icon span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url('../png/widget-icons.png') no-repeat;
    background-position:-216px 0px;
}
.widget-icon .normal_bg{ 
    background-position:-216px 0px;
}
.widget-icon .alt_bg{ 
    background-position:-216px -47px; 
}
.widget_calendar .normal_bg{
    background-position: -108px 0px;
}
.widget_calendar .alt_bg{
    background-position: -108px -47px;
}
.widget_twitter .normal_bg{
    background-position: -162px 0px;
}
.widget_twitter .alt_bg{
    background-position: -162px -47px;
}
.widget_categories .normal_bg{
    background-position: -54px 0px;
}
.widget_categories .alt_bg{
    background-position: -54px -47px;
}
.widget_search .normal_bg{
    background-position: 0px 0px;
}
.widget_search .alt_bg{
    background-position: 0px -47px;
}

.post-header{
    border-top: 1px solid #333;
}

li.read_more a{
    background: url('../png/blog.png') no-repeat;
    padding: 4px 10px;
    background-position: -102px 0px;
}

.ring-overlay{
    background: url('../png/blog.png') no-repeat;
    background-position: 0px -60px;
}

.nav-previous a{
    background: url('../png/nav-prev.png') no-repeat top left;
    padding:0px 0px 1px 25px;
}
.nav-next a{
    background: url('../png/nav-next.png') no-repeat top right;
    padding:0px 25px 1px 0px;
}
.nav-previous a:hover{
    background-position: 0px -18px;
} 
.nav-next a:hover{
    background-position: 100% -18px;
}
#tf_loading{
        background: url('../gif/preloader.gif') no-repeat center center;
}

/*Anchors, Lists & Alt Color */

.blog-nav a, .blog-nav a:visited{
    color: #ddd;
    font-style: italic;
}

#menu a{
     color:#f2f2f2;
}
#menu a:hover, #today a{
    color:#fff;
}
h3.post-title a, h6.fn a{
    color: #dddddd;
}

a,
a:visited,
a:hover,
.widget ul li a:hover,
.blog-nav a:hover,
.title_headings,
.tweet-time,
ul.tabs li a:hover, ul.tabs li.ui-state-active a,
h3.ui-accordion-header.ui-state-active a,
.testimonial_author,
.alt-color,
.post-header li a:hover,
h6.fn a:hover,
input[type="submit"]:hover {
    color:#ff8c19;
}

.ttw-music-player .play, .ttw-music-player .pause{
    background-color: #ff8c19 !important;
}

ul{
    list-style: url('../png/list-arrow.png');
}


/* ======================
    Shortcodes 
   ====================== */

/* Special Title & Description */

.special-title{
    text-align: center;
}
.special-title h1{
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 200;
}
.special-title p{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
}

/* Special Heading */

.special-heading{
    background: url('../png/special-heading.png') no-repeat left bottom;
}

/*Tabs*/


ul.tabs li a {
    background: #000 url('../png/shortcodes.png') no-repeat;
    background-position: -7px -145px;
}
ul.tabs li a:hover, ul.tabs li.ui-state-active a {
     background-position: -7px -182px;
}

/*Toggle*/

h3.ui-accordion-header{
    font-family: 'Ubuntu',Arial,sans-serif;
    background: url('../png/toggle.png') no-repeat top left;
}
h3.ui-accordion-header-active{
    background-position: 0px -30px;
}
ul.tabs li a,
h3.ui-accordion-header a{
    color: #ddd;
}


/*Skills*/

.expand {
    background: url('../png/shortcodes.png') no-repeat;
    background-position: 100% -240px;
}
.skill_name{
    font-size: 11px;
}

/*Testimonials */

.testimonials_content_container{
    background: url('../png/testimonials-wrap.png') no-repeat top left;
    min-height: 200px;
    z-index: 2;
    position: relative;
}
.testimonials_thumbnail{
    position: absolute;
    right: 0px;
    border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
    top: 50%;
    margin-top: -75px;
}
.testimonial_author{
    text-align: center;
}
.testimonial_company{
    margin-left: 5px;
}
.testimonial_two_content{
    background: url('../png/testimonial-icon.png') no-repeat top left;
    padding-left: 90px;
    min-height: 70px;
}

/*Blockquotes */

blockquote{
    background: url('../png/blockquote.png') no-repeat top left;
    padding-left: 70px;
    min-height: 51px;
    font-style: italic;
    margin-bottom: 40px;
}
blockquote.style1{
    background: url('../png/bq-circle.png') no-repeat top left;
    padding: 40px 35px 10px 30px;
    min-height:150px;
    width: 140px;
    text-align: center;
}

/* Separator */

.separator{
    padding:0 0 20px;
    background: url('../png/separator.png') no-repeat top left;
}

/* ==========================
    Widgets
   ========================== */

/* Recent Comments */

.recentcomments {
    background: url('../png/recent-comments.png') no-repeat 0px 5px;
}

/* Tags */


.tagcloud  a:hover{
    color:#fff;
    background: #ff8c19;
    border:1px solid #ff8c19;
}

/* Tweets */

/* .tweets {
    background: url('http://www.be-themes.com/paws/wp-content/themes/paws/img/recent-tweets.png') no-repeat 0px 5px;
} */

.tweets_widget_wrap{
    background: url('../png/tweets-widget-bg.png') no-repeat top center;
}
.tweets_slide{
    height: 222px;
    margin: 0 !important;
}
li.tweets_slide{
    text-align: center;
}
li.tweets_slide div{
    padding:50px 25px 0;
}



/* Calendar */

#wp-calendar tbody tr td a{
    background: url('../png/widget-icons.png') no-repeat;
    background-position: -267px -32px; 
    color:#fff;
    line-height: 24px;
}

/*Social Media Icons*/
.social_media_icons li.icons a span {
    background-image: url('../png/social-media-icons.png');
    background-repeat:no-repeat; 
}
.team-social li a span {
    background-image: url('../png/shortcodes.png');
    background-repeat:no-repeat; 
}

/*Social Media Icons IE 8 fix*/
html.lt-ie9 .team-social li a {
	background-image: url('../png/shortcodes.png');
    background-repeat:no-repeat;
}
html.lt-ie9 .team-social li a.facebook_team {
    background-position: -8px 0px;
}
html.lt-ie9 .team-social li a.facebook_team:hover {
    background-position: -8px -26px;
}
html.lt-ie9 .team-social li a.twitter_team {
    background-position: -42px 0px;
}
html.lt-ie9 .team-social li a.twitter_team:hover {
    background-position: -42px -26px;
}
html.lt-ie9 .team-social li a.dribbble_team {
    background-position: -77px 0px;
}
html.lt-ie9 .team-social li a.dribbble_team:hover {
    background-position: -77px -26px;
}
html.lt-ie9 .team-social li a span{
	display: none
}

/* Search */

#searchsubmit{
    background: url('../png/search-icon.png') no-repeat center;
}

/* ==========================
    Contact Page
   ========================== */

.contact-address-bg{
   background: url('../png/contact-address-bg.png') no-repeat center;
   height: 316px;
}
.address{
    background: url('../png/contact-address.png') no-repeat top left; 
}
.email{
    background: url('../png/contact-mail.png') no-repeat top left;
}
.phone{
    background: url('../png/contact-call.png') no-repeat top left;  
}

/* Secondary Colors */

.category_post a,
.post-header,
.testimonial_company,
#wp-calendar tbody,
input[type="text"], textarea,
.tagcloud  a,.tagcloud a:visited,
.designation
{
    color:#656565;
}

.pane, 
ul.tabs li a,
input[type="text"], textarea,
.tagcloud  a,.tagcloud a:visited {
    background-color: #000;
    border: 1px solid #333;
}
.pane{ background: none; }

.alt_bg_color{
    background-color: #ff8c19;
} 

.recent_post,
.recentcomments,
.tweets,
.widget h5,
.post-header {
    border-bottom: 1px solid #333;
}

input[type="submit"]{
    border: none;
    background: url('../jpg/buttons.jpg') no-repeat center;
    line-height: 26px;
    padding: 0 15px;
    color:#ddd;
    cursor: pointer;
}

/* Gallery */

.filters_controller span.normal_bg {
	background: url("../png/filters.png") no-repeat 0px 0px;
}
.filters_controller span.alt_bg {
	background: url("../png/filters.png") no-repeat 0px -47px;
}
.filters_lists {
	background: url("../png/filters.png") no-repeat -33px 0px;
}
#gallerySlider .placeholder{
	background: url("../gif/preloader.gif") no-repeat center center;
}
.Portfolio_pagination .pagination a,.Portfolio_pagination .pagination span.current {
	background: url("../png/pagination-background.png");
}
.Portfolio_pagination .pagination a.next,.Portfolio_pagination .pagination a.prev {
	background: url("../png/pagination-next-prev.png");
}
.portfolio_container_wrap.circle_portfolio.small_circle .portfolio_container .element.circle .element_border_overlay {
	background: transparent url("../png/portfolio-circle-border.png") center center no-repeat;
}
.portfolio_container_wrap.circle_portfolio.large_circle .portfolio_container .element.circle .element_border_overlay {
	background: transparent url("../png/portfolio-circle-border-big.png") center center no-repeat;
}
.portfolio_container_wrap.circle_portfolio.small_circle .portfolio_container .element.circle .element_overlay {
	background: transparent url("../png/portfolio-circle-overlay.png") center center no-repeat;
}
.portfolio_container_wrap.circle_portfolio.large_circle .portfolio_container .element.circle .element_overlay {
	background: transparent url("../png/portfolio-circle-overlay-big.png") center center no-repeat;
}
.portfolio_container_wrap.rectangle_portfolio.large_rect .portfolio_container .element.rect {
	background: transparent url("../png/portfolio-rectangle.png") no-repeat 0px 0px;
}
.portfolio_container_wrap.rectangle_portfolio.small_rect .portfolio_container .element.rect {
	background: transparent url("../png/portfolio-rectangle-small.png") no-repeat 0px 0px;
}
.portfolio_container_wrap.rectangle_portfolio.large_rect .portfolio_container .element.rect .element_overlay {
	background: transparent url("../png/portfolio-rectangle.png") no-repeat 0px -142px;
} 
.portfolio_container_wrap.rectangle_portfolio.small_rect .portfolio_container .element.rect .element_overlay {
	background: transparent url("../png/portfolio-rectangle-small.png") no-repeat 0px -122px;
} 
.carousel_bar_area {
	background: url("../png/couresel-bg.png");
}
.visit-site a{
	background: url("../png/visit-site.png") no-repeat center left;
}
.flex-prev span.normal_bg {
	background:url("../png/shortcodes.png") no-repeat -128px -36px;
}
.flex-prev span.alt_bg {
	background:url("../png/shortcodes.png") no-repeat -128px -82px;
}
.flex-next span.normal_bg {
	background:url("../png/shortcodes.png") no-repeat -180px -36px;
}
.flex-next span.alt_bg {
	background:url("../png/shortcodes.png") no-repeat -180px -82px;
}
#prevArrow span.normal_bg,#tf_prev span.normal_bg {
	background:url("../png/portfolio-buttons.png") no-repeat 0px -52px;
}
#prevArrow span.alt_bg,#tf_prev span.alt_bg {
	background:url("../png/portfolio-buttons.png") no-repeat 0px -105px;
}
#nextArrow span.normal_bg,#tf_next span.normal_bg {
	background:url("../png/portfolio-buttons.png") no-repeat -59px -52px;
}
#nextArrow span.alt_bg,#tf_next span.alt_bg {
	background:url("../png/portfolio-buttons.png") no-repeat -59px -105px;
}
.gallery_information span.normal_bg {
	background:url("../png/portfolio-buttons.png") no-repeat -129px -52px;
}
.gallery_information span.alt_bg {
	background:url("../png/portfolio-buttons.png") no-repeat -129px -105px;
}
.gallery_close span.normal_bg {
	background:url("../png/portfolio-buttons.png") no-repeat -189px -52px;
}
.gallery_close span.alt_bg {
	background:url("../png/portfolio-buttons.png") no-repeat -189px -105px;
}
.gallery_content_close span.alt_bg,.gallery_prev span.alt_bg,.gallery_next span.alt_bg {
	background:url("../png/close.png") no-repeat;
}
.flex_loading,.preloader {
	background:url("../gif/preloader.gif") no-repeat center;
}
.contact_loader {
	background:url("../gif/preloader-small.gif") no-repeat center;
}
.gallery_content_close span.normal_bg,
.gallery_prev span.normal_bg,
.gallery_next span.normal_bg,
.filters_lists span,
.Portfolio_pagination .pagination a,
.Portfolio_pagination .pagination span.current {
	color: #f2f2f2;
}
.filters_lists span.current_choice,
.Portfolio_pagination .pagination span.current,
.Portfolio_pagination .pagination a.alt_text_color,
.Portfolio_pagination .pagination span.alt_text_color,
.gallery_content_close span.alt_bg,
.gallery_prev span.alt_bg,
.gallery_next span.alt_bg,
.alt_text_color {
	color:#ff8c19;
}
.elastislide-carousel ul li a.current_slide img {
	border: 2px solid #ff8c19;
}

/* IE 8 Fix */
html.lt-ie9 #prevArrow {
	background:url("../png/portfolio-buttons.png") no-repeat 0px -52px;
}
html.lt-ie9 #prevArrow:hover {
	background:url("../png/portfolio-buttons.png") no-repeat 0px -105px;
}
html.lt-ie9  #nextArrow {
	background:url("../png/portfolio-buttons.png") no-repeat -59px -52px;
}
html.lt-ie9 #nextArrow:hover {
	background:transparent url("../png/portfolio-buttons.png") no-repeat -59px -105px;
}
html.lt-ie9 .gallery_information {
	background:transparent url("../png/portfolio-buttons.png") no-repeat -129px -52px;
}
html.lt-ie9 .gallery_information:hover {
	background:transparent url("../png/portfolio-buttons.png") no-repeat -129px -105px;
}
html.lt-ie9 .gallery_close {
	background:url("../png/portfolio-buttons.png") no-repeat -189px -52px;
}
html.lt-ie9 .gallery_close:hover {
	background:url("../png/portfolio-buttons.png") no-repeat -189px -105px;
}
html.lt-ie9 .gallery_content_close:hover,html.lt-ie9 .gallery_prev:hover,html.lt-ie9 .gallery_next:hover {
	background:url("../png/close.png") no-repeat;
}
html.lt-ie9 .gallery_prev.disabled:hover,html.lt-ie9 .gallery_next.disabled:hover {
	background: none;
}
html.lt-ie9 #prevArrow span,html.lt-ie9 #nextArrow span,html.lt-ie9 .gallery_information span,html.lt-ie9 .gallery_close span {
	display: none;
}
html.lt-ie9 .gallery_content_close span.alt_bg,html.lt-ie9 .gallery_prev span.alt_bg,html.lt-ie9 .gallery_next span.alt_bg,html.lt-ie9 .gallery_next.disabled span.alt_bg {
	display: none ;
}
html.lt-ie9 .gallery_content_close:hover span.normal_bg,html.lt-ie9 .gallery_prev:hover span.normal_bg,html.lt-ie9 .gallery_next:hover span.normal_bg {
	color:#ff8c19;
}
html.lt-ie9 .gallery_prev.disabled:hover span.normal_bg,html.lt-ie9 .gallery_next.disabled:hover span.normal_bg {
	color: #f2f2f2;
}

@media only screen and (max-width: 1024px) {
    #navigation{ 
        background: url('../png/menu.png') no-repeat; 
    }
    #menu{
        background: url('../png/header-pattern.png');
    }
}
