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

Theme Name: Moderna Responsive Site Template
Theme URI: http://pixel-industry.com/moderna/Boxed/
Description: Moderna is Responsive and Creative Site Template 
Author: pixel-industry
Author URI: http://pixel-industry.com
Version: 1.1

Skin: 

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

/* -----------------------------------------------------------------------------------

        CSS CONTENTS
        
        1. Basic styles
        2. Header Container styles 
            2.1. Logo
            2.2. Social icons
            2.3. Navigation
            2.4. Page title
        3. Content wrap styles
        4. About us page styles
        5. Services page styles
        6. Portfolio styles
        7. Blog styles
        8. Contact styles
        9. Sidebar styles
        10. Pagination styles
        11. Footer styles
        12. Elements (buttons, lists, tabs, etc.)
        13. Media (tweets, flickr, etc.)
        14. 960GS Illustration
        15. Media Queries

-------------------------------------------------------------------------------------- */



/*=====================================================================================
        1.BASIC STYLES
======================================================================================*/
#dented {
padding-left: 25px;
}


:focus {
    outline: 0;
}

body{
    /*background: #fff;*/
    color: #8f8f8f;
    font: normal 13px 'Verdana', sans-serif;
    line-height: 20px;
}



/* HEADINGS */
h1, h2, h3, h4, h5, h6{
    color: #00a2e7;
    /*text-transform: uppercase;*/
    margin-bottom: 5px;
}

h1{
    font: bold 22px 'comic_sans_msregular', sans-serif;
    line-height: 32px;        
}

h2{
    font: bold 20px 'comic_sans_msregular', sans-serif;
    line-height: 30px;
    color: #00a2e7 !important;
}

h3{
    font: bold 18px 'comic_sans_msregular', sans-serif;
    line-height: 28px;
    color: #e53875 !important;
}

h4{
    font: bold 18px 'comic_sans_msregular', sans-serif;
    line-height: 28px;
    color: #45ac4c !important;
}

h5{
    font: bold 18px 'comic_sans_msregular', sans-serif;
    line-height: 28px;
    color: #ffb244 !important;
}

h6{
    font: bold 18px 'comic_sans_msregular', sans-serif;
    line-height: 28px;
    color: #00a2e7 !important;
}


/* PARAGRAPH */
p{
    font: normal 13px 'Verdana', sans-serif;
    line-height: 20px;
}

/* LINKS */
a{
    text-decoration: none;
    /*font: 12px 'Droid Sans', sans-serif;*/

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/* SPAN */
/* 
span{
    font: 12px 'Droid Sans', sans-serif;
}
*/

/* LIGHT COLORED TEXT */
.text-light{
    color: #bbb;
}

/* FINDOUT MORE LINKS */
a.find-out-more{
    margin-top: 20px;
    float: left;
    font: 12px 'Droid Sans', sans-serif;
    display: block;
}

/* BLOCKQUOTE STYLES */
blockquote{
    background: #fcfcfc;
    font: italic 14px 'Droid Serif', serif;
    line-height: 24px;        
    padding: 15px 20px;
    margin: 15px 0;
    float: left;
}

blockquote.left{
    width: 60%;
    margin: 10px 15px 8px 0;
    float: left;
}

blockquote.right{
    width: 60%;
    margin: 10px 0 8px 15px;
    float: right;
}

/* TEXT HIGHLIGHT */
.highlight-dark{
    background: #8f8f8f;
    color: #fff;
}

.highlight-light{
    background: #ececec;
}


.body_pattern
{
    /*padding:50px 0;*/
}

.body_pattern.wsc_pane
{
    padding:0;
}

/* Boxed skin*/
#page-wrap{
    box-shadow: 0px 4px 7px #333;  
    margin: 0 auto;
    /*padding: 10px 0 10px;*/
    background: #fff;
    width: 1000px;
}

/*=====================================================================================
        HEADER CONTAINER STYLES
======================================================================================*/
#header-wrapper{
    width: 100%;
    background: url("/Portals/_default/Skins/Lightness/img/headerbg.png") repeat-x;
}

#header{
    width: 955px;
height: 176px;
margin: 0px 15px 0px 30px;
}

/* LOGO */
#logo{
    margin-top: 25px;
    display: table;
    float:left;
}

#logo a
{
    display:table-cell;
    vertical-align:middle;
    padding-right:10px;
}

.wsc_logo_label
{
    margin-left:10px;
    padding-left:15px;
    border-left:1px solid #ececec;
}

/* SOCIAL BOOKMARKS */
.social{
    margin-right: 10px;
    float: left;
    margin-bottom: 25px;
}

.social li{
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    cursor: pointer;
    background: #f6f6f6;
}

.social li a{
    text-indent: -9999px;
    display: block;
}

/* SOCIAL AIM */
.social li.aim{
    background-image: url('../img/social/aim.png');
    background-position:  -0px -30px; 
    opacity: 0.9;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.aim:hover{
    background: #e6490c url('../img/social/aim.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL BHEANCE */
.social li.behance{
    background-image:  url('../img/social/behance.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.behance:hover{
    background: #329dd5 url('../img/social/behance.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL BLOGGER */
.social li.blogger{
    background-image: url('../img/social/blogger.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.blogger:hover{
    background: #ff6402 url('../img/social/blogger.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL CARGO */
.social li.cargo{
    background-image: url('../img/social/cargo.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.cargo:hover{
    background: #00c462 url('../img/social/cargo.png') no-repeat center;
    background-position:  -0px -0px; 
}

/* SOCIAL DELICIOUS */
.social li.delicious{
    background-image: url('../img/social/delicious.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.delicious:hover{
    background: #3274d1 url('../img/social/delicious.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL DEVIANT ART */
.social li.deviantart{
    background-image: url('../img/social/deviantart.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.deviantart:hover{
    background: #576d61 url('../img/social/deviantart.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL DIGG */
.social li.digg{
    background-image: url('../img/social/digg.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.digg:hover{
    background: #01539c url('../img/social/digg.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL DRIBBLE */
.social li.dribbble{
    background-image: url('../img/social/dribbble.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.dribbble:hover{
    background: #f48eb3 url('../img/social/dribbble.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL EVERNOTE */
.social li.evernote{ 
    background-image: url('../img/social/evernote.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.evernote:hover{ 
    background: #8dd04c url('../img/social/evernote.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL FACEBOOK */
.social li.facebook{
    background-image: url('../img/social/facebook.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.facebook:hover{
    background: #3b5998 url('../img/social/facebook.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL FLICKR */
.social li.flickr{
    background-image: url('../img/social/flickr.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.flickr:hover{
    background:  #ff0084 url('../img/social/flickr.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL FORRST */
.social li.forrst{
    background-image: url('../img/social/forrst.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.forrst:hover{
    background: #77b045 url('../img/social/forrst.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL GITHUB */
.social li.github{
    background-image: url('../img/social/github.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.github:hover{
    background: #67e2ff url('../img/social/github.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL GOOGLEPLUS */
.social li.googleplus{
    background-image: url('../img/social/googleplus.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.googleplus:hover{
    background: #261124 url('../img/social/google+.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL GOOGLE*/
.social li.google{
    background-image: url('../img/social/google.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.google:hover{
    background: #dc3a21 url('../img/social/google.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL GOWALLA */
.social li.gowalla{
    background-image: url('../img/social/gowalla.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.gowalla:hover{
    background: #fd7508 url('../img/social/gowalla.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL GROOVESHARK */
.social li.grooveshark{
    background-image: url('../img/social/grooveshark.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.grooveshark:hover{
    background: #f67f00 url('../img/social/grooveshark.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL HTML5 */
.social li.html5{
    background-image: url('../img/social/html5.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.html5:hover{
    background: #e54d26 url('../img/social/html5.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL ICLOUD */
.social li.icloud{
    background-image: url('../img/social/icloud.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.icloud:hover{
    background: #3b6aae url('../img/social/icloud.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL LASTFM */
.social li.lastfm{
    background-image: url('../img/social/lastfm.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.lastfm:hover{
    background: #d21309 url('../img/social/lastfm.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL LINKEDIN */
.social li.linkedin{
    background-image: url('../img/social/linkedin.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.linkedin:hover{
    background: #117fb6 url('../img/social/linkedin.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL MIXX */
.social li.mixx{
    background-image: url('../img/social/mixx.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.mixx:hover{
    background: #c72c34 url('../img/social/mixx.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL MYSPACE */
.social li.myspace{
    background-image: url('../img/social/myspace.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.myspace:hover{
    background: #003399 url('../img/social/myspace.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL NETVIBES */
.social li.netvibes{
    background-image: url('../img/social/netvibes.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.netvibes:hover{
    background: #58b22e url('../img/social/netvibes.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL NEWSVINE */
.social li.newsvine{
    background-image: url('../img/social/newsvine.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.newsvine:hover{
    background: #37bd4a url('../img/social/newsvine.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL ORKUT */
.social li.orkut{
    background-image: url('../img/social/orkut.png');
    background-position:  -0px -30px;
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.orkut:hover{
    background: #d135ad url('../img/social/orkut.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL PAYPAL */
.social li.paypal{
    background-image: url('../img/social/paypal.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.paypal:hover{
    background: #043262 url('../img/social/paypal.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL PINTEREST */
.social li.pinterest{
    background-image: url('../img/social/pinterest.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.pinterest:hover{
    background: #ad2d2c url('../img/social/pinterest.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL PLURK */
.social li.plurk{
    background-image: url('../img/social/plurk.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.plurk:hover{
    background: #f56b46 url('../img/social/plurk.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL POSTEROUS */
.social li.posterous{
    background-image: url('../img/social/posterous.png');
    background-position:  -0px -30px;
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.posterous:hover{
    background: #ffe378 url('../img/social/posterous.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL REDDIT */
.social li.reddit{
    background-image: url('../img/social/reddit.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.reddit:hover{
    background: #a4b3b8 url('../img/social/reddit.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL RSS */
.social li.rss{
    background-image: url('../img/social/rss.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.rss:hover{
    background: #fe9900 url('../img/social/rss.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL SKYPE */
.social li.skype{
    background-image: url('../img/social/skype.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.skype:hover{
    background: #00b0f6 url('../img/social/skype.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL STUMBLEUPON */
.social li.stumbleupon{
    background-image: url('../img/social/stumbleupon.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.stumbleupon:hover{
    background: #ee4723 url('../img/social/stumbleupon.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL TECHNORATI */
.social li.technorati{
    background-image: url('../img/social/technorati.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.technorati:hover{
    background: #0fd55a url('../img/social/technorati.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL TUMBLR */
.social li.tumblr{
    background-image: url('../img/social/tumblr.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.tumblr:hover{
    background: #304f6c url('../img/social/tumblr.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL TWITTER */
.social li.twitter{
    background-image: url('../img/social/twitter.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.twitter:hover{
    background: #5dc9f2 url('../img/social/twitter.png');
    background-position:  -0px -0px; 
}


/* SOCIAL VIMEO */
.social li.vimeo{
    background-image: url('../img/social/vimeo.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.vimeo:hover{
    background: #80ceff url('../img/social/vimeo.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL WORDPRES*/
.social li.wordpress{
    background-image: url('../img/social/wordpress.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.wordpress:hover{
    background: #454442 url('../img/social/wordpress.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL YAHOO */
.social li.yahoo{
    background-image: url('../img/social/yahoo.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.yahoo:hover{
    background: #660f6e url('../img/social/yahoo.png') no-repeat center;
    background-position:  -0px -0px; 
}

/* SOCIAL YELP */
.social li.yelp{
    background-image: url('../img/social/yelp.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.yelp:hover{
    background: #c82818 url('../img/social/yelp.png') no-repeat center;
    background-position:  -0px -0px; 
}

/* SOCIAL YOUTUBE */
.social li.youtube{
    background-image: url('../img/social/youtube.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.youtube:hover{
    background: #c82818 url('../img/social/youtube.png') no-repeat center;
    background-position:  -0px -0px; 
}

/* SOCIAL ZERPLY */
.social li.zerply{
    background-image: url('../img/social/zerply.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.zerply:hover{
    background: #9cbd76 url('../img/social/zerply.png') no-repeat center;
    background-position:  -0px -0px; 
}

/* SOCIAL ZOOTOOL */
.social li.zootool{
    background-image: url('../img/social/zootool.png');
    background-position:  -0px -30px; 
    opacity: 0.8;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.social li.zootool:hover{
    background: #232122 url('../img/social/zootool.png') no-repeat center;
    background-position:  -0px -0px; 
}


/* SOCIAL GRID_12 ON PRESENTATION PAGE "MEDIA" */
.grid_12.social.presentation{
    margin-bottom: 40px;
    float: left;
}

.grid_12.social.presentation li{
    float: left;
    margin-bottom: 5px;
}

/* MAIN NAVIGATION CONTAINER */
#nav-container{
    /*width: 938px;*/
   /* border: 1px solid #ececec;
    background: #fafafa;*/
    height: 50px;
    /*float: right;*/
    z-index: 999999;
}

#nav-container select{
    display: none;
    z-index: 999999;
}

/* NAVIGATION */
#nav{
    /*width: 100%;*/
    float: right;   
    list-style: none;
    height: 50px;
    /*margin-right: -25px;*/
    z-index: 999999;
}

#nav > ul{
    display: block !important;
    z-index: 999;
}

#nav li{
    float: left;
    /*border-right: 1px solid #ececec;*/
    list-style: none;
    position: relative;
    padding: 1px 15px;
    margin-left: 5px;
    cursor:pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 999
}

#nav li:last-of-type{
    border-right: none;
}
#nav li.category:last-of-type,
#nav li.category:last-of-type li
{
    /*border-right-width:1px;
    border-right-style: solid;
    border-right-color: #ececec;*/
}


#nav li a{
     
  font-family: 'comic_sans_msregular';
  color: #ffffff;
  font-size: 16px;
  text-decoration: none;
    z-index: 999;
}

#nav li:hover > ul{
    display: block;
}

/* SUBMENU */
#nav li ul{
    display: none;
    position: absolute;
    padding-top: 5px;
    margin: 0;
    top: 100%;
    left: 0;
    
}

#nav li ul li{
    background: #ff89b3;
    padding: 0;
    z-index: 999;
    width: 180px;
}

#nav li.root li.wsc_HasChild > a:after
{
    content:"";
    position:absolute;
    top:50%;
    right:3px;
    width:0;
    height:0;
    border-left:4px solid #ececec;
    border-right:4px solid transparent;
    border-top:4px solid transparent;
    border-bottom:4px solid transparent;
    margin-top:-4px;
}
    


#nav li ul li:hover{
    background: #e53875;
padding: 1px 25px;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0px !important;
-webkit-box-shadow: 0px 0px 0px #9e0038 !important;
-moz-box-shadow: 0px 0px 0px #9e0038 !important;
box-shadow: 0px 0px 0px #9e0038 !important;
text-decoration: none;
}



#nav li ul li.wsc_Last {
  /*border-bottom: 1px solid #ECECEC;*/
}


#nav li ul li a{
    font-family: 'comic_sans_msregular';
  color: #ffffff;
  font-size: 14px;

}

#nav li ul li, #nav li ul li a{
    float: none;
}

#nav li ul li a {
    width: 130px;
display: block;
padding: 5px 10px !important;    
}

/* THIRD LEVEL */
#nav li ul li ul {
    display: none;
}

#nav li ul li:hover ul {
    left: 100%;
    top: -1px;
    padding-top: 0 !important;
    padding-left: 5px;
}

/* PAGE TITLE */
#page-title{
    width: 100%;
    height: 70px;
    float: left;
}

#page-title h1{
    text-transform: none;
    font: 20px 'Pacifico', cursive;
    text-align: center;
    margin: 0 auto;
    color: #8f8f8f;
    text-shadow: 2px 2px #fff;
    margin-top: 17px;
}

/*=====================================================================================
        SLIDER 
======================================================================================*/
.slide-elements h3 span{
    color: #666666;
}
/*
.patt1{
	background: url('../img/patt.png') repeat;
}

.patt2{
	background: url('../img/slider/pattern1.png') repeat;
}

.patt3{
	background: url('../img/slider/pattern2.png') repeat;
}
*/

/*=====================================================================================
        CONTENT WRAPPER STYLES
======================================================================================*/
#content-wrapper{
    margin: 0 auto;
    padding-bottom: 10px;
    width: 960px;
}

.section-title{
    margin-bottom: 20px;
    border-bottom: 1px solid #ececec;
    width: 100%;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}

.section-title h5{
    float: left;
}

/* section title within a div (column grid) - no need for right margin */
.grid_1 .section-title,
.grid_2 .section-title,
.grid_3 .section-title,
.grid_4 .section-title,
.grid_5 .section-title,
.grid_6 .section-title,
.grid_7 .section-title,
.grid_8 .section-title,
.grid_9 .section-title,
.grid_10 .section-title,
.grid_11 .section-title,
.grid_12 .section-title{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.note{
    background: #f6f6f6;
    width: 940px;
}

.note .text{
    font: italic 16px 'Droid Serif', serif;
    padding: 35px;
    float: left;
    text-align: center;
    min-width: 690px;
}

.note .btn-big{
    margin-top: 20px;
    margin-right: 35px;
    margin-bottom: 20px;
    width: auto;
}



/*=====================================================================================
        Carousel
======================================================================================*/
.carousel{
    width: 100%;
    float: left;
    overflow:hidden;
}

.carousel .section-title h6{
    width: 50%;
    float: left;
}

.carousel .carousel-nav{
    float: right;
    margin-bottom: 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}
.carousel .jcarousellite 
{
    margin-top: 5px;
}
.carousel .carousel-nav li{
    float: right;
    margin-right: 5px;
    background: #ececec;
    position: relative;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.carousel .carousel-nav li:first-child{
    margin-right: 0;
}


.carousel .carousel-nav li a.next{
    background: url('../img/next.png') no-repeat 9px center;
    width: 22px;
    height: 22px;
    display: block;
}

.carousel .carousel-nav li a.prev{
    background: url('../img/prev.png') no-repeat 8px center;
    width: 22px;
    height: 22px;
    display: block;
}

.carousel .carousel-nav li a.next:hover{
    background: url('../img/next-hover.png') no-repeat 9px center;
}

.carousel .carousel-nav li a.prev:hover{
    background: url('../img/prev-hover.png') no-repeat 8px center;
}

.carousel .section-title{
    border-bottom: none;
    margin-bottom: 10px;
}

.carousel-li{
    width: 100%;
    float: left;
}

.carousel-li > li{
    width: 220px;
    float: left;
    margin-right: 20px;
    height: auto !important;
}

.carousel-li li img{
    opacity: 0.7;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.carousel-li li img:hover{
    opacity: 1;
}

.carousel-li .img-hover{
    top: 35% !important;
}


/*=====================================================================================
        Team STYLES
======================================================================================*/
.team img{
    float: left;
    margin-right: 20px;
}

.team h5{
    text-transform: none;
    color: #666;
    position: relative;
    top: -6px;
}

.team .social{
    width: auto;
    float: left;
}

.team .social li{
    float: left;
    margin-top: 20px;
}



/*=====================================================================================
        SERVICES STYLES
======================================================================================*/
.services-info{
    /*width: 100%;
    float: left;*/
}

.services-info h6.title{
    height: 50px;
    padding-top: 19px;
}

.services-wrap h6.title{
    padding-top: 19px;
    height: 50px;
}

.services-wrap .icon{
    width: 60px;
    height: 60px;
    margin-right: 20px;
    display: block;
    float: left;
    text-indent: -9999px;
    cursor: pointer;
    position:relative;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.icon1{
    background: #ececec url('../img/services/brush.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon2{
    background: #ececec url('../img/services/box.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon3{
    background: #ececec url('../img/services/mac.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon4{
    background: #ececec url('../img/services/chart.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon5{
    background: #ececec url('../img/services/pie.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon6{
    background: #ececec url('../img/services/rocke-t.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon7{
    background: #ececec url('../img/services/android.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon8{
    background: #ececec url('../img/services/arrow-down.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon9{
    background: #ececec url('../img/services/arrow-left.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon10{
    background: #ececec url('../img/services/arrow-right.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon11{
    background: #ececec url('../img/services/arrow-up.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon12{
    background: #ececec url('../img/services/book.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon13{
    background: #ececec url('../img/services/calendar.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon14{
    background: #ececec url('../img/services/camera.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon15{
    background: #ececec url('../img/services/chain.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon16{
    background: #ececec url('../img/services/chain2.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon17{
    background: #ececec url('../img/services/chrome.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon18{
    background: #ececec url('../img/services/firefox.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon19{
    background: #ececec url('../img/services/safari.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon20{
    background: #ececec url('../img/services/clapboard.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon21{
    background: #ececec url('../img/services/cog.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon22{
    background: #ececec url('../img/services/construction.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon23{
    background: #ececec url('../img/services/cup.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon24{
    background: #ececec url('../img/services/cut.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon25{
    background: #ececec url('../img/services/download.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon26{
    background: #ececec url('../img/services/flag.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon27{
    background: #ececec url('../img/services/folder.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon28{
    background: #ececec url('../img/services/globe.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon29{
    background: #ececec url('../img/services/graph.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon30{
    background: #ececec url('../img/services/hd.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon31{
    background: #ececec url('../img/services/help.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon32{
    background: #ececec url('../img/services/home.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon33{
    background: #ececec url('../img/services/idea.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon34{
    background: #ececec url('../img/services/image.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon35{
    background: #ececec url('../img/services/lab.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon36{
    background: #ececec url('../img/services/label.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon37{
    background: #ececec url('../img/services/lock.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon38{
    background: #ececec url('../img/services/mail.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon39{
    background: #ececec url('../img/services/marker.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon40{
    background: #ececec url('../img/services/paperclip.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon41{
    background: #ececec url('../img/services/pdf.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon42{
    background: #ececec url('../img/services/pencil.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon43{
    background: #ececec url('../img/services/phone.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon44{
    background: #ececec url('../img/services/preview.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon45{
    background: #ececec url('../img/services/rss.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon46{
    background: #ececec url('../img/services/shop.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon47{
    background: #ececec url('../img/services/speach-buble.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon48{
    background: #ececec url('../img/services/speaker.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon49{
    background: #ececec url('../img/services/tool.png')  no-repeat;
    background-position:  -60px -0px;
}

.icon50{
    background: #ececec url('../img/services/warning.png')  no-repeat;
    background-position:  -60px -0px;
}

.services-wrap.services-presentation .icon{
    margin-right: 2px;
    margin-bottom: 2px;
}


/*=====================================================================================
        PORTFOLIO STYLES
======================================================================================*/
/* PORTFOLIO FILTER QUICKSAND STYLE */
#portfolio-filter{
    float: right;
    margin-left: 20px;
    padding: 0 0 10px;
    width: 460px;
    
    margin-top: -12px;
    position: absolute;
    right: 0;
    top: 0;
}

#portfolio-filter li{
    float: right;
    font: 12px 'Droid Sans', sans-serif;
    line-height: 22px;
    position: relative;
    top: -6px;
}

#portfolio-filter li a{
    color: #a1a3a6;
    padding-right: 5px;
    padding-left: 5px;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}



/* PORTFOLIO IMAGE STYLE */


#filter-item
{
    width:960px;
}

#filter-item > li
{
    margin:0 10px 0 10px;
}

figure.img-styled img{
    opacity: 0.7;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

figure.img-styled:hover img{
    opacity: 1;
}

figure.img-styled .img-container{
    position: relative;
    overflow: hidden;
}

figure.img-styled .img-hover{
    position: absolute !important;
    top: 35%; 
    width: 100%; 
    display: none;
    opacity: 0.9;
}

figure.img-styled .img-hover li{
    float: left;
    width: 100%;
    color: #fff;
    font: 12px 'Droid Sans', sans-serif;
    list-style:none;
}

figure.img-styled .img-hover li a{
    color: #fff;
    text-indent: -9999px;
    display: block;
}


figure.img-styled .img-hover li.title a,
figure.img-styled .img-hover .subtitle{
    text-indent: 0;
    text-align: center;
    width: 100%;
    padding-top:5px;
}


.img-hover li.title{
    margin-top: 15px;
    margin-bottom: 5px;
    display: inline;
}



.img-hover li.subtitle{
    margin-bottom: 5px;
}

.img-hover li.subtitle p
{
    line-height:14px;
}

.links{
    float: left;
    width: 100%;
    margin-bottom: 5px;
    height: 24px;
}

.links ul{
    float: left;
    height: 24px;
    width: 100%;
}

.links li{
    margin-top: 0 !important;
    float: left;
    width: 11px;
}

.links li:first-child{
    margin-right: 10px;
    margin-left: 42%;
}

/* FOR PORTFOLIO TAHT HAS TWO COLUMNS */
.grid_6 .links li:first-child{
    margin-right: 10px;
    margin-left: 46%;
}

/* FOR PORTFOLIO THAT HAS THREE COLUMNS */
.grid_4 .links li:first-child{
    margin-right: 10px;
    margin-left: 44%;
}

.grid_9 .links li:first-child{
    margin-right: 10px;
    margin-left: 48%;
}

.grid_4 .links li.video-play{
    margin-left: 49%;
}


figure.img-styled .img-hover li.portfolio-single{
    background: url('../img/chain.png') no-repeat center;
    width: 11px;
    opacity: 1;
}

figure.img-styled .img-hover li.portfolio-grid{
    background: url('../img/grid.png') no-repeat center;
    width: 11px;
}

figure.img-styled .img-hover li.portfolio-zoom{
    background: url('../img/zoom.png') no-repeat center;
    width: 11px;
}

figure.img-styled .img-hover li.video-play{
    background: url('../img/play.png') no-repeat center;
    width: 11px;
}

figure.no-sliding .img-hover{
    display: block;
}


figcaption{
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #fcfcfc;
    border-bottom: 1px solid #F3F3F3;
    margin-bottom: 30px;
}

figcaption p{
    text-align: center;
    text-transform: uppercase;
}



/* PORTFOLIO WITH SHOWCASE */
.showcase-wrapper{
    width: 100%;
    margin: 0 auto 50px;
    float: left;
    background: url('../img/patt.png') repeat;
}

.showcase-wrapper .shadow-top{
    width: 100%;
    height: 12px;
    background: url('../img/shadow-top.png') repeat-x;
    margin-bottom: -12px;
}

.showcase-wrapper .shadow-bottom{
    width: 100%;
    height: 12px;
    background: url('../img/shadow-bottom.png') repeat-x;
    margin-top: -12px;
    float: left
}


.showcase{
    width: 940px;
    margin: 0 auto;
}

.showcase .section-title{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid #fff;  
} 

.showcase .section-title h5{
    width: 50%;
}


/* SHOWCASE NAVIGATION STYLE */
.showcase-nav{
    width: 50%;
    float: left;
    position: relative;
}

.showcase-nav li{
    float: right;
}

.showcase-nav li a{
    padding-right: 5px;
    padding-left: 5px;
    color: #a1a3a6;
}

.showcase-nav.bottom{
    width: 100%;
    border-top: 1px solid #fff;
    padding-top: 5px;
    margin-left: 0;
    margin-right: 0;
}


/*SHOWCASE ITEM STYLE */
.showcase-item
{
    margin:10px 0 40px 0;
}

.showcase-item img{
    margin-right: 30px;
    width: 600px;
    float: left;
}

.showcase-item .description{
    width: 310px;
    float: left;
}

.showcase-item .description ul li{
    font: 12px 'Droid Sans', sans-serif;
    line-height: 22px;
    border-bottom: 1px solid #fff;
    color: #999999;
    margin-bottom: 10px;
}

.showcase-item .description ul li a{
    padding-left: 5px;
}

.showcase-item .description p{
    margin-bottom: 20px;
}

.showcase-item .description .btn-big{
    float: right;
}


/* ACTIVE IMAGE IN SHOWCASE PORTFOLIO LIST */
.showcase-li figure.img-styled  img{
    opacity: 0.6;
}

.showcase-li figure.img-styled:hover  img{
    opacity: 1 !important;
}

.portfolio.showcase-active img{
    opacity: 1 !important;
}


/*PORTFOLIO SINGLE PROJECT WITHOUT SHOWCASE */
.showcase-wrapper.single{
    background: none;
}

.showcase-wrapper.single .showcase .section-title{
    margin-top: 0;
    border-bottom: 1px solid #ececec; 
}

.showcase-wrapper.single .showcase-item .description ul li{
    border-bottom: 1px solid #ececec;
}



/*=====================================================================================
        BLOG PAGE STYLES
======================================================================================*/



/* PostIT module style
-------------------------------------------------------*/

.wsc_postit_subscribe 
{
    display:none;
}

.wsc_posts_list .wsc_post_item 
{
    padding-bottom:40px;
    border-bottom:1px solid #ececec;
    margin-bottom: 40px;
}

.wsc_posts_common.wsc_posts_list .wsc_image_frame img,
.wsc_posts_common.wsc_pi_detailed_view .wsc_image_frame img
  {
      max-width: 350px;
      width: 100%;
  }
  
  .wsc_posts_common .imgLeft
  {
      margin-right:10px;
  }

.wsc_post_item .wsc_image_frame 
{
    margin-right:20px;
}

.wsc_posts_list .wsc_pi_feed_info, 
.wsc_pi_detailed_view .wsc_pi_feed_info,
.wsc_archive_cloud .wsc_posts_count, 
.wsc_tags_cloud .wsc_posts_count,
.wsc_posts_feed .wsc_pi_feed_info
{
  font: 12px/20px 'Droid Sans',sans-serif;
  color: inherit;
  font-style: normal;
}

.wsc_posts_common .wsc_pi_post_header .wsc_title
{
  color: inherit;
  font: 18px/20px 'Droid Sans',sans-serif;
}    

.wsc_tags_view li, 
.wsc_archive_view li 
{
    background: url("../img/aside.png") no-repeat scroll 0 7px transparent;
    border-bottom: 1px dotted #EEEEEE;
    padding-left:14px;
}

.wsc_pi_footer .wsc_tags_cloug
{
    margin-top:15px;
}

.wsc_posts_list a.wsc_readmore, 
.wsc_posts_list a.wsc_readmore:link
{
    -moz-transition: none 0s ease 0s;
    margin-top: 20px;
    color: #FFFFFF;
    display: block;
    font: bold 12px 'Droid Sans',sans-serif;
    padding: 7px 18px;
    text-align: center;
    text-transform:uppercase;
}

.wsc_posts_list a.wsc_readmore:active
{
    box-shadow: none!important;
}




/* ------------ Paging ---------------*/

.posts-paging .wsc_tag,
.posts-paging .Current,
.posts-paging .Last,
.posts-paging .First,
.posts-paging a
{
    font : 12px Arial,sans-serif;
    margin-left: 5px;
    display:block;
    float:left;
    padding: 5px 9px;
}

.posts-paging .Last,
.posts-paging .First,
.wsc_posts_common .posts-paging a
{
  color: #8F8F8F;
  background:#ececec;
}

.wsc_posts_common .posts-paging .wsc_tag
{
    background: none repeat scroll 0 0 #8F8F8F;
    color:#fff;
}

.posts-paging .wsc_tag:hover,
.posts-paging .wsc_tag:hover,
.posts-paging .Current,
.posts-paging .Last:hover,
.posts-paging .First:hover,
.wsc_posts_common .posts-paging a:hover
{
    background: none repeat scroll 0 0 #f7c67c;
}


/* PostIT module style
-------------------------------------------------------*/
.grid_9.blog{
    width: 680px;
    padding-right: 20px;
    float: left;
}

/*last post has no margin bottom nor padding bottom */
.grid_9.blog li.blog-post:nth-last-child(3){
    margin-bottom: 0px;
    padding-bottom: 40px;
}

.grid_9.blog li.blog-post:nth-last-child(3) .post{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.grid_9.blog .blog-post{
    width: 100%;
    margin-bottom: 40px;
    float: left;
}


/* META STYLES ON BLOG POST*/
.grid_9.blog .meta{
    width: 60px;
    margin-right: 20px;
    float: left;
    cursor: pointer;
}

.grid_9.blog .meta li{
    float: left;
    margin-bottom: 10px;
}

.grid_9.blog .meta .category{
    width: 100%;
    height: 60px;
    text-indent: -9999px;
}

.grid_9.blog .meta .date{
    width: 100%;
    height: 60px;
    background: #ececec;  
}

.grid_9.blog .meta .date p{
    color: #8f8f8f;
    font: bold 14px 'Droid Sans', sans-serif;
    text-align: center;
    padding-top: 14px;
}


/* POST CONTENT(POST IMAGE, TITLE AND TEXT) STYLING */
.grid_9.blog .post{
    float: left;
    width: 600px;
    position: relative;
    border-bottom: 1px solid #ececec;
    padding-bottom: 40px;
}

.grid_9.blog .post figure{
    margin-bottom: 20px;
    position: relative;
}

.post figure.img-styled .img-hover li.title a{
    border-right: none;
}

.post .video-container .title a{
    border-right: 1px solid #fff !important;
}

.post .video-container{
    margin-bottom: 20px;
}

.post .video-container figure {
    margin-bottom: 0 !important;
}


/* BLOG SINGLE POST*/
.grid_9.blog.single .blog-post{
    margin-bottom: 0;
}

.grid_9.blog.single .post{
    border-bottom: none;
}


/* BLOG POST COMMENTS */
.grid_9.blog .post-comments{
    float: left;
    width: 600px;
    margin-left: 80px;
    margin-bottom: 40px;
}

.grid_9.blog .post-comments h5{
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
}

.post-comments .comments-li{
    float: left;
    width: 100%;
    margin-top: 20px;
}

.post-comments .comments-li > li{
    float: left;
    width: 100%;
}

.post-comments .comments-li .comment{
    margin-bottom: 15px;
    padding-left: 117px;
    float: left;
    background: #fcfcfc;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    position: relative;
}


/* COMMENT AVATAR */
.post-comments .comments-li .comment .avatar{
    position: absolute;
    left: 15px;
    width: 87px;
}


/* COMMENT META */
.post-comments .comments-li .comment .comment-meta{
    color: #a9a9a9;
    font: 12px 'Droid Sans', sans-serif;
    margin: 0 0 10px;
}

.post-comments .comments-li .comment .comment-meta h5{
    border-bottom: none;
    font: bold 14px Arial, sans-serif;
    cursor: pointer;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


/* CHILD COMMENT */
.child{
    margin-left: 100px;
    margin-bottom: 15px;
    float: left;
}


/* COMMENT FORM */
.grid_9.blog .blog-post .comment-form{
    margin-left: 80px;
    float: left;
    width: 600px;
}

.grid_9.blog .blog-post .comment-form h5{
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
}

.comment-form form{
    margin-top: 20px;
}

.comment-form label{
    width: 100%;
    font: 12px 'Droid Sans', sans-serif;
    color: #8f8f8f;
    display: block;
    margin-bottom: 15px;
    margin-top: 15px;
}

.comment-form .name, .comment-form .email{
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 300px;
    height: 12px;
    font: 12px 'Droid Sans', sans-serif;
    padding: 10px;
    color: #a9a9a9;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.comment-form .comment-text{
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 578px;
    font: 12px 'Droid Sans', sans-serif;
    line-height: 22px;
    padding: 10px;
    color: #a9a9a9;
}

.comment-form .submit{
    color: #fff;
    font: bold 12px 'Droid Sans',sans-serif;
    cursor: pointer;
}

.comment-form .name:focus, .comment-form .email:focus, .comment-form .comment-text:focus{
    border-color: #aaa;
}



/*=====================================================================================
        CONTACT PAGE STYLE
======================================================================================*/
.contact-form{
    float: left;
    width: 100%;
}

.contact-form form{
    padding-right: 20px;
    position: relative;
    top: -10px; 
    width: 100%;
}

.contact-form label{
    width: 100%;
    font: 12px 'Droid Sans', sans-serif;
    color: #8f8f8f;
    display: block;
    margin-bottom: 15px;
    margin-top: 15px;
}

.contact-form .name, .contact-form .email{
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 300px;
    height: 12px;
    font: 12px 'Droid Sans', sans-serif;
    padding: 10px;
    color: #a9a9a9;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.contact-form .contact-message{
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 438px;
    font: 12px 'Droid Sans', sans-serif;
    line-height: 22px;
    padding: 10px;
    color: #a9a9a9;
}

.contact-form .submit{
    color: #fff;
    font: bold 12px 'Droid Sans',sans-serif;
    cursor: pointer;
}

.contact-form .name:focus, .contact-form .email:focus, .contact-form .contact-message:focus{
    border-color: #aaa;
}


/* GOOGLE MAPS CONTAINER - DEFAULT IS WIDE MAP */
#map_canvas{
    float: left;
    width: 100%;
    height: 400px;

}

/* CLASS FOR SHORT MAP VERSION ON CONTACT PAGE */
.map-short{
    width: 940px;
    margin: 0 auto;
}


.map-short #map_canvas
{
    margin-bottom: 30px;
}




/*=====================================================================================
        SIDEBAR  STYLE
======================================================================================*/
.aside{
    float: right;
}

.aside-widgets{
    float: left;
}

.aside-widgets > li{
    margin-bottom: 40px;
    float: left;
    width: 100%;
}

.aside-widgets > li h6{
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.aside-widgets li li{
    padding-bottom: 10px;
}

.aside-widgets li a{
    color: #8f8f8f;
    font: 12px 'Droid Sans', sans-serif;
    line-height: 20px;
    display: block;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/* CATEGORIES AND ARCHIVES */
.aside-widgets li.categories li,
.aside-widgets li.archives li{
    padding-top: 5px;
    padding-bottom: 5px;
}

.aside-widgets li.categories li:first-child,
.aside-widgets li.archives li:first-child{
    padding-top: 0;   
}

.categories li,
.archives li{
    
}

.categories li:first-child,
.archives li:first-child{
    
}

.categories li:last-of-type,
.archives li:last-of-type{
    border-bottom: none;
}

.categories a,
.archives a{
    padding-left: 15px;
}

/* TABS IN SIDEBAR */
.aside-widgets li.tab-widget li{
    padding-bottom: 0;
}

.aside-widgets li.tab-widget li a{
    display: inline;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}


/*=====================================================================================
        PAGINATION STYLE
======================================================================================*/
.pagination{
    width: 100%;
    float: right;
    margin-top: 40px;
}

.pagination li{
    float: left;
    background: #ececec;
    height: 25px;
    text-align: center;
    margin-left: 5px;
    font: 12px Arial, sans-serif;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.pagination li a{
    color: #8f8f8f;
    padding-top: 6px;
    padding-right: 9px;
    padding-left: 9px;
    display: block;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.pagination li:hover a, .pagination li.active a{
    color: #fff;
}

.pagination li.arrow{
    background: #8f8f8f;    
}

.pagination li.arrow a{
    padding-top: 5px;
    color: #fff;
}

/* PORTFOLIO PAGE PAGINATION */
.pagination.portfolio{
    margin-bottom: 40px;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
    width: 940px;
}



/*=====================================================================================
        FOOTER STYLES
======================================================================================*/
#footer{
    width: 960px;
    margin: 0 auto;
    padding-bottom: 10px;
}

#footer h6{
    margin-bottom: 20px;
}

#footer .container_12
{
    /*border-top: 1px solid #ececec;*/
}


/* FOOTER COPYRIGHT INFO SECTION */
.container_12 .copyright{
    padding: 20px 0 10px;
    width: 100%;
    margin: 0 10px;
    background-color: #8ebf44;
}

.container_12 .copyright p{
    font: 11px Arial, sans-serif;
    color: #8f8f8f;
    float: left;
    width: 100%;
    margin-right: 15px;
}

.copyright .SkinObject
{
    margin-right:10px;
}

/* bottom ruler in footer - doesn't have bottom margin */
.ruler.bottom{
    margin-bottom: 0;
}


/* FROM FOOTER TO-TOP LINK STYLE */
.container_12 .copyright .to-top{
    background:  url('../img/to-top.png') #8f8f8f no-repeat  0 0 ;
    width: 25px;
    height: 25px;
    position: relative;
    left: 100%;
    cursor: pointer;
    display:block;
    margin-left:-25px;
    bottom:5px;
    display: none;
}

.container_12 .copyright .to-top:hover,
.jcarousel-container .jcarousel-prev:hover,
.jcarousel-container .jcarousel-next:hover
{
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}




/*=====================================================================================
        ELEMENTS
======================================================================================*/

/* BIG BUTTON */
.btn-big{
    width: 143px;
    height: 45px;
    margin-top: 20px;
    float: right;
    box-shadow: 0 1px 2px #ccc;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

#anything-slider .btn-big
{
    height:auto;
    width: auto;
}

.btn-big span{
    font: bold 14px 'Droid Sans', sans-serif;
    color: #fff;
    padding: 15px 14px;
    display: block;
    text-align: center;
}


/* MEDIUM BUTTON STYLE */
.btn-medium{
    width: 100px;
    height: 30px;
    float: right;
    margin-top: 20px;

    box-shadow: 0 1px 2px #ccc;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.btn-medium span{
    font: bold 12px 'Droid Sans', sans-serif;
    color: #fff;
    padding: 9px 18px;
    display: block;
    text-align: center;
}


/* SMALL BUTTON STYLE */
.btn-small{
    width: 70px;
    height: 26px;
    margin-top: 20px;
    float: right;
    box-shadow: 0 1px 2px #ccc;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.btn-small span{
    font: bold 12px 'Droid Sans', sans-serif;
    color: #fff;
    padding: 7px;
    display: block;
    text-align: center;
}

.btn-big.style-color:active,
.btn-medium.style-color:active,
.btn-small.style-color:active
{
    box-shadow:none;
}

/* CLASS PREVIEWN FOR STYLING BUTTONS JUST FOR TEMPLATE PREVIEW PURPOSES */
.preview{
    float: left;
    margin-top: 0;
    margin-bottom: 10px;
}



/* CODE STYLING */
code{
    float: left;
    width: 100%;
    background: #f6f6f6;
    padding: 5px 10px;
    margin-bottom: 20px;
}



/* DROPCAPS STYLES */
.dropcap1{
    color: #6f6f6f;
    float: left;
    margin-right: 10px;
    font: 67px 'Droid Sans',sans-serif;
    line-height: 59px;
}

.dropcap2, .dropcap3{
    color: #fff;
    background: #6f6f6f;
    float: left;
    margin-right: 10px;
    font: bold 35px 'Droid Sans',sans-serif;
    line-height: 35px;
    padding: 8px;
    position: relative;
    top: 3px;
}

.dropcap3{
    width: 30px;
    height: 30px;
    border-radius: 30px;
    font: bold 32px 'Droid Sans',sans-serif;
    line-height: 30px;
    padding: 11px;
    text-align: center;
}



/* HORIZONTAL RULER STYLE */
.grid_1 .ruler, 
.grid_2 .ruler, 
.grid_3 .ruler, 
.grid_4 .ruler,
.grid_5 .ruler,
.grid_6 .ruler,
.grid_7 .ruler,
.grid_8 .ruler,
.grid_9 .ruler,
.grid_10 .ruler,
.grid_11 .ruler,
.grid_12 .ruler{
    width:100% !important;
    background: #ececec;
    height: 1px;
    float: left;
    margin: 0;
}

.ruler{
    width: 940px;
    background: #ececec;
    margin-bottom: 40px;
    margin-right: 10px;
    margin-left: 10px;
    height: 1px;
    float: left;
}


/* INFORMATION BOXES */
/*INFO BOX STYLE */
.infobox{
    background: #e0f2ff;
    border: 1px solid #c1def2;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.infobox p{
    background: url('../img/info-box.png') no-repeat 0 center;
    margin: 10px;
    padding-left: 25px;
    color: #61adb0;
    text-shadow: 0 1px 0 #fff;
}


/* WARNING BOX STYLE */
.warning-box{
    background: #f3efd3;
    border: 1px solid #dedabd;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.warning-box p{
    background: url('../img/warning-box.png') no-repeat 0 center;
    margin: 10px;
    padding-left: 27px;
    color: #a19c7a;
    text-shadow: 0 1px 0 #fff;
}


/* SHOP BOX STYLE */
.shop-box{
    background: #b4dafb;
    border: 1px solid #9fc7eb;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.shop-box p{
    background: url('../img/shop-box.png') no-repeat 0 center;
    margin: 10px;
    padding-left: 27px;
    color: #fff;
    text-shadow: 0 1px 0 #a3c2fc;
}


/* NOTE BOX STYLE */
.note-box{
    background: #f8f6bc;
    border: 1px solid #e7e48b;
    border-radius: 3px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.note-box p{
    background: url('../img/note-box.png') no-repeat 0 center;
    margin: 10px;
    padding-left: 25px;
    color: #989426;
    text-shadow: 0 1px 0 #fff;
}


/* SUCCESS BOX STYLE */
.success-box{
    background: #ebfdd7;
    border: 1px solid #cef4a4;
    border-radius: 3px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.success-box p{
    background: url('../img/success-box.png') no-repeat 0 center;
    margin: 10px;
    padding-left: 25px;
    color: #7eb244;
    text-shadow: 0 1px 0 #fff;
}


/* ERROR BOX STYLE */
.error-box{
    background: #fadddd;
    border: 1px solid #fcc1c1;
    border-radius: 3px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.error-box p{
    background: url('../img/error-box.png') no-repeat 0 center;
    margin: 10px;
    padding-left: 25px;
    color: #d86d6d;
    text-shadow: 0 1px 0 #fff;
}



/* TABS STYLES */
.tabs{
    width: 100%;
    overflow: hidden;
    float: left;
}

.tabs li{
    background: #f8f8f8;
    float: left;
    border-top: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    overflow: hidden;
    position: relative;
    padding: 0;
    line-height: 32px;
}

.tabs li:first-child{
    border-left: 1px solid #ececec;
}

.tabs li a{    
    color: #8f8f8f;    
    padding: 0px 16px;
    text-shadow: 0 1px 0 #ffffff;
}

.tabs li.active{
    border-bottom: 3px #fff;
    background: #fff;
}

.tabs li.active a{
    line-height: 31px;
}

.tab-content-wrap{
    border: 1px solid #ececec;    
    margin-top: -1px;
    overflow: hidden;
    width: 100%;
    float: left;
}

.tab-content, .box{
    padding: 15px;
    background: #fff;
}

.tab-content,.box
{
    display:none;
}

.box:first-child,.tab-content:first-child
{
    display:block;
}



/* COLORED AND GREY LISTS STYLES */
.colored-list, .grey-list{
    width: 100%;
    float: left;
}

.colored-list li, .grey-list li{
    padding-bottom: 5px;
    padding-top: 5px;
    font: 12px 'Droid Sans', sans-serif;
    line-height: 20px;
    color: #8f8f8f;
    border-bottom: 1px dotted #eee;
}

.border-list li{
    border-bottom: 1px dotted #eee;
    background: url('../img/aside.png') no-repeat 0 12px;
}

.border-list li:first-child{
    background: url('../img/aside.png') no-repeat 0 7px;
}

.colored-list li:first-child, .grey-list li:first-child{
    padding-top: 0;
}

.colored-list li:last-of-type, .grey-list li:last-of-type{
    border-bottom: none;
}

.colored-list li span, .grey-list li span{
    padding-left: 18px;
}

.border-list{
    
}

/* LISTS WITH GREY ICONS */

/* CHECKLIST */
.list-check.grey{
    background: url('../img/check-mark-grey.png') 0 5px no-repeat;
}

/* ARROW */
.list-arrow.grey{
    background: url('../img/arrow-mark-grey.png') 0 8px no-repeat;
}

/* ERROR */
.list-error.grey{
    background: url('../img/error-mark-grey.png') 0 11px no-repeat;
}

/* SQUARE */
.list-square.grey{
    background: url('../img/square-mark-grey.png') 0 11px no-repeat;
}

/* STAR */
.list-star.grey{
    background: url('../img/star-mark-grey.png') 0 9px no-repeat;
}

/* THUMBDOWN */
.list-thumbdown.grey{
    background: url('../img/thumbdown-mark-grey.png') 0 7px no-repeat;
}

/* THUMBUP */
.list-thumbup.grey{
    background: url('../img/thumbup-mark-grey.png') 0 7px no-repeat;
}



/*=====================================================================================
        MEDIA 
======================================================================================*/
/* TWEETER WIDGET */
.tweets-list-container{
    width: 100%;
    overflow: hidden;
}

.tweet-list{
    position: relative;
    list-style-type: none;
}

.tweet-list li{
    padding-bottom: 10px;
}


/* FLICKR FEED WIDGET */
.social-feed{

}

.social-feed.instagram-feed 
{
    overflow: hidden;
}

.social-feed li{
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 5px;
    margin-bottom: 5px; 
    opacity: 0.5;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.social-feed li:hover{
    opacity: 1;
}

.social-feed li:nth-child(5n){
    margin-right: 0;
}

.social-feed li a img{
    width: 40px;
    height: 40px;
}

/* VIDEO CONTAINER FOR VIMEO, YOUTUBE */
.video-container{
    overflow: hidden;
    float: left;
}


/*=====================================================================================
        COLUMNS - 960 GS ILLUSTRATION
======================================================================================*/
p.big{
    font-size: 14px;
}

.note.column-illustration{
    background: #f6f6f6 !important;
    margin-bottom: 40px !important;
}

.grid_12.column-illustration{
    margin-bottom: 20px;
}

.grid_12.column-illustration.last{
    background: #f6f6f6;
    margin-bottom: 40px  !important;
    cursor: pointer;
}

.column-illustration .grid_1, 
.column-illustration .grid_3, 
.column-illustration .grid_4, 
.column-illustration .grid_6, 
.column-illustration .grid_8, 
.column-illustration .grid_12{
    background: #f6f6f6;
    margin-bottom: 0;
    cursor: pointer;
}

.column-illustration .grid_1 span, 
.column-illustration .grid_3 span, 
.column-illustration .grid_4 span, 
.column-illustration .grid_6 span, 
.column-illustration .grid_8 span, 
.column-illustration .grid_12 span, 
.grid_12.column-illustration.last span{
    text-align: center;
    display: block;
    padding: 5px 0;
}

.column-illustration .grid_1 .hover, 
.column-illustration .grid_3 .hover, 
.column-illustration .grid_4 .hover, 
.column-illustration .grid_6 .hover, 
.column-illustration .grid_8 .hover, 
.column-illustration .grid_12 .hover, 
.grid_12.column-illustration.last .hover{
    display: none;


}
.column-illustration .grid_1:hover .normal, 
.column-illustration .grid_3:hover .normal, 
.column-illustration .grid_4:hover .normal, 
.column-illustration .grid_6:hover .normal, 
.column-illustration .grid_8:hover .normal, 
.column-illustration .grid_12:hover .normal, 
.grid_12.column-illustration.last:hover .normal{
    display: none;
}

.column-illustration .grid_1:hover .hover, 
.column-illustration .grid_3:hover .hover, 
.column-illustration .grid_4:hover .hover, 
.column-illustration .grid_6:hover .hover, 
.column-illustration .grid_8:hover .hover, 
.column-illustration .grid_12:hover .hover, 
.grid_12.column-illustration.last:hover .hover{
    display: block;
    color: #fff;
}



/*=====================================================================================
        MEDIA QUERIES
======================================================================================*/
/* DEVICES BETWEEN 768PX AND 959px */
@media only screen and (min-width: 768px) and (max-width: 959px){
   
    #bannerwrap {
        /*height: 280px;*/
    }
    
    .centerme {
        text-align:center !important;
    }
    
    .highlightorange {
width: 100%;
display: inline-block;
text-align: center;
}
    .highlightblue {
width: 100%;
display: inline-block;
text-align: center;
}
    
    .bannerpanes {
        width: 670px !important;
    }
    
    .goaway{
        display: none;
    }
    
    #header {
        width: 690px;
    }
    #nav-container #nav {
display: none;
}
    #nav-container select {
      border: medium none;
        display: block;
        float: left;
        width: 400px;
        padding: 1px 10px;
        -webkit-border-radius: 5;
        -moz-border-radius: 5;
        border-radius: 5px;
        -webkit-box-shadow: 0px 4px 0px #9e0038;
        -moz-box-shadow: 0px 4px 0px #9e0038;
        box-shadow: 0px 4px 0px #9e0038;
        font-family: 'comic_sans_msregular';
        color: #ffffff !important;
        font-size: 19px;
        background: #e53875;
        text-decoration: none;
    }

    #content-wrapper,
    .container_12,
    #footer{
        width: 744px;
    }

    img{
        max-width: 100% !important;
    }
    .ruler{
        width: 724px;
    }

    /* navigation */

    #nav li{
        padding: 18px 15px;
    }

    /* GRID SYSTEM */
    .grid_1{
        width: 42px !important;
    }

    .grid_2{
        width: 104px !important;
    }
    .grid_3{
        width: 166px !important;
    }
    .grid_4{
        width: 228px !important;
    }
    .grid_5{
        width: 290px !important;
    }
    .grid_6{
        width: 352px ;
    }
    .grid_7{
        width: 414px !important;
    }
    .grid_8{
        width: 476px !important;
    }
    .grid_9{
        width: 538px !important;
    }
    .grid_10{
        width: 600px !important;
    }
    .grid_11{
        width: 662px !important;
    }
    .grid_12{
        width: 724px !important;
    } 
    
    
    /* PORTFOLIO CAROUSEL */
    .carousel-li > li{
        width: 232px !important;
    }

    /* NOTE */
    .grid_12 .note
    {
        max-width:100%;       
    }    
    
    .grid_12 .note .text{
        padding: 25px;
        min-width: 674px !important;       
    }

    .grid_12 .note .btn-big{
        display: none;
    }

    /* ABOUT US PAGE TEAM SOCIAL ICONS */
    .team .social{
        margin-bottom: 0;
    }

    /* PORTFOLIO */
    #filter-item {
      width: 745px;
    }
    
    /* PORTFOLIO WITH SHOWCASE */
    .showcase{
        width: 724px;
    }

    .showcase-item img{
        max-width: 420px !important;
    }

    .showcase-item .description{
        width: 274px;
    }

    /* BLOG PAGE */
    .grid_9.blog{
        width: 518px !important;
    }

    .grid_9.blog .post,
    .grid_9.blog .post-comments,
    .grid_9.blog .blog-post .comment-form{
        width: 438px;
    }

    .child{
        margin-left: 50px;
    }

    .comment-form .name, 
    .comment-form .email{
        width: 230px;
    }

    .comment-form .comment-text{
        width: 416px;
    }

    .img-container li.title{
        max-width: 100% !important;
    }
    
    /* ELEMENTS PAGE */
    .tabs li:last-of-type{
        display: none;
    }

    /* CONTACT PAGE */
    .contact-form .name, 
    .contact-form .email{
        width: 230px;
    }

    .contact-form .contact-message{
        width: 330px;
    }

    .map-short{
        width: 724px;
    }

    .video-container{
        width: 100%;
    }

    .video-container img{
        width: 100%;
        height: auto;
    }
    
    .video-container .video-js{
        width: 100% !important;
        height: 122px !important;
    }
    
    /* FOOTER COPYRGIHT */
    .copyright{
        /*width: 724px !important;*/
    }

    .copyright p{
        width: 684px !important;
    }

    /* SOCIAL FEED */
    .social-feed li:nth-child(3n){
        margin-right: 0;
    }

    .social-feed li:nth-child(5n){
        margin-right: 5px !important;
    }
}

/* ALL MOBILE SIZES */
@media only screen and (min-width: 480px) and (max-width: 767px){
    
    #bannerwrap {
        /*height: 310px;*/
    }
    
    .bannerpanes {
        width: 365px !important;
    }
    
    .centerme {
        text-align:center !important;
    }
    
    .highlightorange {
width: 100%;
display: inline-block;
text-align: center;
}
    .highlightblue {
width: 100%;
display: inline-block;
text-align: center;
}
    .goaway{
        display: none;
    }
    
    #content-wrapper,
    .container_12,
    #footer{
        width: 440px;
    }
    
    #logo {
      float: none;
        text-align: center;
        width: 100%;
        margin-top: 5px;
    }

    #header,
    #nav-container{
        width: 100%;
        margin: 0 auto;
    }

    img{
        max-width: 100% !important;
    }
    .ruler{
        width: 440px;
    }

    .social{
        width: 163px;
        position: relative;
        top: 0px;
    }

    /* navigation */
    #nav-container #nav{
        display: none;
    }
    #nav-container select {
      width: 100%;
border: medium none;
display: block;
float: left;
-moz-border-radius: 5;
-webkit-box-shadow: 0px 4px 0px #9e0038;
-moz-box-shadow: 0px 4px 0px #9e0038;
box-shadow: 0px 4px 0px #9e0038;
font-family: 'comic_sans_msregular';
color: #ffffff !important;
font-size: 19px;
background: #e53875;
text-decoration: none;
    }
    
    #nav-container {
        height: 38px;
    }

    #nav-container select{
        padding: 5px 7px;
    }

    #nav-container #search{
        width: 160px !important;
        float: left;
    }

    #nav-container #search-bkg{
        width: 105px;
        padding-left: 10px;
    }


    /*GRID SYSTEM */
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12{
        width: 420px !important;
    }
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11
    {margin-left:0;}
    .container_12 [class^="grid_"] [class^="grid_"]{
        margin-left: 0;
    }
    
    /*PORTFOLIO CAROUSEL */
    .carousel-li > li{
        width: 210px !important;
    }
    
    .caroufredsel_wrapper{
        height: 154px !important; 
    }
    

    /* NOTE */
    
    .grid_12 .note
    {
        max-width:100%;       
    }   
    
    .grid_12 .note .text{
        padding: 25px;
        min-width: 390px !important;
    }

    .grid_12 .note .btn-big{
        display: none;
    }

    /*TEAM SOCIAL */
    .team .social{
        margin-bottom: 0;
    }

   /* PORTFOLIO */
    #filter-item {
      width: auto;
    }
    
    /* PORTFOLIO WITH SHOWCASE */
    .showcase-wrapper.single{
        margin: 0 auto;
    }

    .showcase{
        width: 440px;
    }

    .showcase-item img{
        width: 100% !important;
        margin-bottom: 20px;
    }

    .showcase-item .description{
        width: 100%;
    }

    /* PORTFOLIO */
    #portfolio-filter{
        width: 100%;
        float: left;
        margin-left: 0;
    }
    
    #filter-item {
      width: auto;
    }

    figure.img-styled img{
        width: 100% !important;
    }

    /* BLOG PAGE */
    .grid_9.blog{
        width: 440px !important;
        padding-right: 0;
    }

    .grid_9.blog .post,
    .grid_9.blog .post-comments,
    .grid_9.blog .blog-post .comment-form{
        width: 360px;
    }

    .child{
        margin-left: 50px;
    }

    .comment-form .name, 
    .comment-form .email{
        width: 200px;
    }

    .comment-form .comment-text{
        width: 338px;
    }

    .video-container{
        width: 100%;
    }

    .video-container img{
        width: 100%;
        height: auto;
    }
    
    .video-container .video-js{
        width: 100% !important;
    }
    
    /* CONTACT PAGE */
    .contact-form .name, 
    .contact-form .email{
        width: 250px;
    }

    .contact-form .contact-message{
        width: 418px;
    }

    .map-short{
        width: 440px;
    }

    #map_canvas{
        height: 300px !important;
    }

    /* FOOTER COPYRGIHT */
    .copyright{
        /*width: 420px !important;*/
    }

    .copyright p{
        width: 400px !important;
    }
    
    /* SOCIAL FEED */
    .social-feed li:nth-child(10n){
        margin-right: 0;
    }

    .social-feed li:nth-child(5n){
        margin-right: 5px !important;
    }
}

/* SMARTPHONES */
@media only screen and (max-width: 479px){
    
    #bannerwrap {
        /*height: 360px;*/
    }
    
    .bannerpanes {
        width: 250px !important;
    }
    
    .centerme {
        text-align:center !important;
    }
    
    .highlightorange {
width: 100%;
display: inline-block;
text-align: center;
}
    .highlightblue {
width: 100%;
display: inline-block;
text-align: center;
}
    
    .goaway{
        display: none;
    }
    
    #content-wrapper,
    .container_12,
    #footer{
        width: 320px;
    }
    
#logo {
      float: none;
        text-align: center;
        width: 100%;
        margin-top: 5px;
    }

    #header,
    #nav-container{
        width: 100%;
        margin: 0 auto;
    }
    

    img{
        max-width: 100% !important;
    }

    .ruler{
        width: 280px;
    }

    #logo {
      margin-right: 0;
      text-align: center;
      width: 100%;
      float:none;
    }
    
    .social {
      margin-right: 0;
      position: relative;
      top: 2px;
      width: 290px;
    }
    
    .social li{
        float: left;
    }

    /* navigation */
    #nav-container #nav{
        display: none;
    }
    #nav-container select {
      width: 100%;
border: medium none;
display: block;
float: left;
-moz-border-radius: 5;
-webkit-box-shadow: 0px 4px 0px #9e0038;
-moz-box-shadow: 0px 4px 0px #9e0038;
box-shadow: 0px 4px 0px #9e0038;
font-family: 'comic_sans_msregular';
color: #ffffff !important;
font-size: 19px;
background: #e53875;
text-decoration: none;
    }
    
    #nav-container {
        height: 38px;
    }
    
    #nav-container select{
        padding: 5px 7px;
    }

    #nav-container #search{
        display: none;
    }

    
    /*GRID SYSTEM */
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12{
        width: 300px !important;
    }
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11
    {margin-left:0;}

    .container_12 [class^="grid_"] [class^="grid_"]{
        margin-left: 0;
    }
    
    /*PORTFOLIO CAROUSEL */
    .carousel-li > li{
        width: 300px !important;
    }
    
    .caroufredsel_wrapper{
        height: 205px !important; 
    }
    
    .projects-carousel li, .post-carousel li 
    { 
        width: 280px; 
    }



    /* NOTE */
     .grid_12 .note
    {
        max-width:100%;       
    }  
    
    .grid_12 .note .text{
        padding: 25px;
        min-width: 230px !important;
    }

    .grid_12 .note .btn-big{
        display: none;
    }

    /*TEAM SOCIAL */
    .team .social{
        margin-bottom: 0;
    }

    .team img{
        float: none;
        margin-bottom: 20px;
    }

    /* PORTFOLIO WITH SHOWCASE */
    .showcase-wrapper.single{
        margin: 0 auto;
    }

    .showcase{
        width: 280px;
    }

    .showcase-item img{
        width: 100% !important;
        margin-bottom: 20px;
    }

    .showcase-item .description{
        width: 100%;
    }

    /* PORTFOLIO */
    #portfolio-filter{
        width: 100%;
        float: left;
        margin-left: 0;
    }
    
    #filter-item {
      width: auto;
    }

    figure.img-styled img{
        width: 100% !important;
    }

    /* BLOG PAGE */
    .grid_9.blog{
        width: 280px !important;
        padding-right: 0;
    }

    .grid_9.blog .post,
    .grid_9.blog .post-comments,
    .grid_9.blog .blog-post .comment-form{
        width: 280px;
        margin-left: 0;
    }

    .grid_9.blog .meta{
        width: 100%;
        margin-right: 0;
    }

    figure.img-styled .img-hover{
        top: 50%;
    }
    
   .child{
        margin-left: 20px;
    }


    .comment-form .name, 
    .comment-form .email{
        width: 150px;
    }

    .comment-form .comment-text{
        width: 258px;
    }

    .video-container{
        width: 100%;
    }

    .video-container img{
        width: 100%;
        height: auto;
    }
    
    .video-container .video-js{
        width: 100% !important;
    }
    
    /* CONTACT PAGE */
    .contact-form .name, 
    .contact-form .email{
        width: 170px;
    }

    .contact-form .contact-message{
        width: 258px;
    }

    .map-short{
        width: 280px;
    }

    #map_canvas{
        height: 200px !important;
    }

    /* FOOTER COPYRGIHT */
    .copyright{
        /*width: 280px !important;*/
        text-align: center;
        /*height: 80px;*/
    }

    .copyright p{
        width: 280px !important;
        margin-bottom: 10px !important;
        margin-right: 0 !important;
        float: left;
    }

    .container_12 .copyright .to-top-link{
        width: 280px;
        float: right;
    }

    .container_12 .copyright .to-top-link img{
        float: right;
    }
    
    /* social feed */
    .social-feed li{
        margin-right: 5px !important;
    }
    
    .social-feed li:nth-child(6n){
        margin-right: 0 !important;
    }
}
/* Boxed Skin */

/* DEVICES BETWEEN 768PX AND 959px */
@media only screen and (min-width: 768px) and (max-width: 959px){
    #page-wrap, #page-title{
        width: 748px !important;
    }
}

/* ALL MOBILE SIZES */
@media only screen and (min-width: 480px) and (max-width: 767px){
    #page-wrap, #page-title{
        width: 440px !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px){
    #page-wrap, #page-title{
        width: 320px !important;
    }
}

@media only screen and (min-width: 0px) and (max-width: 319px){
    #page-wrap, #page-title{
        width: 320px !important;
    }
}


/*Custom Classes*/

@font-face {
    font-family: 'comic_sans_msregular';
    src: url('/Portals/_default/Skins/Lightness/fonts/comic-webfont.eot');
    src: url('/Portals/_default/Skins/Lightness/fonts/comic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Portals/_default/Skins/Lightness/fonts/comic-webfont.woff') format('woff'),
         url('/Portals/_default/Skins/Lightness/fonts/comic-webfont.ttf') format('truetype'),
         url('/Portals/_default/Skins/Lightness/fonts/comic-webfont.svg#comic_sans_msregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.bctn {
    background: #e53875 !important;
    padding: 6px 10px !important;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 4px 0px #9e0038;
  -moz-box-shadow: 0px 4px 0px #9e0038;
  box-shadow: 0px 4px 0px #9e0038;
  font-family: 'comic_sans_msregular' !important;
  color: #ffffff !important;
  font-size: 19px !important;
  padding: 6px;
  background: #e53875;
  text-decoration: none;
    border: none !important;
    border-color: none !important;
    display: inline-block;
    margin-bottom: 15px;
}


.bctn:hover {
  background: #ff639a !important;
  text-decoration: none;
    border: none !important;
    border-color: none !important;
}

.bctn {
transition:All 0.263s ease-in-out;
-webkit-transition:All 0.263s ease-in-out;
-moz-transition:All 0.263s ease-in-out;
-o-transition:All 0.263s ease-in-out;
}

/*Button Changes for Product Detail Page*/
.bctnd {
    background: #e53875 !important;
    padding: 6px 10px !important;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 4px 0px #9e0038;
  -moz-box-shadow: 0px 4px 0px #9e0038;
  box-shadow: 0px 4px 0px #9e0038;
  font-family: 'comic_sans_msregular' !important;
  color: #ffffff !important;
  font-size: 16px !important;
  padding: 6px;
  background: #e53875;
  text-decoration: none;
    border: none !important;
    border-color: none !important;
    display: inline-block;
    margin-bottom: 15px;
}


.bctnd:hover {
  background: #ff639a !important;
  text-decoration: none;
    border: none !important;
    border-color: none !important;
}

.bctnd {
transition:All 0.263s ease-in-out;
-webkit-transition:All 0.263s ease-in-out;
-moz-transition:All 0.263s ease-in-out;
-o-transition:All 0.263s ease-in-out;
}

#bannerwrap {
        /*width: 100%;*/
        background:url("/Portals/_default/Skins/Lightness/img/patt1.png") repeat scroll 0 0 transparent;
        margin: 0 auto;
    padding: 0 20px;
    margin-bottom: 20px;
}


.bannerpanes{
   width: 460px;
margin: 20px 0;
display: inline;
float: left;
}
.bannerinner {

}

.footing {
width: 100%;
background-color: #8ebf44;
text-align: center;
}
.footinginner {
    color: #fff;
text-align: center;
display: inline-block;
    margin: 15px 0;
}

.highlightorange {
    background-color: #ff7800;
    padding: 5px 15px;
    font-family: 'comic_sans_msregular';
    color: #ffffff;
    font-size: 30px;
    line-height: 44px;
}

.highlightblue {
    background-color: #00a2e7;
    padding: 5px 15px;
    font-family: 'comic_sans_msregular';
    color: #ffffff;
    font-size: 30px;
    line-height: 44px;

}

.ebookcon{
    padding: 10px;
    padding: 10px !important;
}

.minisqueezepane {
    background: #ffcf69;
    -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
    display: inline;
    margin-bottom: 20px;
}

.actionlabel {
 color: #ffffff !important; 
 font-size: 12px !important; 
font-family: 'comic_sans_msregular' !important;
}

.contentpages {
 background: url('/Portals/_default/Skins/Lightness/img/contentpat1.png') repeat;
    padding: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 959px){
    .rvdsfCategoryTreeView.RadTreeView { margin-left: 20px;}
    .rvdsfCartSummaryContainer {  margin-left: 20px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
    .c_head {
      text-align: center !important;
  }
.rvdsfCategoryTreeView.RadTreeView { margin-left: 20px;}
.rvdsfCartSummaryContainer {  margin-left: 20px;}
.rvdsfProductListProductList { text-align: center; margin-bottom: 10px; }
}

@media only screen and (min-width: 320px) and (max-width: 479px){
  .c_head {
      text-align: center !important;
  }
    .rvdsfCategoryTreeView.RadTreeView { margin-left: 20px;}
    .rvdsfCartSummaryContainer {  margin-left: 20px;}
    .rvdsfProductListProductList { text-align: center; margin-bottom: 10px; }
}


/** Updated on 05.09.2014 **/

#dnn_ctr2097_ModuleContent .rvdsfProductShowcaseRotatorContainer{
    padding: 0 0px!important;
}
#dnn_ctr2097_ModuleContent .rvdsfProductDisplayGalleryThumbnail > img {
    height: 100px;
}
#dnn_ctr2097_ModuleContent .rvdsfProductDisplayInfoContainer > span {
    font-size: 16px !important;
}
#dnn_ctr2097_ModuleContent  .rvdsfProductDisplayContainer h3 a {
    color: #45ac4c !important;
    display: inline-block !important;
    font-size: 12px;
    line-height: 12px;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 130px !important;
}
.rvdsfProductShowcaseContainer .rvdsfPriceAmount label, .rvdsfProductShowcaseContainer .rvdsfProductDisplayActions {
    display: none;
}
.rvdsfProductShowcaseContainer .dnnLabel + span {
color: #e53875 !important;
    font: 16px "comic_sans_msregular",sans-serif;
    text-align: center;
}
.rvdsfProductShowcaseContainer ul.rvdsfProductShowcaseRotator > li {
    width: 145px;
}
.rvdsfProductShowcaseContainer .rvdsfProductDisplayContainer {
    display: block;
    width: 145px;
    text-align: center;
}

.rvdsfProductShowcaseContainer .rvdsfPriceAmount {
    text-align: center!important;
}

/** Updated on 09.09.2014 **/
.rvdsfCategoryTreeView.RadTreeView {
    background: none repeat scroll 0 0 #ffb244 !important;
    border-radius: 7px;
    color: #fff;
    font-family: "comic_sans_msregular";
    font-size: 12px;
    padding: 10px;
    transition: all 0.7s ease 0s;
    white-space: normal;
    z-index: 999;
}
.rvdsfCategoryTreeView.RadTreeView .rtHover .rtIn {
    background: none repeat scroll 0 0 #ffcf69;
    border: medium none;
    border-radius: 5px;
    box-shadow: 0 0 0 #9e0038 !important;
    padding: 4px 3px;
    text-decoration: none;
    transition: all 0.7s ease 0s;
    width: 86%;
}
.rvdsfCategoryTreeView.RadTreeView .rtIn {
    padding: 4px 3px;
    width: 82%;
}
.rvdsfCategoryTreeView.RadTreeView .rtSelected .rtIn {
    background: none repeat scroll 0 0 #ffcf69;
    border: medium none !important;
    border-radius: 5px;
    padding: 4px 3px;
    width: 82%;
}
.rvdsfCategoryTreeView.RadTreeView a {
    color: #276827 !important;
    font-size: 16px;
}
.rvdsfProductListProductItem {
    border: 1px solid #ffb244;
    border-radius: 5px;
    display: inline-block;
    margin-top: 10px;
    padding-top: 10px;
    vertical-align: top;
    width: 224px;
    min-height: 275px;
}
.rvdsfPageViewModeGrid .rvdsfProductDisplayGalleryThumbnail {
    display: block;
    height: 140px !important;
}
.prodPrice {
    color: #e53875 !important;
    font: 20px 'comic_sans_msregular', sans-serif;
}
.rvdsfCartSummaryDetailItem .dnnLabel {
    width: 48%;
}



#dnn_LOGIN_loginLink{
      background: none repeat scroll 0 0 #e53875;
    border-radius: 5px;
    box-shadow: 0 4px 0 #9e0038;
    padding: 1px 15px;
    text-decoration: none;
  margin:0 0px 0 20px;
}