/*
    Theme Name: Nevma 2010
    Theme URI: http://www.nevma.gr/
    Description: Good things come to those who wait.
    Version: 1.0
    Author: Nevma
    Author URI: http://www.nevma.gr/

        Nevma 2010
        http://www.nevma.gr/

        This theme was designed and built by Nevma,
        work which can be found at http://www.nevma.gr/

*/

@font-face {
	font-family: 'Eurofurence Regular';
	src: url( 'css/fonts/euroference-regular-webfont.eot' );
	src: local( 'Eurofurence Regular' ),
         url( 'css/fonts/euroference-regular-webfont.woff' ) format( 'woff' ), 
         url( 'css/fonts/euroference-regular-webfont.ttf' ) format( 'truetype' );
	font-weight: normal;
	font-style: normal;
}

html { background: url( 'images/background-pattern-overall.jpg' ); }

body { background: url( 'images/background-pattern.jpg' ) center top repeat-x; font-family: Calibri, "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 16px; line-height: 1.4; color: #5B5A58; }

a, a:visited, a:link, a:active { color: #8c9656; }
a:hover { color: #d2612b; }

h1, h2, h3, h4, h5, h6 { font-style: italic; font-family: Georgia, serif; color: #7c7874; }

h3 { margin-top: 10px; }

#content-container h1, 
#content-container h2, 
#content-container h3, 
#content-container h4, 
#content-container h5, 
#content-container h6 { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; text-shadow: 0px 1px 0px #B3B2B0; }

#content-container h1,
#content-container.single-project h2.single-project-title,
#content-container.single-post h2.single-post-title { font-family: "Eurofurence Regular"; text-transform: uppercase; font-style: normal; font-weight: normal; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; line-height: 68px; }
#content-container.single-post h1,
#content-container.single-project h1 { line-height: 30px; text-transform: none; font-style: italic; font-weight: bold; }

h1,
h2.single-project-title,
h2.single-post-title { font-size: 74px; }

h2,
#content-container.single-post h1,
#content-container.single-project h1 { margin-top: 10px; margin-bottom: 10px; font-style: italic; font-family: Georgia, serif; }
#content-container.single-project h1 { margin-top: 15px; margin-bottom: 5px; line-height: 30px; }

h2 { font-size: 25px; }
#content-container.single-post h1,
#content-container.single-project h1 { font-size: 30px; margin-top: 25px; margin-bottom: 25px; }

h3#services-moto { height: 80px; width: 990px; margin: 18px 0; padding: 0; background: url( 'images/graphic-elements.jpg' ) 0 -592px no-repeat; text-indent: -9999px; }
h3#projects-moto { height: 77px; width: 990px; margin: 18px 0; padding: 0; background: url( 'images/graphic-elements.jpg' ) 0 -515px no-repeat; text-indent: -9999px; }

p { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; text-align: justify; }

ul { margin: 10px 20px 10px 30px; }

blockquote { color: #1880c1; font-size: 20px; font-family: Georgia, serif; font-weight: bold; font-style: italic; border: none; background: url( 'images/blockquote-left.png' ) no-repeat; margin: 10px 0; padding: 0; padding-left: 30px; } 
   blockquote p { background: url( 'images/blockquote-right.png' ) bottom right no-repeat; display: inline; padding-right: 30px; }

blockquote.green { margin: 20px auto 5px auto; padding: 0; padding-bottom: 68px; width: 331px; background: url( 'images/blockquotes.png' ) -331px bottom no-repeat; text-indent: 0; } 
    #content-container blockquote.green h3 { color: #516200; font-size: 16px; margin: 0; padding: 40px 15px 0 15px; background: url( 'images/blockquotes.png' ) left top no-repeat; text-shadow: none; } 
    #content-container blockquote.green a { color: #516200; }
    #content-container blockquote.green a:hover { text-decoration: underline; }

blockquote.orange { margin: 20px auto 5px auto; padding: 0; padding-bottom: 68px; width: 331px; background: url( 'images/blockquotes.png' ) -993px bottom no-repeat; text-indent: 0; }
    #content-container blockquote.orange h3 { color: #cd4200; font-size: 16px; margin: 0; padding: 40px 15px 0 15px; background: url( 'images/blockquotes.png' ) -662px top no-repeat; text-shadow: none; } 
    #content-container blockquote.orange a { color: #cd4200; }
    #content-container blockquote.orange a:hover { text-decoration: underline; }

/* STRUCTURE */

#container { min-width: 990px; margin: auto; background: url( 'images/background.jpg' ) center top no-repeat; text-align: center; overflow: hidden; }

#top { height: 500px; padding-top: 20px; }
    #container.home-page #top { height: 600px; }

#content-container { width: 990px; margin: 0 auto; padding-bottom: 30px; position: relative; text-align: left; }
    #container.home-page #content-container { padding-bottom: 0; }
    #container.portfolio-page #content-container { width: 1090px; }

#content { width: 700px; }
    #container.home-page #content { width: auto; }
    #container.portfolio-page #content { width: 1090px; }

#metro-navigation { width: 990px; margin: 0 auto; text-align: left; }

#bottom { background: url( 'images/footer-background-pattern.jpg' ); text-align: left; }

.searchform input.text { width: 160px; padding: 5px 5px; }

/* COLUMNS */

.columns { width: 100%; overflow: hidden; margin: 0; padding: 0; }

    .columns .column-left { float: left; width: 49%; }
    .columns .column-right { float: right; width: 49%; }
        .columns .column-content { margin: 10px; }
        .columns .column-left .column-content { margin-left: 0; }
        .columns .column-right .column-content { margin-right: 0; }

/* HEADER */

#header { width: 990px; height: 500px; margin: 0 auto; padding: 0; position: relative; }

#container.home-page #header { height: 600px; }

    #navigation { margin: 0; list-style: none; font-size: 12px; font-family: Arial, sans-serif; font-weight: bold; }
        
        .megaMenu { float: left; position: relative; margin-right: 10px; }
            .megaMenu a.top-level { float: left; padding: 0 0 0 4px; background: url( 'images/navigation-background.png' ) 0 -56px no-repeat; }
            .megaMenu a.top-level:active { background: url( 'images/navigation-background.png' ) 0 -84px no-repeat; }
            .megaMenu a.top-level:active span { background: url( 'images/navigation-background.png' ) right -28px no-repeat; }
            .megaMenu a.top-level span { float: left; height: 28px; padding: 0 10px 0 6px; line-height: 28px; background: url( 'images/navigation-background.png' ) right 0 no-repeat; color: #898989; text-transform: uppercase; font-weight: bold; }
            .megaMenu a.top-level:hover span, 
            .megaMenu a.top-level.selected span { color: #5B5B5B; cursor: pointer; cursor: hand; }
                .megaMenu a.top-level span span.inner { padding: 0 3px; background: none; }
            
            .megaMenu a.top-level.selected { background: url( 'images/navigation-background.png' ) 0 -111px no-repeat; }
                .megaMenu a.top-level.selected span { background: url( 'images/navigation-background.png' ) right -140px no-repeat; color: white; }
                .megaMenu a.top-level.selected:hover span { color: white; }

                .megaMenu .megaMenuContainer { position: absolute; top: 28px; left: 2px; margin: 0; padding: 0; padding-top: 3px; font-size: 14px; display: none; }
                    .megaMenu .megaMenuContainer li { display: block; height: 34px; line-height: 34px; float: none; width: 130px; padding: 0 35px; list-style-type: none; white-space: nowrap; background: url( 'images/megamenu-background.png' ) 0 -34px no-repeat; text-align: left; }
                    .megaMenu .megaMenuContainer li.first { background: url( 'images/megamenu-background.png' ) 0 0 no-repeat; }
                    .megaMenu .megaMenuContainer li.last { background: url( 'images/megamenu-background.png' ) 0 -68px no-repeat; }
                        .megaMenu .megaMenuContainer a span { color: #898989; }
                        .megaMenu .megaMenuContainer a:hover span, 
                        .megaMenu .megaMenuContainer a.selected span{ color: #676767; }
                
    #call-us { display: block; position: absolute; z-index: 2; top: 3px; right: 4px; width: 217px; height: 20px; line-height: 20px; background: url( 'images/graphic-elements.png' ) -403px 0 no-repeat; text-indent: -9999px; }
    
    #call-us-container { position: absolute; z-index: 1; top: -208px; right: -70px; height: 130px; padding-top: 58px; width: 361px; overflow: hidden; background: url( 'images/graphic-elements.png' ) -1070px 0 no-repeat; }
        #mail-us { display: block; width: 217px; height: 18px; line-height: 18px; margin: 15px auto 15px auto; background: url( 'images/graphic-elements.png' ) -403px -20px no-repeat; text-indent: -9999px; }
        #contact-us { display: block; width: 217px; height: 42px; line-height: 38px; margin: 15px auto 15px auto; background: url( 'images/graphic-elements.png' ) -403px -38px no-repeat; text-indent: -9999px; }
        .call-us-separator { height: 1px; line-height: 1px; font-size: 1px; background: #b0b0b0; margin: 0 75px; }

#clouds-1 { height: 168px; position: absolute; top: 115px; left: 0; width: 100%; background: url( 'images/graphic-elements.png' ) 0 -485px repeat-x; }
#clouds-2 { height: 160px; /* SHOULD BE 168px - SILLY IE BUG */ position: absolute; top: 115px; left: 0; width: 100%; background: url( 'images/graphic-elements.png' ) 0 -653px repeat-x; }

#logo { display: block; position: absolute; left: 293px; top: 133px; width: 403px; height: 111px; background: url( 'images/graphic-elements.png' ) 0 0 no-repeat; text-indent: -9999px; }

#moto { position: absolute; left: 97px; top: 337px; width: 796px; height: 60px; padding: 0; margin: 0; background: url( 'images/graphic-elements.png' ) 0 -111px no-repeat; text-indent: -9999px; overflow: hidden; }

/* SIDEBAR */

#content-sidebar { float: right; padding: 100px 0 0 30px; } 

    .sidebar .widget { width: 253px; margin-bottom: 15px; line-height: 16px; }

        .sidebar .widget .widget-content { padding: 0 0 0 5px; }

        .sidebar .widget.social .widget-content { padding: 0; }
        .sidebar .widget.contact .widget-content { line-height: 18px; color: #838383; }

        .sidebar h3.title { padding: 0; margin: 10px 0 5px 0; height: 50px; line-height: 46px; font-size: 24px; font-style: italic; font-weight: bold; color: white; text-align: center; background: url( 'images/sidebar-header.png' ) 0 -50px no-repeat; } 
        .sidebar h3.title.green { background: url( 'images/sidebar-header.png' ) 0 -50px no-repeat; }
        .sidebar h3.title.blue { background: url( 'images/sidebar-header.png' ) no-repeat; }

        .submenu ul { margin: 0; padding: 0; }
            .submenu ul li { padding: 0; padding-left: 20px; margin: 0; margin-left: 10px; border-bottom: 1px dotted white; list-style-type: none; background: url( 'images/sidebar-bullet.jpg' ) 0 17px no-repeat; }
                .submenu ul li h2 { margin: 0; padding: 3px 0; text-transform: uppercase; line-height: 30px; }
                .submenu ul li h2 a { color: #4d4b49; font-family: Arial, sans-serif; font-size: 14px; font-style: normal; margin: 0; padding: 0; }
                .submenu ul li h2 a:hover, 
                 .submenu ul li h2 a.selected{ color: #6F6E6D; }

    .sidebar .news ul { margin-left: 0; margin-right: 5px; }
        .sidebar .news ul li { list-style-type: none; padding-left: 15px; background: url( 'images/sidebar-bullet.jpg' ) 0 6px no-repeat; }

    .sidebar .news .news-item h3 { font-size: 16px; font-style: normal;  color: #74822b; }
    .sidebar .news .news-item h2 { font-size: 14px; margin-top: 0; margin-bottom: 5px; padding-top: 0; padding-bottom: 0; }
        .sidebar .news .news-item h2 a { color: #5B5A58; }
        .sidebar .news .news-item h2 a:hover { color: #d2612b; }
    .sidebar .news .news-item img { position: relative; bottom: 2px; }

    .sidebar .showcase .thumbnail { float: left; position: relative; width: 110px; height: 100px; overflow: hidden; border: 1px solid #808080; margin: 0 0 8px 6px; }
        .sidebar .showcase .thumbnail img { width: 270px; position: absolute; top: 0; left: 0; }

    .sidebar .social { width: 255px; height: 134px; background: url( 'images/social.png' ) no-repeat; margin-top: 10px; }

        .sidebar .social a { float: right; width: 26px; height: 27px; margin-left: 4px; margin-top: 80px; text-indent: -9999px; border-bottom: 1px solid #3B3A38; }
        .sidebar .social a:hover { border: none; }
            .sidebar .social a.rss { background: url( 'images/social.png' ) -52px -134px no-repeat; }
            .sidebar .social a:hover.rss { background: url( 'images/social.png' ) -52px -137px no-repeat; }
            .sidebar .social a.twitter { background: url( 'images/social.png' ) 0 -134px no-repeat; }
            .sidebar .social a:hover.twitter { background: url( 'images/social.png' ) 0 -137px no-repeat; }
            .sidebar .social a.facebook { background: url( 'images/social.png' ) -26px -134px no-repeat; }
            .sidebar .social a:hover.facebook { background: url( 'images/social.png' ) -26px -137px no-repeat; }
            .sidebar .social a.linkedin { background: url( 'images/social.png' ) -78px -134px no-repeat; margin-right: 20px; }
            .sidebar .social a:hover.linkedin { background: url( 'images/social.png' ) -78px -137px no-repeat; }

/* SLIDESHOW */

#slideshow-container { position: relative; height: 311px; text-align: left; }
    
    #slideshow-container-inner { width: 1070px; height: 311px; position: absolute; left: 50%; margin-left: -535px; background: url( 'images/graphic-elements.png' ) 0 -174px no-repeat; }
        
        #slideshow { position: absolute; top: 33px; left: 58px; width: 953px; height: 243px; border: 1px solid #BBBBBB; overflow: hidden; }

            #slideshow .slide { width: 800px; width: 953px; height: 223px; padding-top: 20px; text-shadow: 0px 1px 0px #e5e5ee; }
                #slideshow .slide h2 { font-family: Calibri, "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 47px; color: white; font-style: normal; margin: 0 25px; padding: 0; }
                #slideshow .slide h3 { font-family: Calibri, "Myriad Pro", "Trebuchet MS", sans-serif; color: white; font-size: 35px; font-weight: bold; font-style: normal; line-height: 46px;  margin: 0 25px; padding: 0; }
                #slideshow .slide blockquote { margin: 0 25px; padding: 0; background: none; }
                    #slideshow .slide blockquote p { background: none; margin: 0; padding: 0; font-family: Calibri, "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 25px; font-weight: normal; font-style: normal; color: white; line-height: 26px; }

                #slideshow blockquote { border: none; margin: 10px 25px; }

                #slideshow .navigation { position: absolute; top: 0; right: 90px; margin: 20px 0 0 0; padding: 0; }
                    #slideshow .navigation li { list-style-type: none; float: left; }
                    #slideshow .navigation li a { display: inline-block; height: 24px; line-height: 22px; font-size: 14px; background: url( 'images/slideshow-navigation-background.png' ) 0 0 no-repeat; padding-left: 7px; margin-right: 5px; }
                        #slideshow .navigation li a span { color: #5B5B5B; display: inline-block; height: 24px; line-height: 22px; background: url( 'images/slideshow-navigation-background.png' ) right -24px no-repeat; padding-right: 7px; cursor: pointer; cursor: hand; }
                        #slideshow .navigation li a:hover span,
                        #slideshow .navigation li a.selected span { color: white; }

/* SERVICES SHOWCASE */

#services-three-column { clear: both; }

    .column-1,
    .column-2,
    .column-3 { float: left; width: 33%; }

    .column-1 h2, 
    .column-2 h2, 
    .column-3 h2 { width: 309px; height: 55px; line-height: 42px; padding: 0; background: url( 'images/baloons.png' ); color: white; text-align: center; font-size: 22px; font-style: normal; font-family: Calibri, "Myriad Pro", "Trebuchet MS", sans-serif; } 
    
    .column-1 h2 a, 
    .column-2 h2 a, 
    .column-3 h2 a { color: white; }
    .column-1 h2 a:hover, 
    .column-2 h2 a:hover, 
    .column-3 h2 a:hover { color: #DFDCDC; }
    
    .column-1 h3, 
    .column-2 h3, 
    .column-3 h3 { font-size: 18px; font-style: normal; font-family: Calibri, "Myriad Pro", "Trebuchet MS", sans-serif; } 

    .column-1 h2 { background-position: 0 0; }
    .column-2 h2 { background-position: 0 -55px; }
    .column-3 h2 { background-position: 0 -110px; }

    #services-three-column ul { margin: 0; padding: 0 40px 0 30px; } 

        #services-three-column ul li { margin: 0; padding: 0; } 
        #services-three-column ul h3 { margin: 0; }

    #services-three-column .divider { height: 0; line-height: 0; font-size: 0; border-top: 1px solid #aeaaaa; border-bottom: 1px solid white; margin: 20px 0 35px 0; }

/* SHOWCASE PORTFOLIO */

#showcase { position: relative; width: 990px; height: 200px; margin: 0 auto; margin-bottom: 25px; overflow: hidden; }
    
    #showcase .project { float: left; width: 308px; height: 198px; margin: 0 10px; border: 1px solid #999798; background: white; position: relative; }
        #showcase .project .thumbnail { position: absolute; top: 19px; left: 19px; width: 270px; height: 160px; border: 1px solid #9a9f9d; overflow: hidden; }
            #showcase .project .thumbnail img { vertical-align: middle; width: 270px; height: 160px; }
            #showcase .project .thumbnail .description { position: absolute; top: 160px; left: 0; width: 270px; background: #cccccc; border-top: 1px dotted #6F6F6F; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha( Opacity = 80 )"; filter: alpha( opacity = 80 ); -moz-opacity: 0.8; -khtml-opacity: 0.8; }
                #showcase .project .thumbnail .description h2 { color: #373737; margin: 0; padding: 5px; font-size: 16px; line-height: 20px; }

    #showcase .controls { position: relative; }
        #showcase .controls a { position: absolute; width: 40px; height: 40px; background: url( 'images/showcase-controls.png' ) no-repeat; text-indent: -9999px; }
        #showcase .controls a#previous { top: 77px; left: 0; background-position: 0 0; }
        #showcase .controls a#previous:hover { background-position: 0 -40px; }
        #showcase .controls a#next { top: 77px; right: 0; background-position: -40px 0; }
        #showcase .controls a#next:hover { background-position: -40px -40px; }

    #more-projects { width: 990px; margin: 0 auto; overflow: hidden; }
        #more-projects a { float: right; margin: 0 10px 0 0; width: 173px; height: 39px; background: url( 'images/graphic-elements.png' ) -1431px 0 no-repeat; text-indent: -9999px; } 

/* POST */

.post { padding-bottom: 20px; }

    .post-text { overflow: hidden; width: 100%; margin: 0; padding: 0; }

    .post-text-excerpt { overflow: hidden; }

    .post .date { margin-top: 20px; margin-bottom: -15px; padding-left: 25px; padding-right: 5px; background: url( 'images/news-date.png' ) left center no-repeat; font-weight: bold; font-size: 19px; color: #8c9656; }

    #content-container .post h2 a { color: #5B5A58; }
    #content-container .post h2 a:hover { color: #d2612b; }

    .post a.read-more { display: inline-block; height: 21px; line-height: 20px; background: url( 'images/portfolio-more-view-more.gif' ) left -21px no-repeat; padding-left: 5px; margin-top: 10px; font-family: Georgia, serif; font-size: 14px; font-weight: bold; font-style: italic; color: #4d4b49; }
    .post a.read-more:hover { color: #777572; }
        .post a.read-more span { display: inline-block; height: 21px; line-height: 20px; background: url( 'images/portfolio-more-view-more.gif' ) right 0 no-repeat; padding-right: 13px; cursor: hand; cursor: pointer; }

        .post .website { margin-bottom: 25px; margin-top: 0; }
    
    #project-thumbnails { margin: 30px 0; text-align: center; }
        #project-thumbnails a, 
        .post a.thumbnail { display: inline-block; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; padding: 10px; background: #F3F3F3; border: 1px solid #9a9f9d; }
        #project-thumbnails a:hover,
        .post a.thumbnail:hover { background: #E7E7E7; }
            #project-thumbnails a img,
            .post a.thumbnail img { border: 1px solid #9a9f9d; }
    
    .post a.post-thumbnail { float: left; display: inline; margin-right: 30px; margin-left: 0; }
    .post a.post-thumbnail img { width: 200px; }
    
    img.thumbnail { display: inline-block; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; padding: 10px; background: #F3F3F3; border: 1px solid #9a9f9d; }

    .pagination { float: left; width: 100%; margin: 0 0 10px 0; padding-top: 10px; border-top: 1px solid gray; font-size: 22px; font-weight: bold; }
        .pagination .next { float: right; }
        .pagination .previous { float: left; }

    .no-popup { /* No style! Is here to exclude some thumbnails from triggering a popup. */ }

    .wp-caption { position: relative; width: 100% !important; margin: 20px 0 0 0; padding: 0; text-align: center; }
    .wp-caption p { position: absolute; top: 0; left: 0; padding: 40px 200px 20px 50px; font-size: 24px; line-height: 32px; color: #fff; text-align: left; }
    .wp-caption img { margin: 0 auto; }

/* PORTFOLIO */

#portfolio { width: 1090px; height: 366px; position: relative; margin-top: 50px; margin-bottom: 50px; padding-bottom: 50px; background: url( 'images/portfolio-background.png' ) 50% 0 no-repeat; overflow: hidden; border-bottom: 1px dashed #999999; }

    #portfolio .project { width: 990px; height: 366px; position: absolute; top: 0; left: 0; }

        #portfolio .project .project-id { display: none; }

        #portfolio .project .description { float: left; display: inline; height: 246px; width: 265px; margin-left: 100px; padding-top: 100px; }
            #portfolio .project .description h2 { font-size: 16px; line-height: 24px; margin: 0; }
            #portfolio .project .description .services h3 { color: #7c7874; text-transform: lowercase; font-size: 14px; font-weight: normal; line-height: 16px; margin: 0; padding: 20px 0; }
                #portfolio .project .description .website { font-family: Georgia, serif; font-size: 15px; font-weight: bold; font-style: italic; color: #90a13b; word-wrap: break-word; margin-bottom: 20px; }
                #portfolio .project .description a.view-more { display: block; margin: 10px 0; width: 200px; height: 25px; line-height: 22px; background: url( 'images/view-more.jpg' ) 0 0 no-repeat; text-align: center; font-family: Georgia, serif; font-size: 15px; font-weight: bold; font-style: italic; color: #4d4b49; }
                #portfolio .project .description a.view-more:hover { color: #777572; }
        
        #portfolio .project .image { height: 322px; width: 548px; position: absolute; top: 0; right: 33px; padding-top: 21px; overflow: hidden; }
            #portfolio .project .image img { width: 548px; height: auto; position: absolute; top: 21px; left: 0; }
            #portfolio .project .image img.secondary { display: none; }

        #portfolio .project ul.image-counter { position: absolute; right: 0; bottom: -40px; width: 585px; margin: 0; padding: 0; text-align: center; }
            #portfolio .project ul.image-counter li { list-style-type: none; display: inline; margin: 0; padding: 0; }
                #portfolio .project ul.image-counter li a { display: inline-block; width: 32px; height: 32px; background: url( 'images/image-counter-bullets.png' ) 0 0 no-repeat; }
                #portfolio .project ul.image-counter li a:hover, 
                #portfolio .project ul.image-counter li a.selected { background: url( 'images/image-counter-bullets.png' ) 0 -32px no-repeat; }
        
        #portfolio .controls {}
            #portfolio .controls a { position: absolute; width: 40px; height: 40px; background: url( 'images/showcase-controls.png' ) no-repeat; text-indent: -9999px; }
            #portfolio .controls a#previous { top: 150px; left: 49px; background-position: 0 0; }
            #portfolio .controls a#previous:hover { background-position: 0 -40px; }
            #portfolio .controls a#next { top: 150px; right: 49px; background-position: -40px 0; }
            #portfolio .controls a#next:hover { background-position: -40px -40px; }

        #services-links { float: right; margin: 0; padding: 0; margin-right: 5px; }

            #services-links li { float: left; list-style-type: none; margin: 0 10px; }
                #services-links li a { display: inline-block; height: 40px; line-height: 40px; background: url( 'images/services-links-background.gif' ) right -40px no-repeat; font-family: Georgia, serif; font-size: 23px; font-weight: bold; color: #777572; }
                #services-links li a:hover, 
                #services-links li a.selected { color: #4d4b49; } 
                    #services-links li a span { display: inline-block; height: 40px; line-height: 40px; padding: 0 20px; background: url( 'images/services-links-background.gif' ) 0 0 no-repeat; cursor: pointer; cursor: hand; }

/* PORTFOLIO-MORE */

#portfolio-more { position: relative; width: 990px; margin: 0 auto; margin-top: 30px; margin-bottom: 41px; clear: both; }

    #portfolio-more h2 { margin-bottom: 20px; }
    
    #portfolio-more .project { float: left; width: 294px; margin-bottom: 40px; }
    #portfolio-more .project.middle { margin: 0 47px; }

        #portfolio-more .project .thumbnail { overflow: hidden; }
            #portfolio-more .project .thumbnail a { display: inline-block; padding: 10px; background: #F3F3F3; border: 1px solid #9a9f9d; }
            #portfolio-more .project .thumbnail a:hover { background: #E7E7E7; }
                #portfolio-more .project .thumbnail img { vertical-align: middle; width: 270px; height: 160px; border: 1px solid #9a9f9d; }

        #portfolio-more .project .description { padding: 5px 5px; }
            
            #portfolio-more .project .description h2 { font-size: 14px; line-height: 20px; margin: 0; padding-bottom: 0; color: #4d4b49; }
                #portfolio-more .project .description .services h3 { color: #7c7874; text-transform: lowercase; font-size: 14px; font-weight: normal; line-height: 16px; margin: 0; padding: 5px 0; }
            
            #portfolio-more .project .description .website { font-family: Georgia, serif; font-size: 15px; font-weight: bold; font-style: italic; color: #90a13b; word-wrap: break-word; padding: 5px 0; }

            #portfolio-more .project .project-id { display: none; }
        
        #portfolio-more .project .view-more { width: 312px; }
            #portfolio-more .project .view-more a { display: inline-block; height: 21px; line-height: 20px; background: url( 'images/portfolio-more-view-more.gif' ) left -21px no-repeat; padding-left: 5px; margin-left: 5px; font-family: Georgia, serif; font-size: 14px; font-weight: bold; font-style: italic; color: #4d4b49; }
            #portfolio-more .project .view-more a:hover { color: #777572; }
                #portfolio-more .project .view-more a span { display: inline-block; height: 21px; line-height: 20px; background: url( 'images/portfolio-more-view-more.gif' ) right 0 no-repeat; padding-right: 13px; cursor: hand; cursor: pointer; }

/* POPUP */

.overlay { background: #000000; }

.popup { margin: 0; padding: 0; border: none; background: #f8f7f7; border: 1px solid #bbbbbb; overflow: visible; border-top-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

    .popup .close { position: absolute; top: -33px; right: -33px; width: 60px; height: 60px; background: url( 'images/portfolio-dialog-close.png' ) no-repeat; text-indent: -9999px; }
    
    #popup-contents { margin: 20px; border: 1px solid #c1c1c1; background: #d3d1cb; position: relative; display: none; }
        
        #popup-contents .loading { text-align: center; padding-top: 74px; padding-bottom: 25px; line-height: 18px; background: url( 'images/loader.gif' ) 50% 15px no-repeat; }

        #popup-contents .slide { position: absolute; top: 0; left: 0; overflow: hidden; }

        #popup-contents h3 { color: #4d4b49; padding: 25px 15px 45px 15px; font-size: 30px; }
        #popup-contents img.featured { float: right; margin-right: 20px; margin-left: 25px; box-shadow: -3px 3px 10px #a59d96; -moz-box-shadow: -3px 3px 10px #a59d96; -webkit-box-shadow: -3px 3px 10px #a59d96; }
        #popup-contents img.slide { display: none; }
        #popup-contents .services { margin: 0 0 20px 20px; padding-top: 15px; font-family: Georgia, serif; font-style: italic; font-size: 16px; text-transform: lowercase; color: #6F6E6D; }
        #popup-contents p { margin: 0 0 20px 20px; line-height: 20px; font-family: Georgia, serif; font-size: 14px; color: #6F6E6D; }
        #popup-contents .website { margin: 0 0 30px 20px; font-family: Georgia, serif; font-size: 18px; font-weight: bold; font-style: italic; color: #90a13b; word-wrap: break-word; }
        #popup-contents .read-more { margin-left: 10px; display: inline-block; padding-left: 10px; width: 190px; height: 25px; line-height: 22px; background: url( 'images/view-more.jpg' ) no-repeat; font-family: Georgia, serif; font-size: 14px; font-weight: bold; font-style: italic; color: #4d4b49; }
        #popup-contents .read-more:hover { color: #777572; }

        #popup-contents ul.image-counter { position: absolute; right: 0; bottom: 15px; width: 100%; margin: 0; padding: 0; text-align: center; }
            #popup-contents ul.image-counter li { list-style-type: none; display: inline; margin: 0; padding: 0; }
                #popup-contents ul.image-counter li a { display: inline-block; vertical-align: middle; width: 32px; height: 32px; background: url( 'images/image-counter-bullets.png' ) no-repeat; }
                #popup-contents ul.image-counter li a:hover, 
                #popup-contents ul.image-counter li a.selected { background: url( 'images/image-counter-bullets.png' ) 0 -32px no-repeat; }
                #popup-contents ul.image-counter li a.previous { width: 40px; height: 40px; margin-right: 5px; background: url( 'images/showcase-controls.png' ) 0 0 no-repeat; position: relative; bottom: 5px; }
                #popup-contents ul.image-counter li a.previous:hover { background: url( 'images/showcase-controls.png' ) 0 -40px no-repeat; }
                #popup-contents ul.image-counter li a.next { width: 40px; height: 40px; margin-left: 5px; background: url( 'images/showcase-controls.png' ) -40px 0 no-repeat; position: relative; bottom: 5px; }
                #popup-contents ul.image-counter li a.next:hover { background: url( 'images/showcase-controls.png' ) -40px -40px no-repeat; }
        
        #popup-contents .logo { width: 403px; height: 111px; background: url( 'images/graphic-elements.png' ) 0 0 no-repeat; text-indent: -9999px; margin: 30px auto; }

/* CONTACT FORM */

#contact-form { padding: 25px 0; }

    #contact-form p { padding-bottom: 15px; }
    
    #contact-form label,
    #contact-form .label { float: left; width: 160px; padding-right: 20px; margin-right: 10px; font-size: 19px; font-weight: bold; text-align: right; line-height: 42px; }
    #contact-form label.required { padding-right: 20px; width: 160px; background: url( 'images/required.png' ) right 7px no-repeat; }

    #contact-form p.interest { padding-bottom: 10px; }
        #contact-form p.interest .label { line-height: 24px; }

    #contact-form .interest-options { display: block; margin-left: 200px;  }
        #contact-form .interest-options label { display: block; float: none; width: 200px; text-align: left; padding: 5px 0 5px 10px; font-size: 17px; font-weight: bold; line-height: 20px; }
        #contact-form .interest-options .clear { display: block; clear: both; margin: 0; padding: 0; height: 1px; line-height: 1px; font-size: 1px; }
        #contact-form .interest-options .checkbox { margin: 0 5px 0 0; }

    #contact-form input.text { height: 35px; width: 397px; margin: 0; padding: 3px 7px; border: none; background: url( 'images/form-elements.png' ) 0 0 no-repeat; font-size: 18px; line-height: 35px; color: #676767; }
    #contact-form textarea { width: 401px; height: 209px; padding: 10px 5px; border: none; background: url( 'images/form-elements.png' ) 0 -41px no-repeat; font-size: 17px; font-weight: bold; color: #676767; }
    #contact-form input.text.error { background: url( 'images/form-elements.png' ) -411px 0 no-repeat; } 
    #contact-form textarea.error { background: url( 'images/form-elements.png' ) -411px -41px no-repeat; }
    
    #contact-form input.submit { margin-left: 535px; height: 26px; width: 97px; border: none; background: transparent url( 'images/form-elements.png' ) -97px -270px no-repeat; }
    #contact-form input.submit.hover { background: transparent url( 'images/form-elements.png' ) 0 -270px no-repeat; }

    #contact-form h3.star { padding-left: 23px; background: url( 'images/required.png' ) left 0 no-repeat; }

/* METRO NAVIGATION */

#metro-line { height: 110px; margin-bottom: 130px; border-bottom: 3px solid #676665; text-align: left; overflow: visible; position: relative; }

    #metro-line .station { position: absolute; bottom: -16px; width: 32px; height: 32px; background: url( 'images/metro-stations.jpg' ) no-repeat; }
    #metro-line .station.hover, 
    #metro-line .station.selected { bottom: -23px; width: 46px; height: 46px; } 

        #metro-line .station .station-link { position: absolute; top: 0; left: 0; width: 32px; height: 32px; text-indent: -9999px; }
        #metro-line .station.hover .station-link { width: 46px; height: 46px; }

    #metro-line .station-0 { left: -16px; background-position: 0 0; }
    #metro-line .station-1 { left: 90px; background-position: -32px 0; }
    #metro-line .station-2 { left: 250px; background-position: -64px 0; }
    #metro-line .station-3 { left: 410px; background-position: -96px 0; }
    #metro-line .station-4 { left: 560px; background-position: -129px 0; }
    #metro-line .station-5 { left: 740px; background-position: -32px 0; }
    #metro-line .station-6 { left: 870px; background-position: -64px 0; }
    #metro-line .station-7 { left: 974px; background-position: -161px 0; }

    #metro-line .station-0.hover, 
    #metro-line .station-0.selected { left: -23px; background-position: 0 -32px; }
    #metro-line .station-1.hover, 
    #metro-line .station-1.selected { left: 83px; background-position: -46px -32px; }
    #metro-line .station-2.hover, 
    #metro-line .station-2.selected { left: 243px; background-position: -92px -32px; }
    #metro-line .station-3.hover, 
    #metro-line .station-3.selected { left: 403px; background-position: -138px -32px; }
    #metro-line .station-4.hover, 
    #metro-line .station-4.selected { left: 553px; background-position: -184px -32px; }
    #metro-line .station-5.hover, 
    #metro-line .station-5.selected { left: 733px; background-position: -46px -32px; }
    #metro-line .station-6.hover, 
    #metro-line .station-6.selected { left: 863px; background-position: -92px -32px; }
    #metro-line .station-7.hover, 
    #metro-line .station-7.selected { left: 967px; background-position: -230px -32px; }

        #metro-line .station a.title { position: absolute; top: 62px; left: 12px; width: auto; white-space: nowrap; word-wrap: normal; font-family: Arial, sans-serif; font-size: 17px; font-weight: bold; color: white; text-shadow: -1px 1px 3px #7c7874; }
        #metro-line .station.hover a.title, 
        #metro-line .station.selected a.title { top: 69px; left: -8px; }
        #metro-line .station.odd a.title { top: 89px; }
        #metro-line .station.hover.odd a.title { top: 96px; }
        #metro-line .station.selected.odd a.title { top: 96px; }

        #metro-line .station a.title { left: -15px; }
        #metro-line .station.hover a.title { left: -8px; color: #EBEBEB; }

        #metro-line .station-7 a.title {  left: auto; right: 0; text-align: right; }
        #metro-line .station-7.selected.odd a.title, 
        #metro-line .station-7.hover.odd a.title{ left: auto; right: 7px; }

        #metro-line .station .border { border-left: 1px dotted white; position: absolute; top: 37px; left: 16px; height: 25px; }
        #metro-line .station.hover .border, 
        #metro-line .station.selected .border { top: 50px; left: 23px; height: 18px; }
        #metro-line .station.odd .border { height: 48px; }
        #metro-line .station.hover.odd .border { height: 41px; }

        #metro-line .station .you-are-here { width: 114px; height: 82px; position: absolute; top: -62px; left: -50px; background: url( 'images/metro-you-are-here.png' ) no-repeat;  }

            #metro-line .station .you-are-here a.next, 
            #metro-line .station .you-are-here a.previous, 
            #metro-line .station .you-are-here a.current { position: absolute; color: #4d4b49; font-size: 16px; white-space: nowrap; word-wrap: normal; text-shadow: -1px 1px 1px #b1b0b0; }
            #metro-line .station .you-are-here a.next:hover, 
            #metro-line .station .you-are-here a.previous:hover, 
            #metro-line .station .you-are-here a.current:hover { color: #6F6E6D; }

            #metro-line .station .you-are-here a.current { color: #939393; }
            
            #metro-line .station .you-are-here a.next { left: 130px; top: 21px; padding-left: 15px; background: url( 'images/metro-next-background.jpg' ) 0 7px no-repeat; }
            #metro-line .station .you-are-here a.previous { right: 130px; top: 21px; padding-right: 15px; background: url( 'images/metro-previous-background.jpg' ) right 7px no-repeat; }
            #metro-line .station .you-are-here a.current { width: 114px; top: -27px; text-align: center; }

/* FOOTER */

#footer-border { height: 13px; line-height: 11px; font-size: 11px; background: url( 'images/graphic-elements.jpg' ) 0 -502px repeat-x; }

#footer { padding-top: 30px; color: #333230; font-size: 15px; }

#footer-content { width: 990px; margin: 0 auto; position: relative; }
    
    #footer-content h3 { padding: 0; line-height: 1.3; color: white; font-size: 22px; font-weight: normal; font-style: normal; }

    #partners { float: left; width: 224px; margin-right: 60px; }

        #partners h3 { font-size: 24px; font-style: italic; margin-bottom: 15px; } 
        #partners a { display: block; width: 222px; height: 96px; text-indent: -9999px; margin-bottom: 25px; }
        #clic2c { background: url( 'images/graphic-elements.jpg' ) 0 -387px no-repeat; }
        #monoblogs { background: url( 'images/graphic-elements.jpg' ) 0 -291px no-repeat; }
        #ourmarriage { background: url( 'images/graphic-elements.jpg' ) 0 -195px no-repeat; }
        #digicontent { background: url( 'images/graphic-elements.jpg' ) -553px -195px no-repeat; }
        #digiretail { background: url( 'images/graphic-elements.jpg' ) -553px -291px no-repeat; }
        #digimobile { background: url( 'images/graphic-elements.jpg' ) -685px -46px no-repeat; }
    
    #news { float: left; width: 326px; }

        #news .news-item { padding-bottom: 15px; }
        #news h3 { font-size: 24px; font-style: italic; margin-bottom: 5px; }
        #news h2 { padding: 5px 0 0 0; margin: 0; color: #c7c7c7; font-size: 17px; line-height: 22px; font-weight: normal; }
            #news h2 a { color: #c7c7c7; }
            #news h2 a:hover { color: #d2612b; }
        #news p { padding: 5px 0; line-height: 18px; }
        #news .news-item-separator { height: 2px; line-height: 2px; font-size: 2px; background: url( 'images/graphic-elements.jpg' ) right -502px no-repeat; }
        
        #news .read-more { display: inline-block; height: 21px; line-height: 21px; color: #333230; }
        #news .read-more:hover { color: #ccc; }
            #news .read-more span { display: inline-block; height: 21px; line-height: 21px; padding: 0 18px 0 5px; background: url( 'images/graphic-elements.jpg' ) right -481px no-repeat; }
        
    #contact { margin-left: 610px; }

        #contact h3 { padding: 5px 100px 0 58px; font-size: 20px; }
            #too-late { display: none; }

        #clock { width: 298px; height: 117px; margin: 45px 0 40px 0; background: url( 'images/graphic-elements.jpg' ) -222px -361px no-repeat; }
            
            #clock #time { padding: 16px 0 0 0; margin-left: 66px; }
                #clock #time .digit { float: left; width: 42px; height: 60px; line-height: 60px; margin-left: 5px; color: #fff; text-align: center; font-size: 44px; font-weight: bold; }
                #clock #time .digit.separator { width: 9px; background: url( 'images/footer-clock-heartbeat.gif' ) center no-repeat; text-indent: -9999px; }
                #clock #time .digit.ampm { width: 22px; margin-left: 0; font-size: 9px; line-height: 58px; }

        #quick-response { display: block; height: 83px; width: 331px; margin-left: 48px; background: url( 'images/graphic-elements.jpg' ) -222px -195px no-repeat; text-indent: -9999px; }
        #quick-response:hover { background: url( 'images/graphic-elements.jpg' ) -222px -278px no-repeat; }

        #lamp { position: absolute; top: -53px; left: 845px; width: 211px; height: 357px; text-indent: -9999px; }
            #lamp.on { background: url( 'images/footer-lamp.png' ) center 0 no-repeat; }
            #lamp.off { background: url( 'images/footer-lamp.png' ) center -357px no-repeat; }
        
        #social { width: 292px; height: 50px; padding: 18px 15px; margin: 30px 0 0 48px; background: url( 'images/graphic-elements.png' ) -1070px -188px no-repeat; color: white; }

            #social .moto { float: left;  line-height: 40px; }
            #social .rss { float: left; width: 46px; height: 46px; margin: 0 0 0 5px; background: url( 'images/graphic-elements.jpg' ) -685px 0 no-repeat; text-indent: -9999px; }
            #social .facebook { float: left; width: 46px; height: 46px; margin: 0 0 0 5px; background: url( 'images/graphic-elements.jpg' ) -731px 0 no-repeat; text-indent: -9999px; }
            #social .twitter { float: left; width: 46px; height: 46px; margin: 0 0 0 5px; background: url( 'images/graphic-elements.jpg' ) -777px 0 no-repeat; text-indent: -9999px; }
            #social .linkedin { float: left; width: 46px; height: 46px; margin: 0 0 0 5px; background: url( 'images/graphic-elements.jpg' ) -823px 0 no-repeat; text-indent: -9999px; }
        
    #the-bunch { height: 195px; margin-top: 30px; background: url( 'images/graphic-elements.jpg' ) 305px 0 no-repeat; position: relative; }
       
        #the-bunch p { position: absolute; bottom: 15px; left: 0; padding: 10px 0 0 0; border-top: 1px solid #343432; line-height: 22px; font-weight: bold; }
            #the-bunch p .tel { padding-left: 25px; background: url( 'images/graphic-elements.jpg' ) -974px -443px no-repeat; }
            #the-bunch p .email { padding-left: 25px; background: url( 'images/graphic-elements.jpg' ) -974px -464px no-repeat; }

/* MISC */

img#wpstats{ display: none; }

.shareaholic-show-on-load { margin-bottom: 40px; }