body {
        border-top: 4px solid #222;
        color: #FFF;
        float: left;
        font: 80%/1.5 Arial, Helvetica, sans-serif;
        min-width: 100%;
        margin: 0;
        padding: 0;
        background:#fff url('/images/middle_legend.jpg') repeat-x;
}


a {
        color: #06C;
}

a:hover {
        color: #F9461C;
}

/* view more link */
a.view-more-link {
        background: url("/img/view-more.gif") no-repeat left 5px;
        font-weight: bold;
        padding-left: 10px;
}

/* external link */
a.external-link {
        background: url("/img/external.gif") no-repeat right 3px;
        padding-right: 15px;
}

/* top link */
a.top-link {
        background: url("/img/top.gif") no-repeat left 7px;
        padding-left: 10px;
        text-transform: lowercase;
}

/* send to friend link */
a.send-to-friend-link {
        background: url("/img/e-mail.gif") no-repeat left 4px;
        padding-left: 15px;
}

/* send to friend link */
a.print-link {
        background: url("/img/print.gif") no-repeat left 2px;
        padding-left: 15px;
}

/**
 * Images
 */
img.deco-r,
img.deco-r-blank,
img.decoration-1,
img.decoration-2 {
        clear: right;
        float: right;
        margin: .5em 0 .5em 1em;
}

img.deco-r,
img.decoration-2 {
        border: 1px solid #DCDBD9;
        padding: 3px;
}

img.deco-l,
img.deco-l-blank {
        clear: left;
        float: left;
        margin: .5em 1em .5em 0;
}

img.deco-l {
        border: 1px solid #DCDBD9;
        padding: 3px;
}

a img {
        border: none;
}

/**
 * Acronyms and abbreviations
 */
abbr,
acronym {
        border: none;
}

abbr[title],
acronym[title] {
        border-bottom-style: dotted;
        border-bottom-width: 1px;
        cursor: help;
}

/**
 * Headings
 */
h1, h2, h3 {
display: inline;
}

h1 {
        color: #F9461C;
        font: normal 250%/1 "Myriad Pro", Verdana, Geneva, Helvetica, Arial, Sans-Serif;
        margin: .5em 0;
        display: inline;
}

h2 {
        font: normal 190%/1 "Myriad Pro", Verdana, Geneva, Helvetica, Arial, Sans-Serif;
        margin: .5em 0;  /*color:#F9461C;*/
        display: inline;
}

h3 {
        margin-bottom: .5em;
        display: inline;
}

/**
 * Paragraphs
 */
p.slogan,
p.quote {
        color: #74BC0D;
        font: 160% Georgia, "Times New Roman", Times, serif;
        margin: 1em 75px;
        text-align: center;
}

p.page-navigation {
        text-align: right;
}

/* Page actions */
p.page-actions {
        color: #838383;
        font-size: 85%;
}

p.page-actions .seperator {
        padding: 0 .5em;
}

p.page-actions a {
        color: #838383;
        text-decoration: none;
        text-transform: lowercase;
}

p.page-actions a:hover {
        text-decoration: underline;
}

/**
 * Lists
 */
.positive-list {
        list-style: none;
        padding-left: 0;
}

.positive-list li {
        background: url("/img/check.gif") no-repeat left 6px;
        padding-left: 15px;
}

/**
 * Tables
 */
table {
        border-collapse: collapse;
}

th, td {
        padding: 5px;
}

caption {
        display: none;
}

/* Head */
thead {

}

thead th {
        background: url("th-back.png") repeat-x bottom;
        border-top: 1px solid #DCDCDC;
        padding: 5px 5px 9px 5px;
}

thead th:after {
        content: ':';
}

/* Body */
tbody tr {

}

tbody th,
tbody td {
        background: url("dot.gif") repeat-x bottom;
        padding: 5px 5px 6px 5px;
}

/**
 * Form
 */
input.text,
textarea {
        border: 1px solid #DEDEDE;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1em;
}

input.text:hover,
textarea:hover {
        border-color: #F9461C;
}

input.text:focus,
textarea:focus {
        border-color: #222;
}

/**
 * Forms
 */
form label {
        cursor: pointer;
        font-weight: bold;
}

form .required-indicator {
        color: #F00;
}

form input,
form textarea,
form select {
        border: 1px solid #CDCDCD;
        padding: 5px;
}

/**
 * Buttons
 */
.subscribe-button,
.logout-button,
.send-button {
        background: transparent no-repeat top left;
        border: none;
        cursor: pointer;
        display: block;
        height: 26px;
}

.subscribe-button:hover,
.subscribe-button.hover,
.logout-button:hover,
.logout-button.hover,
.send-button:hover,
.send-button.hover {
        background-position: bottom left;
}

.subscribe-button span,
.logout-button span,
.send-button span {
        display: none;
}

/* Specific */
.subscribe-button { width: 91px; background-image: url("buttons/aanmelden.gif"); }
.logout-button { width: 73px; background-image: url("buttons/afmelden.gif"); }
.send-button { width: 73px; background-image: url("buttons/verstuur.gif"); }

#foot .subscribe-button { background-image: url("buttons/aanmelden-grijs.gif"); }

/**
 * Other
 */
object {
        display: block;
}

.clear {
        clear: both;
}

.hr {
        background: url("dot.gif") repeat-x bottom;
        height: 1px;
        margin: 1em 0;
}

.hr hr {
        display: none;
}

/**
 * Container
 */
#container-wrap {  
        color: #222;
}

#container {
        margin: 0 auto;
        width: 950px;
}

/**
 * Top
 */
#top {

}

/**
 * Access menu
 */
#access-menu {
        display: none;
}

/**
 * Company name
 */
#company-name {
        float: left;
        /* bottom margin -5px navigation top shadow */
        margin: 10px 0 5px 0;
        padding: 0;
}

#company-name a {
        background: url("logo.gif") no-repeat center center;
        display: block;
        width: 200px;
        height: 82px;
        padding: 10px;
}

#company-name a span {
        /* hide the text, already visibile in background image */
        display: none;
}

/**
 * Top menu
 */
#top-menu {
        float: right;
        font-size: 85%;
}

#top-menu ul {
        list-style: none;
        margin: 10px;
        padding: 0;
}

#top-menu li {
        background: url("/img/seperator.gif") no-repeat right center;
        float: left;
        margin-right: 10px;
        padding-right: 10px;
}

#top-menu li.last-child {
        background: none;
}

#top-menu a {
        background-position: left center;
        background-repeat: no-repeat;
        color: #838383;
        display: block;
        text-decoration: none;
}

#top-menu a:hover {
        color: #222;
}

/* Specific items */
#top-menu-item-sitemap a { padding-left: 22px; background-image: url("/img/sitemap.gif"); }
#top-menu-item-contact a { padding-left: 16px; background-image: url("/img/contactt.gif"); }

/**
 * Navigation
 */
#navigation-top {
        background: url("/img/topp.gif") no-repeat;
        /* company name and top menu are floated */
        clear: both;
        height: 11px;
}

#navigation-wrap {
        background: url("/img/wrap-back.gif") repeat-y;
}

#navigation {
        background: #F5F5F5 url("/img/backk.gif") repeat-x bottom;
        margin: 0 10px;
}

#navigation-bottom {
        background: url("/img/bottomm.gif") no-repeat;
        margin-bottom: 15px;
        height: 11px;
}

/**
 * Main menu
 */
#main-menu {
        float: left;
        font-size: 150%;
        line-height: 1.25;
        z-index: 10;
}

#main-menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
}

#main-menu li {
        float: left;

}

#main-menu a {
       /* background-repeat: no-repeat;
        background-position: top left;*/
                padding-top:10px;
        color: #222;
        display: block;
        height: 42px;
        text-decoration: none;
}

#main-menu a.active{
 background-color: #F9461C;
      background-position: top left;
      font-weight:none;
      color: #FFF;
        /*  font-size:18px;  */
      height: 34px;
      background-image: url("/img/meniu_middle.gif");
          background-repeat: repeat-x;
         /* border:#000 1px solid;*/
          padding-top:8px;
}
#main-menu a.active:hover{
 background-color: #F9461C;
      background-position: top left;
      font-weight:none;
      color: #FFF;
        /*  font-size:18px;  */
      height: 34px;
      background-image: url("/img/meniu_middle.gif");
          background-repeat: repeat-x;
         /* border:#000 1px solid;*/
          padding-top:8px;
}
#main-menu a:hover,
#main-menu a:focus,
#main-menu li:hover a,
#main-menu li.hover a {
     /* background-*/color: #F0502B;
      background-position: top left;
      font-weight:none;

      height: 34px;
     /* background-image: url("/img/meniu_middle.gif");
          background-repeat: repeat-x;*/


}

#menu-item-home a {
                  margin:0px;
                  height: 34px;
                  padding-left:10px;
                  padding-right:10px;
                  }
#menu-item-home a span {
                        height: 34px;
                        }
/* Specific items */
#meinu-left {
             width: 4px;
             height: 42px;
             padding: 0;
             background-image: url("/img/meniu_left.gif");
             }
#meinu-right {
              width: 4px;
              height: 42px;
              padding: 0;
              background-image: url("/img/meniu_right.gif");
              margin-right: 5px;
              }


#menu-item-about a { width: 104px; height: 42px; padding: 0; background-image: url("/img/over-ons.gif"); }
#menu-item-about a span { display: none; }

#menu-item-services a { width: 103px; height: 42px; padding: 0; background-image: url("/img/diensten.gif"); }
#menu-item-services a span { display: none; }

#menu-item-portfolio a { width: 100px; height: 42px; padding: 0; background-image: url("/img/portfolio.gif"); }
#menu-item-portfolio a span { display: none; }

#menu-item-help a { width: 72px; height: 42px; padding: 0; background-image: url("/img/help.gif"); }
#menu-item-help a span { display: none; }

#menu-item-weblog a { width: 94px; height: 42px; padding: 0; background-image: url("/img/weblog.gif"); }
#menu-item-weblog a span { display: none; }

#menu-item-contact a { width: 96px; height: 42px; padding: 0; background-image: url("/img/contact.gif"); }
#menu-item-contact a span { display: none; }

/* Sub menu */
#main-menu li:hover .sub-menu,
#main-menu li.hover .sub-menu {
        left: auto;
}

#main-menu .sub-menu {
        background: #F5F5F5;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 80%;
        line-height: 1.25;
        padding-top: 5px;
        position: absolute;
        left: -999em;
        width: 15em;
}

#main-menu .sub-menu ul {
        background: url("/img/dot.gif") repeat-x top;
        border: 1px solid #D9D9D9;
        border-top: none;
        margin: 0;
        padding: 1px 0 10px 0;
}

#main-menu .sub-menu li {
        background: url("/img/dot.gif") repeat-x bottom;
        float: none;
        margin: 0;
        padding-bottom: 1px;
}

#main-menu .sub-menu li a {
        background: url("/img/arrow-orange.gif") no-repeat 12px 11px;
        color: #000;
        padding: 7px 10px 7px 25px;
        width: auto;
        height: auto;
}

#main-menu .sub-menu li a.active,
#main-menu .sub-menu li a:hover {
        background: #06C url("/img/arrow-white.gif") no-repeat 12px 11px;
        color: #FFF;
}

/**
 * Search form
 */
#search-form {
        float: right;
        margin: 8px 10px 0 10px;
}

#search-form .field {
        float: left;
}

#search-form label {
        display: none;
}

#word {
        background-position: 8px center;
        background-repeat: no-repeat;
        display: block;
        float: left;
        margin: 0 .5em;
        padding: 4px;
}

#word.empty {
        background-image: url("/img/uw-zoekopdracht.gif");
}

#cautare {
        background: url("/img/search-small.gif") no-repeat center top;
        border: none;
        cursor: pointer;
        display: block;
        float: left;
        margin: 1px;
        width: 24px;
        height: 24px;
}

#cautare:hover,
#cautare.hover {
        background-position: center bottom;
}

#cautare span {
        display: none;
}

/**
 * Newsletter subscribe form
 */
#newsletter-subscribe-form {

}

#newsletter-subscribe-form .field {

}

#newsletter-subscribe-form label {
        display: none;
}

#newsletter-e-mail-address-field {
        background-position: 8px center;
        background-repeat: no-repeat;
        float: left;
        margin-right: .5em;
}

#newsletter-e-mail-address-field.empty {
        background-image: url("/img/uw-e-mail-adres.gif");
}

#newsletter-e-mail-address-field:focus {
        border-color: #9E9E9E;
}

#newsletter-subscribe-form button {
        float: left;
}

/**
 * Main
 */
#main {
        background-repeat: no-repeat;
        background-position: bottom right;
        clear: both;
        margin: 1em auto 0 auto;
        padding-bottom: 5px;
        min-height: 250px;
        width: 920px;
}

/**
 * Lead
 */
p.lead {
        background: url("/img/dot-line.gif") bottom left;
        color: #000;
        font-size: 125%;
        line-height: 1.89;
        padding-top: 1px;
}

p.lead strong {
        font-weight: normal;
}

/**
 * Section
 */
.section {
        background: url("/img/back.gif") repeat-y;
        padding: 0 9px 2px 7px;
        width: 380px;

}

.section-top {
        background: url("/img/top.gif") no-repeat;
        height: 7px;
        width: 380px;

}

.section-bottom {
        background: url("/img/bottom.gif") no-repeat;
        height: 8px;
        width: 380px;
        margin-bottom: 20px;

}

/* Headings */

.section h1,
.section h2,
.section h3,
.section p,
.section ul,
.section ol {
        margin: .5em 0;
}

.section h1,
.section h2 {
        font-size: 200%;
        margin-top: 0;
}

.section h3 {
        color: #000;
}

/* Horizontal ruler */
.section .hr {
        background: url("/img/dot.gif") repeat-x;
        margin: 1em -10px;
        height: 1px;
}

.section .hr hr {
        display: none;
}

/* Section - menu */
.section.menu {
        padding-top: 1px;
        padding-bottom: 1px;
}

.section.menu h1 {
        margin: 5px 0 10px 0;
}

.section.menu ul {
        background: url("/img/dot.gif") repeat-x bottom;
        line-height: 1.25;
        list-style: none;
        margin: 0 0px 10px -2px;
        padding: 0 0 1px 0;
        width:370px;
}

.section.menu li {
        background: url("/img/dot.gif") repeat-x top;
        padding-top: 1px;
        width:370px;
}

.section.menu li a,
.section.menu li span {
        background: url("/img/arrow-orange.gif") no-repeat 12px 11px;
        color: #333;
        display: block;
        overflow: hidden;
        padding: 7px 10px 7px 25px;
        text-decoration: none;
}

.section.menu li.parent > a,
.section.menu li.parent > span {
        background-image: none;
        font-weight: bold;
        padding-left: 10px;
}

.section.menu li.parent > a:hover {
        background-image: none;
}

.section.menu li a.active,
.section.menu li a:hover {
        background-color: #06C;
        background-image: url("/img/arrow-white.gif");
        color: #FFF;
}

/* Menu - sub */
.section.menu li ul {
        background: none;
        margin: 0;
        padding: 0;
}

.section.menu li.parent li a {
        background-color: #F5F5F5;
        background-image: url("/img/arrow-orange.gif");
        font-weight: normal;
        padding-left: 25px;
}

.section.menu li.parent li a.active,
.section.menu li.parent li a:hover {
        background-color: #06C;
        background-image: url("/img/arrow-white.gif");
}

/* Section - quote */
.section-quote-top {
        height: 5px;
}

.section-quote {
        background: #74BC0D;
        color: #FFF;
        padding-top: 1px;
        padding-right: 11px;
        padding-bottom: 1px;
}

.section blockquote {
        margin: 0;
}

.section blockquote .name {
        background: url("/img/scrawl.gif") no-repeat 0 5px;
        float: right;
        padding-left: 30px;
        font-style: italic;
        font-size: 125%;
        line-height: 1;
}

.section blockquote .name small {
        color: #C7E49E;
        font-style: normal;
        }

.section-quote-bottom {
        height: 14px;
}


/**
 * Extra - section
 */
#extra .section,
.project .info .section {
        background-image: url("/img/body1.gif");
        padding: 11px 13px 11px 11px;
        width: 370px;
        }

#extra .section-top,
.project .info .section-top {
        background-image: url("/img/top1.gif");
        width: 390px;
        }

#extra .section-bottom,
.project .info .section-bottom {
        background-image: url("/img/bottom1.gif");
        width: 390px;
        }

/* Section - quote */
#extra .section-quote-top,
.project .info .section-quote-top {
        background-image: url("/img/top.gif");
        width: 385px;
        }

#extra .section-quote,
.project .info .section-quote {
        background: #74BC0D;
        padding-right: 11px;
        }

#extra .section-quote-bottom,
.project .info .section-quote-bottom {
        background-image: url("/img/bottom.gif");
        width: 385px;
        }

#laptop {
         background-image: url("/img/computer.jpg");
         width: 522px;
         height:310px;
         float:right;
         }

#laptop .slide_laptop{
           border:0px solid #55A3FF; color:#55A3FF;
 margin: 29px 0px 12px 92px;
 width:343px;
 height:215px;
}

#footer_magellan{
/*background: #0C3279 url("/img/footer_bg.jpg");
background-position: top center;
background-repeat: no-repeat;*/
padding-top:10px;
height:70px;
width:100%;
color:#6D6B6C;
font-size:11px;
}

#footer_magellan  td a{
color:#555555;
text-decoration:none;
}
#footer_magellan td a:hover{
color:#000000;
text-decoration:none;
}

/**
 * Content - section
 */
#content .section {
        background-image: url("/img/back.gif");
        padding: 10px 19px 12px 17px;
        width: 614px;
}

#content .section-top {
        background-image: url("/img/top.gif");
        width: 650px;
}

#content .section-bottom {
        background-image: url("/img/bottom.gif");
        width: 650px;
}

/**
 * Tweets
 */
.tweets {

}

.tweets .date {
        color: #9E9E9E;
        font-size: 100%;
}

.tweets .view-more-link {
        float: right;
}

/**
 * Tweets list
 */
.tweets-list {
        list-style: none;
        margin: 0;
        padding: 0;
}

.tweets-list li {
        margin: 1.5em 0;
}

/**
 * Tags list
 */
.tags-list {
        font: normal 120%/1 "Myriad Pro", Verdana, Geneva, Helvetica, Arial, Sans-Serif;
        list-style: none;
        margin: 0 10px;
        padding: 0;
}

.tags-list li {
        display: inline;
        padding: 0 .5em;
}

.tags-list .level-1 { font-size: 100%; }
.tags-list .level-2 { font-size: 110%; }
.tags-list .level-3 { font-size: 120%; }
.tags-list .level-4 { font-size: 130%; }
.tags-list .level-5 { font-size: 140%; }
.tags-list .level-6 { font-size: 150%; }
.tags-list .level-7 { font-size: 160%; }

.tags-list a {
        text-decoration: none;
}

/**
 * Extra
 */
#extra {
        float: left;
        margin: 0 10px 0 -10px;
        /* 250px + 2px shadow */
        width: 252px;
}

/* Headings */
#extra h2 {
        font-size: 150%;
}

/**
 * Content
 */
#content {
        background-repeat: no-repeat;
        background-position: bottom right;
        float: right;
        width: 530px;
}

/* Blockquote */
#content blockquote {
        border-left: 5px solid #DEDEDE;
        margin: 1em;
        padding: 0 1em;
}

/* Content 1 */
#content-1 {
        float: left;
        padding-right: 25px;
        /* -1px of content-2 border */
        width: 359px;
}

#content-1 h1 {
        font-size: 200%;
        margin: .5em 0;
}

/* Content 2 */
#content-2 {
        border-left: 1px solid #D9D9D9;
        float: right;
        margin-right: -10px;
        padding-left: 25px;
        width: 250px;
}

#content-2 h1 {
        font-size: 200%;
        margin: .5em 0;
}

/**
 * Short list
 */
.short-list {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
}

.short-list li {
        min-height: 80px;
        margin: 2em 0;
        padding-left: 120px;
}

.short-list h1,
.short-list h2,
.short-list h3 {
        color: #000;
        font: bold 125% Arial, Helvetica, sans-serif;
        margin: .25em 0;
}

.short-list p {
        margin: .25em 0;
}

.short-list .icon {
        float: left;
        margin: 0 0 0 -120px;
}

/**
 * Navigation
 */
.navigation {
        margin: 0;
}

.navigation .previous-link,
.navigation .next-link {
        background-position: left top;
        background-repeat: no-repeat;
        cursor: pointer;
        display: block;
        float: left;
        width: 26px;
        height: 25px;
}

.navigation .previous-link { background-image: url("/img/previous.png"); margin-right: 2px; }
.navigation .previous-link span { display: none; }

.navigation .next-link { background-image: url("/img/next.png"); }
.navigation .next-link span { display: none; }

.navigation .previous-link:hover,
.navigation .next-link:hover {
        background-position: left -50px;
}

.navigation .previous-link.disabled,
.navigation .previous-link.disabled:hover,
.navigation .next-link.disabled,
.navigation .next-link.disabled:hover {
        background-position: left -100px;
        cursor: default;
}

/**
 * Project
 */
.project {

}

/* Preview */
.project .preview {
        float: left;
        margin: 1em 0;
        position: relative;
        width: 812px;
}

.project .preview .load {
        position: absolute;
        top: 0;
        left: 0;
}

/* Result */
.project .result ul {
        float: right;
        list-style: none;
        margin: 1em 0;
        padding: 0;
}

.project .result li {
        margin-bottom: 10px;
}

.project .result li a {
        display: block;
        position: relative;
}

.project .result li img {
        display: block;
        width: 88px;
        height: 64px;
}

.project .result li span {
        background: url("/img/preview-hover.png") no-repeat;
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
}

.project .result li a:focus {
        outline: none;
}

.project .result li a.active span,
.project .result li a:hover span {
        display: block;
}

/* Description */
.project .description {
        float: left;
        width: 650px;
}

/* Info */
.project .info {
        float: right;
        width: 252px;
}

/**
 * Projects overview
 */
.projects-overview {

}

.projects-overview .wrap {
        overflow-x: hidden;
        position: relative;
}

.projects-overview .items {
        width: 5000px;
}

/* Project */
.projects-overview .project {
        float: left;
        padding-top: 160px;
        position: relative;
}

.projects-overview .description {
        float: none;
        width: auto;
}

.projects-overview h2,
.projects-overview .info,
.projects-overview .description p {
        margin: .25em 0;
}

.projects-overview h2 {
        color: #000;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 125%;
        font-weight: bold;
}

.projects-overview .info {
        color: #9E9E9E;
        font-style: italic;
}

.projects-overview .image {
        margin: 0;
        position: absolute;
        top: 0;
}

.projects-overview .image img {
        border: 1px solid #C0C0C0;
        display: block;
}

.projects-overview .view-more-link {
        display: none;
}

/**
 * Projects - Home
 */
#projects-home {
        margin-top: -25px;

        width: 250px;
}

#projects-home .navigation {
        float: right;
}

#projects-home .wrap {
        clear: both;

        width: 250px;
}

#projects-home .project {
        width: 250px;
}

#projects-home .image img {
        width: 248px;
        height: 149px;
}

/**
 * Projects - Portfolio
 */
#projects-portfolio {
        margin: 1em 0;
}

#projects-portfolio .wrap {
        margin: 1em 0;
        width: 920px;
}

/* Column */
#projects-portfolio .group {
        float: left;
        width: 920px;
}

/* Project */
#projects-portfolio .project {
        margin: 0 10px 10px 0;
        padding: 168px 2px 2px 2px;
        width: 217px;
}

#projects-portfolio .project.fourth { margin-right: 0; }

#projects-portfolio .description {
        padding: 0 2px;
}

#projects-portfolio .date { color: #838383; }

#projects-portfolio .description h2 a {
        color: #222;
        text-decoration: none;
}

#projects-portfolio .description p {
        margin: .25em 0;
}

#projects-portfolio .project .image {
        position: absolute;
        top: 2px;
        width: 215px;
        height: 160px;
}

#projects-portfolio  .project:hover {
        background: #086BD2;
        color: #FFF;
}

#projects-portfolio .project:hover img { border-color: #086BD2; }
#projects-portfolio .project:hover a { color: #FFF; }
#projects-portfolio .project:hover .date { color: #99B5D2; }

/* Navigation */
#projects-portfolio .navigation {
        float: right;
        margin: 0;
}

#projects-portfolio .navigation .previous-link { background-image: url("/img/previous-2.png"); margin-right: 2px; }
#projects-portfolio .navigation .next-link { background-image: url("/img/next-2.png"); }


/**
 * Clients
 */
.clients-overview {
        background: #F1F8FE;
        border: 1px solid #CAE3F9;
        line-height: 2;
        overflow: auto;
        padding: 20px;
}

.clients-overview ul {
        list-style: none;
        margin: 0;
        padding: 0;
}

.clients-overview li {
        float: left;
        margin-right: 2.5%;
        width: 30%;
}

.clients-overview a {
        text-decoration: none;
}

/**
 * Members
 */
.members-overview {

}

.members-overview .member {
        float: left;
        min-height: 200px;
        width: 325px;
}

.members-overview .description {
        float: right;
        padding: 25px 0;
        width: 150px;
}

.members-overview h2 {
        color: #222;
        font: bold 100%/1.5 Arial, Helvetica, sans-serif;
}

.members-overview h2 em {
        font-weight: normal;
}

.members-overview img {
        float: left;
}

/**
 * Member
 */

/* Images */
.member-images {
        position: relative;
}

.member-images img {
        display: block;
}

.member-images .photo {
        margin: 0;
        position: absolute;
        bottom: -25px;
        right: -15px;
}

.member-images ul {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
}

.member-images li {
        display: block;
}

.member-images ul .more {
        display: none;
}

.member-images .navigation {
        position: absolute;
        bottom: 0;
        left: 25px;
}

/**
 * Weblog
 */
.weblog-item {

}

.weblog-item .seperator {
        padding: 0 .5em;
}

/* Head */
.weblog-item .head {
        background: url("/img/dot.gif") repeat-x bottom;
        padding-bottom: 5px;
}

.weblog-item .head h1 {
        margin-bottom: 0;
}

/* Meta data */
.weblog-item .meta-data {
        color: #999;
        font-size: 85%;
        margin: 0;
}

.weblog-item .meta-data .info {
        float: left;
}

.weblog-item .meta-data .info a {
        color: #999;
}

.weblog-item .meta-data .info a:hover {
        color: #555;
}

/* Main */
.weblog-item .main p {
        margin: .5em 0 1em 0;
}

/* Foot */
.weblog-item .foot {
        clear: both;
}

.weblog-item .foot .reactions-link {
        background: url("/img/reactions.gif") no-repeat 0 5px;
        padding-left: 20px;
}

/* Reactions */
.weblog-item .reactions {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
}

.weblog-item .reactions li {
        clear: both;
        margin: 1em 0;
}

.weblog-item .reactions .meta-data {
        float: left;
        margin-right: 2em;
        text-align: right;
}

.weblog-item .reactions .meta-data .extra {
        display: none;
}

.weblog-item .reactions .name {
        color: #222;
        display: block;
        font-size: 120%;
}

.weblog-item .reactions .main {
        float: left;
        position: relative;
}

.weblog-item .reactions .reaction-top {
        background: url("/img/top.gif") no-repeat top;
        width: 512px;
        height: 5px;
}

.weblog-item .reactions .reaction-bottom {
        background: url("/img/bottom.gif") no-repeat bottom;
        width: 512px;
        height: 8px;
}

.weblog-item .reactions .reaction-content {
        background: url("/img/back.gif") repeat-y;
        padding: 1px 15px;
        width: 482px;
}

.weblog-item .reactions li .hook {
        background: url("/img/arrow.gif") no-repeat;
        display: block;
        width: 13px;
        height: 15px;
        position: absolute;
        top: 15px;
        left: -12px;
}

/**
 * Syntax highlighting
 */
.syntax_hilite { width: 95% !important;
                 font-family: courier; }
.syntax-highlite {
        background: #222;
        border: 1px solid #9E9E9E;
        color: #FFF;
        padding: 10px;
}

.syntax-highlite li {
        line-height: 1.2em;
}

.syntax-highlite a {
        color: orange;
}

.syntax-highlite .st0 {
        color: lightgreen;
}

.syntax-highlite .br0 {
        color: white;
}

.syntax-highlite .kw2, .syntax-highlite .kw1 {
        color: #D8FA3C;
}

.syntax-highlite .coMULTI {
        color: #c0c0c0;
}
.syntax-highlite ol li {
        padding-bottom:  0;
}

/**
 * Main form
 */
#main form {
        background: #F1F8FE;
        border: 1px solid #CBE2FA;
        padding: 15px;
}

#main form .field {
        margin: 1em 0;
}

#main form label {
        display: block;
        float: left;
        padding: 6px 0;
        width: 12.5em;
}

#main form .form-actions {
        margin-left: 12.5em;
}

#main form .enquete label,
#main form .radio-group label {
        display: inline;
        float: none;
        font-weight: normal;
        padding: 0;
        width: auto;
}

#main form .enquete li {
        margin: 1em;
}

/**
 * Google maps
 */
#google-maps {
        width: 650px;
        height: 350px;
}

/**
 * Foot
 */
#foot-wrap {
        background: #222;
        color: #FFF;
}

#foot {
        clear: both;
        font-size: 85%;
        margin: 0 auto;
        padding: 10px 0 25px 0;
        width: 950px;
}

/* Headings */
#foot h1,
#foot h2,
#foot h3 {
        color: #FFF;
}

#foot h2 {
        border-bottom: 1px solid #2D2D2D;
        margin: .5em 0;
        padding-bottom: 2px;
}

#foot p {
        margin: .5em 0;
}

/* Anchors */
#foot a {
        color: #FFF;
}

#foot a:hover {
        text-decoration: none;
}

#foot a.external-link {
        background: none;
        padding: 0;
}

/**
 * Foot 1
 */
#foot-1 {
        float: left;
        /* equal to #extra */
        width: 252px;
}

/**
 * Foot 2
 */
#foot-2 {
        float: left;
        padding: 0 25px;
        width: 350px;
}

/**
 * Foot 3
 */
#foot-3 {
        float: right;
        width: 275px;
}

/**
 * Social list
 */
#social-list {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
}

#social-list li {
        float: left;
}

#social-list a {
        display: block;
        width: 20px;
        height: 20px;
        margin: 0 3px 3px 0;
}

#social-list span {
        display: none;
}

#rss-link { background-image: url("/img/rss.gif"); }
#twitter-link { background-image: url("/img/twitter.gif"); }
#flickr-link { background-image: url("/img/flickr.gif"); }
#hyves-link { background-image: url("/img/hyves.gif"); }

#social-list a:hover {
        background-position: bottom left;
}

/**
 * Bottom
 */
#bottom-wrap {
        color: #717171;
}

#bottom {
        clear: both;
        font-size: 85%;
        margin: 0 auto;
        padding: 10px 0;
        width: 950px;
}

#bottom p {
        margin: .5em 0;
}

/* Anchors */
#bottom a {
        color: #AAA;
}

#bottom a:hover {
        text-decoration: none;
}

/**
 * Copyright
 */
a#copyright-link {
        color: #717171;
        text-decoration: none;
}

a#copyright-link:hover {
        text-decoration: underline;
}







/* UMBRE POZE                                            folpsite la galerie de imagini*/

.shiftcontainer{
position: relative;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 175px; /* container width*//*height:151px;*/
background: transparent url("../images/bigshadow.gif") no-repeat bottom right;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: #FFFFFF;
border: 1px solid #BCBDC1;
padding: 6px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}


.shadowcontainer .innerdiv:hover{
/* Add container height here if desired */
background-color: #EEEEEE;
border: 1px solid #BCBDC1;
padding: 6px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}


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

a.proiecte {color:#76757D; text-decoration:none}
a.proiecte:hover{color:#111113; text-decoration:underline}

.dimensiune1{width:  180px; border:0px solid #DBDBDB}
.dimensiune2{width:  90px; border:0px solid #DBDBDB}
.dimensiune3{width: 138px; border:0px solid #DBDBDB}

.dimensiune4{width: 83px; border:0px solid #DBDBDB}
.dimensiune5{width: 73px; border:0px solid #DBDBDB}
.dimensiune6{width: 73px; border:0px solid #DBDBDB}
.dimensiune7{width: 73px; border:0px solid #DBDBDB}
.dimensiune_home{
        width: 73px;
        }