/* GENERAL */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: bottom; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

.clear { display: block; clear: both; border: 0; padding: 0; margin: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; }
.c-l { clear: left; }
.block { display: block; }
.left { float: left; }
.right { float: right; }

input.checkbox { margin: 0 5px 0 0; padding: 0; line-height: 0; width: 13px; height: 13px; }
input.radio { margin: 0 5px 0 0; padding: 0; line-height: 0; width: 13px; height: 13px; }

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

html { font-size:100%; }
body { font-family: Arial, Helvetica, sans-serif; color: #666666; }
h1 { display: block; color: #3399cc; font-size: 2.25em; margin-bottom: 10px; font-weight: normal; }
h2 { display: block; color: #3399cc; font-size: 1.13em; line-height: 1.1em; margin-bottom: 10px; }
h3 { display: block; color: #3399cc; font-size: 1.00em; line-height: 1.1em; margin-bottom: 4px; }

p { font-size: 0.875em; line-height: 1.4em; padding-right: 10px; }
a { text-decoration: underline; color: #3399cc; }
a.td-none { text-decoration: none; }
a.enlarge { float: left; display: inline-block; margin-top: 5px; line-height: 1.3em; font-size: 0.69em; }
a.print { float: right; display: inline-block; margin-top: 5px; line-height: 1.3em; font-size: 0.69em; margin-right: 20px; }

.wrap { width: 825px; margin: 0 auto; padding: 25px 150px 25px 0; }

#top { width: 100%; padding: 0 0 20px 175px; }
#top .logo { display: block; }

#middle { margin-bottom: 30px; }
#middle #menu { float: left; width: 145px; padding: 0 30px 0 0; }
#middle #menu a { display: block; padding: 5px 6px; color: #777777; font-size: 0.875em; text-decoration: none; margin-bottom: 1px; border: 1px dotted #666666; border-left: none; border-right: none; border-top: none; }
#middle #menu a.active { background: #000; color: #fff; border: 1px solid #666666; border-left: none; border-right: none; border-top: none; }
#middle #menu a:hover { background: #3399cc; color: #fff; border: 1px solid #666666; border-left: none; border-right: none; border-top: none; }

#middle #menu a.under { display: block; padding: 5px 6px 5px 20px; color: #777777; font-size: 0.875em; text-decoration: none; margin-bottom: 1px; border: 1px dotted #666666; border-left: none; border-right: none; border-top: none; }
#middle #menu a.under.active2 { background: url(../images/menu.png) left center no-repeat; color: #3399cc; border: 1px dotted #666666; border-left: none; border-right: none; border-top: none; }
#middle #menu a.under:hover { background: none; color: #3399cc; border: 1px dotted #666666; border-left: none; border-right: none; border-top: none; }
#middle #menu a.under.active2:hover { background: url(../images/menu.png) left center no-repeat; color: #3399cc; border: 1px dotted #666666; border-left: none; border-right: none; border-top: none; }
#middle #content { float: right; width: 645px; }

.crossfade { display: block; width: 645px; height: 415px; overflow: hidden; }
.crossfade img { display: block; }
.info { width: 220px; height: 415px; position: absolute; }
.info p { position: absolute; background: #fff; border: 1px solid #ccc; width: 200px; padding: 10px; font-size: 0.750em; bottom: 14px; left: 12px; }
.info a { text-decoration: none; float: right; }

.navigation { display: block; margin-bottom: 5px; padding: 5px 0; color: #3399cc; text-align: right; }
.navigation p { display: block; float: right; font-size: 0.75em; line-height: 1.4em; padding: 2px 5px 0 0; }
.navigation span { line-height: 1.4em; }
.navigation a.prev { display: block; float: right; width: 21px; height: 19px; background:url(../images/navigation.png) no-repeat; margin-right: 4px; }
.navigation a.next { display: block; float: right; width: 21px; height: 19px; background:url(../images/navigation.png) bottom no-repeat;  }

.main-content p.content { padding-right: 50px; }
.main-content p a { line-height: 1.4em; }

.main-content em { display: block; border: 5px solid #000; border-right: none; border-top: none; border-bottom: none; margin: 20px 0; padding: 0 25px 5px 15px; color: #000000; font-size: 1.5em; line-height: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
.main-content ul { display: block; margin-top: 10px; }
.main-content ul li { display: block; line-height: 1.4em; margin-bottom: 10px; background: url(../images/list.png) no-repeat; padding: 0 0 0 15px; background-position: 0 9px; }
.main-content b { color: #000; font-weight: bold; }
.main-content strong { font-weight: bold; color: #000; line-height: 1.3em; }
.client-name em { display: block; font-style: italic; margin: 10px 0 20px 0; padding: 0; line-height: 1.3em; color: #666; font-size: 0.8em; border: 0; font-family: Arial, Helvetica, sans-serif; }
.main-content span.t-blue { line-height: 1.4em; }
.main-content p { margin-top: 10px; }
ul.wysiwyg { font-size: 0.875em; }
ul.wysiwyg ul.wysiwyg { font-size: 1em; }

.comment-left { margin: 20px 60px 0 0; }
.comment-right { margin: 20px 0 0 60px; }

.case h1 { font-size: 1.13em; font-weight: bold; margin-bottom: 5px; line-height: 1.1em; }
.case h2 { font-size: 1.13em; margin-bottom: 15px; line-height: 1.1em; color: #666666; }
.client-case { display: block; float: left; width: 201px; margin: 0 20px 20px 0; }
.client-case img { display: block; margin-bottom: 5px; }
.client-case strong { display: block; margin-bottom: 10px; font-size: 0.750em; }
.client-case p { display: block; font-size: 0.750em; padding-right: 10px; margin-bottom: 4px; }
.client-case a { font-size: 0.75em; line-height: 1.4em; }
.client-case div { text-align: right; }
#bottom { font-size: 0.625em; padding-left: 180px; }

.clients { width: 640px; overflow: hidden; }
.clients a.left-link { display: inline-block; float: left; margin: 5px 20px 0 0; }
.clients a.right-link { display: inline-block; float: left; margin: 5px 0 0 0; }

.clients a.active-client-left { display: inline-block; float: left; margin: -1px 8px 0 0; }
.clients a.active-client-middle { display: inline-block; float: left; margin: -1px 14px 0 -6px;  }
.clients a.active-client-right { display: inline-block; float: left; margin: -1px 0 0 -12px; }

.clients a img { display: block; border: 1px solid #e8e8e8 !important;  }
.clients .active-client-left img { border: 7px solid #e8e8e8 !important ; border-bottom: 1px solid #e8e8e8 !important ;  }
.clients .active-client-right img { border: 7px solid #e8e8e8 !important ; border-bottom: 1px solid #e8e8e8 !important ;  }
.clients .active-client-middle img { border: 7px solid #e8e8e8 !important ; border-bottom: 1px solid #e8e8e8 !important ;  }
.clients .clients-row { margin-bottom: 20px; }
.clients .clients-row a { line-height: 1.7em; }
.clients .clients-text { width: 580px; display: block; background: #f1f1f1; margin-top: -1px; *margin-top: -3px; padding: 10px 15px;  }
.clients .clients-text h2 { float: left; width: 550px; }
.clients .clients-text a.close { display: block; float: right; background:url(../images/close.png) no-repeat; width: 15px; height: 14px;  }
.clients .clients-text p { font-size: 0.81em; line-height: 1.2em; margin-bottom: 10px; padding-right: 0; }
.clients .clients-text div { text-align: right; }
.clients .clients-text a { font-size: 0.69em; }

.text { width: 300px; padding: 2px; border: 1px solid #cfcfcf; background-color: #ebebeb; }
.mt-5 { margin-top: 5px; }
.ml-1 { margin-left: 1px; }
.ml-35 { margin-left: 35px; }
.mt-map { margin-top: 20px; }
.image-text { display: block; margin: 10px 0 20px 0; }
.text-top { vertical-align:text-top }
/* TEXT */


.t-10 { font-size: 0.625em; }
.t-11 { font-size: 0.69em; }
.t-12 { font-size: 0.750em; }
.t-13 { font-size: 0.81em; }
.t-14 { font-size: 0.875em; }
.t-20 { font-size: 1.250em; }
.t-30 { font-size: 1.88em; }
.t-blue { color: #3399cc; }


.text-black { color: #000000; }
.text-white { color: #fff; }
.text-grey { color: #666; }
.text-pink { color: #eb138e; }
.text-red { color: #ff0000; }