@charset "utf-8";

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

    Theme Name: Casework WP - Design Studio Portfolio & Blog Theme
    Theme URI: http://www.themetonic.net/casework_wp/
    Description: Casework WP is a professional and clean WordPress theme for design studios, corporate portfolios, individual designers, photographers and creative artists. It’s a very practical theme with modern style and numerous opportunities for designing portfolio and blog, including many other useful features as well.
    Author: ThemeTonic
    Author URI: http://themeforest.net/user/ThemeTonic/?ref=ThemeTonic
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
    Version: 1.0

---------------------------------- List of Contents -----------------------------------

    *00 CSS RESET

    *01 FONT-FACE SETUP

    *02 GENERAL STYLES
        - CSS Hacks and Alignment
        - Headers
        - Basic Links
        - Typography
        - Imagebox
        - Borders

    *03 COLUMNS
        - Basic Column Layout
        - Content Segments

    *04 HEADER STYLES
        - Basics
        - Logo & Social Media
        - Top Menu

    *05 PAGE STYLES
        - Basics
        - Headbar
        - Titles

    *06 FOOTER STYLES
        - Basics
        - Footer Widget Areas
        - Footer Bottom Panel

    *07 CONTENT STYLING
        - Sliders
        - Services
        - Projects Carousel
        - Homepage Sections
        - Message Boxes
        - Intro Text
        - Headline
        - Tagline
        - Blockquotes
        - Pullquotes
        - Drop Caps
        - List Styles
        - Dividers
        - Testimonial
        - Clients
        - Boxed Texts
        - Toggle Content
        - Tabbed Content

    *08 WIDGETS
        - Common Style
        - Casework / Popular Posts
        - Casework / Recent Posts
        - Casework / Recent Works
        - Casework / Recent Comments
        - Casework / Flickr Feed
        - Casework / Twitter Feed
        - Casework / Sidebar Menu
        - Casework / Contact Info
        - Casework / Subscribe
        - WordPress / Search
        - WordPress / Categories
        - WordPress / Recent Posts
        - WordPress / Recent Comments
        - WordPress / Links
        - WordPress / Custom Menu
        - WordPress / Pages
        - WordPress / Meta
        - WordPress / RSS
        - WordPress / Archives
        - WordPress / Calendar
        - WordPress / Tag Cloud
        - WordPress / Text

    *09 PORTFOLIO
        - Image Grid
        - Portfolio with Pagination
        - Portfolio Item Details
        - Other Works
        - Quick Gallery

    *10 BLOG
        - Basics
        - Blog Post
        - Post Formats
        - Post Comments
        - Post Forms

    *11 CONTACT
        - Contact Information
        - Location Map
        - Feedback

    *12 FEATURES

/* ----------------------------------------------------------------------------------*/
/* ---------->>> *00 CSS RESET
/* ----------------------------------------------------------------------------------*/

@import url('css/reset.css');

/* ----------------------------------------------------------------------------------*/
/* ---------->>> *01 FONT-FACE SETUP
/* ----------------------------------------------------------------------------------*/

@font-face {
    font-family: 'MuseoSans';
    src: url('type/museosans/MuseoSans_500-webfont.eot');
    src: url('type/museosans/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/museosans/MuseoSans_500-webfont.woff') format('woff'),
         url('type/museosans/MuseoSans_500-webfont.ttf') format('truetype'),
         url('type/museosans/MuseoSans_500-webfont.svg#MuseoSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ----------------------------------------------------------------------------------*/
/* ---------->>> *02 GENERAL STYLES
/* ----------------------------------------------------------------------------------*/

html {
    height: 100%;
}

body {
    background: #FFFFFF url(images/styling/page_background_1.jpg) no-repeat top center;
    /*background: #FFFFFF url(images/styling/page_background_2.png) repeat-x top center;*/
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #282828;
    line-height: 22px !important;
    width: 100%;
    height: 100%;
}

body, input, select, button {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#wrapper {
    width: 100%;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

/* CSS Hacks and Alignment
-------------------------------------------------------------------------------------*/

.clear {
    height: 0px;
    width: 0px;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    display: block;
}

.clearfix {
    float: none;
    clear: both;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0px;
    content: " ";
    clear: both;
    height: 0px;
}

* html .clearfix {
    zoom: 1; /* IE6 */
}

*:first-child+html .clearfix {
    zoom: 1; /* IE7 */
}

.last {
    margin: 0px !important;
}

.left {
    float: left;
}

.right {
    float: right;
}

/* Headers
-------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'MuseoSans';
    color: #282828;
    font-weight: normal;
    letter-spacing: normal;
    cursor: default;
}

h1 { font-size: 20px; }

h2 { font-size: 18px; }

h3 { font-size: 16px; }

h4 { font-size: 14px; }

h5 { font-size: 12px; }

h6 { font-size: 10px; }

h1, h2 { text-transform: uppercase; }

/* Basic Links
-------------------------------------------------------------------------------------*/

a, a:link, a:visited, a:active {
    color: #0067AC;
    text-decoration: none;
}

a:hover {
    color: #00AEFF;
    text-decoration: none;
}

/* Typography (with some other element styles)
-------------------------------------------------------------------------------------*/

p {
    margin: 0px;
    text-align: justify;
}

br {
    line-height: 10px;
}

hr {
    width: 100%;
    height: 1px;
    border: 0px;
    margin: 20px 0px 20px 0px;
    background-color: #EEEEEE;
    float: left;
}

em, i {
    font-style: italic;
}

strong, b {
    font-weight: bold;
}

img {
    border: none;
}

input {
    font-size: 100%;
    vertical-align: middle;
}

abbr {
    border-bottom: 1px dotted #424652;
}

sup {
    font-size: 10px;
}

sub {
    font-size: 10px;
}

pre {
    color: #282828;
    background: #F9F9F9 url(images/styling/code_bg.png) repeat;
    border-left: 4px solid #CDB380;
    padding: 0px 12px 0px 12px;
    display: block;
    clear: both;
}

code {
    font-size: 11px;
    line-height: 24px;
}

big {
    font-size: 14px;
}

small {
    font-size: 10px;
}

.underline {
    text-decoration: underline;
}

.strike {
    text-decoration: line-through;
}

.lowlight {
    color: #666666;
}

.highlight {
    color: #99173C;
}

.translucent {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

blockquote {
    width: 100%;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    font-style: italic;
    font-size: 18px;
    color: #282828;
    text-transform: none;
    letter-spacing: normal;
    quotes: "\201C" "\201D"; 
    margin: 0px;
    padding: 0px;
    display: block;
    float: left;
}

blockquote p {
    padding-left: 22px;
    text-indent: -22px;
    line-height: 28px !important;
    text-align: left;
}

blockquote p:before { 
    content: open-quote;
    font-size: 30px;
    font-weight: bold; 
    padding-right: 6px;
    vertical-align: middle;
}

blockquote p:after { 
    content: close-quote; 
    font-size: 30px;
    font-weight: bold;
    padding-left: 2px;
    vertical-align: middle;
}

blockquote cite {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #99173C;
    font-style: italic;
    display: block;
    padding: 8px 0px 0px 22px;
}

.required-label {
    color: #666666;
    font-size: 11px;
    font-style: italic;
}

.pages-mark {
    color: #666666;
    font-size: 11px;
    margin-right: 15px;
    float: left;
}

.small .pages-mark {
    line-height: 26px !important;
}

.medium .pages-mark {
    line-height: 30px !important;
}

.large .pages-mark {
    line-height: 34px !important;
}

.qtooltip {
    cursor: help;
    border-bottom: 1px dashed;
}

.horizontal-line {
    width: 100%;
    height: 1px;
    background: #EEEEEE;
    display: block;
}

/* Imagebox
-------------------------------------------------------------------------------------*/

/* Basics */

.imagebox {
    background-color: #F5F5F5;
    border: 1px solid #FFFFFF;
    margin: 1px;
    padding: 5px;

    -webkit-box-shadow: 0px 0px 2px #5C5E5E;
    -moz-box-shadow: 0px 0px 0px 1px #C4C7C8;
    box-shadow: 0px 0px 0px 1px #C4C7C8;
}

.imagebox img {
    display: block;
    border: 1px solid #FFFFFF;
}

/* Imagebox alignment and margins */

.right-margin {
    margin: 0px 0px 15px 35px;
    float: right;
}

.left-margin {
    margin: 0px 35px 15px 0px;
    float: left;
}

/* Borders (colors of input fields borders)
-------------------------------------------------------------------------------------*/

.blue-border {
    border: 1px solid #0078A5;
}

.red-border {
    border: 1px solid #AA1317;
}

.green-border {
    border: 1px solid #4E7D0E;
}

.orange-border {
    border: 1px solid #FA6900;
}

.rosy-border {
    border: 1px solid #B41B47;
}

.turquoise-border {
    border: 1px solid #12908F;
}

.violet-border {
    border: 1px solid #604878;
}

.acqua-border {
    border: 1px solid #185C76;
}

.brown-border {
    border: 1px solid #6B5344;
}

.grey-border {
    border: 1px solid #575757;
}

.black-border {
    border: 1px solid #484848;
}

.white-border {
    border: 1px solid #B7B7B7;
}

/* ----------------------------------------------------------------------------------*/
/* ---------->>> *03 COLUMNS
/* ----------------------------------------------------------------------------------*/

/* Basic Column Layout (40px space)
-------------------------------------------------------------------------------------*/

.column {
    display: inline;
    position: relative;
    vertical-align: top;
    text-align: justify;
    padding: 0px !important;
    margin-right: 4.1666% !important;
    float: left;
}

.one {
    width: 100% !important;
    margin-right: 0px !important;
    /*width: 960px !important;*/
}

.one-half {
    width: 47.9182% !important;
    /*width: 460px !important;*/
}

.one-third {
    width: 30.5568% !important;
    /*width: 293px !important;*/
}

.one-fourth {
    width: 21.8766% !important;
    /*width: 210px !important;*/
}

.one-fifth {
    width: 16.6682% !important;
    /*width: 160px !important;*/
}

.one-sixth {
    width: 13.1953% !important;
    /*width: 126px !important;*/
}

.two-third {
    width: 65.2795% !important;
    /*width: 627px !important;*/
}

.three-fourth {
    width: 73.9600% !important;
    /*width: 710px !important;*/
}

.two-fifth {
    width: 37.5016% !important;
    /*width: 360px !important;*/
}

.three-fifth {
    width: 58.3350% !important;
    /*width: 560px !important;*/
}

.four-fifth {
    width: 79.1683% !important;
    /*width: 760px !important;*/
}

.five-sixth {
    width: 82.6406% !important;
    /*width: 794px !important;*/
}

.latest {
    margin-right: 0px !important;
    vertical-align: top;
    float: right;
}

/* Content Segments (for pages with 60px space)
-------------------------------------------------------------------------------------*/

.one-half-seg {
    width: 450px !important;
}

.complex .one-half-seg {
    width: 450px !important;
}

.one-fourth-seg {
    width: 240px !important;
}

.three-fourth-seg {
    width: 660px !important;
}

/* ----------------------------------------------------------------------------------*/
/* ---------->>> *04 HEADER STYLES
/* ----------------------------------------------------------------------------------*/

/* Basics
-------------------------------------------------------------------------------------*/

#header {
    width: 100%;
    height: 140px;
}

.header-line {
    height: 5px;
    background-color: #036564;
}

.into-header {
    margin: 0px auto;
    width: 960px;
    height: 140px;
    position: relative;
}

.hidden-header {
    width: 100%;
    height:100px;
    display: none;
    margin: 0px 0 10px;
    padding-top: 14px;
}

.header-toggler {
    width: 30px;
    height: 20px;
    background: #036564 url(images/navigation/header_toggler.png) no-repeat;
    background-position: 0px -20px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
}

.header-toggler.pinned {
    background-position: 0px 0px;
}

.header-toggler.white {
    background-position: -30px -20px;
}

.header-toggler.white.pinned {
    background-position: -30px 0px;
}

/* Logo & Social Media
-------------------------------------------------------------------------------------*/

/* Logo */

.logo {
    width: 160px;
    height: 60px;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    margin: auto;
}

.logo img {
    outline: none;
}

.logo h1 {
    text-align: center;
    line-height: 60px;
}

.logo h1 a {
    color: #282828;
    display: block;
}

.logo h1 a:hover {
    color: #666666;
    text-decoration: none;
}

/* Social Media */

.social-links { 
    position: absolute;
    top: 7px;
    right: 0px;
}

.social-links li {
    background: transparent url(images/styling/social_icons_shadow.png) no-repeat bottom right;
    padding-left: 10px;
    padding-bottom: 5px;
    display: inline-block;
    text-indent: -9999px;
    float: left;
}

.social-links li a {
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 26px;
    width: 26px;
    padding: 0px;
    display: block;
    
    /* Transition */
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

/* Colors */
.social-links ul.blue li a { background: url(images/icons/social/large/blue.png); }
.social-links ul.red li a { background: url(images/icons/social/large/red.png); }
.social-links ul.green li a { background: url(images/icons/social/large/green.png); }
.social-links ul.orange li a { background: url(images/icons/social/large/orange.png); }
.social-links ul.rosy li a { background: url(images/icons/social/large/rosy.png); }
.social-links ul.turquoise li a { background: url(images/icons/social/large/turquoise.png); }
.social-links ul.violet li a { background: url(images/icons/social/large/violet.png); }
.social-links ul.acqua li a { background: url(images/icons/social/large/acqua.png); }
.social-links ul.brown li a { background: url(images/icons/social/large/brown.png); }
.social-links ul.grey li a { background: url(images/icons/social/large/grey.png); }
.social-links ul.black li a { background: url(images/icons/social/large/black.png); }
.social-links ul.white li a { background: url(images/icons/social/large/white.png); }

/* Icons */
.social-links li.behance a { background-position: 0px 0px !important; }
.social-links li.blogger a { background-position: -26px 0px !important; }
.social-links li.delicious a { background-position: -52px 0px !important; }
.social-links li.deviantart a { background-position: -78px 0px !important; }
.social-links li.digg a { background-position: -104px 0px !important; }
.social-links li.dribbble a { background-position: -130px 0px !important; }
.social-links li.facebook a { background-position: -156px 0px !important; }
.social-links li.flickr a { background-position: -182px 0px !important; }
.social-links li.forrst a { background-position: -208px 0px !important; }
.social-links li.github a { background-position: -234px 0px !important; }
.social-links li.googleplus a { background-position: -260px 0px !important; }
.social-links li.lastfm a { background-position: -286px 0px !important; }
.social-links li.linkedin a { background-position: -312px 0px !important; }
.social-links li.myspace a { background-position: -338px 0px !important; }
.social-links li.picasa a { background-position: -364px 0px !important; }
.social-links li.pinterest a { background-position: -390px 0px !important; }
.social-links li.plixi a { background-position: -416px 0px !important; }
.social-links li.rss a { background-position: -442px 0px !important; }
.social-links li.skype a { background-position: -468px 0px !important; }
.social-links li.stumbleupon a { background-position: -494px 0px !important; }
.social-links li.technorati a { background-position: -520px 0px !important; }
.social-links li.tumblr a { background-position: -546px 0px !important; }
.social-links li.twitter a { background-position: -572px 0px !important; }
.social-links li.vimeo a { background-position: -598px 0px !important; }
.social-links li.youtube a { background-position: -624px 0px !important; }

/* Switch Icons */
.social-links li.behance a:hover { background-position: 0px -26px !important; }
.social-links li.blogger a:hover { background-position: -26px -26px !important; }
.social-links li.delicious a:hover { background-position: -52px -26px !important; }
.social-links li.deviantart a:hover { background-position: -78px -26px !important; }
.social-links li.digg a:hover { background-position: -104px -26px !important; }
.social-links li.dribbble a:hover { background-position: -130px -26px !important; }
.social-links li.facebook a:hover { background-position: -156px -26px !important; }
.social-links li.flickr a:hover { background-position: -182px -26px !important; }
.social-links li.forrst a:hover { background-position: -208px -26px !important; }
.social-links li.github a:hover { background-position: -234px -26px !important; }
.social-links li.googleplus a:hover { background-position: -260px -26px !important; }
.social-links li.lastfm a:hover { background-position: -286px -26px !important; }
.social-links li.linkedin a:hover { background-position: -312px -26px !important; }
.social-links li.myspace a:hover { background-position: -338px -26px !important; }
.social-links li.picasa a:hover { background-position: -364px -26px !important; }
.social-links li.pinterest a:hover { background-position: -390px -26px !important; }
.social-links li.plixi a:hover { background-position: -416px -26px !important; }
.social-links li.rss a:hover { background-position: -442px -26px !important; }
.social-links li.skype a:hover { background-position: -468px -26px !important; }
.social-links li.stumbleupon a:hover { background-position: -494px -26px !important; }
.social-links li.technorati a:hover { background-position: -520px -26px !important; }
.social-links li.tumblr a:hover { background-position: -546px -26px !important; }
.social-links li.twitter a:hover { background-position: -572px -26px !important; }
.social-links li.vimeo a:hover { background-position: -598px -26px !important; }
.social-links li.youtube a:hover { background-position: -624px -26px !important; }

/* Top Menu
-------------------------------------------------------------------------------------*/

/* Basics */

#topmenu {
    height: 42px;
    background: #FFFFFF;
    text-align: center;
}

#topmenu.stuck {
    width: 100%;
    position: fixed;
    top: 0px;
    border-top: 5px solid #036564;
    z-index: 100000;

    /* Shadows */
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, .3);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, .3);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#C4C4C4')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#C4C4C4');
}

.into-topmenu {
    margin: 0px auto;
    width: 960px;
    text-align: center;
    position: relative;
}

.into-topmenu .top-shadow {
    width: 960px;
    height: 42px;
    position: absolute;
    bottom: 42px;
    background: transparent url(images/styling/menu_top_shadow.png) no-repeat top center;

}

.into-topmenu .bottom-shadow {
    width: 960px;
    height: 21px;
    position: absolute;
    top: 42px;
    background: transparent url(images/styling/menu_bottom_shadow.png) no-repeat top center;
    z-index: 200;
}

/* Superfish */

#superfish {
    height: 42px;
    width: 960px;
    position: relative;
    margin: 0px auto !important;
    visibility: hidden;
    z-index: 201;
}

#superfish > li {
    list-style: none;
    text-align: center;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    float: left;

    /* Transition */
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#superfish > li > a {
    position: relative;
    float: left;
    padding: 7px 15px 7px 15px;
    color: #282828;
    text-decoration: none;
    font-family: 'MuseoSans';
    font-weight: normal;
    font-size: 14px;
}

#superfish > li > a.sf-with-ul {
    padding-right: 30px;
}

#superfish li:hover {
    color: #FFFFFF;
    background-color: #036564;
}

#superfish li a:hover {
    color: #FFFFFF;
}

#superfish > li.current-menu-item > a, 
#superfish > li.current-menu-ancestor  > a,
#superfish a.current {
    color: #036564;
}

#superfish > li:hover > a {
    color: #FFFFFF;
}

/* ----------------------------------------------------------------------------------*/
/* ---------->>> *05 PAGE STYLES
/* ----------------------------------------------------------------------------------*/

/* Basics
-------------------------------------------------------------------------------------*/

#content {
    width: 960px;
    margin: 0px auto 80px;
    display: block;
}

#content.portfolio-uncolumned {
    margin-bottom: 38px;
}

#content.portfolio-columned {
    margin-bottom: 34px;
}

#content.gallery-uncolumned {
    margin-bottom: 18px;
}

/* Content pagination */

.content-pagination {
    width: 100%;
    margin-top: 35px;
    float: left;
}

/* Headbar (section for page titles and filter lists)
-------------------------------------------------------------------------------------*/

/* Headbar style for all pages */

.headbar {
    width: 100%;
    height: 100px;
    margin-bottom: 80px;
    background-color: #036564;
}

.headbar .into-headbar {
    width: 960px;
    height: 100px;
    margin: 0px auto;
    position: relative;
}

.into-headbar .headings {
    top: 32px;
    left: 0px;
    position: absolute;
}

.into-headbar .headings h1 {
    color: #FFFFFF;
}

.into-headbar .headings h5 {
    color: #FFFFFF;
    letter-spacing: 0.6px;
}

/* Headbar style for homepage only */

.headbar.foreground {
    margin-bottom: 0px;
    background: none !important;
}

.triangle {
    width: 300px;
    height: 40px;
    position: relative;
    margin: 0px auto;
}

.triangle .contour {
    width: 300px;
    height: 40px;
    background: transparent url(images/styling/triangle_contour.png) no-repeat top center;
    position: absolute;
    top: 0;
    z-index: 102;
}

.triangle .shape {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 40px 150px 0 150px;
    border-color: #036564 transparent transparent transparent;
    position: absolute;
    top: 0;
    z-index: 101;
}

/* Filter List on Headbar (categories of portfolio and gallery) */

.filter-list {
    right: 0px;
    bottom: -36px;
    position: absolute;
}

#portfolio-filter li, #gallery-filter li {
    margin-left: 20px;
    color: #282828;
    float: left;
}

#portfolio-filter li a, #gallery-filter li a {
    white-space: nowrap;
    color: #282828;
    text-decoration: none;
    margin-top: 19px;
    display: block;
}

#portfolio-filter li a:hover, #gallery-filter li a:hover {
    color: #282828;
    text-decoration: underline;
}

#portfolio-filter li.current, #gallery-filter li.current {
    border-top: 5px solid #033649;
}

#portfolio-filter li.current a, #gallery-filter li.current a {
    color: #FFFFFF;
    text-decoration: none;
    margin-top: 14px;
}

/* Titles (for using in the sidebars and widgets)
-------------------------------------------------------------------------------------*/

.lined {
    width: 100%;
    margin-bottom: 34px;
    border-bottom: 1px solid #EEEEEE;
    float: left;
}

.bolded-line {
  display: block;
  margin-bottom: -1px;
  margin-top: 20px;
  width: 20px;
  height: 1px;
  background-color: #282828; 
}

/* ----------------------------------------------------------------------------------*/
/* ---------->>> *06 FOOTER STYLES
/* ----------------------------------------------------------------------------------*/

/* Basics
-------------------------------------------------------------------------------------*/

#footer {
    width: 100%;
    background: #FFFFFF url(images/styling/footer_bg.png);
    border-top: 1px solid #EEEEEE;
    position: relative;
}

.footer-content {
    margin: 0px auto;
    width: 960px;
}

.into-footer {
    width: 100%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #282828;
    line-height: 22px !important;
    margin-top: 44px;
    float: left;
}

/* Footer Widget Areas
-------------------------------------------------------------------------------------*/

/* Left widget area */

.left-widget-area {
    width: 240px;
    min-height: 1px;
    margin-bottom: 44px;
    float: left;
}

/* Center widget area */

.center-widget-area {
    width: 360px;
    margin: 0px 60px 44px 60px;
    min-height: 1px;
    float: left;
}

/* Right widget area */

.right-widget-area {
    width: 240px;
    min-height: 1px;
    margin-bottom: 44px;
    float: right;
}

/* Footer Bottom Panel
-------------------------------------------------------------------------------------*/

#bottom {
    width: 100%;
    height: 80px;
    background: #FFFFFF;
    border-top: 1px solid #EEEEEE;
    bottom: 0px !important;
    left: 0px !important;
    position: absolute !important;
    display: none;
}

.into-bottom {
    width: 960px;
    height: 80px;
    color: #282828;
    margin: 0px auto;
    position: relative;
}

.into-bottom a {
    color: #0067AC;
    text-decoration: none;
}

.into-bottom a:hover {
    color: #00AEFF;
    text-decoration: none;
}

.copyright-info {
    margin-top: 29px;
    float: left;
}

.footer-menu {
    margin-top: 29px;
    float: right;
}

.footer-menu ul { 
    margin: 0px; 
}

.footer-menu li {
    list-style: none;
    margin: 0px;
    float: left;
}
            
.footer-menu li a {
    border-left: 1px dotted #282828;
    display: block;
    padding: 0px 15px;
}

.footer-menu li:first-child a {
    border-left: none;
    padding-left: 0px;
}

.footer-menu li:last-child a { 
    padding-right: 0px; 
}

.backtop {
    width: 30px;
    height: 20px;
    background: #033649 url(images/navigation/backtop_arrow.png) no-repeat;
    background-position: 0px 0px;
    cursor: pointer;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
    position: absolute;
}

.backtop.white {
    background-position: 0px -20px;
}

.footer-line {
    height: 5px;
    background-color: #036564;
}

/* ----------------------------------------------------------------------------------*/
/* ---------->>> *07 CONTENT STYLING
/* ----------------------------------------------------------------------------------*/

/* Sliders (edit more in css/nivo_slider.css or css/sliderkit_slider.css)
-------------------------------------------------------------------------------------*/

.slider {
    width: 100%;    
    float: left;
}

.slider .top-glow {
    height: 46px;
    background: transparent url(images/styling/slider_top_glow.png) no-repeat;
    position: relative; 
}

.slides-wrapper {
    width: 960px;
    height: 400px;
    background: #FFFFFF url(images/loader.gif) no-repeat center center;
    display: block; 
    position: relative;
}

.slides-wrapper div.top-shadow { 
    background: url(images/styling/slider_top_shadow.png) no-repeat; 
    display: block; 
    height: 4px; 
    left: 0px; 
    position: absolute; 
    top: 0px; 
    width: 960px;
    z-index: 10;
}

.slides-wrapper div.bottom-shadow { 
    background: url(images/styling/slider_bottom_shadow.png) no-repeat; 
    display: block; 
    height: 4px; 
    left: 0px; 
    position: absolute; 
    bottom: 0px; 
    width: 960px;
    z-index: 10;
}

.slider .bottom-glow {
    height: 46px;
    background: transparent url(images/styling/slider_bottom_glow.png) no-repeat;
    position: relative;
}

/* Services
-------------------------------------------------------------------------------------*/

/* Basics */

.services {
    width: 960px;
    position: relative;
    float: left;
}

.services .top-shadow {
    width: 100%;
    height: 8px;
    background: transparent url(images/styling/services_top_shadow.png) no-repeat;
    top: 0px;
    position: absolute;
}

.services .bottom-shadow {
    width: 100%;
    height: 8px;
    background: transparent url(images/styling/services_bottom_shadow.png) no-repeat;
    bottom: 0px;
    position: absolute;
}

/* Standard Style */

.services-standard {
    width: 960px;
    padding: 50px 0px 55px 0px;
    background: transparent url(images/styling/services_lines.png) repeat-y;
    float: left;
}

.services-standard-box {
    background: #FFFFFF;
    vertical-align: top;
    margin-right: 40px;
    position: relative;
    display: block;
    float: left;
}

.services-standard-box .circle {
    width: 100%;
    margin-bottom: 13px;
    float: left;
}

.services-standard-box .outer-circle {
    width: 122px;
    height: 122px;
    margin: 0px auto;
    padding-top: 11px;
    background: transparent url(images/styling/service_circle_bg.png) no-repeat;
    display: block;
}

.services-standard-box .inner-circle {
    width: 100px;
    height: 100px;
    margin: 0px auto;
    display: block;

    background-color: #036564;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    border-radius: 999em;

    -moz-box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 3px 5px rgba(0, 0, 0, 0.3);

    behavior: url(images/styling/PIE.htc);
}

.services-standard-box #service_1 {
    background-image: url(images/icons/service/service_1.png);
}

.services-standard-box #service_2 {
    background-image: url(images/icons/service/service_2.png);
}

.services-standard-box #service_3 {
    background-image: url(images/icons/service/service_3.png);
}

.services-standard-box #service_4 {
    background-image: url(images/icons/service/service_4.png);
}

.services-standard-box h4 {
    width: 100%;
    color: #282828;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    margin-bottom: 28px;
    display: block;
    float: left;
}

.services-standard-box h4 .bolded-line {
    width: 20px;
    height: 1px;
    background-color: #282828;
    margin-top: 10px;
    display: block;
}

.services-standard-box p {
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    display: block;
    float: left;
}

/* Exceptional Style */

.services-exceptional {
    width: 1000px;
    height: 305px;
    padding: 56px 0px 55px 0px;
    float: left;
}

.services-exceptional-wrapper{
    width: 100%;
    height: 100%;
    position: relative;
}

.services-exceptional-box {
    width: 250px;
    height: 100%;
    vertical-align: top;
    display: block;
    position: relative;
    float: left;
}

.services-exceptional-box .content {
    background: #FFFFFF;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 40px;
    bottom: 0px;
    overflow: hidden;
    margin: 0px;
}

.services-exceptional-box .mosaic-block {
    margin: 34px 0px 34px 0px
}

.services-exceptional-box .mosaic-overlay {
    cursor: pointer;
}

.services-exceptional-box h4 {
    color: #282828;
    text-transform: uppercase;
    cursor: pointer;
}

.services-exceptional-box h4 .bolded-line {
    width: 40px;
    height: 1px;
    background-color: #282828;
    margin-top: 10px;
    display: block;
}

.services-exceptional-box .short-content {
    text-align: justify;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    margin: 0px;
    display: block;
    float: left;
}

.services-exceptional-box .full-content-wrapper {
    width: 0px;
    height: 305px;
    background: #FFFFFF;
    position: absolute;
    z-index: 10000;
    overflow: hidden;
}

.services-exceptional-box .full-content {
    width: 690px;
    margin-left: 40px;
    position: relative;
}

.services-exceptional-box .full-content .top-glow {
    width: 670px;
    height: 20px;
    background: transparent url(images/styling/service_top_glow.png) no-repeat center top;
    position: absolute;
    top: 0px;
    z-index: 10001;
}

.services-exceptional-box .full-content .bottom-glow {
    width: 670px;
    height: 20px;
    background: transparent url(images/styling/service_bottom_glow.png) no-repeat;
    position: absolute;
    bottom: 0px;
    z-index: 10002;
}

.services-exceptional-box .full-content .scroll-pane {
    width: 100%;
    height: 305px;
    padding-right: 20px;
    margin: 0px;
    display: block;
    overflow: auto;
}

.services-exceptional-box .full-content .scroll-text {
    padding: 0px 0px 0px 0px;
    text-align: justify;
    float: left;
}

/* Projects Carousel
-------------------------------------------------------------------------------------*/

.projects_carousel {
    width: 100%;
    position: relative;
    float: left;
}

#carousel .wrapper {
    width: 632px;
    height: 88px;
    margin: 0px -38px 0px 38px;
    padding: 1px; 
    position: relative;
    overflow: hidden;
    float: left;
}
 
#carousel ul {
    padding: 0px;
    list-style: none;
    display: block;
    margin-left: -36px;
    overflow: hidden;
}

#carousel li {
    margin: 1px 1px 1px 36px;
    display: block;
    float: left;
    position: relative;
}       

#carousel .prev, #carousel .next {
    width: 15px;
    height: 20px;           
    display: block;
    outline: none;              
    text-indent: -999em;
    background: transparent url(images/navigation/projects_carousel_arrow.png) no-repeat 0 0;
    position: absolute;
    top: 35px;
}

#carousel .prev {
    background-position: 0px 0px;
    left: 0px;
}

#carousel .prev:hover {
    background-position: 0px -20px;
}   
        
#carousel .next {
    background-position: -15px 0px;
    right: 0px;
}

#carousel .next:hover {
    background-position: -15px -20px;
}

/* Homepage Sections
-------------------------------------------------------------------------------------*/

/* Abouts */

.abouts {
    width: 100%;
    float: left;
}

.abouts .imagebox {
    margin-bottom: 35px;
    float: left;
}

.abouts .imagebox img {
    max-width: 444px;
}

.abouts p {
    width: 100%;
    display: block;
    float: left;
}

.abouts .button {
    width: 100%;
    margin-top: 24px;
    display: block;
    float: left;
}

/* Reasons */

.reasons {
    width: 100%;
    float: left;
}

.reasons .reason {
    width: 100%;
    border-bottom: 1px solid #EEEEEE;
    display: block;
    float: left;
}

.reason:last-child {
    border-bottom: none;
}

.reason .number {
    width: 79px;
    padding: 23px 0px 23px 0px;
    float: left;
}

.reason .number h1 {
    font-family: 'MuseoSans';
    font-weight: normal;
    color: #036564;
    font-size: 54px;
    line-height: 54px;
}

.reason:first-child .number {
    padding-top: 0px;
}

.reason:first-child .number h1 {
    line-height: 50px;
}

.reason .content {
    width: 350px;
    padding: 25px 0px 24px 29px;
    border-left: 1px solid #EEEEEE;
    float: right;
}

.reason:first-child .content {
    padding-top: 0px;
}

.reason:last-child .content {
    padding-bottom: 0px;
}

.reason .content h4 {
    margin-bottom: 18px;
}

/* Testimonials */

.testimonials {
    width: 100%;
    position: relative;
    float: left;
}

.testimonials .testimonial {
    display: none;
}

/* Message Boxes
-------------------------------------------------------------------------------------*/

/* Basics */

.info-box, 
.success-box, 
.warning-box, 
.note-box, 
.download-box 
{
    width: 100%;
    color: #282828;
    border: 1px solid #C4C7C8;
    display: block;
    float: left;
}

.info-box.top, 
.success-box.top, 
.warning-box.top, 
.note-box.top, 
.download-box.top 
{
    margin-top: 25px;
}

.info-box.bottom, 
.success-box.bottom, 
.warning-box.bottom, 
.note-box.bottom, 
.download-box.bottom 
{
    margin-bottom: 25px;
}

.info-box.both, 
.success-box.both, 
.warning-box.both, 
.note-box.both, 
.download-box.both 
{
    margin-top: 25px;
    margin-bottom: 25px;
}

.info-box span, 
.success-box span, 
.warning-box span, 
.note-box span, 
.download-box span 
{
    padding: 10px 15px 10px 36px;
    float: left;
}

/* Information box */

.info-box {
    background: #FFFFFF url(images/styling/message_blue_bg.png) repeat-x;
}

.info-box span {
    background: transparent url(images/icons/message/info.png) no-repeat 10px 12px;
}

/* Success box */

.success-box {
    background: #FFFFFF url(images/styling/message_green_bg.png) repeat-x;
}

.success-box span {
    background: transparent url(images/icons/message/success.png) no-repeat 10px 12px;
}

/* Warning box */

.warning-box {
    background: #FFFFFF url(images/styling/message_red_bg.png) repeat-x;
}

.warning-box span {
    background: transparent url(images/icons/message/error.png) no-repeat 10px 12px;
}

/* Notification box */

.note-box {
    background: #FFFFFF url(images/styling/message_yellow_bg.png) repeat-x;
}

.note-box span {
    background: transparent url(images/icons/message/note.png) no-repeat 10px 12px;
}

/* Download box */

.download-box {
    background: #FFFFFF url(images/styling/message_grey_bg.png) repeat-x;
}

.download-box span {
    background: transparent url(images/icons/message/download.png) no-repeat 10px 12px;
}

/* Intro Text
-------------------------------------------------------------------------------------*/

.intro-text {
    width: 100%;
    float: left;
}

.intro-text p {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    font-style: italic;
    font-size: 20px;
    color: #282828;
    text-transform: none;
    letter-spacing: normal;
    line-height: 30px !important;
    text-align: center;
    padding-bottom: 4px; 
}

.intro-text .top-shadow {
    height: 24px;
    background: transparent url(images/styling/quote_top_glow.png) no-repeat center top;
    background-size: 100%;
}

.intro-text .bottom-shadow {
    height: 24px;
    background: transparent url(images/styling/quote_bottom_glow.png) no-repeat center bottom;
    background-size: 100%;
}

/* Headline
-------------------------------------------------------------------------------------*/

.headline {
    width: 100%;
    display: block;
    overflow: hidden;
    float: left;
}

.headline h2 {
    background: transparent url(images/styling/line_grey.png) repeat-x scroll left center;
}

.headline .left-line, 
.headline .right-line 
{
    background: transparent url(images/styling/line_black.png) repeat-x scroll left center;
}

.headline .left-line {
    padding-left: 20px;
}

.headline .right-line {
    padding-right: 20px;
}

.headline .left-text,
.headline .right-text,
.headline .center-text
{
    background: #FFFFFF;
}

.headline .left-text {
    padding-right: 15px;
}

.headline .right-text {
    padding-left: 15px;
}

.headline .center-text {
    padding-right: 15px;
    padding-left: 15px;
}

.headline h5 {
    color: #B3B3B3;
}

/* Tagline
-------------------------------------------------------------------------------------*/

.tagline {
    width: 100%;
    display: block;
    text-align: center;
    overflow: hidden;
    float: left;
}

.tagline .large h1 {
    font-size: 28px;
    color: #282828;
    text-transform: uppercase;
}

.tagline .large h2 {
    font-size: 20px;
    color: #B3B3B3;
    text-transform: none;
    margin-top: 16px;
}

.tagline .medium h1 {
    font-size: 24px;
    color: #282828;
    text-transform: uppercase;
}

.tagline .medium h2 {
    font-size: 17px;
    color: #B3B3B3;
    text-transform: none;
    margin-top: 10px;
}

.tagline .small h1 {
    font-size: 20px;
    color: #282828;
    text-transform: uppercase;
}

.tagline .small h2 {
    font-size: 14px;
    color: #B3B3B3;
    text-transform: none;
    margin-top: 5px;
}

.tagline h1 strong, 
.tagline h1 b 
{
    color: #99173C;
    font-weight: normal;
}

.tagline .top-shadow {
    height: 24px;
    background: transparent url(images/styling/quote_top_glow.png) no-repeat center top;
    background-size: 100%;
}

.tagline .bottom-shadow {
    height: 24px;
    background: transparent url(images/styling/quote_bottom_glow.png) no-repeat center bottom;
    background-size: 100%;
}

/* Blockquotes
-------------------------------------------------------------------------------------*/

.blockquote {
    width: 100%;
    position: relative; 
    float: left;
}

.blockquote p {
    margin: 0px;
    padding: 0px;
    text-indent: 0px;
}

.blockquote blockquote {
    width: 100%;
    line-height: 28px;
    position: relative;
    display: block;
    float: left;

    /* Inner Shadows */
    -moz-box-shadow:inset 0px 0px 0px 2px #F5F5F5;
    -webkit-box-shadow:inset 0px 0px 0px 2px #F5F5F5;
    box-shadow:inset 0px 0px 0px 2px #F5F5F5;
}

.blockquote cite {
    display: block;
    font-style: normal;
}

/* Style 1 */

.blockquote.style_1 blockquote {
    background: #F9F9F9;
}

.blockquote.style_1 blockquote p {
    padding: 24px 30px 8px 50px;
    text-indent: -22px;
}

.blockquote.style_1 blockquote cite {
    padding: 0px 30px 22px 50px;
    font-style: normal;
    float: right;
}

.blockquote.style_1 .shadow {
    width: 100%;
    height: 18px;
    background: transparent url(images/styling/quote_shadow_1.png) no-repeat top center;
    background-size: 100% !important;
    float: left;
}

/* Style 2 */

.blockquote.style_2 blockquote {
    background: #F9F9F9;
    text-align: center;
}

.blockquote.style_2 blockquote p {
    padding: 24px 30px 24px 30px;
    text-indent: -5px;
    background: transparent url(images/styling/quote_divider_1.png) repeat-x center bottom;
    text-align: center;
}

.blockquote.style_2 blockquote cite {
    padding: 8px 0px 10px 0px;
    font-style: normal;
}

.blockquote.style_2 .shadow {
    width: 100%;
    height: 37px;
    background: transparent url(images/styling/quote_shadow_2.png) no-repeat top center;
    background-size: 100% !important;
    float: left;
}

/* Style 3 */

.blockquote.style_3 blockquote {
    background: #F9F9F9;
    text-align: center;

    /* Gradient */
    background: -moz-linear-gradient(-45deg,  #f9f9f9 0%, #f9f9f9 75%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f9f9f9), color-stop(75%,#f9f9f9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #f9f9f9 0%,#f9f9f9 75%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #f9f9f9 0%,#f9f9f9 75%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #f9f9f9 0%,#f9f9f9 75%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(135deg,  #f9f9f9 0%,#f9f9f9 75%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.blockquote.style_3 blockquote p {
    padding: 24px 30px 8px 50px;
    text-indent: -22px;
}

.blockquote.style_3 blockquote cite {
    padding: 0px 30px 22px 50px;
    font-style: normal;
    float: left;
}

.blockquote.style_3 .arrow {
    width: 47px;
    height: 29px;
    background: transparent url(images/styling/quote_arrow.png) no-repeat top center;
    position: absolute;
    left: 20px;
    bottom: -5px;
    float: left;
}

.blockquote.style_3 .shadow {
    width: 100%;
    height: 22px;
    background: transparent url(images/styling/quote_shadow_3.png) no-repeat top center;
    background-size: 100% !important;
    float: left;
}

/* Style 4 */

.blockquote.style_4 blockquote {
    background: #F9F9F9;
    quotes: none !important;
    line-height: 28px;
    text-align: center;
}

.blockquote.style_4 blockquote p:before,
.blockquote.style_4 blockquote p:after { 
    content: none;
    padding: 0px !important;
}


.blockquote.style_4 blockquote p {
    padding: 35px 30px 24px 30px;
    background: transparent url(images/styling/quote_divider_2.png) repeat-x center bottom;
    text-align: center;
}

.blockquote.style_4 blockquote cite {
    padding: 8px 0px 10px 0px;
    font-style: normal;
}

.blockquote.style_4 .pin {
    width: 33px;
    height: 43px;
    background: transparent url(images/styling/quote_pin.png) no-repeat;
    position: absolute;
    top: -20px;
    left: 47%;
    float: left;
}

.blockquote.style_4 .shadow {
    width: 100%;
    height: 20px;
    background: transparent url(images/styling/quote_shadow_4.png) no-repeat top center;
    background-size: 100% !important;
    float: left;
}

/* Style 5 */

.blockquote.style_5 blockquote {
    background: #F9F9F9;
    quotes: none !important;
}

.blockquote.style_5 blockquote p:before,
.blockquote.style_5 blockquote p:after { 
    content: none;
    padding: 0px !important;
}

.blockquote.style_5 blockquote p {
    padding: 24px 30px 8px 50px;
}

.blockquote.style_5 blockquote cite {
    padding: 0px 30px 22px 30px;
    font-style: normal;
    float: right;
}

.blockquote.style_5 .corner {
    width: 65px;
    height: 66px;
    background: transparent url(images/styling/quote_corner.png) no-repeat;
    position: absolute;
    top: -6px;
    left: -6px;
    float: left;
}

.blockquote.style_5 .shadow {
    width: 100%;
    height: 38px;
    background: transparent url(images/styling/quote_shadow_5.png) no-repeat top center;
    background-size: 100% !important;
    float: left;
}

/* Style 6 */

.blockquote.style_6 blockquote {
    background: #F9F9F9;
    quotes: none !important;
}

.blockquote.style_6 blockquote p:before,
.blockquote.style_6 blockquote p:after { 
    content: none;
    padding: 0px !important;
}

.blockquote.style_6 blockquote p {
    padding: 24px 30px 8px 60px;
    font-style: normal;
}

.blockquote.style_6 blockquote cite {
    padding: 0px 30px 22px 60px;
    font-style: italic;
    float: left;
}

.blockquote.style_6 .badge {
    width: 45px;
    height: 55px;
    background: transparent url(images/styling/quote_badge.png) no-repeat;
    position: absolute;
    top: 24px;
    left: -8px;
    float: left;
}

.blockquote.style_6 .shadow {
    width: 100%;
    height: 40px;
    background: transparent url(images/styling/quote_shadow_6.png) no-repeat top center;
    background-size: 100% !important;
    float: left;
}

/* Pullquotes
-------------------------------------------------------------------------------------*/

.pullquote {
    width: 40%;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    font-style: italic;
    font-size: 16px;
    color: #282828;
    text-align: justify;
    text-transform: none;
    letter-spacing: normal;
    line-height: 26px !important;
    margin: 15px 0px 15px 0px;
    display: inline-block;
    position: relative;
    float: left;
}

.pullquote.right {
    float: right;
    background: transparent url(images/styling/line_grey.png) repeat-y left center;
    margin-left: 20px;
    padding-left: 23px;
}

.pullquote.left {
    float: left;
    background: transparent url(images/styling/line_grey.png) repeat-y right center;
    margin-right: 20px;
    padding-right: 23px;
}

/* Drop Caps
-------------------------------------------------------------------------------------*/

.dropcap {
    color: #282828;
    font-size: 32px;
    font-weight: bold;
    line-height: 34px;
    text-align: left;
    text-transform: capitalize;
    margin: 2px 10px 0px 0px;
    display: inline-block;
    float: left;
}

.dropcap.light {
    width: 36px;
    height: 36px;
    background: #DCDCDC;
    font-size: 24px;
    text-align: center;
    margin: 2px 10px 0px 0px;
    color: #282828;
}

.dropcap.dark {
    width: 36px;
    height: 36px;
    background: #282828;
    font-size: 24px;
    text-align: center;
    margin: 2px 10px 0px 0px;
    color: #DCDCDC;
}

/* List Styles
-------------------------------------------------------------------------------------*/

/* Default Unordered List */

.lists.default ul li, ul.default li {
    list-style: square;
    list-style-position: inside;
    background-image: none !important;
    padding-left: 0px !important;
}

/* Default Ordered List */

.lists.default ol li {
    list-style: decimal;
    list-style-position: inside;
    background-image: none !important;
    padding-left: 0px !important;
}

.lists.default ol li ol {
    margin-bottom: 0px; 
    margin-left: 21px;
}

.lists.default ol li ol li {
    list-style: lower-alpha;
    list-style-position: inside;
}

/* Styled List */

ul.lists, div.lists {
    width: 100%;
    margin: 0px;
    display: block;
    float: left;
}

ul.lists li, div.lists li {
    list-style: none outside none;
    line-height: 22px;
    padding-left: 20px;
    margin: 0px;
}

ul.arrow li, div.arrow li {
    background: transparent url(images/icons/list/arrow.png) no-repeat 3px 7px;
}

ul.arrow_2 li, div.arrow_2 li {
    background: transparent url(images/icons/list/arrow_2.png) no-repeat 0px 8px;
}

ul.circle li, div.circle li {
    background: transparent url(images/icons/list/circle.png) no-repeat 1px 7px;
}

ul.circle_2 li, div.circle_2 li {
    background: transparent url(images/icons/list/circle_2.png) no-repeat 1px 7px;
}

ul.square li, div.square li {
    background: transparent url(images/icons/list/square.png) no-repeat 2px 8px;
}

ul.square_2 li, div.square_2 li {
    background: transparent url(images/icons/list/square_2.png) no-repeat 2px 8px;
}

ul.plus li, div.plus li {
    background: transparent url(images/icons/list/plus.png) no-repeat 1px 7px;
}

ul.minus li, div.minus li {
    background: transparent url(images/icons/list/minus.png) no-repeat 1px 10px;
}

ul.cross li, div.cross li {
    background: transparent url(images/icons/list/cross.png) no-repeat 2px 8px;
}

ul.check li, div.check li {
    background: transparent url(images/icons/list/check.png) no-repeat 1px 8px;
}

ul.star li, div.star li {
    background: transparent url(images/icons/list/star.png) no-repeat 0px 5px;
}

ul.asterisk li, div.asterisk li {
    background: transparent url(images/icons/list/asterisk.png) no-repeat 1px 7px;
}

ul.stop li, div.stop li {
    background: transparent url(images/icons/list/stop.png) no-repeat 1px 7px;
}

ul.lock li, div.lock li {
    background: transparent url(images/icons/list/lock.png) no-repeat 2px 6px;
}

ul.user li, div.user li {
    background: transparent url(images/icons/list/user.png) no-repeat 3px 7px;
}

ul.book li, div.book li {
    background: transparent url(images/icons/list/book.png) no-repeat 2px 7px;
}

ul.document li, div.document li {
    background: transparent url(images/icons/list/document.png) no-repeat 2px 7px;
}

ul.calendar li, div.calendar li {
    background: transparent url(images/icons/list/calendar.png) no-repeat 1px 7px;
}

ul.heart li, div.heart li {
    background: transparent url(images/icons/list/heart.png) no-repeat 1px 8px;
}

ul.idea li, div.idea li {
    background: transparent url(images/icons/list/idea.png) no-repeat 3px 7px;
}

ul.tag li, div.tag li {
    background: transparent url(images/icons/list/tag.png) no-repeat 1px 8px;
}

ul.bookmark li, div.bookmark li {
    background: transparent url(images/icons/list/bookmark.png) no-repeat 4px 7px;
}

/* Html Bullets */

ul.round li:before, 
div.round li:before, 
ul.quadrate li:before, 
div.quadrate li:before {
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
}

ul.quadrate li:before, div.quadrate li:before {
    content:'\25A0';
    left: -20px;
    top: -3px;
    color: #7C909F;
    font-size: 16px;
}

ul.round li:before, div.round li:before {
    content:'\2022';
    left: -20px;
    top: -1px;
    color: #7C909F;
    font-size: 20px;
}

/* Dividers
-------------------------------------------------------------------------------------*/

hr.divider_01 {
    height: 9px;
    background: transparent url(images/dividers/divider_01.png) repeat-x;
}

hr.divider_02 {
    height: 5px;
    background: transparent url(images/dividers/divider_02.png) repeat-x;
}

hr.divider_03 {
    height: 7px;
    background: transparent url(images/dividers/divider_03.png) repeat-x;
}

hr.divider_04 {
    height: 3px;
    background: transparent url(images/dividers/divider_04.png) repeat-x;
}

hr.divider_05 {
    height: 3px;
    background: transparent url(images/dividers/divider_05.png) repeat-x;
}

hr.divider_06 {
    height: 4px;
    background: transparent url(images/dividers/divider_06.png) repeat-x;
}

hr.divider_07 {
    height: 2px;
    background: transparent url(images/dividers/divider_07.png) repeat-x;
}

hr.divider_08 {
    height: 5px;
    background: transparent url(images/dividers/divider_08.png) repeat-x;
}

hr.divider_09 {
    height: 4px;
    background: transparent url(images/dividers/divider_09.png) repeat-x;
}

hr.divider_10 {
    height: 13px;
    background: transparent url(images/dividers/divider_10.png) repeat-x;
}

hr.divider_11 {
    height: 5px;
    background: transparent url(images/dividers/divider_11.png) repeat-x;
}

hr.divider_12 {
    height: 3px;
    background: transparent url(images/dividers/divider_12.png) repeat-x;
}

hr.divider_13 {
    height: 3px;
    background: transparent url(images/dividers/divider_13.png) repeat-x;
}

hr.divider_14 {
    height: 7px;
    background: transparent url(images/dividers/divider_14.png) repeat-x;
}

hr.divider_15 {
    height: 5px;
    background: transparent url(images/dividers/divider_15.png) repeat-x;
}

hr.divider_16 {
    height: 5px;
    background: transparent url(images/dividers/divider_16.png) repeat-x;
}

hr.divider_17 {
    height: 5px;
    background: transparent url(images/dividers/divider_17.png) repeat-x;
}

hr.divider_18 {
    height: 7px;
    background: transparent url(images/dividers/divider_18.png) repeat-x;
}

hr.divider_19 {
    height: 2px;
    background: transparent url(images/dividers/divider_19.png) repeat-x;
}

hr.divider_20 {
    height: 3px;
    background: transparent url(images/dividers/divider_20.png) repeat-x;
}

/* Testimonial
-------------------------------------------------------------------------------------*/

.testimonial {
    width: 100%;
    color: #282828;
    font-style: italic;
    line-height: 22px;
    position: relative;
    float: left;
}

.testimonial .author {
    font-size: 11px; 
    color: #99173C;
}

.testimonial.style_1 .content, 
.testimonial.style_2 .content, 
.testimonial.style_3 .content, 
.testimonial.style_4 .content 
{
    width: 100%;
    float: left;

    /* Inner Shadows */
    -moz-box-shadow:inset 0px 0px 0px 2px #F5F5F5;
    -webkit-box-shadow:inset 0px 0px 0px 2px #F5F5F5;
    box-shadow:inset 0px 0px 0px 2px #F5F5F5;
}

/* Style 1 */

.testimonial.style_1 .content {
    background: #F9F9F9 url(images/styling/testimonial_curve.png) no-repeat right bottom;
}

.testimonial.style_1 .content p {
    padding: 15px 25px 25px 25px;
}

.testimonial.style_1 .shadow {
    width: 100%;
    height: 24px;
    background: transparent url(images/styling/testimonial_shadow_1.png) no-repeat right top;
    float: left;
}

.testimonial.style_1 .arrow {
    width: 47px;
    height: 26px;
    background: transparent url(images/styling/testimonial_arrow.png) no-repeat;
    position: absolute;
    bottom: 0px;
    left: 30px;
    float: left;
}

.testimonial.style_1 .author {
    padding: 6px 0px 0px 80px;
    float: left;
}

/* Style 2 */

.testimonial.style_2 .content {
    background: #F9F9F9;
}

.testimonial.style_2 .content p {
    padding: 15px 25px 15px 25px;
}

.testimonial.style_2 .shadow {
    width: 100%;
    height: 21px;
    background: transparent url(images/styling/testimonial_shadow_2.png) no-repeat center top;
    background-size: 100%;
    float: left;
}

.testimonial.style_2 .author {
    padding: 0px 25px 15px 25px;
    text-align: right;
}

/* Style 3 */

.testimonial.style_3 .content {
    min-height: 85px;
    background-color: #F9F9F9;
    display: none;
}

.testimonial.style_3 .content p {
    padding: 15px 25px 15px 25px;
}

.testimonial.style_3 .author {
    padding: 0px 25px 15px 25px;
    text-align: left;
}

.testimonial.style_3 .left-shadow { 
    width: 7px; 
    height: 85px;
    background: transparent url(images/styling/testimonial_shadow_4_left.png) no-repeat left top;
    display: none;
    float: left; 
}

.testimonial.style_3 .right-shadow {
    width: 7px;
    height: 85px;
    background: transparent url(images/styling/testimonial_shadow_4_right.png) no-repeat right top;
    display: none;
    float: left;
}

/* Style 4 */

.testimonial.style_4 .content {
    min-height: 85px;
    background-color: #F9F9F9;
    display: none;
}

.testimonial.style_4 .content p {
    padding: 15px 25px 15px 25px;
}

.testimonial.style_4 .author {
    padding: 0px 0px 15px 0px;
    text-align: center;
}

.testimonial.style_4 .left-shadow { 
    width: 17px; 
    height: 85px;
    background: transparent url(images/styling/testimonial_shadow_3_left.png) no-repeat left top;
    display: none;
    float: left; 
}

.testimonial.style_4 .right-shadow {
    width: 17px;
    height: 85px;
    background: transparent url(images/styling/testimonial_shadow_3_right.png) no-repeat right top;
    display: none;
    float: left;
}

 /* Clients
-------------------------------------------------------------------------------------*/

.clients {
    width: 627px;
    float: left;
}

.clients .rowline {
    width: 100%;
    height: 1px;
    border: 0px;
    background: #EEEEEE;
    float: left;
}

.clients .rowline:last-child {
    display: none !important;
}

.clients .client {
    width: 200px;
    height: 80px;
    padding-right: 8px;
    border-right: 1px solid #EEEEEE;
    display: inline-block;
    float: left;
}

.clients .client a {
    display: block;
}

.clients .client img {
    max-width: 100%;
    height: auto;
}

.clients #client-3, 
.clients #client-6, 
.clients #client-9, 
.clients #client-12, 
.clients #client-15, 
.clients #client-18 
{
    border-right: none !important;
    padding-right: 0px !important;

}

 /* Boxed Texts
-------------------------------------------------------------------------------------*/

.boxed-text {
    width: 100%;
    color: #282828;
    float: left;
}

/* Style 1 */

.boxed-text .style_1 {
    background: #E8E8E8;
    float: left;
}

.boxed-text .style_1 h3 {
    background: transparent url(images/styling/grooved_line.png) repeat-x 0px bottom;
    padding-bottom: 15px !important;
    margin-bottom: 18px;
}

.boxed-text .style_1 .content {
    background: #F9F9F9;
    margin: 5px;
    padding: 21px 25px 21px 25px;
    float: left;

    /* Inner Shadows */
    -moz-box-shadow:inset 0px 0px 0px 2px #F5F5F5;
    -webkit-box-shadow:inset 0px 0px 0px 2px #F5F5F5;
    box-shadow:inset 0px 0px 0px 2px #F5F5F5;
}

/* Style 2 */

.boxed-text .style_2 {
    background: #F9F9F9;
    float: left;

    /* Inner Shadows */
    -moz-box-shadow:inset 0px 0px 0px 2px #F5F5F5;
    -webkit-box-shadow:inset 0px 0px 0px 2px #F5F5F5;
    box-shadow:inset 0px 0px 0px 2px #F5F5F5;
}

.boxed-text .style_2 h3 {
    padding: 0px !important;
    margin: 21px 25px 15px 25px !important;
}

.boxed-text .style_2 .content {
    padding: 21px 25px 21px 25px;
    float: left;
}

.boxed-text .style_2 .content.divided {
    background: transparent url(images/styling/grooved_line.png) repeat-x 0px top;
}

/* Style 3 */

.boxed-text .style_3 {
    background: transparent url(images/styling/boxed_text_shadow.png) no-repeat right bottom;
    float: left;
}

.boxed-text .style_3 h3 {
    padding: 0px !important;
    margin-bottom: 16px !important;
}

.boxed-text .style_3 .content {
    background: #F9F9F9 url(images/styling/boxed_text_curve.png) no-repeat right bottom;
    padding: 21px 25px 21px 25px;
    margin: 0px 6px 8px 0px;
    float: left;

    /* Inner Shadows */
    -moz-box-shadow:inset 0px 0px 0px 2px #F5F5F5;
    -webkit-box-shadow:inset 0px 0px 0px 2px #F5F5F5;
    box-shadow:inset 0px 0px 0px 2px #F5F5F5;
}

/* Toggle Content
-------------------------------------------------------------------------------------*/

.toggles {
    width: 100%;
    color: #282828;
    float: left;
}

.toggle-title { 
    cursor: pointer;
    padding-left: 10px;
    clear: both;
}

.toggle-title a {
    margin-left: 20px;
    padding: 10px 15px 10px 0px;
    display: block;
}

.toggle-content {
    
    /* Gradient */
    background-color: #F5F5F5; /* background color for non-css3 browsers */
    background-image: linear-gradient(top, #F5F5F5, #FAFAFA); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#FAFAFA'); /* IE5.5 - 7 */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#FAFAFA'); /* IE8 */
    background: -ms-linear-gradient(top, #F5F5F5, #FAFAFA); /* IE9 */
    background: -moz-linear-gradient(top, #F5F5F5, #FAFAFA); /* Firefox */ 
    background: -o-linear-gradient(top, #F5F5F5, #FAFAFA); /* Opera 11  */
    background: -webkit-linear-gradient(top, #F5F5F5, #FAFAFA); /* Chrome 11  */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F5F5F5), color-stop(1, #FAFAFA)); /* Chrome 10, Safari */    

    display: none;
    padding: 25px 30px 25px 30px;
    clear: both;
}

.open-toggle {
    background-color: #FAFAFA;
}

.open-toggle a {
    color: #99173C;
}

.close-toggle {
    background-color: #F5F5F5;
}

.close-toggle:hover {
    color: #99173C;
    background-color: #FAFAFA;
}

.toggle-shadow {
    width: 100%;
    height: 18px;
    background: transparent url(images/styling/toggle_content_shadow.png) no-repeat center top;
    background-size: 100%;
}

/* Tabbed Content
-------------------------------------------------------------------------------------*/

/* Horizontal tabs */

.tabbed-content.horizontal {
    width: 100%;
    color: #282828;
    float: left;
}

.tabbed-content.horizontal .tabs {
    height: 40px;
    line-height: 40px;
    list-style: none;
    margin-left: 30px;
}

.tabbed-content.horizontal .tabs li {
    background: #FAFAFA;
    color: #0067AC;
    margin-right: 10px;
    cursor: pointer;
    display: block;
    float: left;
}

.tabbed-content.horizontal .tabs li a {
    padding: 0px 15px 0px 15px;
    cursor: pointer;
    display: block;
}

.tabbed-content.horizontal .tabs li:hover {
    background: #F5F5F5;
}

.tabbed-content.horizontal .tabs li.current a {
    color: #99173C;
    background: #F5F5F5;
    text-decoration: none;
}

.tabbed-content.horizontal .content {
    padding: 25px 30px;
    display: none;

    /* Gradient */
    background: #F5F5F5; /* Old browsers */
    background: -moz-linear-gradient(top,  #F5F5F5 0%, #FAFAFA 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%,#FAFAFA)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #F5F5F5 0%,#FAFAFA 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #F5F5F5 0%,#FAFAFA 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #F5F5F5 0%,#FAFAFA 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #F5F5F5 0%,#FAFAFA 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#FAFAFA',GradientType=0 ); /* IE6-9 */
}

/* Vertical tabs */

.tabbed-content.vertical {
    width: 100%;
    color: #282828;
    margin-left: 150px;
    margin-bottom: 0px;
    position: relative;
    float: left;
}

.tabbed-content.vertical .tabs {
    width: 150px;
    height: 40px;
    line-height: 40px;
    list-style: none;
    margin: 30px 0px 0px -150px;
    display: block;
    float: left;
}

.tabbed-content.vertical .tabs li {
    width: 100%;
    background: #FAFAFA;
    margin-bottom: 10px;
    float: left;
}

.tabbed-content.vertical .tabs li a {
    padding: 0px 15px 0px 15px;
    cursor: pointer;
    display: block;
}

.tabbed-content.vertical .tabs li:hover {
    background: #F5F5F5;
}

.tabbed-content.vertical .tabs li.current a {
    color: #99173C;
    background: #F5F5F5;
    text-decoration: none;
}

.tabbed-content.vertical .content {
    margin-right: 150px;
    min-height: 50px;
    padding: 25px 30px;
    display: none;

    /* Gradient */
    background: #F5F5F5; /* Old browsers */
    background: -moz-linear-gradient(left,  #F5F5F5 0%, #FAFAFA 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#F5F5F5), color-stop(100%,#FAFAFA)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #F5F5F5 0%,#FAFAFA 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #F5F5F5 0%,#FAFAFA 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #F5F5F5 0%,#FAFAFA 100%); /* IE10+ */
    background: linear-gradient(to right,  #F5F5F5 0%,#FAFAFA 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#FAFAFA',GradientType=1 ); /* IE6-9 */
}

.tabbed-content-shadow {
    width: 100%;
    height: 20px;
    background: transparent url(images/styling/tabbed_content_shadow.png) no-repeat right bottom;
    float: left;
}

/* ----------------------------------------------------------------------------------*/
/* ---------->>> *08 WIDGETS
/* ----------------------------------------------------------------------------------*/

/* Common Style
-------------------------------------------------------------------------------------*/

.popular-posts-widget, 
.recent-posts-widget, 
.recent-works-widget, 
.recent-comments-widget, 
.flickr-feed-widget, 
.twitter-feed-widget, 
.sidebar-menu-widget, 
.contact-info-widget, 
.subscribe-widget, 
.widget_search, 
.widget_categories, 
.widget_recent_entries, 
.widget_recent_comments, 
.widget_links, 
.widget_nav_menu, 
.widget_pages, 
.widget_meta, 
.widget_rss, 
.widget_archive, 
.widget_calendar, 
.widget_tag_cloud, 
.widget_text
{
    width: 100%;
    margin-bottom: 48px;
    float: left;
}

.popular-posts-widget .lined, 
.recent-posts-widget .lined, 
.recent-comments-widget .lined, 
.contact-info-widget .lined 
{
  margin-bottom: 36px;
}

.recent-works-widget .lined, 
.flickr-feed-widget .lined, 
.sidebar-menu-widget .lined, 
.widget_search .lined, 
.widget_calendar .lined, 
.widget_tag_cloud .lined 
{
  margin-bottom: 40px;
}

div.widget:last-child {
    margin-bottom: 0px;
}

/* Casework / Popular Posts
-------------------------------------------------------------------------------------*/

.popular-posts-widget li {
    width: 100%;
    margin-bottom: 12px;
    float: left;
}

.popular-posts-widget li .imagebox { 
    display: block; 
    position: relative;
    padding: 2px;
    margin: 5px 20px 15px 0px;
    float: left;
}

.popular-posts-widget li .meta {
    color: #666666;
    font-size: 11px;
    font-style: italic;
    float: left;
}

.popular-posts-widget li.pointer {
    list-style: none;
    background: transparent url(images/icons/list/arrow.png) no-repeat 3px 6px;
    padding-left: 18px;
}

.popular-posts-widget li a {
    display: block;
    color: #282828;
    text-decoration: none;
}

.popular-posts-widget li a:hover {
    color: #282828;
    text-decoration: underline;
}

.popular-posts-widget li a.current {
    color: #99173C;
    text-decoration: none;
}

.popular-posts-widget li:last-child {
    margin-bottom: 0px;
}

.popular-posts-widget li:last-child .imagebox {
    margin-bottom: 6px;
}

/* Casework / Recent Posts
-------------------------------------------------------------------------------------*/

.recent-posts-widget li {
    width: 100%;
    margin-bottom: 12px;
    float: left;
}

.recent-posts-widget li .imagebox { 
    display: block; 
    position: relative;
    padding: 2px;
    margin: 5px 20px 15px 0px;
    float: left;
}

.recent-posts-widget li .meta {
    color: #666666;
    font-size: 11px;
    font-style: italic;
    float: left;
}

.recent-posts-widget li.pointer {
    list-style: none;
    background: transparent url(images/icons/list/arrow.png) no-repeat 3px 6px;
    padding-left: 18px;
}

.recent-posts-widget li a {
    display: block;
    color: #282828;
    text-decoration: none;
}

.recent-posts-widget li a:hover {
    color: #282828;
    text-decoration: underline;
}

.recent-posts-widget li a.current {
    color: #99173C;
    text-decoration: none;
}

.recent-posts-widget li:last-child {
    margin-bottom: 0px;
}

.recent-posts-widget li:last-child .imagebox {
    margin-bottom: 6px;
}

/* Casework / Recent Works
-------------------------------------------------------------------------------------*/

#recent-works {
    width: 181px;
    height: 117px;
    margin-left: 23px;
    margin-bottom: 7px;
    position: relative;
    background: #F5F5F5 url(images/loader.gif) no-repeat center center;
    float: left;
}

#recent-carousel {
    display: none;
}

#recent-carousel img {
    display: block;
    float: left;
}

#recent-prev, #recent-next {
    width: 60px;
    height: 131px;
    display: block; 
    position: absolute;
    top: 0px;             
}

#recent-prev {
    left: -30px;
}

#recent-next {
    right: -30px;
}

#recent-prev-arrow, #recent-next-arrow {
    display: block;
    width: 24px;
    height: 34px;
    text-indent: -999em;
    background: transparent url(images/navigation/recent_works_arrow.png) no-repeat;
    outline: none;
    position: absolute;
    top: 47px;
}

#recent-prev-arrow {
    background-position: 0px 0px;
    left: -30px;
}

#recent-next-arrow {
    background-position: -36px 0px;
    right: -30px;
}

/* Casework / Recent Comments
-------------------------------------------------------------------------------------*/

.recent-comments-widget li {
    width: 100%;
    margin-bottom: 15px;
    float: left;
}

.recent-comments-widget li .avatar {
    float: left;
}

.recent-comments-widget li .comment-title {
    margin-bottom: 5px;
}

.recent-comments-widget li .comment-title a {
    color: #282828;
    text-decoration: none;
}

.recent-comments-widget li .comment-title a:hover {
    color: #282828;
    text-decoration: underline;
}

.recent-comments-widget li a.current {
    color: #99173C;
    text-decoration: none;
}

.recent-comments-widget li .comment-meta {
    width: 100%;
    color: #666666;
    font-size: 11px;
    font-style: italic;
    margin-top: 4px;
    float: left;
}

.recent-comments-widget li .imagebox {
    margin: 5px 15px 2px 0px;
    padding: 2px;
    float: left;
}

.recent-comments-widget li .comment-excerpt {
    font-style: italic;
}

.recent-comments-widget li .comment-excerpt a.current {
    color: #99173C;
    text-decoration: none;
}

.recent-comments-widget li:last-child {
    margin-bottom: 0px;
}

/* Casework / Flickr Feed
-------------------------------------------------------------------------------------*/

.flickr-feed-widget ul {
    margin-right: -22px;
    margin-bottom: -15px;
    float: left;
}

.flickr-feed-widget .imagebox {
    padding: 3px;
}

.flickr-feed-widget li {
    margin: 0px 22px 22px 0px;
    display: block;
    float: left;
}

.flickr-feed-widget li img {
    margin: 0px;
    height: 55px;
    width: 55px;
}

/* Casework / Twitter Feed
-------------------------------------------------------------------------------------*/

.twitter-feed-widget ul {
    width: 100%;
    float: left;
}

.twitter-feed-widget li {
    display: block;
    float: left;
}

.twitter-feed-widget li.icons {
    min-height: 19px;
    background: url(images/icons/twitter_feed/tweets.png) no-repeat 0px 6px;
    margin-bottom: 18px;
}

.twitter-feed-widget li.thumb {
    min-height: 60px;
    background-repeat: no-repeat;
    background-position: 0px 6px;
    margin-bottom: 18px;
}

.twitter-feed-widget .status {
    display: block;
    float: left;
}

.twitter-feed-widget .status .retweets, 
.twitter-feed-widget .status .replies 
{
    width: 20px;
    height: 16px;
    padding-right: 27px;
}

.twitter-feed-widget .status .retweets {
    background: url(images/icons/twitter_feed/retweets.png) no-repeat 0px 0px;
}

.twitter-feed-widget .status .replies {
    background: url(images/icons/twitter_feed/replies.png) no-repeat 0px 0px;
}

.twitter-feed-widget li .timestamp {
    width: 100%;
    color: #666666;
    font-size: 11px;
    font-style: italic;
    margin-top: 2px;
    display: block;
    float: left;
}

.twitter-feed-widget li.thumb .status, 
.twitter-feed-widget li.thumb .timestamp 
{
    padding-left: 67px;
}

.twitter-feed-widget li.icons .status, 
.twitter-feed-widget li.icons .timestamp 
{
    padding-left: 30px;
}

.twitter-feed-widget .follow-button, 
.twitter-feed-widget .follow-link 
{
    width: 100%;
    border-top: 1px solid #EEEEEE;
    text-align: right;
    display: block;
    float: left;
}

.twitter-feed-widget .follow-button {
    margin-top: 24px;
    padding-top: 26px;
}

.twitter-feed-widget .follow-link {
    margin-top: 24px;
    padding-top: 20px;
}

.twitter-feed-widget li:last-child {
    margin-bottom: 0px;
}

/* Casework / Sidebar Menu
-------------------------------------------------------------------------------------*/

.sidebar-menu {
    width: 100%;
    margin-bottom: -28px;
    position: relative;
    float: left;
}

.sidebar-menu .menu-top {
    width: 52px;
    height: 30px;
    background: #F5F5F5;
    right: 0px;
    position: absolute;
}

.sidebar-menu .menu-top a {
    width: 11px;
    height: 11px;
    top: 10px;
    cursor: pointer;
    display: block;
    position: absolute;
}

.sidebar-menu .menu-top a.expand {
    background: transparent url(images/navigation/menu_plus_icon.png) no-repeat;
    right: 30px;
}

.sidebar-menu .menu-top a.collapse {
    background: transparent url(images/navigation/menu_minus_icon.png) no-repeat;
    right: 10px;
}

.sidebar-menu .sdmenu {
    background: #F5F5F5;
    padding: 10px 0px 10px 0px;
}

.sidebar-menu a#single {
    display: block;
    padding: 5px 25px 5px 35px;
    color: #282828;
    background: url(images/navigation/menu_collapse_arrow.png) no-repeat 15px 11px;
    cursor: pointer;
}

.sidebar-menu a.current#single {
    color: #99173C;
    background: #FAFAFA url(images/navigation/menu_collapse_arrow.png) no-repeat 15px 11px;
}

.sidebar-menu .sdmenu div {
    overflow: hidden;
}

.sidebar-menu .sdmenu div.collapsed {
    height: 30px;
}

.sidebar-menu .sdmenu div span {
    display: block;
    padding: 5px 25px 5px 35px;
    color: #282828;
    background: url(images/navigation/menu_expand_arrow.png) no-repeat 15px 11px;
    cursor: pointer;
}

.sidebar-menu .sdmenu div.collapsed span {
    background-image: url(images/navigation/menu_collapse_arrow.png);
}

.sidebar-menu .sdmenu div a {
    display: block;
    padding: 5px 10px 5px 42px;
    white-space: nowrap;
}

.sidebar-menu .sdmenu div a.current:hover, .sidebar-menu .sdmenu div a.current {
    color: #99173C;
    background: #FAFAFA;
    text-decoration: none;
}

.sidebar-menu .sdmenu div a:hover {
    background: #FAFAFA;
}

.sidebar-menu-shadow {
    width: 100%;
    height: 34px;
    background: transparent url(images/styling/sidebar_menu_shadow.png) no-repeat center top;
    background-size: 100%;
    position: relative;
}

/* Casework / Contact Info
-------------------------------------------------------------------------------------*/

.contact-info {
    width: 100%;
    float: left;
}

.contact-info span {
    width: 100%;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    padding: 0px 0px 12px 30px;
    display: block;
    float: left;
}

.contact-info span:last-child {
    padding-bottom: 0px;
}

/* Icons */
.contact-info span.address { background-position: 0px 4px !important; }
.contact-info span.phone { background-position: 0px 2px !important; }
.contact-info span.mobile { background-position: 0px 2px !important; }
.contact-info span.fax { background-position: 0px 2px !important; }
.contact-info span.email { background-position: 0px 3px !important; }
.contact-info span.feedback { background-position: 0px 3px !important; }

/* Blue icons */
.contact-info span.address.blue { background: url(images/icons/contact/blue_address.png); }
.contact-info span.phone.blue { background: url(images/icons/contact/blue_phone.png); }
.contact-info span.mobile.blue { background: url(images/icons/contact/blue_mobile.png); }
.contact-info span.fax.blue { background: url(images/icons/contact/blue_fax.png); }
.contact-info span.email.blue { background: url(images/icons/contact/blue_email.png); }
.contact-info span.feedback.blue { background: url(images/icons/contact/blue_feedback.png); }

/* Red icons */
.contact-info span.address.red { background: url(images/icons/contact/red_address.png); }
.contact-info span.phone.red { background: url(images/icons/contact/red_phone.png); }
.contact-info span.mobile.red { background: url(images/icons/contact/red_mobile.png); }
.contact-info span.fax.red { background: url(images/icons/contact/red_fax.png); }
.contact-info span.email.red { background: url(images/icons/contact/red_email.png); }
.contact-info span.feedback.red { background: url(images/icons/contact/red_feedback.png); }

/* Green icons */
.contact-info span.address.green { background: url(images/icons/contact/green_address.png); }
.contact-info span.phone.green { background: url(images/icons/contact/green_phone.png); }
.contact-info span.mobile.green { background: url(images/icons/contact/green_mobile.png); }
.contact-info span.fax.green { background: url(images/icons/contact/green_fax.png); }
.contact-info span.email.green { background: url(images/icons/contact/green_email.png); }
.contact-info span.feedback.green { background: url(images/icons/contact/green_feedback.png); }

/* Orange icons */
.contact-info span.address.orange { background: url(images/icons/contact/orange_address.png); }
.contact-info span.phone.orange { background: url(images/icons/contact/orange_phone.png); }
.contact-info span.mobile.orange { background: url(images/icons/contact/orange_mobile.png); }
.contact-info span.fax.orange { background: url(images/icons/contact/orange_fax.png); }
.contact-info span.email.orange { background: url(images/icons/contact/orange_email.png); }
.contact-info span.feedback.orange { background: url(images/icons/contact/orange_feedback.png); }

/* Rosy icons */
.contact-info span.address.rosy { background: url(images/icons/contact/rosy_address.png); }
.contact-info span.phone.rosy { background: url(images/icons/contact/rosy_phone.png); }
.contact-info span.mobile.rosy { background: url(images/icons/contact/rosy_mobile.png); }
.contact-info span.fax.rosy { background: url(images/icons/contact/rosy_fax.png); }
.contact-info span.email.rosy { background: url(images/icons/contact/rosy_email.png); }
.contact-info span.feedback.rosy { background: url(images/icons/contact/rosy_feedback.png); }

/* Turquoise icons */
.contact-info span.address.turquoise { background: url(images/icons/contact/turquoise_address.png); }
.contact-info span.phone.turquoise { background: url(images/icons/contact/turquoise_phone.png); }
.contact-info span.mobile.turquoise { background: url(images/icons/contact/turquoise_mobile.png); }
.contact-info span.fax.turquoise { background: url(images/icons/contact/turquoise_fax.png); }
.contact-info span.email.turquoise { background: url(images/icons/contact/turquoise_email.png); }
.contact-info span.feedback.turquoise { background: url(images/icons/contact/turquoise_feedback.png); }

/* Violet icons */
.contact-info span.address.violet { background: url(images/icons/contact/violet_address.png); }
.contact-info span.phone.violet { background: url(images/icons/contact/violet_phone.png); }
.contact-info span.mobile.violet { background: url(images/icons/contact/violet_mobile.png); }
.contact-info span.fax.violet { background: url(images/icons/contact/violet_fax.png); }
.contact-info span.email.violet { background: url(images/icons/contact/violet_email.png); }
.contact-info span.feedback.violet { background: url(images/icons/contact/violet_feedback.png); }

/* Acqua icons */
.contact-info span.address.acqua { background: url(images/icons/contact/acqua_address.png); }
.contact-info span.phone.acqua { background: url(images/icons/contact/acqua_phone.png); }
.contact-info span.mobile.acqua { background: url(images/icons/contact/acqua_mobile.png); }
.contact-info span.fax.acqua { background: url(images/icons/contact/acqua_fax.png); }
.contact-info span.email.acqua { background: url(images/icons/contact/acqua_email.png); }
.contact-info span.feedback.acqua { background: url(images/icons/contact/acqua_feedback.png); }

/* Brown icons */
.contact-info span.address.brown { background: url(images/icons/contact/brown_address.png); }
.contact-info span.phone.brown { background: url(images/icons/contact/brown_phone.png); }
.contact-info span.mobile.brown { background: url(images/icons/contact/brown_mobile.png); }
.contact-info span.fax.brown { background: url(images/icons/contact/brown_fax.png); }
.contact-info span.email.brown { background: url(images/icons/contact/brown_email.png); }
.contact-info span.feedback.brown { background: url(images/icons/contact/brown_feedback.png); }

/* Grey icons */
.contact-info span.address.grey { background: url(images/icons/contact/grey_address.png); }
.contact-info span.phone.grey { background: url(images/icons/contact/grey_phone.png); }
.contact-info span.mobile.grey { background: url(images/icons/contact/grey_mobile.png); }
.contact-info span.fax.grey { background: url(images/icons/contact/grey_fax.png); }
.contact-info span.email.grey { background: url(images/icons/contact/grey_email.png); }
.contact-info span.feedback.grey { background: url(images/icons/contact/grey_feedback.png); }

/* Black icons */
.contact-info span.address.black { background: url(images/icons/contact/black_address.png); }
.contact-info span.phone.black { background: url(images/icons/contact/black_phone.png); }
.contact-info span.mobile.black { background: url(images/icons/contact/black_mobile.png); }
.contact-info span.fax.black { background: url(images/icons/contact/black_fax.png); }
.contact-info span.email.black { background: url(images/icons/contact/black_email.png); }
.contact-info span.feedback.black { background: url(images/icons/contact/black_feedback.png); }

/* White icons */
.contact-info span.address.white { background: url(images/icons/contact/white_address.png); }
.contact-info span.phone.white { background: url(images/icons/contact/white_phone.png); }
.contact-info span.mobile.white { background: url(images/icons/contact/white_mobile.png); }
.contact-info span.fax.white { background: url(images/icons/contact/white_fax.png); }
.contact-info span.email.white { background: url(images/icons/contact/white_email.png); }
.contact-info span.feedback.white { background: url(images/icons/contact/white_feedback.png); }

/* Casework / Subscribe
-------------------------------------------------------------------------------------*/

.subscribe {
    width: 100%;
    float: left;
}

.subscribe-text {
    margin-bottom: 24px;
}

.subscribe-form {
    margin: 5px 0px 6px 0px;
}

.subscribe-field {
    width: 180px;
    height: 24px;
    background: #FFFFFF;
    padding: 1px 5px 1px 8px;
    border-right: none !important;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #282828;
    float: left;

    /* Shadows */
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
}

.subscribe-field.loader {
    background: #FFFFFF url(images/loader.gif) no-repeat 170px center;
}

.subscribe-button span {
    width: 20px;
    height: 20px;
    background: transparent url(images/icons/form/button.png) no-repeat;
    float: left;
}

.subscribe-button .blue-icon { background-position: 0px -20px; }
.subscribe-button .red-icon { background-position: -20px -20px; }
.subscribe-button .green-icon { background-position: -40px -20px; }
.subscribe-button .orange-icon { background-position: -60px -20px; }
.subscribe-button .rosy-icon { background-position: -80px -20px; }
.subscribe-button .turquoise-icon { background-position: -100px -20px; }
.subscribe-button .violet-icon { background-position: -120px -20px; }
.subscribe-button .acqua-icon { background-position: -140px -20px; }
.subscribe-button .brown-icon { background-position: -160px -20px; }
.subscribe-button .grey-icon { background-position: -180px -20px; }
.subscribe-button .black-icon { background-position: -200px -20px; }
.subscribe-button .white-icon { background-position: -220px -20px; }

.subscribe-rss {
    margin-top: 18px;
    float: left;
}

/* WordPress / Search
-------------------------------------------------------------------------------------*/

.search {
    width: 100%;
    margin-bottom: 6px;
    float: left;
}

.search-field {
    width: 180px;
    height: 24px;
    background: #FFFFFF;
    padding: 1px 5px 1px 8px;
    border-right: none !important;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #282828;
    float: left;

    /* Shadows */
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
}

.search-button span {
    width: 20px;
    height: 20px;
    background: transparent url(images/icons/form/button.png) no-repeat;
    float: left;
}

.search-button .blue-icon { background-position: 0px 0px; }
.search-button .red-icon { background-position: -20px 0px; }
.search-button .green-icon { background-position: -40px 0px; }
.search-button .orange-icon { background-position: -60px 0px; }
.search-button .rosy-icon { background-position: -80px 0px; }
.search-button .turquoise-icon { background-position: -100px 0px; }
.search-button .violet-icon { background-position: -120px 0px; }
.search-button .acqua-icon { background-position: -140px 0px; }
.search-button .brown-icon { background-position: -160px 0px; }
.search-button .grey-icon { background-position: -180px 0px; }
.search-button .black-icon { background-position: -200px 0px; }
.search-button .white-icon { background-position: -220px 0px; }

/* WordPress / Categories
-------------------------------------------------------------------------------------*/

.widget_categories ul {
    display: none;
    float: left;
}

.widget_categories li {
    width: 120px;
    margin-bottom: 10px;
    padding-bottom: 11px;
    background: transparent url(images/styling/line_grey.png) repeat-x 0px bottom;
    float: left;
}

.widget_categories li a {
    white-space: nowrap;
    color: #282828;
    text-decoration: none;
}

.widget_categories li a:hover {
    color: #282828;
    text-decoration: underline;
}

.widget_categories li a.current {
    color: #99173C;
    text-decoration: none;
}

.widget_categories li span {
    color: #036564;
}

.widget_categories li.noline {
    background-image: none;
    margin: 0px;
    padding: 0px;
}

/* WordPress / Recent Posts
-------------------------------------------------------------------------------------*/

.widget_recent_entries li {
    width: 100%;
    background: transparent url(images/icons/list/arrow.png) no-repeat 3px 6px;
    padding: 0px 0px 15px 18px;
    float: left;
}

.widget_recent_entries li a {
    color: #282828;
    text-decoration: none;
}

.widget_recent_entries li a:hover {
    color: #282828;
    text-decoration: underline;
}

.widget_recent_entries li a.current {
    color: #99173C;
    text-decoration: none;
}

.widget_recent_entries li:last-child {
    padding-bottom: 0px;
}

/* WordPress / Recent Comments
-------------------------------------------------------------------------------------*/

.widget_recent_comments li {
    width: 100%;
    background: transparent url(images/icons/list/arrow.png) no-repeat 3px 6px;
    padding: 0px 0px 15px 18px;
    float: left;
}

.widget_recent_comments li a {
    color: #282828;
    text-decoration: none;
}

.widget_recent_comments li a:hover {
    color: #282828;
    text-decoration: underline;
}

.widget_recent_comments li a.current {
    color: #99173C;
    text-decoration: none;
}

.widget_recent_comments li:last-child {
    padding-bottom: 0px;
}

/* WordPress / Links
-------------------------------------------------------------------------------------*/

.widget_links ul {
    display: none;
}

.widget_links li {
    width: 100%;
    background: transparent url(images/icons/list/arrow.png) no-repeat 3px 6px;
    padding: 0px 0px 15px 18px;
    float: left;
}

.widget_links li a {
    color: #282828;
    text-decoration: none;
}

.widget_links li a:hover {
    color: #282828;
    text-decoration: underline;
}

.widget_links li a.current {
    color: #99173C;
    text-decoration: none;
}

.widget_links li span {
    color: #036564;
}

.widget_links li:last-child {
    padding-bottom: 0px;
}

/* WordPress / Custom Menu
-------------------------------------------------------------------------------------*/

.widget_nav_menu li {
    width: 100%;
    background: transparent url(images/icons/list/arrow.png) no-repeat 3px 6px;
    padding: 0px 0px 15px 18px;
    float: left;
}

.widget_nav_menu li ul.sub-menu {
    width: 100%;
    margin-top: 15px;
    padding: 0px;
    float: left;
}

.widget_nav_menu li a {
    color: #282828;
    text-decoration: none;
}

.widget_nav_menu li a:hover {
    color: #282828;
    text-decoration: underline;
}

.widget_nav_menu li a.current {
    color: #99173C;
    text-decoration: none;
}

.widget_nav_menu li:last-child {
    padding-bottom: 0px;
}

/* WordPress / Pages
-------------------------------------------------------------------------------------*/

.widget_pages li {
    width: 100%;
    background: transparent url(images/icons/list/arrow.png) no-repeat 3px 6px;
    padding: 0px 0px 15px 18px;
    float: left;
}

.widget_pages li a {
    color: #282828;
    text-decoration: none;
}

.widget_pages li a:hover {
    color: #282828;
    text-decoration: underline;
}

.widget_pages li a.current {
    color: #99173C;
    text-decoration: none;
}

.widget_pages li:last-child {
    padding-bottom: 0px;
}

/* WordPress / Meta
-------------------------------------------------------------------------------------*/

.widget_meta li {
    width: 100%;
    background: transparent url(images/icons/list/arrow.png) no-repeat 3px 6px;
    padding: 0px 0px 15px 18px;
    float: left;
}

.widget_meta li a {
    color: #282828;
    text-decoration: none;
}

.widget_meta li a:hover {
    color: #282828;
    text-decoration: underline;
}

.widget_meta li a.current {
    color: #99173C;
    text-decoration: none;
}

.widget_meta li:last-child {
    padding-bottom: 0px;
}

/* WordPress / RSS
-------------------------------------------------------------------------------------*/

.widget_rss li {
    width: 100%;
    background: transparent url(images/icons/list/arrow.png) no-repeat 3px 6px;
    padding: 0px 0px 15px 18px;
    float: left;
}

.widget_rss li a {
    color: #282828;
    text-decoration: none;
}

.widget_rss li a:hover {
    color: #282828;
    text-decoration: underline;
}

.widget_rss li .rss-date, .widget_rss li cite {
    width: 100%;
    color: #666666;
    font-size: 11px;
    font-style: italic;
    float: left;
}

.widget_rss li .rssSummary {
    margin-top: 10px;
    float: left;
}

.widget_rss li:last-child {
    padding-bottom: 0px;
}

/* WordPress / Archives
-------------------------------------------------------------------------------------*/

.widget_archive ul {
    display: none;
}

.widget_archive li {
    width: 100%;
    background: transparent url(images/icons/list/square.png) no-repeat 2px 7px;
    padding: 0px 0px 10px 18px;
    float: left;
}

.widget_archive li a {
    color: #282828;
    text-decoration: none;
}

.widget_archive li a:hover {
    color: #282828;
    text-decoration: underline;
}

.widget_archive li a.current {
    color: #99173C;
    text-decoration: none;
}

.widget_archive li span {
    color: #036564;
}

.widget_archive li:last-child {
    padding-bottom: 0px;
}

/* WordPress / Calendar
-------------------------------------------------------------------------------------*/

#wp-calendar {
    width: 100%;
    color: #282828;
    float: left;
}

#wp-calendar caption {
    text-align: center;
    padding: 12px 0px 12px 0px;
    background: #F5F5F5 url(images/styling/grooved_line.png) repeat-x 0px bottom;
    text-transform: uppercase;
    text-decoration: none !important;
    letter-spacing: 1px;
    z-index: -99;
}

#wp-calendar thead th {
    color: #666666;
    font-size: 10px;
    padding: 7px 0px 10px 0px;
    text-transform: uppercase;
    background: #FAFAFA url(images/styling/grooved_line.png) repeat-x 0px bottom;
}

#wp-calendar tbody td {
    padding: 8px 6px 6px 8px;
    text-align: center;
    background: #F5F5F5;
}

#wp-calendar tbody td:hover {
    outline: 1px solid #026DB4;
    cursor: default;
}

#wp-calendar tbody td.pad {
    background: #F5F5F5;
}

#wp-calendar tbody td.pad:hover {
    outline: none;
}

#wp-calendar tfoot {
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}

#wp-calendar tfoot {
    background: transparent url(images/styling/calendar_shadow.png) no-repeat top center;
    background-size: 100%;
}

#wp-calendar tfoot td { padding: 10px 10px 0px 10px; }

#wp-calendar tfoot td#prev { text-align: left; }

#wp-calendar tfoot td#next { text-align: right; }

#wp-calendar #today {
    color: #FFFFFF;
    background: #026DB4;
    outline: 1px solid #282828;
}

#wp-calendar #today a {
    color: #FFFFFF;
}

#wp-calendar a.current {
    color: #99173C;
    text-decoration: none;
}

/* WordPress / Tag Cloud
-------------------------------------------------------------------------------------*/

.tagcloud {
    width: 100%;
    margin-bottom: -6px;
    float: left;
}

.tagcloud a:link, .tagcloud a:visited {
    font-size: 11px;
    text-decoration: none; 
    display: inline-block; 
    margin-bottom: 12px;
    border: 1px solid;
    border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;

    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
}

.tagcloud a:hover {
    background: #FFFFFF; 
    text-decoration: none;
}

.tagcloud a {
    background: #F9F9F9; 
    padding: 2px 7px; 
    margin: 0; 
    margin-right: 8px;
}

.tagcloud a.current {
    color: #00AEFF;
    text-decoration: none;
}

/* WordPress / Text
-------------------------------------------------------------------------------------*/

.textwidget {
    float: left;
}

.textwidget p {
    width: 100%;
    display: block;
    padding-bottom: 20px;
    float: left;
}

/* ----------------------------------------------------------------------------------*/
/* ---------->>> *09 PORTFOLIO
/* ----------------------------------------------------------------------------------*/

/* Image Grid
-------------------------------------------------------------------------------------*/

.image-grid {
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

.image-grid:after {
  content: "";
  display: block;
  height: 0px;
  overflow: hidden;
  clear: both;
}

.image-grid li {
  margin: 0px 0px 0px 0px;
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
}

.image-grid .imagebox {
    float: left;
}

/* Image grid layouts */

/* 0-Column */

.no-column li {
    width: 960px;
}

.image-grid.no-column {
    margin: 0px 0px 0px 0px;
}

.image-grid.no-column li {
    margin: 0px 0px 40px 0px;
}

/* 1-Column */

.one-column li {
    width: 450px;
}

.image-grid.one-column {
    margin: 0px 0px 0px 0px;
}

.image-grid.one-column li {
    margin: 0px 0px 40px 0px;
}

/* 2-Column (without sidebars) */

.image-grid.two-column {
    margin: 0px -60px 0px 0px;
}

.image-grid.two-column li {
    width: 450px;
    margin: 0px 60px 40px 0px;
}

/* 2-Column (with right sidebar) */

.image-grid.two-column.right-sidebar {
    margin: 0px -100px 0px 0px;
}

.image-grid.two-column.right-sidebar li {
    width: 280px;
    margin: 0px 100px 40px 0px;
}

/* 2-Column (with left sidebar) */

.image-grid.two-column.left-sidebar {
    margin: 0px 0px 0px -100px;
}

.image-grid.two-column.left-sidebar li {
    width: 280px;
    margin: 0px 0px 40px 100px;
}

/* 3-Column (without sidebars) */

.image-grid.three-column {
    margin: 0px -60px 0px 0px;
}

.image-grid.three-column li {
    width: 280px;
    margin: 0px 60px 40px 0px;
}

/* 3-Column (with right sidebar) */

.image-grid.three-column.right-sidebar {
    margin: 0px -37px 0px 0px;
}

.image-grid.three-column.right-sidebar li {
    width: 195px;
    margin: 0px 37px 40px 0px;
}

/* 3-Column (with left sidebar) */

.image-grid.three-column.left-sidebar {
    margin: 0px 0px 0px -37px;
}

.image-grid.three-column.left-sidebar li {
    width: 195px;
    margin: 0px 0px 40px 37px;
}

/* 4-Column */

.image-grid.four-column {
    margin: 0px -60px 0px 0px;
}

.image-grid.four-column li {
    width: 195px;
    margin: 0px 60px 40px 0px;
}

/* Image grid title and description */

.image-grid h3, .image-grid h3 a {
    color: #282828;
    margin-bottom: 6px;
    text-decoration: none;
    display: inline-block;
}

.image-grid h3 a:hover {
    color: #666666;
    text-decoration: none;
}

.image-grid .description {
    margin-top: 20px;
    float: left;
}

.image-grid .description p {
    text-align: left;
}

/* Cyclic view style (using Cycle plugin) */

.cycle-page, .cycle-single {
    width: 450px;
    height: 302px;
    float: left;
    overflow: hidden;
}

.cycle-page .mosaic-block, .cycle-single .mosaic-block {
    width: 436px; 
    height: 288px;
}

.cycle-nav {
    height: 302px;
    position: relative;
    float: left;    
}

.cycle-nav .up, .cycle-nav .down {
    width: 20px;
    height: 12px;           
    display: block;
    position: absolute;
    outline: none;
    text-indent: -999em;
    background: transparent url(images/navigation/slider_cycle_arrow.png) no-repeat 0px 0px;
}

.cycle-nav-right .up, .cycle-nav-right .down {
    left: 20px;
}

.cycle-nav-left .up, .cycle-nav-left .down {
    right: 20px;
}

.cycle-nav .up {
    background-position: 0px 0px;
    top: 7px;
}

.cycle-nav .up:hover {
    background-position: -20px 0;
}

.cycle-nav .down {
    background-position: 0px -18px;
    bottom: 7px;
}

.cycle-nav .down:hover {
    background-position: -20px -18px;
}

/* Portfolio with Pagination
-------------------------------------------------------------------------------------*/

.portfolio-holder {
    width: 100%;
    height: 54px;
    position: relative;
}

#jPages {
    width: 100%;
    top: 3px;
    text-align: center;
    position: absolute;
}

#jPages a {
    display: inline-block;
    width: 20px;
    height: 15px;
    background: url(images/navigation/pagination_bullet.png) no-repeat 0px 0px;
    text-indent: -999em;
    cursor: pointer;
}

#jPages a.jp-previous, #jPages a.jp-next {
    width: 15px;
    height: 20px;
    position: absolute;
    display: block;
    outline: none;
    background: transparent url(images/navigation/pagination_arrow.png) no-repeat 0px 0px;
    text-indent: -999em;
    cursor: pointer;
}

#jPages a.jp-previous {
    background-position: 0px 0px;
    left: 0px;
    top: -3px;
}

#jPages a.jp-previous:hover {
    background-position: 0px -20px;
}

#jPages a.jp-next {
    background-position: -15px 0px;
    right: 0px;
    top: -3px;
}

#jPages a.jp-next:hover {
    background-position: -15px -20px;
}

#jPages a.jp-current, a.jp-current:hover {
    background: url(images/navigation/pagination_bullet.png) no-repeat 0 0;
    background-position: 0px -26px;
}

#jPages a.jp-disabled {
    display: none;
}

/* Portfolio Item Details
-------------------------------------------------------------------------------------*/

.project-images .imagebox {
  float: left;
  margin-bottom: 40px;
}

.project-info {
    width: 450px;
}

.project-info h3 {
    color: #282828;
    margin-bottom: 12px;
    text-decoration: none !important;
}

.project-details {
    margin-top: 20px;
}

.project-details span {
    display: block;
    font-size: 11px;
    padding-bottom: 3px; 
}

.social-share {
    display: block;
    margin-top: 6px;
    float: left;
}

.social-share .share-label {
    font-size: 11px;
    font-weight: bold;
    margin-right: 10px;
    float: left;
}

.social-share img {
    margin-right: 5px;
}

.facebook-share, .twitter-share, .google-share {
    float: left;
    width: 80px;
    margin-left: 0px;
}

.twitter-share {
    margin-right: 19px;
    padding: 0px;
}

.facebook-share {
    padding: 0px;
}

.facebook-share .fb-like{
    width: 80px;
}

.facebook-share .fb-like span iframe{
    width: 350px !important;
}

.overview-pagination {
    width: 100%;
    margin-top: 50px;
    position: relative;
    float: left;
}

.overview-pagination .next-work {
    float: right;
}

.overview-pagination .prev-work {
    float: left;
}

.overview-pagination .next-arrow, .overview-pagination .prev-arrow {
    width: 15px;
    height: 20px;           
    display: block;
    outline: none;              
    text-indent: -999em;
    background: transparent url(images/navigation/other_works_arrow.png) no-repeat 0px 0px;
    position: absolute;
    top: 35px;
    z-index: -1 !important;
}

.overview-pagination .next-arrow {
    background-position: -15px 0px;
    right: 0px;
}

.overview-pagination .prev-arrow {
    background-position: 0px 0px;
    left: 0px;
}

.overview-pagination .imagebox {
    margin-bottom: 1px;
}

/* Other Works
-------------------------------------------------------------------------------------*/

.other-works, .other-works-panel {
    width: 100%;
    float: left;
}

.other-works ul, .other-works-panel ul {
    padding: 0px;
    overflow: hidden;
}

.other-works ul.narrow {
    margin-right: -27px;
    margin-bottom: -27px;
}

.other-works ul.narrow li {
    margin: 0px 27px 27px 0px;
    float: left;
    position: relative;
    overflow: hidden;
}

.other-works ul.wide {
    margin-right: -33px;
    margin-bottom: -27px;
}

.other-works-panel ul.wide {
    margin-right: -33px;
}

.other-works ul.wide li, .other-works-panel ul.wide li {
    margin: 0px 33px 27px 0px;
    float: left;
    position: relative;
    overflow: hidden;
}

.other-works ul li .selected, .other-works-panel ul li .selected {
    border: 1px solid #00AEFF;
}

#filter-panel {
    width: 960px;
    height: 0px;
    overflow: hidden;
    position: relative;
    float: left;
}

#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #C4C7C8;
    background-color: #F5F5F5;
}

#tooltip div.frame {
    border: 1px solid #FFFFFF;
    padding: 5px;
}

#tooltip img {
    display: block;
    border: 1px solid #FFFFFF;
}

#tooltip .tip {
    min-width: 420px;
    max-width: 880px;
    bottom: 0px;
}

#tooltip h4 {
    color: #282828;
    text-decoration: none !important;
    margin: 10px 8px 2px 8px;
}

#tooltip p {
    color: #282828;
    text-align: left;
    margin: 8px 8px 5px 8px;
}

/* Quick Gallery
-------------------------------------------------------------------------------------*/

.gallery-wrapper {
    width: 100%;
    height: 910px !important;
    background: transparent url(images/loader.gif) no-repeat center 273px;
}

/* Gallery images */

.gallery-images {
    background-color: #F5F5F5;
    border: 1px solid #C4C7C8;
    display: none;
}

.gallery-images .frame {
    border: 1px solid #FFFFFF;
}

#images {
    width: 770px;
    height: 520px;
    margin: 18px 0px 16px 0px;
    overflow: hidden;
    float: left;
}

#images img {
    border: 1px solid #FFFFFF;
    overflow: hidden;
    display: block;
}

/* Navigation of gallery images */

.images-nav {
    width: 92px;
    margin-top: 262px;
    float: left;
}

.images-nav .prev, .images-nav .next {
    display: block;
    width: 24px;
    height: 34px;
    text-indent: -999em;
    background: transparent url(images/navigation/gallery_images_arrow.png) no-repeat;
    outline: none;
}

.images-nav .next {
    background-position: -36px 0px;
    margin-left: 33px;
}

.images-nav .next:hover {
    background-position: -36px -34px;
}

.images-nav .prev {
    background-position: 0px 0px;
    margin-left: 35px;
}

.images-nav .prev:hover {
    background-position: 0px -34px;
}

/* Gallery thumbnails */

.gallery-thumbs {
    width: 772px;
    margin: 27px auto;
    display: none;
}

#thumbs ul {
    width: 800px;
    height: 207px;
    padding: 2px;
    overflow: hidden;
}

#thumbs li {
    display: inline-block;
    margin: 0px 30px 30px 0px;
    cursor: pointer;
}

#thumbs .imagebox {
    float: left;
    position: relative;
    background: #F5F5F5 url(images/styling/gallery_thumbs_blank.png) no-repeat center center;
}

#thumbs li.selected {
    border: 1px solid #00AEFF;
}

/* Navigation of gallery thumbnails */

.thumbs-nav {
    margin-left: 375px;
    height: 12px;
    padding: 20px 0px 20px 0px;
}

.thumbs-nav .up, .thumbs-nav .down {
    display: block;
    width: 20px;
    height: 12px;
    text-indent: -999em;
    background: transparent url(images/navigation/gallery_thumbs_arrow.png) no-repeat 0 0;
    outline: none;
}

.thumbs-nav .down {
    background-position: 0px -18px;
}

.thumbs-nav .down:hover {
    background-position: -20px -18px;
}

.thumbs-nav .up {
    background-position: 0px 0px;
}

.thumbs-nav .up:hover {
    background-position: -20px 0;
}

.thumbs-nav .up.disabled, .thumbs-nav .down.disabled {
    display: none !important;
}

/* ----------------------------------------------------------------------------------*/
/* ---------->>> *10 BLOG
/* ----------------------------------------------------------------------------------*/

/* Basics
-------------------------------------------------------------------------------------*/

.blog-post {
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 41px;
    background: transparent url(images/styling/line_grey.png) repeat-x 0px bottom;
    position: relative;
    float: left;
}

.blog-post.single {
    padding-bottom: 0px;
    background: none;
}

/* Blog Post
-------------------------------------------------------------------------------------*/

.blog-post .blog-title {
    margin-bottom: 25px;
}

.blog-post .blog-title h3, .blog-post .blog-title h3 a {
    color: #282828;
    line-height: 27px;
    text-decoration: none;
}

.blog-post .blog-title h3 a:hover {
    color: #666666;
    text-decoration: none;
}

.blog-post .blog-info {
    width: 100%;
    color: #666666;
    font-size: 11px;
    font-style: italic;
    margin-top: 5px;
    display: block;
}

.format-quote .blog-info, 
.format-aside .blog-info  
{
    margin-top: 0px;
    line-height: 27px;
}

.blog-post .blog-content {
    text-align: justify;
    display: block;
}

.blog-post .read-more {
    margin: 25px 0px 0px 0px;
    float: right;
}

.blog-pagination {
    width: 100%;
    float: left;
}

.blog-pagination span {
    color: #666666;
    font-size: 11px;
    float: left;
    margin: 3px 14px 0px 0px;
}

.not-found {
    width: 100%;
    float: left;
}

.not-found h3 {
    padding-bottom: 10px;
}

.blog-description {
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 40px;
    background: transparent url(images/styling/line_grey.png) repeat-x 0px bottom;
    float: left;
}

/* Post Formats
-------------------------------------------------------------------------------------*/

.blog-post .post-format {
    width: 27px;
    height: 27px;
    margin-right: 15px;
    display: block;
    float: left;
}

.blog-post .post-format a {
    width: 100%;
    height: 100%;
    background-image: url(images/icons/blog/post_formats.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-indent: -999em;
    margin: 0px;
    padding: 0px;
    display: block;
}

/* Standard */

.format-standard .post-format a {
    background-position: 0px 0px;
}

.format-standard .post-format.light a {
    background-position: 0px -27px;
}

/* Aside */

.format-aside {
    padding-bottom: 40px;
}

.format-aside .post-format a {
    background-position: -27px 0px;
}

.format-aside .post-format.light a {
    background-position: -27px -27px;
}

 /* Gallery */

.format-gallery .post-format a {
    background-position: -54px 0px;
}

.format-gallery .post-format.light a {
    background-position: -54px -27px;
}

#blog-gallery {
    width: 660px;
    height: 440px;
    margin: 5px 0px 30px 0px;
    overflow: hidden;
    float: left;
}

#blog-carousel .imagebox {
    position: relative;
    float: left;
    z-index: 4;
}

#blog-carousel .imagebox .scroller {
    width: 646px;
    height: 51px;
    display: none;
    cursor: pointer;
    position: absolute;

    background: #000000 url(images/overlays/scroller.png) no-repeat center center;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);

    top: 5px;
    left: 5px;
    z-index: 6;
}

#blog-carousel .mosaic-overlay {
    margin-top: 51px;
    background-position: center 126px;
}

 /* Link */

.format-link .post-format a {
    background-position: -81px 0px;
}

.format-link .post-format.light a {
    background-position: -81px -27px;
}

 /* Image */

.format-image .post-format a {
    background-position: -108px 0px;
}

.format-image .post-format.light a {
    background-position: -108px -27px;
}

#blog-image {
    margin: 5px 0px 30px 0px;
    float: left;
}

#blog-image .imagebox {
    float: left;
}

 /* Quote */

.format-quote .post-format a {
    background-position: -135px 0px;
}

.format-quote .post-format.light a {
    background-position: -135px -27px;
}

.format-quote.single .blog-content {
    margin-top: 22px;
}

 /* Video */

.format-video .post-format a {
    background-position: -162px 0px;
}

.format-video .post-format.light a {
    background-position: -162px -27px;
}

#blog-video {
    width: 100%;
    max-width: 100%;
    margin: 6px 0px 30px 0px;
    float: left;
}

 /* Audio */

.format-audio .post-format a {
    background-position: -189px 0px;
}

.format-audio .post-format.light a {
    background-position: -189px -27px;
}

#blog-audio {
    width: 100%;
    margin: 5px 0px 30px 0px;
    padding: 0px;
    float: left;
}

#blog-audio iframe {
    float: left;
}

/* Post Comments
-------------------------------------------------------------------------------------*/

.blog-comments {
    width: 100%;
    float: left;
}

.blog-comments .lined {
    margin-bottom: 40px;
}

.comments ol.list .comment-body p {
    clear: both;
    padding: 0px;
}

.comments ol.list {
    list-style: none;
    margin: 0px;
}

.comments ol.list li {
    margin: 0px;
    list-style: none;
    background: none;
}

.comments ol.list li {
    padding-top: 40px;
}

.comments ol.list li:first-child {
    background: none;
    padding: 0px;
}

.comments .comment-author {
    float: left;
    text-align: center;
}

.comments .imagebox { 
    padding: 3px;
}

.comments .comment-body {
    width: 560px;
    float: right;
    background: none;
    position: relative;
    margin: 0px;
    padding-bottom: 32px;
    background: transparent url(images/styling/line_grey.png) repeat-x 0px bottom;
}

.comments h4 {
    margin-bottom: 10px;
    float: left;
}

.comments h4 a {
    color: #282828;
    text-decoration: none;
}

.comments h4 a:hover {
    color: #666666;
    text-decoration: underline;
}

.comments .comment-date {
    color: #666666;
    font-size: 11px;
    font-style: italic;
    float: right;
}

.comments .comment-text {
    text-align: justify;
    margin: 0px 0px 25px 0px;
}

.comments .comment-reply {
    float: right;
}

.comment .comment-action {
    margin-top: 5px;
    float: left;
}

.comment .comment-action a {
    margin-right: 6px;
}

.comments ul.children {
    margin: 0px;
    padding: 0px 0px 0px 40px;
}

.comments ol.list ul.children li {
    padding: 40px 0px 0px 0px;
    background: none;
}

.comments ol.list ul.children li .comment-body {
    width: 520px;
}

.comments ol.list ul.children ul li .comment-body {
    width: 480px;
}

.comments ol.list ul.children ul ul li .comment-body {
    width: 440px;
}

.comments ol.list ul.children ul ul ul li .comment-body {
    width: 400px;
}

.comments ol.list ul.children ul ul ul ul li .comment-body {
    width: 360px;
}

.comments ol.list ul.children ul ul ul ul ul li .comment-body {
    width: 320px;
}

.comments-pagination {
    width: 100%;
    margin-top: 40px;
    float: left;
}

.comments-pagination ul {
    display: none;
}

/* Post Forms
-------------------------------------------------------------------------------------*/

/* Comments form */

#respond {
    width: 100%;
    float: left;
}

#respond .lined {
    margin-top: 35px;
    margin-bottom: 33px;
}

#respond .logged-in-as {
    float: right;
}

#respond div {
    float: left;
}

#respond label {
    display: block;
    padding-bottom: 10px;
}

#respond input#author, #respond input#email, #respond input#url {
    padding: 0px 5px 0px 5px;
    margin-right: 20px;
    margin-bottom: 20px;
    height: 22px;
    background: #FFFFFF;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #282828;
    line-height: 22px;
    float: left;

    /* Shadows */
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
}

#respond input#author, #respond input#email { width: 148px; }

.depth-1 #respond input#author, .depth-1 #respond input#email { width: 148px; }
.depth-2 #respond input#author, .depth-2 #respond input#email { width: 142px; }
.depth-3 #respond input#author, .depth-3 #respond input#email { width: 136px; }
.depth-4 #respond input#author, .depth-4 #respond input#email { width: 130px; }
.depth-5 #respond input#author, .depth-5 #respond input#email { width: 124px; }

#respond input#url { width: 288px; margin-right: 0px;}

.depth-1 #respond input#url { width: 288px; }
.depth-2 #respond input#url { width: 260px; }
.depth-3 #respond input#url { width: 232px; }
.depth-4 #respond input#url { width: 204px; }
.depth-5 #respond input#url { width: 176px; }

#respond textarea {
    height: 118px;
    padding: 5px;
    margin: 0px;
    background: #FFFFFF;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #282828;
    line-height: 20px;
    float: left;

    /* Shadows */
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
}

#respond textarea { width: 648px; }

.depth-1 #respond textarea { width: 648px; }
.depth-2 #respond textarea { width: 608px; }
.depth-3 #respond textarea { width: 568px; }
.depth-4 #respond textarea { width: 528px; }
.depth-5 #respond textarea { width: 488px; }

#respond .form-allowed-tags {
    position: relative;
    display: block;
    float: left;
}

#respond .form-allowed-tags .tags-icon {
    width: 17px;
    height: 15px;
    background: transparent url(images/icons/blog/html_tag.png) no-repeat;
    position: absolute;
    top: 15px;
    right: 0px;
    cursor: pointer;
}

#respond .form-allowed-tags { width: 660px; }

.depth-1 #respond .form-allowed-tags { width: 660px; }
.depth-2 #respond .form-allowed-tags { width: 620px; }
.depth-3 #respond .form-allowed-tags { width: 580px; }
.depth-4 #respond .form-allowed-tags { width: 540px; }
.depth-5 #respond .form-allowed-tags { width: 500px; }

#respond .form-submit {
    width: 100%;
    margin-top: 30px;
    float: left;
}

#commentform #submit {
    display: none !important;
}

#respond #cancel-comment-reply-link {
    margin-left: 20px;
}

/* Password form */

.blog-post .blog-password-form {
    background: #F9F9F9;
    color: #282828;
    margin: 6px 0px 8px 0px;
    padding: 10px 18px 18px 18px;
    border: 1px solid #FFFFFF;
    outline: 1px solid #C4C7C8;
    float: left;
}

.blog-password-form label {
    width: 100%;
    margin-bottom: 11px;
}

.blog-password-form input {
    width: 160px;
    height: 26px;
    background: #FFFFFF;
    padding: 1px 5px 1px 8px;
    border-right: none !important;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #282828;
    line-height: 24px;

    /* Shadows */
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
}

.blog-password-form input, .blog-password-form label, .blog-password-form a {
    float: left;
}

/* ----------------------------------------------------------------------------------*/
/* ---------->>> *11 CONTACT
/* ----------------------------------------------------------------------------------*/

/* Contact Information
-------------------------------------------------------------------------------------*/

.contacts {
    width: 100%;
    float: left;
}

.contacts .imagebox {
    margin-top: 7px;
    margin-bottom: 19px;
    float: left;
}

.contacts .imagebox img {
    max-width: 434px;
}

.contacts h4 {
    margin-bottom: 12px;
}

.contacts span {
    width: 100%;
    padding-bottom: 12px;
    display: block;
}

.contacts span:last-child {
    padding-bottom: 0px;
}

/* Location Map
-------------------------------------------------------------------------------------*/

.location-map {
    width: 960px;
    height: 420px;
    margin-bottom: 55px;
    padding: 0px !important;
    float: left;
}

.location-map iframe {
    background: #FFFFFF;
    padding: 0px !important;
    margin: 0px !important;

    /* Shadows */
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
}

/* Feedback
-------------------------------------------------------------------------------------*/

.feedback-form .info {
    margin-bottom: 30px;
}

.feedback-form #mail-success {
    display: none;
}

.feedback-form fieldset {
    float: left;
}

.feedback-form label {
    display: block;
    clear: both;
    padding-bottom: 10px;
}

.feedback-form input {
    padding: 0px 5px 0px 5px;
    margin-bottom: 20px;
    height: 22px;
    background: #FFFFFF;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #282828;
    line-height: 22px;
    float: left;

    /* Shadows */
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
}

.feedback-form input#name, .feedback-form input#email {
    width: 148px;
}

.feedback-form input#subject {
    width: 218px;
}

.feedback-form input#captcha {
    width: 290px;
}

.feedback-form textarea {
    width: 438px;
    height: 106px;
    padding: 5px;
    margin: 0px 0px 26px 0px;
    background: #FFFFFF;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #282828;
    line-height: 20px;
    float: left;

    /* Shadows */
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
}

.captcha-image {
    margin: 4px 30px 0px 0px;
    cursor: pointer;
    float: left;

    /* Shadows */
    -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    -webkit-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25), 0px 1px 2px rgba(0,0,0,0.25);
}

.captcha-image img {
    width: 116px;
    height: 48px;
    display: block;
    float: left;
}

.feedback-button {
    margin-top: 10px;
    float: left;
}

/* ----------------------------------------------------------------------------------*/
/* ---------->>> *12 FEATURES
/* ----------------------------------------------------------------------------------*/

/* Demo styling for "Features" section
/* (this code for demonstration purposes only, so you can quietly remove it)

/* Banners demo */

.envato-banners {
    margin-top: -20px
}

.envato-banners span {
    display: block;
    margin-left: 17px;
}

/* Columns demo */

.columns-demo .column {
    height: 80px;
    display: block;
    text-align: center;
    vertical-align: top;
    padding: 0px !important;
    margin-bottom: 40px;
    background: transparent url(images/dividers/divider_16.png) repeat;
}

.columns-demo h3 {
    display: block;
    margin-bottom: 17px;
}

.columns-demo span {
    background: #F4F4F4;
    color: #808080;
    font-size: 20px;
    line-height: 80px;
    padding: 2px 3px 3px 3px;
}

/* Buttons demo */

.buttons-demo .column a.large {
    margin-right: 16px;
}

.buttons-demo .column a.medium {
    margin-right: 14px;
}

.buttons-demo .column a.small {
    margin-right: 12px;
}

.buttons-demo .column {
    margin-bottom: 15px;
}

.buttons-demo .column h5 {
    margin-bottom: 8px;
}

.buttons-demo ul li:last-child a {
    margin-right: 0px !important;
}

/* Social icons demo */

.icons-demo .one {
    height: 40px;
    margin-bottom: 14px;
}

.icons-demo .one .social-links {
    padding-right: 9px !important;
}

.icons-demo .one .social-links li {
    padding-left: 9px;
}

.icons-demo .one:last-child {
    background: #51626F;
    margin-bottom: 0px;
}

.icons-demo .one h4 {
    margin-top: 9px !important;
    padding-left: 9px !important;
}

.icons-demo .one:last-child h4 {
    color: #FFFFFF;
}