/* ------- General styles ----------------------------------- */
html {
    color:#333;
    font-family:"helvetica neu", "helvetica", "arial", "verdana", sans-serif;
    margin:0;padding:0;
    background:#fff;
}
body {
    margin:0;padding:0;
}

a {
    color:#22b0d8;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

strong, b {
    font-weight:bold;
}

hr {
    border:0;
    background:#ddd;
    clear:both;
}

iframe {
    margin:0 10px;
}

address {
    padding:20px;
    margin:10px 20px;
    background:#eee;
    font-size:1.4em;
    text-align:center;
    color:#333;
}
em {
    font-style:italic;
}
.block     { display:block; }
.clear     { clear:both; }
.center    { text-align:center; }
.big       { font-size:130%; }
.no-border { border:0!important; }

a.title-link {
    float:right;
    margin:10px 20px 0 20px;
    width:110px;
}

a.button-link {
    display:block;
    color:#f4f4f4;
    background:#555;
    font-size:75%;
    font-family: arial, sans-serif;
    text-align:center;
    padding:5px 3px;
    cursor:pointer;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
a.button-link:hover {
    text-decoration:none;
    background-color:#22b0d8;
}
a.button-link.active {
    background-color:#cccccc;
    color:#555;
    cursor:default;
    font-weight:bold;
}
ul.pitch-list {
    margin:10px 0;
}
ul.pitch-list li {
    background:#fff url(../img/icons/check32.png) no-repeat 3px 7px;
    padding:10px 0 10px 40px !important;
    font-size:190%;
    color:#555;
    margin:0 0 0 20px;
}

/* ------- Layout styles ----------------------------------- */

#doc {
    width:900px;
    margin:0 auto;
}
#hd {
    margin:37px 0 10px 0;
    padding:0;
    height:45px;
}
#logo {
    float:left;
    margin:0;
}
#logo img {
    width:180px;
}

#bd h3 {
    color:#111111;
    font-size:2em;
}
/* ------- Navigation styles ----------------------------------- */

#nv {
    color:#fff;
    margin:0 0 0 318px;
    height:42px;
}

#nv ul {
    margin:0 0 0 100px;
    padding:0;
    font-size:80%;
    width:600px;
}
#nv ul li {
    margin:0;
    padding:0;
    list-style:none;
    float:left;
}
#nv ul li a {
    display:block;
    text-decoration:none;
    list-style-type:none;
    color:#999;
    padding:10px 14px 12px;
    font-size:170%;
    letter-spacing:0.06em;
}
#nv ul li a:hover {
    color:#333;
}
#nv ul li a.active {
    color:#22b0d8;
}

.breadcrumb {
    border-top:1px solid #eee; 
    border-bottom:1px solid #eee; 
    height:30px;
    margin-bottom:8px;
}

.breadcrumb li {
    font-size:80%;
    float:left;
}

.breadcrumb li span {
    padding:8px 8px 8px 0;
    display:block;
    color:#999;
}

.breadcrumb li a {
    padding:8px 8px 8px 0;
    display:block;
}

#meta-nv {
    width:900px;
    margin:0;padding:0;
    text-align:right;
}
#meta-nv a {
    color:#999;
    font-size:.8em;
}
#meta-nv a:hover {
    color:#22b0d8;
    text-decoration:none;
}
#meta-nv #user-nv {
    background:#eee;
    float:right;
    height:29px;
    margin-left:640px;
    position:absolute;
    top:0;
    -moz-border-radius-bottomLeft:8px;
    -moz-border-radius-bottomRight:8px;
    -webkit-border-bottom-left-radius:8px;
    -webkit-border-bottom-right-radius:8px;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
}
#meta-nv #user-nv li {
    float:right;
    padding:5px 12px;
    border-left:1px solid #ddd;
}
#meta-nv #user-nv li:last-child {
    border:none!important;
}
#meta-nv #user-login {
    display:none;
    position:absolute;
}

/* ------- Body styles ----------------------------------- */

#bd {
    width:900px;
    margin:0 auto 0 auto;
    padding:0 0 0 0;
}
#bd h1 {
    font-size:210%;
    color:#555;
    font-weight:normal;
    padding:0 10px 10px 10px;
}
#bd h1 img {
    position:relative;
    top:3px;
}
#bd h1 small {
    font-size:50%;
    bottom:4px;
    position:relative;
    color:#999;
}
#bd h2 {
    font-size:170%;
    color:#999;
    padding:10px;
}
#bd p {
    padding:14px 10px;
    font-size:1.4em;
    letter-spacing:0.03em;
}
#bd ul {
    padding:10px 20px;
}
#bd ul li {
    padding:2px 0 2px 0;
}

#ft {
    margin:30px auto 0 auto;
    padding:20px 0;
    width:900px;
    font-size:60%;
    text-align:center;
    color:#999;
}

/* ------- Home section ----------------------------------- */

#mm-mainshow {
    margin:20px 0 0 0;
}

.mm-slideshow {
    width:900px;
    height:600px;
    overflow:hidden;
    margin:0;
}
.mm-slideshow img {
    display:none;
}
.ft-title {
    right:0!important;
}
a.ft-prev,
a.ft-next {
    background:#555;
    color:#fff;
    display:block;
    width:23px;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
}
a.ft-prev {
    -moz-border-radius-topRight:5px;
    -moz-border-radius-bottomRight:5px;
    -webkit-border-top-right-radius-:5px;
    -webkit-border-bottom-right-radius:5px;
    border-top-right-radius-:5px;
    border-bottom-right-radius:5px;
}
a.ft-next {
    -moz-border-radius-topLeft:5px;
    -moz-border-radius-bottomLeft:5px;
    -webkit-border-bottom-left-radius:5px;
    border-top-left-radius-:5px;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
a.ft-prev:hover,
a.ft-next:hover {
     background:#22b0d8;
}

#ft-buttons-mm-mainshow a {
    background:#555;
    float:left;
    color:#fff;
    display:block;
    margin-right:4px;
    text-align:center;
    text-decoration:none;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    font-size:.8em;
    padding:6px 8px 4px 8px
}
#ft-buttons-mm-mainshow a:hover {
     background:#22b0d8;
}


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

#technologies {
    margin:20px 0;
    background:#22B0D8;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
#technologies li {
    float:left;
}
#technologies li a {
    display:block;
    padding:8px 6px 14px 6px;
}


/* ------- Gallery  section ----------------------------------- */


.gallery-photo {
    width:886px;
    text-align:center;
}
.gallery-photo img {
}
.gallery-photo a.photo {
    display:block;
}
.gallery-photo a:hover img {
}
.gallery-photo p {
    padding:20px;
    font-size:1.25em;
    line-height:1.15em;
}

.gallery-photo-caption {
    background:#eee;
    margin:0px 10px 0 10px;
}
.gallery-nextprev {
    float:right;
    margin:0px 0 0 0;
}
.gallery-nextprev li {
    margin:0;
    padding:0;
    float:left;
}
.gallery-nextprev span,
.gallery-nextprev a {
    background:#555;
    color:#fff;
    display:block;
    width:23px;
    font-size:1.3em;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin-right:5px;
    margin-top:-9px;
    padding:3px 4px 3px 4px
}
.gallery-nextprev a:hover {
     background:#22b0d8;
}
.gallery-nextprev span {
    background:#ccc;
    color:#eee;
}

.gallery-list {
    padding:10px 0;
}
.gallery-list .gallery-photo {
    float:left;
    margin:0 10px 20px;
}
.gallery-list .gallery-photo {
    width:280px;
    height:280px;
    overflow:hidden;
}
.gallery-list .gallery-photo a {
    display:block;
    width:280px;
    height:280px;
    overflow:hidden;
}
.gallery-list .gallery-photo img {
    width:280px;
    height:280px;
    margin:0;
}
.gallery-photo-label {
    position:absolute;
    text-align:center;
    background:#000;
    color:#eee;
    width:280px;
    padding:6px 0;
    font-size:1.1em;
    margin:0;
    display:none;
    opacity:0.7;
}

/* ------- Contact section ----------------------------------- */

.section .pane {
    float:left;
    width:450px;
}
.section .pane.left small {
    color:#999999;
    font-weight:normal;
    margin-right:30px;
}
.section .pane.left .pic {
    margin-right:30px;
}
.section .pane .pic {
    height:290px;
}
.section .pane.left h3 {
    margin-bottom:0;
    margin-right:30px;
}
.section .pane.right h3 {
    margin-bottom:0;
    margin-left:30px;
}
.section .pane.left .info {
    color:#111111;
    display:block;
    margin-right:30px;
}
.section .pane.left .info {
    color:#111111;
    display:block;
    margin-right:30px;
}
.section .pane.right .info {
    color:#111111;
    display:block;
    margin-left:30px;
}
.section .pane.right .info {
    color:#111111;
    display:block;
    margin-left:30px;
}
.section .pane.right small {
    color:#999999;
    font-weight:normal;
    margin-left:30px;
}
.section .pane.right .pic {
    margin-left:30px;
}
.section .pane .pic {
    height:290px;
}

/* ------- Forms tabs ----------------------------------- */

.mini-tabs {
    margin:0 10px;
}
.mini-tabs ul.tabnav {
    height:20px;
    margin:0!important;
    padding:0!important;
}
.mini-tabs ul.tabnav li {
    float:left;
    margin:0!important;
    padding:0!important;
}
.mini-tabs ul.tabnav li a {
    display:block;
    background:#ddd;
    border:0px;
    border-right:1px solid #ccc;
    border-left:1px solid #f4f4f4;
    padding:8px 18px;
    font-size:0.8em;
    margin-top:2px;
    font-variant:small-caps;
    font-weight:bold;
    color:#999;
    cursor:default;
}
.mini-tabs ul.tabnav li a:hover {
    text-decoration:none;
    background:#22B0D8;
    color:#fff;
    cursor:pointer;
}
.mini-tabs ul.tabnav li a.active {
    display:block;
    margin-top:0;
    background:#f4f4f4;
    border:1px solid #ddd;
    border-bottom:1px solid #f4f4f4;
    color:#666;
    padding:9px 18px;
}
.mini-tabs .pane {
    background:#f4f4f4;
    border:1px solid #ddd;
    padding:20px;
    margin:10px 0;
    -moz-border-radius-topRight:25px;
    -moz-border-radius-bottomLeft:25px;
    -webkit-border-top-right-radius:25px;
    -webkit-border-bottom-left-radius:25px;
    border-top-right-radius:25px;
    border-bottom-left-radius:25px;
}

.mini-tabs .download-link {
    font-size:1.8em;
    font-weight:normal;
    display:block;
    padding:0 0 8px 0;
}
.mini-tabs .download-link a {
    display:block;
    float:left;
    width:765px;
    padding:12px 10px 10px 10px;
}
.mini-tabs .download-link img {
    float:left;
    position:relative;
    left:2px;
    top:8px;
}
.mini-tabs .download-link small {
    font-size:0.6em;
    color:#666;
    font-weight:normal;
}
.mini-tabs #id_title {
    font-size:120%;
    width:825px;
    font-weight:bold;
    color:#444;
    padding:4px;
}
.mini-tabs #id_description {
    font-size:140%;
    width:825px;
    height:80px;
    padding:4px;
}

.mini-tabs ul.form {
    height:auto;
    padding:0!important;
}
.mini-tabs ul.form li {
    border:0;
}
.mini-tabs ul.form label {
    display:block;
    float:none;
    color:#777;
    font-size:80%;
    font-weight:bold;
    padding:5px 0;
    font-variant:small-caps;
    text-align:left;
}
.mini-tabs ul.form label small {
    font-variant:normal;
    color:#999;
}
.mini-tabs ul.form input {
}
.mini-tabs ul.form .errorlist {
    margin:0;
    padding:0!important;
}
.mini-tabs ul.form .errorlist li {
    margin:0;
    padding:0;
    color:#c30;
    font-size:80%;
}
.mini-tabs ul.form small {
    color:#666;
    font-size:80%;
}
.mini-tabs ul.form .submit-row {
    background:transparent;
    border:0;
    padding:8px 0!important;
}
.pane .file-list {
    margin:0!important;
    padding:0!important;
}
.pane .file-list li {
    padding:8px!important;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.pane .file-list li .title {
    display:block;
    font-size:120%!important;
    margin:0px 0 0 0;
    font-weight:bold;
}
.pane .file-list li.rejete .title {
    text-decoration: line-through!important;
    color:#999;
}
.pane .file-list li.odd {
    background:#ccc;
}
.pane .file-list li.odd {
    background:#fff;
    padding:6px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.pane .file-list .notes {
    margin-left: 0px;
    color:#555;
}
.pane .file-list .notes p {
    font-size:1em!important;
}
.pane .file-list .button-link {
    display:inline;
    float:left;
    font-size:70%;
    font-weight:bold;
    padding:8px 13px;
    margin:8px 0 0 0;
}
.pane h2 { clear:both; }
.pane hr { color:#ccc;margin:20px 0 10px 0;clear:both; }

/* ------- Forms ---------------------------------------- */

ul.form .submit-row {
    text-align:right;
    background:#eee;
    padding:10px!important;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

ul.form {}

ul.form li {
    border-bottom:1px solid #eee;
    padding:12px 0;
    margin:0;
    clear:both;
}

ul.form label {
    float: left;
    width:120px;
    display:block;
    padding:12px 0;
    font-weight:bold;
    color:#999;
    text-align:right;
}
ul.form.wide-labels label {
    width:280px;
}

ul.form .tags-list {
    margin:0!important;
    padding:0!important;
}

ul.form-view {
    margin:0px 0 40px 0;
}
ul.form-view li {
    border-bottom:1px solid #eee;
    padding:12px 0;
    margin:0;
    clear:both;
}
ul.form-view label {
    float: left;
    width:120px;
    display:block;
    padding:8px 0;
    font-weight:bold;
    color:#999;
    text-align:right;
}
ul.form-view span,
ul.form span {
    float: left;
    display:block;
    padding:8px 0;
    font-size:80%;
    margin-left:12px;
}
ul.form-view span {
    font-size:100%;
}
ul.form td {
    padding:4px 2px;
}
ul.form .col {
    float:left;
    margin-right:20px;
}
ul.form textarea {
    width:832px;
    height:140px;
}
ul.form .datepicker input {
    width:105px;
    background:#fff url(../img/icons/calendar.gif) no-repeat 1px 1px;
    border:1px solid #999;
    padding:2px 2px 1px 24px;
    font-size:1em;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.form-view .client-logo {
    padding:0 0 20px 0!important;
}
table.form th,
table.form td {
    padding:2px;
}
table.form th.label {
    font-size:80%;
    color:#666;
}

/* ------- User login ------------------------------------- */

#user-login {
    background:#eee;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}
#user-login h1 {
    font-size:1.2em!important;
    font-weight:normal!important;
    padding:30px 30px 10px 30px!important;
}
#user-login form {
    padding:0 30px 20px 30px;
}
#user-login form p {
    font-size:80%;
    padding-left:0;
    margin-left:0;
}




/* ------- Messages ------------------------------------- */

.message {
    background:#ffd;
    margin:0 0 10px 0;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
}

.message img {
    float:left;
    margin:12px 0 0 15px;
}

.message p {
    margin:0 0 0 50px;
    padding:17px 10px!important;
}
.message.error   { background:#FFACA3; }
.message.success { background:#DAFFDA; }

#pageflip {
	position: relative;
    top:-37px;
}
#pageflip img {
	width: 50px; height: 52px;
    z-index:100001;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	right: 0; top: 0;
	background: url('../img/mm.png') no-repeat right top;
	text-indent: -9999px;
    z-index:100000;
}