@charset utf-8;

/*
Theme Name:   Montage
Theme URI:    http://www.wptitans.com/montage
Description:  A premium template for portfolio themes with  Box design. Follow us on <a href="http://twitter.com/#!/wptitan">Twitter</a> or find more awesome products at <a href="http://themeforest.net/user/wptitans">Themeforest</a>.
Author:       WP Titans
Author URI:   http://www.wptitans.com/
Tags:         Multi Columns, Fixed Width, Custom Header, Custom Background, Threaded Comments,  Translation Ready,
Version:      1.1


Index
============================

1.  Base Stylings       - Contains CSS RESET and Base stylings location : sprites -> base.css .
2.  Slideshow          - Contains slider related styles : sprites -> slideshow.css .
3.  Layout              - Contains layout related settings location : sprites -> layout.css .
4.  Widgets             - Contains widgets stylings for sidebar, footer and home widget area location : sprites -> widgets.css .

============================
*/


/* ==================================================================================================================================== */
/* == General Stylings ================================================================================================================ */
/* ==================================================================================================================================== */

a.back-to-top { display:inline-block; padding:5px 10px; background:#FD5157; color:#fff; position:fixed; bottom:0px; left:230px; display:none; z-index:100; font-weight: 900;}
a.back-to-top:hover { color:#fff; }

.mobile-menu { display: none }

body {
    line-height: 1.6;
    background:#eee;
    }

::selection {
    background: #FD5157;
    color: white;
}

.super-wrapper {
    color: #81858b;
    background: #fff;
    width: 1000px;
    padding: 0;
    position: relative;
    z-index: 2;  
 
}

a:hover {
	color: #FD5157;
  text-decoration: underline;
}

.two-third-width { }

#open-sidebar { background:url(sprites/i/open-sidebar.png) center center #1D1D1B no-repeat; width:50px; height:50px; display:block; z-index:99; text-indent:-9999px; position:absolute; top:0; right:0;  }
.sidebar-open  {  background: url(sprites/i/close-sidebar.png) center center #FD5157 no-repeat!important;  }

.hasleftSidebar .sidebar,
.hasRightSidebar .sidebar { color: #81858B;  }

    .hasleftSidebar .sidebar a,
    .hasRightSidebar .sidebar a { color: #fff }

.sidebar .sidebar-wrap .tagcloud a { color: #81858B }

.hasleftSidebar .sidebar a:hover,
.hasRightSidebar .sidebar a:hover { background: #FD5157;
color: white;}

.sidebar .sidebar-wrap h3.heading,
.sidebar .sidebar-wrap h3.custom-box-title {
    padding: 15px 0 0 0;
    font-weight: normal;
    font-size: 18px;
    margin: 0 0 15px 0;
    color: #fff;
    line-height: 20px;
	
}

.sidebar-wrap ul li { border-bottom: 1px dotted #444 }

.sidebar-wrap .widget-posts .image img {
    background: none;
    padding: 0px;
    border: none;
   
}


.sidebar-wrap p { color: #81858B }

.sidebar-wrap .tagcloud a {
    color: #ffffff;
    background: #FD5157;
    padding: 5px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#sidebar {
background: #111 url(sprites/i/footer-bg.jpg ) no-repeat!important;padding-bottom: 20px; z-index:10;
}

.sidebar a.more , #footer a.more { text-decoration:underline; }

#logo {
    margin: 30px 0 10px 66px;
	position:relative;
}

#logo img { display: block }
#logo a { display:block; }
#logo span { display:block; color:#302F34; font-size:24px; text-transform:uppercase; font-weight:600;  margin:0px 0px 10px 1px; }

h2.subtitle { color:#302F34; font-size:15px; text-align:center; padding:0px 10px; font-weight:600; letter-spacing:1px;  }

span.symbol { color:#81858B; font-size:13px; text-indent: -9999px;padding:1px 10px 3px 10px; display:block; border-bottom: 2px solid #FD5157; margin:-10px 60px 30px;
}

.top-area {
    padding: 0;
    background: #fff url(sprites/i/side-bg.jpg);
    position:fixed;
    z-index: 99;
	width:250px;
	height:100%;
	top:0; left:0;
}

.top-right-area {
	position:absolute; bottom:0px; left:0px;
	z-index:9;    
    margin: 0;
	display:block;
}

 .top-right-area ul.top-social-icons {
        margin: 0;
        padding: 0;
    }

        .top-right-area ul.top-social-icons li {
            float: left;
            list-style: none;
            margin: 0px;
        }

            .top-right-area ul.top-social-icons li a {
                display: block;
                width: 32px;
                height: 32px;
                overflow: hidden;
                position: relative;
            }

                .top-right-area ul.top-social-icons li a span {
                    display: block;
                    width: 32px;
                    height: 32px;
                    background: url(sprites/i/social-sprite.png);
                    position: absolute;
                    top: 0;
                    left: 0;
                }

            .top-right-area ul.top-social-icons li a.fb  span.def { background-position: 0px 0px }

            .top-right-area ul.top-social-icons li a.twitter  span.def { background-position: -32px 0px }

            .top-right-area ul.top-social-icons li a.google  span.def { background-position: -64px 0px }

            .top-right-area ul.top-social-icons li a.linkedin  span.def { background-position: -96px 0px }

            .top-right-area ul.top-social-icons li a.rss  span.def { background-position: -128px 0px }

            .top-right-area ul.top-social-icons li a.dribbble  span.def { background-position: -160px 0px }

            .top-right-area ul.top-social-icons li a.frost  span.def { background-position: -192px 0px }

            .top-right-area ul.top-social-icons li a.fb span.hov {
                background-position: -0px -32px;
                opacity: 0;
            }

            .top-right-area ul.top-social-icons li a.twitter span.hov {
                background-position: -32px -32px;
                opacity: 0;
            }

            .top-right-area ul.top-social-icons li a.google span.hov {
                background-position: -64px -32px;
                opacity: 0;
            }

            .top-right-area ul.top-social-icons li a.linkedin span.hov {
                background-position: -96px -32px;
                opacity: 0;
            }

            .top-right-area ul.top-social-icons li a.rss span.hov {
                background-position: -128px -32px;
                opacity: 0;
            }

            .top-right-area ul.top-social-icons li a.dribbble span.hov {
                background-position: -160px -32px;
                opacity: 0;
            }

            .top-right-area ul.top-social-icons li a.frost span.hov {
                background-position: -192px -32px;
                opacity: 0;
            }


.stage-background { display: none } /* no use in this theme  */

.parent-wrapper { margin-left:250px; }

/* ==================================================================================================================================== */
/* == Menu ============================================================================================================================ */
/* ==================================================================================================================================== */

.mobile-menu {
    display: none;
    background: #f3f3f3;
    border-bottom: 1px solid #dddddd;
    padding: 25px 0;
    position: relative;
    z-index: 99;
}

.mobile-menu-wrapper {
    margin: 0px auto 0px auto;
    width: 290px;
    height: 32px;
    background: url(sprites/i/mobile-select-bg.png) repeat-x;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    overflow: hidden;
}

.mobile-menu-bg {
    height: 32px;
    background: url(sprites/i/select-arrow.png) 98% 40%  no-repeat;
    border-radius: 3px;
    width: 290px;
    margin: 0;
    position: relative;
    z-index: 1;
}

    .mobile-menu-bg select {
        display: block;
        outline: none;
        width: 310px;
        border: none;
        outline: none;
        background: transparent!important;
        color: #777;
        font-size: 11px;
        -webkit-appearance: none;
        padding: 0px 0px 0px 10px;
        margin: 0!important;
    }

        .mobile-menu-bg select  option {
            padding: 10px;
            display: block;
        }

/* == FIREFOX FIX ===================================================== */

@-moz-document url-prefix() { 
	.mobile-menu-bg select { padding: 8px 0px 0px 10px }
}

#menu-bar-wrapper {
    position: relative;
    z-index: 101;
   
}

#menu-bar .menu {
    display: block;
   
    margin-left: 0;
}

    #menu-bar .menu li {
       
        margin-top: 0;
        display: block;
        z-index: 9;
	position:relative;
    }

#menu-bar .menu>li:hover{
	position:relative; z-index:999;

}


#menu-bar .menu>li span {
    font-size: 10px;
    display: block;
    font-style: italic;
    color: #81858B;
	text-align:center;
}

#menu-bar .menu>li:hover  span.hasDropdown { background-position: 0px -8px }


#menu-bar .menu>li>a {
    font-size: 13px;
    padding: 8px 10px 8px 8px;
    display: block;
    color: #302F34;
	text-align:left; padding-left:60px;
    text-decoration: none;
    position: relative;
	text-transform:none;
	margin:0;
}



#menu>li>ul.sub-menu {
	background: #fff url(sprites/i/side-bg.jpg)!important;
    position: absolute;
    z-index: 9;
    top: 0px;
    left:225px;
    padding: 4px 12px;
    width: 180px;
	display:none;
    -webkit-box-shadow: 4px 0px 10px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 4px 0px 10px rgba(50, 50, 50, 0.3);
    box-shadow: 4px 0px 10px rgba(50, 50, 50, 0.3);
}

#menu ul.sub-menu li {
    float: none;
    display: block;
    line-height: 1.6;
    border-bottom: 1px dotted #ccc;
}

#menu ul.sub-menu li:last-child { border-bottom: none }

#menu ul.sub-menu li a {
    font-size: 12px;
    color: #302F34;
    padding: 10px 5px;
    display: block;
}

#menu ul.sub-menu li a:hover {
    color: #FD5157;
    text-decoration: none;
}

#menu>li:hover>a { color: #FD5157 }




#menu>li.current_page_item>a,
#menu>li.current-menu-ancestor>a { color: #FD5157 }

#menu>li>ul.sub-menu,
#menu>li>ul.sub-menu ul.sub-menu {
    background: #fff;
 
}

    #menu>li>ul.sub-menu li:hover { z-index: 12 }

#menu div.sub-menu {
	background: #fff url(sprites/i/side-bg.jpg)!important;
    position: absolute;
    z-index: 9;
    top: 89px;
    left: 0;
    display: none;
    width: 980px;
    -webkit-box-shadow: 4px 0px 10px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 4px 0px 10px rgba(50, 50, 50, 0.3);
    box-shadow: 4px 0px 10px rgba(50, 50, 50, 0.3);
}

    #menu div.sub-menu p {
        padding: 5px 0;
        line-height: 1.6;
    }

    #menu div.sub-menu h6 {
        padding: 6px 5px 8px;
        display: block;
        text-align: left;
        margin-left: -5px;
        font-size: 14px;
        font-weight: 400;
        color: #eee;
        border-bottom: 1px solid #545963;
    }

#menu div.sub-menu>div {
    float: left;
    width: 170px;
    margin: 10px;
    padding-bottom: 10px;
}

    #menu div.sub-menu>div ul.sub-menu {
        margin-top: 10px;
        margin-left: 0;
        padding-left: 0;
    }

    #menu div.sub-menu>div li {
        border-bottom: 1px dotted #545963;
        line-height: 14px;
    }

    #menu div.sub-menu>div a {
        text-transform: none;
        font-size: 11px;
        font-weight: 400;
        border: none;
        background: none;
    }

#menu>li>ul.sub-menu ul {
	background: #fff url(sprites/i/side-bg.jpg)!important;
    position: absolute;
    z-index: 9;
    top: 0px;
    left: 145px;
    padding: 4px 12px;
    display: block;
    width: 180px;
    display: none;
    -webkit-box-shadow: 4px 0px 10px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 4px 0px 10px rgba(50, 50, 50, 0.3);
    box-shadow: 4px 0px 10px rgba(50, 50, 50, 0.3);
}

span.mg-menu-tip {
    width: 100px;
    display: block;
    position: absolute;
    top: 0px;
	left:-90px;
	z-index:99;
	
}

#menu li.rel { position: relative }


/* ==================================================================================================================================== */
/* == Footer ========================================================================================================================== */
/* ==================================================================================================================================== */

#footer {background: #111 url(sprites/i/footer-bg.jpg ) no-repeat!important; }

#footer .footer-wrap .d_submit, #footer .footer-wrap .btn {
display: inline-block;
padding: 10px 15px;
margin-bottom: 0;
font-size: 13px;
line-height: 18px;
color: #fff;
text-align: center;
text-shadow: 0 1px 1px rgba(50, 50, 50, 0.3);
vertical-align: middle;
background:#FD5157;
border: 1px solid #FD5157;
border-bottom-color: #FD5157;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
cursor: pointer;
}

#footer .btn:hover, .footer-wrap a.btn:hover {
background:#34373D;
border: 1px solid #34373D;
border-bottom-color: #34373D;
}

.footer-wrap a.btn {
color: #fff!important;
}

#footer .footer-wrap input[type="text"] {
display: block;
width: 60%;
padding: 8px;
margin-bottom: 9px;
font-size: 13px;
line-height: 18px;
color: #fff;
background: #222;
border: 1px solid #000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

#footer .footer-wrap textarea {
display: block;
width: 90%;
height: 100px;
padding: 8px;
margin-bottom: 9px;
font-size: 13px;
line-height: 18px;
color: #fff!important;
background: #222;
border: 1px solid #000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

    #footer .footer-wrap h3,
    .footer-wrap h3.custom-box-title { border-bottom: 1px solid #444 }

    #footer div.inner-footer-wrapper ul li {
    border-bottom:1px dotted #444;
        padding: 12px 0 8px 0;
    }

    #footer div.inner-footer-wrapper ul li {
        border-bottom: 1px dotted #444;
        padding-top: 0;
    }

    #footer .footer-wrap ul.latest-tweets li { color: #81858B }

        #footer .footer-wrap ul.latest-tweets li a { color: #fff }

        #footer .footer-wrap ul.latest-tweets li a:hover {  background: #FD5157;
        color: white; }

    #footer .footer-wrap .widget-posts li p { color: #81858B }

    #footer .footer-wrap { color: #81858B }

        #footer .footer-wrap a { color: #fff }

        #footer .footer-wrap a:hover {  background: #FD5157;
        color: white;}

.footer-cols:last-child { margin-right: 0 }
.footer-cols { margin-bottom:0!important; }
.footer-cols .footer-wrap:last-child { border-bottom: none }

.mobile_footer_widget {
    display: none;
    padding-top: 10px;
}

/* == ~~ Bottom FOOTER menu ============================================================================================================ */

.inner-footer-wrapper { padding-top: 15px }

#footer-menu {
	border-top: 1px solid #2f2f2f;
    padding: 35px 0px 30px 0;
    background: #111 url(sprites/i/footer-bg.jpg ) no-repeat!important;
    color: #fff;
}

.footer-wrap .custom-box-content p {
padding:0px 0px 6px 0;
color: #81858B;}

#menu-footer-menu {
    float: right;
    padding: 0 10px 0 10px;
    color: #fff;
}

    #menu-footer-menu li {
        float: left;
        padding: 0;
        display: block;
        border-bottom: none;
        border-left: 1px solid #fff;
        margin: 0px 5px 6px 5px;
        line-height: 1;
    }

    #menu-footer-menu li:first-child { border-left: none }

    #menu-footer-menu li a:hover {
        text-decoration: none;
        color: #fff;
    }

    #menu-footer-menu li a {
        color: #81858B;
        font-weight: 100;
        padding: 0px 10px;
        display: block;
        font-size: 12px;
    }

/* == ~~ Bottom Footer text =========================================================================================== */

.footer-text {
    color: #fff;
    font-weight: 100;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    font-size: 12px;
}

/* ===================================================================================================================== */
/* === General Components Stylings ===================================================================================== */
/* ===================================================================================================================== */

.full-width-text  { padding:20px; }

/* == ~~ COLUMN STYLINGS =============================================================================================== */

.intro-fancy-title img {
    margin: 7px 10px 5px 20px;
    float: left;
}

div.intro-fancy-title h2.custom-font {
    color: #302F34;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    padding: 5px 10px 5px 10px;
    margin:20px 0  0px 10px!important;
   
}

.intro-fancy-title { position: relative }

.column-content {
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px 20px;
}

    .column-content ul { margin-top: 20px }

        .column-content ul li { line-height: 2 }

    .column-content .pull-right {
        margin-top: 5px;
        margin-right: 5px;
        font-size: 12px;
    }

.home-page-two-columns,
.home-page-four-columns,
.home-page-three-columns {
	background: #fff url(sprites/i/page-top-bg.jpg) no-repeat top right !important;
  
    padding-bottom: 0px;
    margin-bottom: 0px;
}

    .home-page-two-columns .layout_element,
    .home-page-four-columns .layout_element,
    .home-page-three-columns .layout_element {
        margin-bottom: 20px;   
        margin-right: 0px!important;
        }

  
.editor-cols .one_half,
.editor-cols  .one_half_last {
    width: 375px;
    padding-bottom:10px; 
  
}



.editor-cols .one_third,
.editor-cols  .one_third_last {
    width: 250px;
    padding-bottom:10px;
    
}


.editor-cols .one_fourth,
.editor-cols  .one_fourth_last {
    width: 187.5px;
  
    padding-bottom: 10px;
}

.editor-cols .one_fifth,
.editor-cols  .one_fifth_last {
    width: 150px;
  
    padding-bottom: 10px;
}

.editor-cols .two_third,
.editor-cols  .two_third_last {
    width: 500px;
    padding-bottom:10px;
  
}

.editor-cols .three_fourth,
.editor-cols  .three_fourth_last {
    width: 562.5px;
    padding-bottom:10px;
  
}

.editor-cols .four_fifth,
.editor-cols  .four_fifth_last {
    width: 600px;
    padding-bottom:10px;
  
}
.top-col-image img {
    margin-bottom: 5px;
    width: 100%;
    margin-top: 0px;
}

/* == default blurb stylings ======================================================================= */

.blurb-wrapper {
    margin: 0px;
    padding: 55px 60px 55px 60px ;
    background: url(sprites/i/slogan-bg.jpg);
   
}

    .blurb-wrapper .blurb-text {
      /*  text-shadow: 2px 8px #000, -1px -1px #000; */
        color: #fff;
        font-size: 44px;
        text-align: right;
        line-height: 1;
        margin: 0px 0 10px 0;
        padding: 0;
        font-weight: 600;
        text-align: center;
    }

.blurb-secondary-text {
    text-align: right;
    color: #302F34;
    font-size: 13px;
    line-height: 16px;
    font-style: italic;
    text-align: center;
}

	.blurb-wrapper .blurb-button { 
		padding-top: 35px;
		 }

    .blurb-wrapper .blurb-button a {
        position: relative;
        padding:15px 30px;
        margin: 0px 0  0px;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        text-align: center;
        vertical-align: middle;
        background: #34373D;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        text-decoration: none;
    }

    .blurb-wrapper .blurb-button a:hover { opacity: 0.7 }

/* == SEPARATOR ============================================================================================ */

div.separator {
    height: 0px;
    position: relative;
    width: 100%;
    margin: 15px 0;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #eee;
}

    div.separator a {
        font-size: 10px;
        color: #333;
        position: absolute;
        top: -7px;
        right: 0;
        background: #eee;
        padding-left: 5px;
    }

/* == Latest Info Posts ===================================================================================== */

.latest-info-posts {
    margin: 0px;
    background: #fff;
}

.latest-info-posts>div.info {
    padding-right: 5px;
    float: right;
    width: 267px;
    background: #FD5157;
    position: relative;
    min-height: 320px;
	margin-right:-17px;
}

.latest-info-posts>div .image { position: relative }

.latest-info-posts>div  div.hover {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: #34373D;
    opacity: 0.9;
    top: 0;
    left: 0;
    display: none;
}

    .latest-info-posts>div  div.hover a {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        position: absolute;
        top: 41%;
        left: 34%;
        color: #302F34;
        padding: 10px 15px;
        font-size: 12px;
        text-shadow: none;
        background: #fff;
        text-decoration: none;
        font-weight: 600;
    }

.latest-info-posts>div  a.hover {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: #302F34;
    opacity: 0.9;
    top: 0;
    left: 0;
    display: none;
}

.latest-info-posts>div a.hover span {
    position: absolute;
    top: 41%;
    left: 47%;
    color: #302F34;
    width: 25px;
    height: 25px;
    font-size: 12px;
    text-shadow: none;
    background: url(sprites/i/link.png);
    text-align: -9999px;
}

.latest-info-posts>div a.hover span.zoom { background: url(sprites/i/zoom.png) }

.latest-info-posts div h3.custom-font {
    color: #fff!important;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    padding: 10px 10px 0px 20px;
}

.latest-info-posts div div.description { padding: 0 16px 16px 16px }

    .latest-info-posts div div.description p { color: #fff }

.latest-info-posts div.info .controls-wrap {
    float: right;
    margin: 0px 5px 5px 0;
}

.latest-info-posts div.info a.scrollable-prev {
    background: url(sprites/i/left-arrow.png);
    width: 32px;
    height: 32px;
    float: left;  background-color: #FD5157;
}

.latest-info-posts div.info a.scrollable-next {
    background: url(sprites/i/right-arrow.png);
    width: 32px;
    height: 32px;
    float: left;  background-color: #FD5157;
}

.latest-info-posts .meta-info {
    margin: 0px 4px 10px 0px;
    font-family: 'Droid Serif', Georgia , Times , serif;
    font-style: italic;
    font-size: 10px;
}

.latest-info-posts  .scrollable {
    float: left;
    width: 495px;
    overflow: hidden;
    position: relative;
    height: 320px;
}


	

    .latest-info-posts  .scrollable .items {
        width: 20000em;
        position: absolute;
        top: 0;
        left: 0;
        height: 320px;
    }

        .latest-info-posts  .scrollable .items .post-block {
            float: left;
            width: 255px;
          
        }



.latest-info-posts a.main-button {
    text-decoration: underline;
    margin: 6px 6px 6px 20px;
    float: left;
    color: #fff;
    font-style: italic;
}

.latest-info-posts a.main-button:hover {
    color: #302F34;
}

.latest-info-posts div.post-block h3.custom-font {
    padding: 0px;
    margin: 15px 15px 10px 0!important;
}

    .latest-info-posts div.post-block h3.custom-font a {
        color: #302F34;
        font-weight: bold;
        font-size: 14px;
        line-height: 18px;
    }

    .latest-info-posts div.post-block h3.custom-font a:hover { text-decoration: none;background: #FD5157;color: white;; }

.latest-info-posts div.post-block div.desc { padding: 0 15px 0px 20px; }

.latest-info-posts div div.description { padding: 0 10px 0px 20px }

    .latest-info-posts div div.description p { margin-bottom: 15px }

.latest-info-posts div.post-block0 { background: #fff }

.latest-info-posts div.post-block1 { background: #fff }

.latest-info-posts div.post-block2 { background: #fff }

/* == scrollable posts ============================================================================== */

.latest-scrollable-posts {
    margin: 0px;
    background: #fff;
	position:relative;
}



.latest-scrollable-posts>div .image { position: relative }

.latest-scrollable-posts>div  a.hover {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: #302F34;
    opacity: 0.9;
    top: 0;
    left: 0;
    display: none;
}

.latest-scrollable-posts>div a.hover span {
    position: absolute;
    top: 41%;
    left: 47%;
    color: #302F34;
    width: 25px;
    height: 25px;
    font-size: 12px;
    text-shadow: none;
    background: url(sprites/i/link.png);
    text-align: -9999px;
}

.latest-scrollable-posts>div a.hover span.zoom { background: url(sprites/i/zoom.png) }


.latest-scrollable-posts  .controls-wrap {
	
}

.latest-scrollable-posts  a.scrollable-prev {
    background: url(sprites/i/left-arrow.png) center center no-repeat;
    width: 56px;
    height: 56px;
    background-color:#fd5157; color: #fff;
	position:absolute; top:5%; right:85px;  z-index:4; border-radius:2px;
}

.latest-scrollable-posts  a.scrollable-next {
    background: url(sprites/i/right-arrow.png) center center no-repeat;
    width: 56px;
    height: 56px;
      background-color:#fd5157; color: #fff;
	  position:absolute; top:5%; right:25px; z-index:4; border-radius:2px;
}

.latest-scrollable-posts  a.scrollable-prev:hover {
    background-color:#302F34;
}

.latest-scrollable-posts  a.scrollable-next:hover {
      background-color:#302F34;
}


.latest-scrollable-posts  .scrollable {
    float: left;
    width: 750px;
    overflow: hidden;
    position: relative;
    height: 500px;
}


    .latest-scrollable-posts  .scrollable .items {
        width: 20000em;
        position: absolute;
        top: 0;
        left: 0;
        height: 500px;
    }

        .latest-scrollable-posts  .scrollable .items .post-block {
            float: left;
            width: 750px;
           
        }



        .latest-scrollable-posts  .scrollable .items .post-block0 { background: #fff }

        .latest-scrollable-posts  .scrollable .items .post-block1 { background: #fff }

        .latest-scrollable-posts  .scrollable .items .post-block2 { background: #fff }

.latest-scrollable-posts .meta-info {
    margin: 0px 4px 10px 0px;
    font-family: 'Droid Serif', Georgia , Times , serif;
    font-style: italic;
    font-size: 10px;
}

.latest-scrollable-posts h3 {
    	background: #FD5157;
        color: #fff;
        font-size: 24px;
        font-weight: 600;
        padding: 45px 175px 45px 25px;
        line-height: 28px;
        margin: 0px!important;
		
       
    }

.latest-scrollable-posts h3.posts-title { width:567px; position:relative; color: #fff!important;  }
.latest-scrollable-posts img { display:block; width:100%; height:100%; }
	

.latest-scrollable-posts div.post-block div.desc { padding: 0 10px 0px 20px }
.latest-scrollable-posts div.relative { position:relative;  width: 750px; height:500px; }
/* == latest posts ============================================================================== */


    .latest-home-posts .image {
          position: relative; z-index:4;
    }
    
    .latest-home-posts a{
    	color: #302F34;
    }
    .latest-home-posts a:hover{
    	color: #FD5157;
    	text-decoration: none;
    }

.latest-home-posts .description { display:none; font-size:11px; position:relative; height:auto; }
.latest-home-posts .button-control a.zoom-icon { margin-left: 25px;padding-left: 16px;background: #fff url(sprites/i/plus-icon.png) no-repeat -2px -1px; }
.latest-home-posts .button-control a.link-icon { margin-left: 25px;padding-left: 16px;background: #fff url(sprites/i/plus-icon.png) no-repeat -2px -1px; }


 .latest-home-posts .button-control a.zoom-icon:hover { background: #fff url(sprites/i/plus-icon-hover.png) no-repeat -2px -1px;color:#FD5157; }
.latest-home-posts .button-control a.link-icon:hover { background: #fff url(sprites/i/plus-icon-hover.png) no-repeat -2px -1px;color:#FD5157; }


small.curl { 
	position:absolute; 
	z-index:3; 
	bottom:-13px; 
	right:0px; 
	background: url(sprites/i/fold-bg.png) no-repeat; 
	width : 17px; 
	height: 13px;  }

.latest-home-posts  div.image div.hover  {
    position: absolute;
    top: 43%;
    right:-17px;
    background: #fff url(sprites/i/title-bg.jpg) no-repeat;
    box-shadow: 5px 0 10px #999;
    color: #302F34;
    font-size: 24px;
	padding:40px 50px;
	width:400px;
}

.latest-home-posts  span  {
    padding: 5px 0 10px 20px;
    display: block;
    line-height: 28px;
}
  .latest-home-posts .image img { width: 100% }

    
    .latest-home-posts .description h3 {
    	background:none;
        color: #302F34;
        font-size: 24px;
        font-weight: 600;
        padding: 15px 0 15px 25px!important;
        line-height: 28px;
        margin: 0px!important;
    }
    
    .latest-home-posts h3 {
    	background: #FD5157;
        color: #fff;
        font-size: 24px;
        font-weight: 600;
        padding: 45px 175px 45px 25px;
        line-height: 28px;
        margin: 0px!important;
		display:inline-block;
       
    }

    .latest-home-posts div.excerpt {
        line-height: 20px;
        margin: 10px 5px 15px 5px!important;
        font-weight: 100;
		padding:2px 20px;
    }
    
	.latest-home-posts h3.posts-title { width:567px; position:relative; color: #fff!important;  }
	
    .latest-home-posts a.opened { opacity: 1; background: url(sprites/i/close-excerpt.png)!important; }
    .latest-home-posts div.hover a.close { opacity: 1;background:  url(sprites/i/open-excerpt.png) left top no-repeat ;  text-indent: -9999px; position:absolute; top:10px; left:10px; display:block; width:16px; height:16px;  } 

    
    .one-third-width .latest-home-posts .layout_element a img { width: 100% }
    .two-third-width .latest-home-posts .layout_element a img { width: 100% }

/* == Twitter ============================================================================= */

.twitter-wrapper {
    background: #fff url(sprites/i/tw-bg.png) no-repeat left top;
    margin-bottom: 0px;
    text-align: center;
    padding: 10px 20px 20px;
}

.twitter p {
    font-size: 21px;
    padding: 20px 0;
    color: #34373D;
    font-weight: 600;
}

    .twitter p a { color: #333 }

.followme { display: none }

/* == Page/ Post content ============================================================================= */

.home-page-content { margin: 0;background: #fff url(sprites/i/page-top-bg.jpg) no-repeat top right !important; }

/* ======================================================================================================================================== */
/* == Page Stylings ======================================================================================================================= */
/* ======================================================================================================================================== */



div.title h1 {
    	background: #FD5157;
        color: #fff;
        font-size: 24px;
        font-weight: 600;
        padding: 45px 25px 45px 25px;
        line-height: 28px;
        margin: 0px!important;
		 width:717px; position:relative; color: #fff!important;  }
  

#main-content {
min-height: 480px;
background: #fff;
}

.titan_slider { padding: 0 }

.titan_slider .qSlider { margin-left: 0px!important }

.page {
margin-bottom: 0px;
margin-top: 0px;
}

.single-video { margin-bottom: 20px }

.single-video video { width: 100%!important }

.single-video iframe { width: 100% }

/* ======================================================================================================================================== */
/* == Single Stylings ===================================================================================================================== */
/* ======================================================================================================================================== */

a.previous-post{ background: url(sprites/i/single-previous.png) center center #2f2f2e no-repeat; width:50px; height:50px; display:block; z-index:9; position:absolute; top:0; right:100px;  }
a.next-post{ background:url(sprites/i/single-next.png) center center #2f2f2e no-repeat; width:50px; height:50px; display:block; z-index:9; position:absolute; top:0; right:50px;  }

a.previous-post:hover , a.next-post:hover { background-color:#fd5157; }

/* == Default Single Stylings ===================================================================================== */

.single-image img {
    display: block;
    width: 100%;
}

.single-image { margin-bottom: 0px }

.single-post h1.title {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.related-posts {
    margin: 20px 0;
    padding: 10px;
    background: #fff;
}

    .related-posts li {
        float: left;
        width: 50px;
        height: 50px;
        list-style: none;
        margin: 5px 5px  5px 5px;
    }

/* == Blog Styling ======================================================================== */

.social-stuff {
    margin: 10px 0px 0px;
    padding: 20px;
    height: 40px;
    background: white;
    border-top: 1px solid #eee;
}

    .social-stuff .addthis_toolbox { margin-top: 5px }

.details {
    border-top: 1px solid #eee;
    padding: 20px 20px;
}

.details a{
color: #FD5157;
}

.details a:hover{
background: #FD5157;
color: white;
text-decoration: none;
}
#authorbox {
    background: #FAFAFA;
    border-top: 1px solid #eee;
    padding: 20px;
}

#authorbox .author-avatar {
float: left;
width: 110px;
}

#authorbox .author-avatar img {
display: block;
margin: 10px 10px 15px 10px;
}

#authorbox .authortext {
float: left;
width: 70%;
margin: 10px 0 0 10px;
padding-bottom: 20px;
}

#authorbox .authortext p {
padding-right: 20px;
margin-top: 5px;
color: #81858B;
}

#authorbox .authortext a {
color: #FD5157;
}

#authorbox .authortext a:hover {
background: #FD5157;
color: white;
text-decoration: none;
}

#authorbox .authortext h3 {
margin-left: 0px;
margin-top: 0px;
font-weight: bold;
color: #FD5157;
}

/* == Comments =========================================================================== */

#comments { line-height: 1.8 }

.comment-info { position: relative;  background: #1D1E22; }

span.fn {
	font-size: 12px;
    margin-top: 5px;
    font-weight: bold!important;
    color: #fff;
    margin-left: 0px;
}

#comments ol,
#comments ul {
    margin: 0;
    padding: 0;
}

    #comments ol li,
    #comments ul li {
        list-style: none!important;
        margin: 0;
        padding: 0;
        line-height: 1.8; position:relative; clear:both;
    }

#comments h3#comments-title {
    font-size: 18px;
    margin: 0px 20px 15px;
    padding: 0 0 10px 0;
    font-weight: bold;
    font-weight: bold;
    color: #302F34;
}

#comments .image-info {
background: #FD5157;
clear: left;
float: left;
width: 50px;
margin: 0px;
padding: 25px 60px 18px 30px;
border-bottom: 1px solid #d5292f;
}

    #comments .image-info img {
        display: block;
        margin-top: 5px;
        border: 1px solid #d5292f;
    }

    #comments .image-info span { display: block }

#comments .comment-body {
    border-top: 1px solid #222528;
    padding: 25px 70px 44px 20px;
    float: left;
    width: 520px;
    background: #1D1E22;
    border-top: 1px solid #34373D;
	
}

    #comments .comment-body p {
        margin: 0;
        padding: 0;
    }

#comments ol .children .comment-body {
	background: #1F2025;
    padding-left: 55px;
    width: 485px;
}

#comments ol .children .comment-info { background: #1F2025; }
#comments ol .children .children .comment-info { background: #24252A; }
#comments ol .children .children .children .comment-info { background: #27282E; }

#comments ol .children .children .comment-body {
	background: #24252A;
    padding-left: 75px;
    width: 465px;
}

#comments ol .children .children .children .comment-body {
	background: #27282E;
    padding-left: 100px;
    width: 440px;
}

/* == Comment Form ======================================================================== */

#respond {
    clear: both;
    padding: 10px 20px;
}

#commentform {

}

#comments_template {
    border-top: none;
    padding: 20px 0;
    background: #fafafa;
}

    #comments_template form {
        margin-top: 0px;
        margin-left: 0px;
    }

    #comments_template input[type=text] {
        font-size: inherit;
        font-family: inherit;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        padding: 10px;
        color: #302F34;
        width: 60%;
    }

    #comments_template  textarea {
        font-family: inherit;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        padding: 10px;
        color: #302F34;
        width: 97%;
        overflow: auto;
        font-size: inherit;
    }

#comments .heading {
    font-size: 18px;
    margin: 25px 0 -15px;
    font-weight: 400;
}

#comments_template form p { margin: 5px 0 20px }

#comments_template form label,
input { float: left }

#comments_template form label {
    width: 45px;
    color: #777;
    font-size: 11px;
    text-align: right;
    margin-right: 20px;
    margin-top: 4px;
}

div.reply {
    position: absolute;
    top: -15px;
    right: -17px;
}

a.comment-reply-link:hover,
a#cancel-comment-reply-link:hover { opacity: 0.8 }

a.comment-reply-link {
    float: right;
    background: #302F34;
    padding: 3px 10px;
    font-size: 10px;
    color: #fff;
    margin-top: 15px;
    text-decoration: none;
}

a.comment-reply-link {
    float: right;
    background: #302F34;
    padding: 3px 10px;
    font-size: 10px;
    color: #fff;
    margin-top: 15px;
    text-decoration: none;
}

a.comment-reply-link:hover {
    background: #FD5157;opacity: 1;
}

a#cancel-comment-reply-link {
    float: right;
    font-size: 10px;
    background: #FD5157;
    padding: 3px 10px;
    color: #fff;
    text-decoration: none;
}

#comments_template form input[type=submit] {
    position: relative;
    padding: 20px 30px;
    margin: 0px 0 20px 0px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background: #FD5157;
    text-decoration: none;
    border: none;
    outline: none;
    border-radius: 2px;
}

#comments_template form input[type=submit]:hover { background: #34373D; }

#respond h3.custom-font {
    font-weight: bold;
    font-size: 20px;
    font-weight: bold;
    color: #302F34;
    margin-bottom: 10px;
}

.fb_comments_template {
    padding: 20px 20px 0px 20px;
    min-height: 165px;
    border-top: 1px solid #eee;
}

.fb-comments,
.fb_iframe_widget iframe[style],
.fb_iframe_widget span[style] { width: 100% !important }

/* ==================================================================================================================================== */
/* == Blog Template Layout ============================================================================================================ */
/* ==================================================================================================================================== */

.single-post div.title h1 {
font-size: 24px;
background: #FD5157;
color: white;
margin-bottom: 15px;
}

.preloading {
    background: url(sprites/i/loader.gif) center center no-repeat #fff;
    display: inline-block;
}

    .preloading img {
        visibility: hidden;
        opacity: 0;
    }

#main-content ul.posts {
    padding: 0;
    margin: 0px 0 0 0;
    list-style: none;
}

#main-content ul.posts>li {
    margin: 0px;
    display: block;
    padding: 0px 0 30px 0;
    position: relative;
}

.posts li span.date {
    font-size: 10px;
    color: #bbb;
}

.posts li .imageholder-wrapper,
.posts li .posts-slideshow { margin: 0 0 0px 0 }

.posts li .imageholder img {
    display: block;
    margin: 0;
    width: 100%;
}

.posts li h2.custom-font {
    margin: 15px 0 0 0!important;
    padding: 0px 0px 0 0;
	line-height:1.3;
}

    .posts li h2.custom-font a {
        padding: 0;
        margin: 0;
        color: #34373D;
        font-weight: bold;
    }

    .posts li h2.custom-font a:hover { background: #FD5157;color: white; }

.posts li h2 a:hover { text-decoration: none }

.posts li a.read-more {
    background: #FD5157;
    color: #fff;
    margin: 15px 0 0px 15px;
    text-transform: capitalize;
    padding: 10px 20px;
    float: left;
    border-radius: 2px;
}

.posts li a.read-more:hover { background: #302F34;text-decoration: none}

.posts li div.extras {
    color: #999;
    font-size: 10px;
    margin: 0px;
}

    .posts li div.extras div {
        display: inline-block;
        margin: 0px 4px 10px 0px;
        font-family: 'Droid Serif', Georgia , Times , serif;
        font-style: italic;
        font-size: 10px;
    }

    .posts li div.extras  a {
        color: #333;
        font-weight: 400;
    }

.posts div.format-link div.link {
    background: #2C2E34 url(sprites/i/link-bg.png) 0px 0px no-repeat;
    padding: 40px 40px 60px 40px;
    text-align: center;
    color: #fff;
    margin-bottom: -30px;
}

    .posts div.format-link div.link h2.custom-font {
        margin: 0;
        line-height: 12px;
    }

    .posts div.format-link div.link a {
        color: #fff;
        border-bottom: 1px dotted #ccc;
        font-size: 16px;
    }

    .posts div.format-link div.link a:hover {
        text-decoration: none;
        border-bottom: 1px dotted #fff;
    }

.posts div.format-aside {
    background: #2C2E34 url(sprites/i/quote-bg.png) 0px 0px no-repeat;
    padding: 60px 40px 40px 40px;
}

.posts div.format-quote div.quote {
    background: #2C2E34 url(sprites/i/quote-bg.png) 0px 0px no-repeat;
    padding: 60px 40px 40px 40px;
    text-align: center;
    color: #fff;
    margin-bottom: -30px;
    font-size: 14px;
    font-style: italic;
    line-height: 1.6;
}

.posts .post-format-video {
    display: block;
    width: 100%;
    height: 500px;
    position: relative;
}

.post-format-video iframe,
.post-format-video object,
.post-format-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.posts li .description {
	background: #fff url(sprites/i/page-top-bg.jpg) no-repeat top right !important;
    position: relative;
    padding: 0 15px;
}

.posts div.format-quote div.quote small { color: #fff }

 .posts>li { background: fff }

.sidebar .sidebar-wrap input[type=text] {
    display: block;
    width: 62%!important;
    padding: 11px 10px 10px 10px!important;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    background: #302F34;
    border: 1px solid #111;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}



.sidebar .sidebar-wrap textarea {
    display: block;
    width: 90%!important;
    height: 140px!important;
    padding: 9px!important;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 18px;
    background: #2C2E34;
    color: #fff!important;
    border: 1px solid #1d1e22!important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.custom-side-menu {
    margin-top: 20px;
    margin-bottom: 20px;
    background: #2a2b31;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0px;
    -moz-box-shadow: 0px;
    box-shadow: 0px;
    border: 1px solid #212327;
}

.custom-side-menu ul li ul.sub-menu li {
border-top: 1px solid #212327;
border-bottom: none;
}

.custom-side-menu ul li {
border-bottom: 1px solid #212327;
position: relative;
}

.custom-side-menu ul li i {
position: absolute;
top: 11px;
right: 5px;
}

.custom-side-menu ul li a {
color: #81858b;
font-weight: 400;
font-size: 12px;
padding: 10px 18px;
padding-left: 30px;
background: url(sprites/i/custom-menu.gif) 10px 11px no-repeat;
}

.custom-side-menu ul li a:hover,
.custom-side-menu ul li.current-menu-item a {
background: #302F34 url(sprites/i/custom-menu-sub.gif) 10px 11px no-repeat;
color: #81858b;
}

.custom-side-menu ul li ul.sub-menu a:hover,
.custom-side-menu ul li ul.sub-menu li.current-menu-item a {
background: #302F34 url(sprites/i/custom-menu-sub.gif) 22px 11px no-repeat;
color: #81858b;
}

.custom-side-menu ul li i.icon-plus { background: url(sprites/i/expand-menu.png) 0px 0px no-repeat }

.custom-side-menu ul li i.icon-minus { background: url(sprites/i/collapse-menu.png) 0px 0px no-repeat }

.custom-side-menu ul li ul.sub-menu a {
padding-left: 40px;
font-size: 11px;
background: url(sprites/i/custom-menu.gif) 22px 11px no-repeat;
}

/* == Single Portfolio Stylings ==================================================================================== */

.single-portfolio-image { margin-top: 20px }

.single-portfolio .project-nav { margin-left: 20px }

div.portfolio_featured_slider div.qSlider { margin-bottom: 20px }
#main-content .project-nav {
    background: none;
    display: block;
}
#main-content .project-nav a {
    background: #302F34;
    margin-right: 4px;
    float: left;
    padding: 10px;
    border-radius: 2px
}
#main-content .project-nav a:hover { background: #FD5157; }

.single-portfolio span.portfolio-next {
    background: url(sprites/i/right-arrow.png) center center no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    margin: 1px;
}

.single-portfolio span.portfolio-back {
    background: url(sprites/i/portfolio-thumb.png);
    width: 16px;
    height: 16px;
    display: block;
    margin: 1px;
}

.single-portfolio span.portfolio-previous {
    background: url(sprites/i/left-arrow.png) center center no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    margin: 1px;
}

.single-portfolio h2.custom-font {
    font-size: 20px;
    font-weight: bold;
    color: #302F34;
}

.single-portfolio strong {
    font-weight: bold;
    color: #302F34;
}

.single-video {
    margin: 0 0 20px 0;
    padding: 0;
    display: block;
    width: 100%;
    height: 350px;
    position: relative;
}

    .single-video iframe,
    .single-video object,
    .single-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#main-content { position: relative }

    #main-content iframe,
    #main-content object,
    #main-content embed { max-width: 100% }

/* ==================================================================================================================================== */
/* == Portfolio Layout ================================================================================================================ */
/* ==================================================================================================================================== */

.full-width .portfolio-one-column { margin-top: 0px }

.full-width .portfolio-one-column .posts>li h2 a {
font-weight: bold;
font-size: 22px;
line-height: 20px;
color: #302F34;
}

.full-width .portfolio-one-column .posts>li .description p {   }

.full-width .portfolio-one-column ul.posts {
padding: 0;
margin: 30px 0 0 0;
position: relative;
}
.full-width .portfolio-one-column .imageholder-wrapper { position: relative }
.full-width .portfolio-one-column .posts>li {
width: 100%;
display: block;
margin: 1px 0px 15px 0px;
padding: 0px;
list-style: none;
position: relative;
background: #fff;
}

.full-width .portfolio-one-column ul.posts>li.oddBgColor { background: #fafafa }

.full-width .portfolio-one-column ul.posts>li  h2.custom-font a:hover { text-decoration: none;background: #FD5157;
color: #fff;  }

.full-width .portfolio-one-column .posts>li h2.custom-font {
padding: 0px 4px 0px 0px;
margin-bottom: 3px!important;
}

.full-width .portfolio-one-column .posts>li p { padding: 0px }

.full-width .portfolio-one-column .posts>li .btn { float: right }

/* ==  two columns ==================================================== */

.full-width .portfolio-two-column .posts>li h2 a {
font-weight: bold;
font-size: 18px!important;
line-height: 20px;
color: #302F34;
}

.full-width .portfolio-two-column .posts>li .description p {

}

.full-width .portfolio-two-column { margin-top: 0px }

.full-width .portfolio-two-column .imageholder-wrapper { position: relative }

.full-width .portfolio-two-column ul.posts {
padding: 0;
margin: 30px 0 0 0;
position: relative;
}

.full-width .portfolio-two-column .posts>li {
width: 375px;
float: left;
margin: 0px!important;
padding: 0px;
list-style: none;
position: relative;
background: #fff;
}

.full-width .portfolio-two-column ul.posts>li.oddBgColor { background: #fafafa }

.full-width .portfolio-two-column ul.posts>li  h2.custom-font a:hover { text-decoration: none;background: #FD5157;
color: #fff;  }

.full-width .portfolio-two-column .posts>li  h2.custom-font {
padding: 0px 4px 0px 0px;
margin-bottom: 3px!important;
}

.full-width .portfolio-two-column .posts>li .more-link {
float: right;
background: none;
border: none;
color: #444;
margin-right: 10px;
}

/* ==  three columns ==================================================== */

.full-width .portfolio-three-column .posts>li h2.custom-font {
line-height: 1.1!important;
}


.full-width .portfolio-three-column .posts>li h2 a {
font-weight: bold;
font-size: 16px!important;
line-height: 16px!important;
color: #302F34;
}

.full-width .portfolio-three-column .posts>li .description p {

}

.full-width .portfolio-three-column { margin-top: 0px }

.full-width .portfolio-three-column .imageholder-wrapper {
width: 250px;
height: 200px;
position: relative;
}

.full-width .portfolio-three-column ul.posts {
padding: 0;
margin: 30px 0 0 0;
position: relative;
}

.full-width .portfolio-three-column ul.posts>li.oddBgColor { background: #fff }

.full-width .portfolio-three-column ul.posts>li {
width: 250px;
float: left;
margin: 0px!important;
padding: 0px;
list-style: none;
position: relative;
background: #fff;
}

.full-width .portfolio-three-column ul.posts>li  h2.custom-font a:hover { text-decoration: none;background: #FD5157;
color: #fff; }

.full-width .portfolio-three-column .posts>li  h2.custom-font {
padding: 0px 4px 0px 0px;
margin-bottom: 3px!important;
}

.full-width .portfolio-three-column .posts>li .more-link {
float: right;
background: none;
border: none;
margin-right: 10px;
}


.imageholder-wrapper  a.hover {
position: absolute;
width: 100%;
height: 100%;
z-index: 4;
background: #302F34;
opacity: 0.9;
top: 0;
left: 0;
display: none;
}

.imageholder-wrapper a.hover span {
position: absolute;
top: 41%;
left: 47%;
color: #302F34;
width: 25px;
height: 25px;
font-size: 12px;
text-shadow: none;
background: url(sprites/i/link.png);
text-align: -9999px;
}

.imageholder-wrapper a.hover span.zoom { background: url(sprites/i/zoom.png) }


.terms {
margin: 0px 4px 10px 0px;
font-family: 'Droid Serif', Georgia , Times , serif;
font-style: italic;
font-size: 10px;
}

.portfolio-template h1 {
padding-bottom: 10px;
margin-bottom: 0px;
}

.portfolio-taxonomy {
padding: 0;
margin: 0;
width:767px; position:relative; z-index:3;
}

.portfolio-taxonomy ul {
margin: 0!important;
padding: 0;
background: #302F34;
}

.portfolio-taxonomy ul li {
float: left;
list-style: none;
margin: 0px!important;
font-size: 13px;
color: #fff;
text-align: center;
cursor: pointer;
}

.portfolio-taxonomy ul li a {
	color: #fff;
	padding: 16px 30px;
	display: block;
}

.portfolio-taxonomy ul li:hover,
.portfolio-taxonomy ul li.active { background-color: #F95056 }

.portfolio-taxonomy ul li:hover a,
.portfolio-taxonomy ul li.active a {
	color: #fff;
	text-decoration: none;
}

.portfolio-metadata {
margin-left: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
}

.portfolio-metadata ul {
padding: 0;
margin: 0;
}

.portfolio-metadata li {
list-style: none;
margin-left: 0;
}

#main-content .project-nav {
float: left;
margin-bottom: 40px;
}


.pagination {
  
    	background: #FD5157;
        color: #fff;
     
       width:767px; position:relative;   }
		 
		 
    .pagination a {
        color: #fff;
        font-weight: bold;
		padding:15px 25px;
    }

    .pagination a:hover,
    .pagination .active a {
        background-color: white;
        color: #FD5157;
    }


/* == Breadcrumbs ===================================================================== */

#breadcrumbs {
    padding: 15px 0 16px 20px;
    background: #2F2F2E;
    color: #fff;
	position:relative; z-index:94;
}

    #breadcrumbs a { background: #FD5157;
    color: white; }

div.lpager ul li a { border: 1px solid #eee }

/* ==================================================================================================================================== */
/* == 404 ============================================================================================================================= */
/* ==================================================================================================================================== */

h2.not-found {
    text-align: center;
    padding-top: 25px;
}

p.not-found {
    text-align: center;
    margin: 20px;
}

.content .error-search label { display: none }

.error-search #searchform {
    width: 550px;
    margin: 40px auto;
    height: 60px;
    display: block;
}

.error-search input[type=text] {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 7px;
    width: 410px!important;
    display: block;
}

.error-search #searchsubmit {
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background: #302F34;
    cursor: pointer;
    border: none;
    border-radius: 0;
    padding: 10px 20px;
    text-shadow: none;
}

h5.custom-font { margin-bottom: 10px }


/* =================================== */
/* == Slider ========================= */
/* =================================== */


.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 10px 15px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #ffffff;
  text-align: center;
  text-shadow: none;
  vertical-align: middle;
  background: #FD5157;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: none);
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  *margin-left: .3em;
}

.btn:hover {
  color: #fff;
  text-decoration: none;
  background: #302F34;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.sidebar .sidebar-wrap input[type=text]{
  display: block;
  width: 70%;
  padding: 8px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #fff;
  background: #302F34;
  border: 1px solid 111;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.sidebar .sidebar-wrap textarea {
  display: block;
  width: 90%;
  height: 170px;
  padding: 8px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #fff!important;
  background: #302F34;
  border: 1px solid #111111;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}


.sidebar .sidebar-wrap .d_submit {
display:block;
width: 100px;
padding:10px 15px;
margin-bottom: 0;
margin-top: 10px;
font-size: 13px;
line-height: 18px;
color: #fff;
text-align: center;
text-shadow: none;
vertical-align: middle;
background: #FD5157;
border: 1px solid #FD5157;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
cursor: pointer;

}
.sidebar .sidebar-wrap .d_submit:hover {   color: #fff!important;
  text-decoration: none;
  background: #302F34; 
  border: 1px solid #302F34;}
  

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
padding-top: 8px;
padding-bottom: 8px;
color: white;
background-color: #FD5157;
border: 1px solid #FD5157;
cursor: default;
border-radius: 2px;
}

.nav-tabs > li > a:hover {
padding-top: 8px;
padding-bottom: 10px;
color: white;
border-color: #302F34!important;
background-color: #302F34!important;
border-radius: 2px;
}

.accordion-heading {
border: 1px solid #FD5157;
background: #FD5157;
border-radius: 2px;
}

/* ===  Contact form 7 stylings ===================================================== */

.wpcf7 { margin: 20px 0 }

    .wpcf7 p { clear: both }

        .wpcf7 p span {
            margin: 0;
            padding: 0 0 10px 0px;
            display: block;
            clear: both;
        }

    .wpcf7 span input[type=text] {
        display: block;
        width: 60%;
        padding: 8px;
        margin-bottom: 9px;
        font-size: 13px;
        line-height: 18px;
        color: #34373D;
        border: 1px solid #cccccc;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .wpcf7 span  textarea.wpcf7-textarea {
        display: block;
        width: 80%;
        height: 170px;
        padding: 8px;
        margin-bottom: 9px;
        font-size: 13px;
        line-height: 18px;
        color: #34373D;
        border: 1px solid #cccccc;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        margin-top: 10px;
    }

.ajax-loader { display: none }

.wpcf7-submit {
    padding: 10px 15px;
    display: inline-block;
    clear: right;
    *zoom: 1;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 1px #2C2F35;
    vertical-align: middle;
    background: #2C2F35;
    border: 1px solid #2C2F35;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    cursor: pointer;
    *margin-left: .3em;
    margin-bottom: 20px;
}

.wpcf7-submit:hover { opacity: 0.9 }

.wpcf7-response-output {
    clear: both;
    margin: 0;
    width: 80%;
}



/* ==================================================================================================================================== */
/* == 404 ============================================================================================================================= */
/* ==================================================================================================================================== */

h2.not-found {
    text-align: center;
    padding-top: 25px;
}

p.not-found {
    text-align: center;
    margin: 20px;
}

.content .error-search label { display: none }

.error-search #searchform {
    width: 550px;
    margin: 40px auto;
    height: 60px;
    display: block;
}

.error-search input[type=text] {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 7px;
    width: 410px!important;
    display: block;
}

.error-search #searchsubmit {
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background: #302F34;
    cursor: pointer;
    border: none;
    border-radius: 2px;
    padding: 10px 20px;
    text-shadow: none;
}