/* resets */
h1, h2, h3, h4, p, form { margin: 0; padding: 0 }
h1, h2 { cursor: default }
ul.reset, ul.reset li { margin: 0; padding: 0; list-style: none }
dt.reset, dt.reset dt, dt.reset dd { margin: 0; padding: 0 }
td, th { vertical-align: top }
img { border: 0 }
.Head { color: inherit; font-size: 14px !important; font-weight: inherit; font-family: inherit }

body { background: #b8c9d3; margin: 0 0 30px 0 }
body, .Normal { font-family: Arial !important; font-size: 13px }
body * { font-family: Arial  !important }

#wrapper-bg { }
#wrapper { background: #fff url(body-bg.png) repeat-x bottom left; width: 800px; /*height: 600px;*/ text-align: right;  }

p { line-height: 16px; margin-bottom: 10px; color: #555 }

a:link, a:visited { color: #6f8896; font-weight: bold }

h1, h2, h1 *, h2 *, h2 .SubHead { color: #6f8896 !important; font-weight: bold !important }
h1, h1 * { font-size: 20px !important }
h2, h2 * { font-size: 14px !important }
h3, h3 * { font-size: 13px !important; margin-bottom: 10px !important }

/* home */

.home-col { display: inline; width: 233px; margin-right: 25px; float: right }

.home-left-item { height: 104px; border-bottom: solid 1px #b8c9d3; margin-bottom: 10px; position: relative }
.home-right-intro { height: 219px; border-bottom: solid 1px #b8c9d3; position: relative }

.home-left-item .admin-links,
.home-right-intro .admin-links { position: absolute; left: 0; top: 0 }

.home-left-item .content a.corner,
.home-right-intro .content a.corner { display: block; padding: 23px 0 2px 40px; line-height: 15px; 
                      position: absolute; left: 0; bottom: 3px;
                      font-size: 10px; text-decoration: none; color: #b8c9d3 }

.home-top-left-item .content a.corner { background: url(read-more-link-icon-3.png) no-repeat bottom left; }
.home-bottom-left-item .content a.corner { background: url(read-more-link-icon-2.png) no-repeat bottom left; }
.home-right-intro .content a.corner { background: url(read-more-link-icon-1.png) no-repeat bottom left; }
                      
/* internal page */
.submenu  ul  {margin:0; background:#DDD; height:25px; padding-right:50px;}
.submenu  li  {float:right; font-weight:bold; border-right:2px solid #6f8896; list-style: none; padding: 0 10px; font-size:12px; margin: 3px 0}
.right-col { display: inline; margin-right: 25px; padding-left: 6px; border-left: solid 1px #b8c9d3; float: right; }
.right-col-pane { width: 115px }
.right-col ul, .right-col li { list-style: none; margin: 0; padding: 0 }
.right-col li span { display: block; padding: 4px 8px 6px 3px; background: #f1f4f6; margin-top: 1px;
                     font-weight: bold; color: #6f8896; line-height: 12px }
.right-col li.current span { background: #777; color: #f1f4f6 }

.right-col a:hover span { background: #dde6eb; color: #6F8896  }
.right-col a:link, .right-col a:visited { text-decoration: none }
.main-col{ display: inline; width: 610px; margin-right: 16px; float: right; color: #555; }

/* right col */
.sep-bottom,
.right-col ul { padding-bottom: 9px; margin-bottom: 9px; border-bottom: solid 1px #b8c9d3 }
.mini-contact-form input.text, .mini-contact-form textarea,
.wide-contact-form input.text, .wide-contact-form textarea { width: 106px; border: solid 1px #b8c9d3; background: #fff url(textbox-bg.png) repeat-x bottom left;
                                                             font-family: Arial; font-size: 11px }
.wide-contact-form { width: 232px }
.wide-contact-form input.text, .wide-contact-form textarea { width: 230px }
.mini-contact-form,
.wide-contact-form { font-size: 11px; color: #6f8896 }
.mini-contact-form .submit { margin-top: 5px }

/* with side photo */
.right-pane { display: inline; width: 238px; float: right }
.photo-col p { color: #6f8896; font-size: 10px; font-style: italic; line-height: 13px }
.photo-col img { width: 226px; border: solid 1px #b8c9d3 } 
.photo-col .actions img { width: auto } /* for administration links */
.text-col { display: inline; width: 350px; padding-right: 16px; float: right; }
.right-border { border-right: solid 1px #b8c9d3 }

/* contact page variation */
.contact-right-pane { width: 340px }
.contact-text-col { width: auto }

/* list page */
.list-item { clear: both; overflow: hidden; margin-top: 16px; padding-top: 16px; border-top: solid 1px #b8c9d3 }
.list-item .photo-col { width: 120px }
.list-item .photo-col img { width: 115px }
.list-item .text-col { width: 450px; border-right: none }

/* overview page */
.overview-right-pane { display: inline; width: 328px; float: right; margin: 0 28px 0 0 }
/*.english .overview-right-pane {  direction: ltr; text-align: left; float: left; margin: 0 0 0 28px }*/
.overview-left-pane { display: inline; height: 315px; float: right; border-right: solid 1px #b8c9d3; margin-top: 20px; position: relative }
/*.english .overview-left-pane { direction: ltr; text-align: left; float: left; border-right: none; border-left: solid 1px #b8c9d3; }*/
.overview-content-pane { width: 222px; height: 315px; overflow: auto; /*margin: 0 26px 0 0*/ position: absolute; right: 26px; top: 0 }
.english .overview-content-pane { /*float: left; margin: 0 0 0 26px*/ direction: ltr; text-align: left }

.overview-map { width: 280px; height: 340px; position: relative; background: url(overview-map-bg.jpg) }
.overview-map li a { position: absolute; text-indent: 200px; white-space: nowrap; overflow: hidden }
.overview-map .icon-1 a { width: 100px; height: 60px;  right: 30px; top: 10px;   background: url(overview-icon-1-off.jpg) no-repeat top right }
.overview-map .icon-1 a:hover { background: url(overview-icon-1-over.jpg) no-repeat top right }
.overview-map .icon-1 a.current { background: url(overview-icon-1-on.jpg) no-repeat top right }
.overview-map .icon-2 a { width: 85px;  height: 85px;  right: 160px; top: 55px;  background: url(overview-icon-2-off.jpg) no-repeat top right }
.overview-map .icon-2 a:hover { background: url(overview-icon-2-over.jpg) no-repeat top right }
.overview-map .icon-2 a.current { background: url(overview-icon-2-on.jpg) no-repeat top right }
.overview-map .icon-3 a { width: 100px; height: 85px;  right: 45px; top: 130px;  background: url(overview-icon-3-off.jpg) no-repeat top right }
.overview-map .icon-3 a:hover { background: url(overview-icon-3-over.jpg) no-repeat top right }
.overview-map .icon-3 a.current { background: url(overview-icon-3-on.jpg) no-repeat top right }
.overview-map .icon-4 a { width: 80px;  height: 100px; right: 180px; top: 170px; background: url(overview-icon-4-off.jpg) no-repeat top right }
.overview-map .icon-4 a:hover { background: url(overview-icon-4-over.jpg) no-repeat top right }
.overview-map .icon-4 a.current { background: url(overview-icon-4-on.jpg) no-repeat top right }
.overview-map .icon-5 a { width: 125px; height: 75px;  right: 40px; top: 240px;  background: url(overview-icon-5-off.jpg) no-repeat top right }
.overview-map .icon-5 a:hover { background: url(overview-icon-5-over.jpg) no-repeat top right }
.overview-map .icon-5 a.current { background: url(overview-icon-5-on.jpg) no-repeat top right }

.english .overview-map .icon-1 a { width: 100px; height: 75px;  right: 30px; top: 15px;   background: url(en/overview-icon-1-off.jpg) no-repeat top right }
.english .overview-map .icon-1 a:hover { background: url(en/overview-icon-1-over.jpg) no-repeat top right }
.english .overview-map .icon-1 a.current { background: url(en/overview-icon-1-on.jpg) no-repeat top right }
.english .overview-map .icon-2 a { width: 95px;  height: 80px;  right: 140px; top: 70px;  background: url(en/overview-icon-2-off.jpg) no-repeat top right }
.english .overview-map .icon-2 a:hover { background: url(en/overview-icon-2-over.jpg) no-repeat top right }
.english .overview-map .icon-2 a.current { background: url(en/overview-icon-2-on.jpg) no-repeat top right }
.english .overview-map .icon-3 a { width: 95px; height: 75px;  right: 20px; top: 130px;  background: url(en/overview-icon-3-off.jpg) no-repeat top right }
.english .overview-map .icon-3 a:hover { background: url(en/overview-icon-3-over.jpg) no-repeat top right }
.english .overview-map .icon-3 a.current { background: url(en/overview-icon-3-on.jpg) no-repeat top right }
.english .overview-map .icon-4 a { width: 100px;  height: 65px; right: 145px; top: 180px; background: url(en/overview-icon-4-off.jpg) no-repeat top right }
.english .overview-map .icon-4 a:hover { background: url(en/overview-icon-4-over.jpg) no-repeat top right }
.english .overview-map .icon-4 a.current { background: url(en/overview-icon-4-on.jpg) no-repeat top right }
.english .overview-map .icon-5 a { width: 80px; height: 95px;  right: 50px; top: 225px;  background: url(en/overview-icon-5-off.jpg) no-repeat top right }
.english .overview-map .icon-5 a:hover { background: url(en/overview-icon-5-over.jpg) no-repeat top right }
.english .overview-map .icon-5 a.current { background: url(en/overview-icon-5-on.jpg) no-repeat top right }


/* gallery */
.gallery-big { height: 425px; margin-top: 10px; text-align: center; width:600px; }
ul.gallery-thumbnails { clear: both; overflow: hidden ; width:550px; margin:0 auto}
ul.gallery-thumbnails li { float: right; width: 90px; height: 67px; text-align: center }
.gallery-big img, ul.gallery-thumbnails img,
ul.hp-gallery-thumbnails img, ul.gallery-sub-categories li img { border: solid 1px #b8c9d3 }
ul.gallery-thumbnails a.active img { border: solid 1px #000 }

ul.hp-gallery-thumbnails { height: 82px; width: 780px; position: absolute; right: 0; top: 0 }
ul.hp-gallery-thumbnails li { float: right; width: 128px }
.hp-gallery-mask { clear: both; height: 80px; width: 750px; overflow: hidden; margin-top: 5px; position: relative }

ul.gallery-sub-categories { clear: both; overflow: hidden; margin-top: 10px }
ul.gallery-sub-categories li { width: 145px; height: 135px; float: right; }
ul.gallery-sub-categories li img { display: block; margin-bottom: 5px }

#btnback, #btnnext {font-weight:bold; font-size:13px; font-family:arial; color:#6F8896}

/* clients page */
.clients-pane { display: inline; padding-right: 18px }
ul.clients { clear: both; overflow: hidden; width: 354px; margin-bottom: 15px; padding-top: 14px }
ul.clients li { width: 103px; height: 160px; float: right; margin-left: 15px;
                font-size: 11px; color: #6f8896; line-height: 12px }
ul.clients li img.logo { width: 98px; height: 98px; display: block; margin-bottom: 3px; border: solid 1px #cad7de }
ul.clients li.sep { width: 610px; height: 8px; margin: 0; border-top: solid 1px #b8c9d3; margin-top: 8px }

ul.recommendations h3, ul.recommendations p { margin: 10px 0 0 0; }
ul.recommendations h3 { color: #6f8896; text-decoration: underline }
ul.recommendations li.open { border-top: solid 1px #b8c9d3; border-bottom: solid 1px #b8c9d3 }

.header { height: 97px; position: relative; background-position: bottom left; background-repeat: no-repeat }
.home-header { height: 215px }
.header #flash-header { position: absolute; bottom: 0; right: 0 }
.header .english-link { position: absolute; left: 19px; top: 12px; text-decoration: none; font-size: 11px }
/* alternative content */
.header ul, .header li { list-style: none; margin: 0; padding: 0 }
.header li { float: right; padding: 0 5px }
.header a:link, .header a:visited { color: #fff; text-decoration: none }

#footer { position:relative; padding-top: 10px; margin: 10px 25px 0 25px; border-top: solid 2px #e0e7eb }
#footer, #footer * { color: #fff }
#footer a { font-weight: bold; text-decoration: none; margin:0 5px }

#mezoo-credit { clear: both; text-align: left; padding: 0 0 0 20px }
#mezoo-credit, #mezoo-credit * { color: #fff }
#mezoo-credit a{font-weight:normal; text-decoration:none}
/* temp */

#admin-menu { right: 0; bottom: 0;  }
#admin-menu * { line-height: 10px; font-size: 11px; text-decoration: none !important }

.faceBookLike { position:absolute; width:110px; left:-11px; top:48px}

.articleListItem { text-align: right;}