html {
    background: #00aeef;
}
body {
    background: #00aeef;
}

p {
    font-size: 1.3em;
}

dd {
    margin-left: 0;
}

iframe {
    margin: 10px 0;
    -moz-box-shadow: 2px 2px 5px #ccc;
}

address {
    font-size: 1.8em;
    text-align: center;
    color: #555;
}

fieldset {
    background: #f4f4f4;
}
fieldset p {
    border-bottom: 1px dashed #ddd;
    padding: 4px 0;
}
fieldset p label {
    color: #555;
    padding: 0 12px 0 0;
}

fieldset input[type="text"], fieldset input[type="password"],  fieldset input.text,  fieldset input.title,  fieldset textarea {
    padding: 2px 4px;
    font-size: 1.15em;
}

fieldset p.last {
    margin-bottom: 2px;
    border:0;
}

fieldset .actions {
    border:0;
    padding: 8px 10px;
    text-align: right;
    background: #eee;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-bottom-radius: 3px;
    border-bottom-radius: 3px;
}
a {
    color: #22B0D8;
    color: #00aeef;
}
a:hover {
    color: #00C8FF;
}

h1 a, h2 a, h3 a { text-decoration: none; }

.block  { display: block; }
.center { text-align: center; }
.bold   { font-weight: bold;}
.large  { font-size: 1.2em; }
.xlarge { font-size: 1.8em; }
.new    { color: #c30; font-weight: bold; }
a.cta   { font-weight: bold; font-size: 1.5em; padding: 10px 15px!important; }

.message {
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
.message p {
    font-size:1.4em;
    margin:0 0 0 50px;
    padding:17px 10px !important;
}
.message img {
    float:left;
    margin:12px 0 0 15px;
}

a.button-link {
   background: #00aeef;
   color: #fff;
   font-weight: bold;
   text-decoration: none;
   padding: 3px 6px;
    -moz-box-shadow: 2px 2px 4px #aaa;
    -webkit-box-shadow: 2px 2px 4px #aaa;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-bottom-radius: 3px;
    border-bottom-radius: 3px;
}

a.button-link:hover {
   background: #00C8FF;
}

h4 {
    color:#444;
    font-size:1.95em;
    font-weight:normal;
    line-height:1.1em;
    margin-bottom:0.5em;
}


.list-nav {
    background:#f4f4f4;
    border: 1px solid #eee;
    -moz-box-shadow: 2px 2px 4px #ccc;
    -webkit-box-shadow: 2px 2px 4px #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-bottom-radius: 3px;
    border-bottom-radius: 3px;
}
.list-nav h3 {
    color: #444;
    margin: 10px 20px 0;
    padding: 4px 0 0px;
}
.list-nav ul {
    margin: 10px 20px;
    padding: 0;
}
.list-nav li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.list-nav a {
    display: block;
    font-size: 1.1em;
    text-decoration: none;
    padding:3px 0;
    border-bottom: 1px dashed #ccc;
}
.list-nav li:last-child a {
    border: 0;
}


#meta-nv {
    background: #eee;
    background: #333333;
    color: #fff;
    -moz-box-shadow: 1px 1px 4px #ccc;
    -webkit-box-shadow: 1px 1px 4px #ccc;
    -moz-border-radius-bottomLeft: 7px;
    -moz-border-radius-bottomRight: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
#user-nv {
    margin: 0;
    padding: 0;
}
#user-nv li {
    list-style: none;
    margin: 0;
    float: right;
}

#user-nv li a {
    padding: 4px 12px;
    display: block;
    border-right: 1px solid #666;
    color: #ccc;
    font-weight: bold;
    text-decoration: none;
}

#user-nv li a:hover {
    color: #00aeef;
}

#user-nv li input {
    font-size: 0.8em;
    margin: 3px 6px 3px 6px;
}

#logo {
    text-align: center;
    padding: 4px 0;
}

.nv {
    border-bottom:2px solid #ccc;
    height: 47px;
}

.nv-item {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

.nv-item a {
    border-bottom: 2px solid #ddd;
    display: block;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 0.03em;
    padding: 4px 12px;
    text-decoration: none;
    color: #222;
}

.nv-item a.active {
    color: #00aeef;
    border-bottom: 2px solid #00aeef;
}

#hd {
    background: #fff;
    padding-top: 20px;
}


#wrapper, #container {
    background: #fff;
}

#container {
    padding-bottom: 20px;
}


#portfolio-slider {
    background:#eee;
    height: 400px;
    width: 950px;
    overflow: hidden;
}

#footer {
    clear: both;
    min-height: 250px;
    color: #0053B4;
    background: url(../img/footer-bg.jpg) repeat-x top center;
}

#footer-logo {
    margin-left: 3px;
}

#pageflip { display:none; }

#technologies {
    background: #00aeef;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}
#technologies ul {
    margin: 0;
    padding: 0;
}
#technologies li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
#technologies li a {
    display: block;
}
#technologies li a img { 
    display: block; 
    width: 130px;
}



/* PORTFOLIO */

.gallery-list {
    margin-left: 60px;
}

.gallery-photo {
    margin-bottom: 10px;
}

.gallery-list .gallery-photo a,
.gallery-list .gallery-photo span,
.gallery-list .gallery-photo {
    width: 270px;
    height: 270px;
    display: block;
    overflow: hidden;
}

.gallery-photo a {
}

.gallery-photo img {
    border: 1px solid #ccc;
    -webkit-box-shadow: 2px 2px 6px #aaa;
    -moz-box-shadow: 2px 2px 6px #aaa;
}
.gallery-photo a:hover img {
    -webkit-box-shadow: 2px 2px 8px #777;
    -moz-box-shadow: 2px 2px 8px #777;
}

.gallery-photo-caption {
    background: #eee;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.gallery-photo-label  {display:none}

.gallery-nav {
    background: #eee;
    background: #f4f4f4;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    height: 25px;
    font-size: 0.7em;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -moz-box-shadow: 2px 2px 6px #aaa;
    -webkit-box-shadow: 2px 2px 6px #aaa;
}
.gallery-nav div {
    padding:4px 0 1px 0;
}
.gallery-nav span,
.gallery-nav a {
    background:#eee;
    color: #444;
    font-weight: bold;
    display: block;
    text-decoration: none;
    padding: 4px 14px 0;
    width: 204px;
}
.gallery-nav span {
    color: #ccc;
}
.gallery-nav a:hover {
    background: #f4f4f4;
    color: #00aeef;
}
.gallery-nav a.first {
    -moz-border-radius-topLeft: 7px;
    -moz-border-radius-bottomLeft: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
.gallery-nav a.last {
    width: 203px;
    -moz-border-radius-topRight: 7px;
    -moz-border-radius-bottomRight: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-left: 1px solid #ddd;
}

.galleria-thumbnails {
    background: #eee;
    margin:10px 380px 0;
    padding:5px 0 0;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.mini-gal a {
    float: left;
}
.mini-gal a img {
    display: block;
    border: 2px solid #eee;
    -webkit-box-shadow: 2px 2px 6px #aaa;
    -moz-box-shadow: 2px 2px 6px #aaa;
}
.mini-gal a:hover img {
    display: block;
    border: 2px solid #00aeef;
    -webkit-box-shadow: 2px 2px 6px #bbb;
    -moz-box-shadow: 2px 2px 6px #bbb;
}



/* CONTACT */

.staff h2 {
    margin-bottom: 0;
}

.staff p {
    text-align: center;
}



/* SERVICES */

#services-links {
    margin: 0;
    padding: 0;
}

#services-links li {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}

#services-links li {
    font-size:2.3em;
    margin-right:10px;
}
#services-links li a {
    padding: 4px 12px;
}

.partners {}

.partners ul {
    margin: 0;
    padding: 0;
}

.partners li {
    list-style: none;
    float: left;
}

.partners img,
.partners a {
    display: block;
}
.partners a {
    margin: 0 8px 8px 0;
}
.partners img {
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
    -moz-box-shadow: 1px 1px 4px #ccc;
    -webkit-box-shadow: 1px 1px 4px #ccc;
}
.partners a:hover img {
	filter: alpha(opacity=80);
	-khtml-opacity: 0.8;
	-moz-opacity: 0.8;
	opacity: 0.8;
    -webkit-box-shadow: 1px 1px 4px #00aeef;
    -moz-box-shadow: 1px 1px 4px #00aeef;
}


/* ZONE CLIENT */

#zone-client.home .box {
    padding: 0;
    -moz-box-shadow: 1px 1px 4px #ccc;
    -webkit-box-shadow: 1px 1px 4px #ccc;
}

#zone-client.home .box a {
    display: block;
    font-size: 2.1em;
    font-weight: normal;
    padding: 1.8em;
    text-align: center;
    text-decoration: none;
}
#zone-client.home .box a:hover {
    background: url(../img/dashboard-hover.png) no-repeat center center;
}
#zone-client.home .box a img {
    margin: 0 11px -6px 0;
}

/* HOME */

.intro {
    background: #eee;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}
.intro h1 {
    font-size: 2.1em;
    font-weight: normal;
    margin: 0;
    padding: 20px 0 8px;
}
.intro p {
    margin-right: 20px;
}

.services-box ul {
    margin: 0;
    padding: 0;
}
.services-box li {
    list-style: none;
    margin: 0;
    padding: 4px 0;
    border-bottom: 1px dashed #ccc;
}

.services-box li:last-child {
    border: 0;
}
.services-box li a {
    color: #777;
    text-decoration: none;
}
.services-box li a:hover {
    color: #00aeef;
}



/* PAGINATION */

.pagination {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 6px #aaa;
    -webkit-box-shadow: 2px 2px 6px #aaa;
    background: #f4f4f4;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    height: 25px;
    font-size: 0.7em;
}

.pagination ul {
    padding: 0;
    margin: 0;
}

.pagination li {
    font-weight: bold;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.pagination span {
    background: #f4f4f4;
    color: #999;
    display: block;
    padding: 6px 14px 5px;
}

.pagination a {
    background:#eee;
    color: #444;
    display: block;
    border-right: 1px solid #ddd;
    text-decoration: none;
    padding: 6px 14px 5px;
}

.pagination a:hover {
    background: #f4f4f4;
    color: #00aeef;
}

.pagination li:first-child a {
    -moz-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
    border-radius: 8px 0 0 8px;
}



.showcase {
    overflow: hidden;
    height: 160px;
}
.showcase ul {
    margin: 0 20px;
    padding: 0;
}
.showcase li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.showcase a {
    display: block;
    margin:0 10px 10px 0;
}

.showcase img {
}

.showcase-next,
.showcase-prev {
    height:20px;
    margin: -100px 0 0;
    position: absolute;
    width: 20px;
    z-index: 1000;
    cursor: pointer;
}

.showcase-next {
    background: url(../img/next_button.gif) no-repeat center center;
    margin: -100px 0 0 550px;
}
.showcase-prev {
    background: url(../img/previous_button.gif) no-repeat center center;
    margin: -100px 0 0 -28px;
}

.copyright {
    margin: 0px 0 20px 20px;
}

#member-of {
    position: absolute;
    margin: 5px 0 0 95px;
}

#member-of a {
    margin-right: 10px;
}
#member-of a img {
	filter: alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#member-of a:hover img {
	filter: alpha(opacity=100);
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	opacity: 1.0;
}



.newsletter {
    background: #0177A5;
    color: #fff;
    float: right;
    margin: 0;
    padding: 17px 27px;
    width: 300px;
    -webkit-box-shadow: 2px 2px 5px #0053B4;
    -moz-box-shadow: 2px 2px 5px #0053B4;
    -moz-border-radius-bottomLeft: 7px;
    -moz-border-radius-bottomRight: 7px;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}
.newsletter p {
    margin: 0 0 .5em;
    color: #3ECAFF;
}
.newsletter h2 {
    margin-bottom: 0.3em;
    color: #fff;
}

#i18n-switcher {
    float: right;
    width: 80px;
}

#i18n-switcher input {
    border: 1px solid #aaa;
    background: #eee;
    color: #555;
    margin: 14px 0 0 0;
    cursor: pointer;
    -moz-box-shadow: 1px 1px 3px #ccc;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
#i18n-switcher input:hover {
    border: 1px solid #999;
    background: #f4f4f4;
    color: #555;
    -moz-box-shadow: 1px 1px 3px #aaa;
    -webkit-box-shadow: 1px 1px 3px #aaa;
}


.image-link img {
    border: 1px solid #ccc;
    -webkit-box-shadow: 2px 2px 6px #aaa;
    -moz-box-shadow: 2px 2px 6px #aaa;
}
a.image-link:hover img {
    -webkit-box-shadow: 2px 2px 8px #777;
    -moz-box-shadow: 2px 2px 8px #777;
}

#promo-catalog { 
    border: 0; 
    text-decoration: none!important;
}
#promo-catalog img { border: 0; }
#promo-catalog span {
    display: block;
    font-size: 1.6em;
    margin: -79px 0 0 138px;
    position: absolute;
    width: 400px;
}