/* Updated 2019-03-29 */

body {
background-color:#cccccc;
background-image:url(../images/brushed-1-bg.png);
/*background-image:url(../images/graygradbg.png); */
background-repeat:repeat-x;
background-attachment:fixed; /* was scroll */
background-position:left top;
color:#333333;
margin:0;
padding:0
}

body,th,td,input {
color:#333333;
font-family:Calibri, Helvetica, Arial, sans-serif;
font-size:15px; /* was 13*/
line-height:18px; /* was default */
}

a:link {
color:#3333cc;
font-weight:bold;
outline:none;
overflow:hidden;
text-decoration:none
}

a:active {
color:#33cc33;
font-weight:bold;
outline:none;
overflow:hidden
}

a:visited {
color:#cc3333;
font-weight:bold;
outline:none;
overflow:hidden;
text-decoration:none
}

a:hover {
font-weight:bold;
outline:none;
overflow:hidden;
text-decoration:underline
}

img {
border:none
}

.imgborder {
border:1px solid #000000
}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden
}

/*
* html .clearfix {height: 1%;
}*/
#container {
margin-left:auto;
margin-right:auto;
width:915px
}

#pagemainshadow {
background-image:url(../images/main_sha.png)
}

/*
  #pagemaintop {
  background-image: url(../images/top_sideshadow.png);
  background-position: top;
  background-repeat: no-repeat;
}*/
#pagemain {
background-color:#ffffff;
margin:0 12px 0 6px
}

#pagetop {
background-image:url(../images/top_navshadow.png);
background-position:bottom;
background-repeat:no-repeat;
color:#333333;
font-size:10px;
height:12px;
padding-left:0
}

/* ------------------------ HEADER CONTACT ------------------------ */
#headerinfo a:link,#header_contact a:visited,#header_contact a:active {
color:white;
font-weight:normal;
text-decoration:none
}

#headerinfo a:hover {
color:#ffff99;
text-decoration:underline
}

.copyright {
background-color:#ffffff;
color:#999999;
font-size:10px;
height:14px;
padding-top:5px;
text-align:center
}

/* ------------- HEADER MESSAGE not in styles1b.css------------- */
.headermessage-sprite {
    display: inline-block;
    height: 24px;
    width: 360px;
    border: 0;
    background-image: url(../images/headermessage-anim.gif);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: bottom;
}
.headermessage-sprite:hover {
    background-position: top;
}

/* ------------------------ HEADER ------------------------ */
#header {
background-color:#999999;
background-image:url(../images/head_bg.gif);
background-position:top left;
background-repeat:no-repeat;
color:white;
font-size:11px;
height:70px
}

#headerinfo {
float:right;
line-height:16px;
padding:20px 20px 0 0
}

#headercontent {
padding:14px 0 0 28px
}

#headerlogo {
height:36px;
padding-bottom:0;
padding-top:0
}

#menu {
background-color:#666666;
background-image:url(../images/menubody2_bg.png);
background-position:top left;
background-repeat:no-repeat;
height:31px
}

#menufr {
background-color:#666666;
background-image:url(../images/menubody2_bg.png);
background-position:top left;
background-repeat:no-repeat;
height:31px
}

#menubilin {
background-color:#666666;
background-image:url(../images/menubody2_bg.png);
background-position:top left;
background-repeat:no-repeat;
height:31px
}

#submenu {
background-color:#a8a7a7;
background-image:url(../images/submenu_bg7.gif);
background-repeat:repeat-x;
color:white;
font-size:18px; /* was 12 before taller bg graphic */
height:28px; /* was 18 before taller bg graphic */
padding-top:2px; /* was 2px */
text-align:center;
line-height:125%; /* did not exist before */
/* vertical-align:middle did not exist before taller bg graphic */
}

#pagecontent {
background-color:white;
margin-top:8px;  /* was 10 */
min-height:300px;
padding:8px 28px 20px 28px  /* was 0 28px 20px */
}

#pagecontent700 {
background-color:white;
margin-bottom:10px;
margin-top:10px;
padding:0 70px
}

#pagecontentleft {  /* Not in styles1b.cs ++++++++++++++++*/
width:700px;
background-color:white;
margin-bottom:10px;
margin-top:10px;
padding:0
}

#image {  /* Not in styles1b.cs +++++++++++++++++++++++++*/
border-bottom:1px solid #000000;
border-top:1px solid white
}

/* ------------------------ MENU ENGLISH ------------------------ */
#menu ul {
list-style:none;
margin:0;
padding:0
}

#menu li {
display:inline;
float:left
}

#menu li a:link,#menu li a:visited,#menu li a:active {
background-image:url(../images/menu_buttons5.png);
background-position:top;
background-repeat:no-repeat;
color:white;
display:block;
font-size:15px; /* was 14 before taller bg graphic */
font-weight:bold;
height:31px;
margin-left:1px;
text-align:center;
text-decoration:none;
line-height:200%; /* did not exist before taller bg graphic | Mar 2019 was 200% */
width:111px
}

#menu li a:hover {
background-position:bottom
}

#menu li .selected {
background-position:bottom !important;
color:#000000 !important
}

/* ------------------------ MENU FRENCH ------------------------ */
#menufr ul {
list-style:none;
margin:0;
padding:0
}

#menufr li {
display:inline;
float:left
}

#menufr li a:link,#menufr li a:visited,#menufr li a:active {
background-image:url(../images/menu_buttons5.png);
background-position:center;
background-repeat:no-repeat;
color:white;
display:block;
font-size:15px; /* was 14 before taller bg graphic */
font-weight:bold;
height:31px;
margin-left:1px;
text-align:center;
text-decoration:none;
line-height:200%; /* did not exist before taller bg graphic */
width:111px
}

#menufr li a:hover {
background-position:bottom;
}

#menufr li .selected {
background-position:bottom !important;
color:#000000 !important;
}

/* ------------------------ MENU BILINGUAL ------------------------ */
#menubilin ul {
list-style:none;
margin:0;
padding:0
}

#menubilin li {
display:inline;
float:left
}

#menubilin li a:link,#menubilin li a:visited,#menubilin li a:active {
background-image:url(../images/menu_buttons_bilin.png);
background-position:center;
background-repeat:no-repeat;
color:white;
display:block;
font-size:15px; /* was 14 before taller bg graphic */
font-weight:bold;
height:31px;
margin-left:1px;
text-align:center;
text-decoration:none;
width:111px
}

#menubilin li a:hover {
background-position:bottom
}

#menubilin li .selected {
background-position:bottom !important;
color:#000000 !important
}

/* ------------------------ SUBMENU ------------------------ */
.submenu {
color:#ffffff;
font-size:13px;
font-weight:bold;
text-decoration:none;
line-height:50%; /* did not exist before */
}

#submenu a:link,#submenu a:visited,#submenu a:active {
color:#ffffff;
font-size:13px;
font-weight:bold;
text-decoration:none
}

#submenu a:active {
color:#33cc33;
font-size:13px;
font-weight:bold;
text-decoration:none
}

#submenu a:hover {
color:#ffff99;
font-size:13px;
font-weight:bold;
text-decoration:none
}

#submenu .selected {
color:#000000;
font-size:13px;
font-weight:bold;
text-decoration:none
}

/* ------------------------ CONTENT ------------------------ */
h1 {
color:#3333cc;
font-family:Calibri, Helvetica, Arial, sans-serif;
font-size:21px; /* was 19 */
font-weight:bold;
margin-bottom:4px;
padding-bottom:0
}

h2 {
color:#3333cc;
font-family:Calibri, Helvetica, Arial, sans-serif;
font-size:17px; /* was 16 */
font-weight:bold;
margin-bottom:4px;
margin-top:0;
padding-bottom:0;
padding-top:6px
}

h3 {
color:#333333;
font-family:Calibri, Helvetica, Arial, sans-serif;
font-size:17px; /* was 16 */
font-weight:bold;
margin-bottom:4px;
margin-top:0;
padding-bottom:0;
padding-top:6px
}

h4 {
color:#333333;
font-family:Calibri, Helvetica, Arial, sans-serif;
font-weight:bold;
margin-bottom:0;
margin-top:10px;
padding-bottom:1px;
padding-top:0
}

p {
line-height:18px; /* was 16px */
margin-top:0
}

p.head {
font-weight:bold
}

.share {
color:#3333cc;
font-size:16px;
font-weight:bold;
padding-right:8px;
}

/*
p.a {
border-bottom:1px dotted;
}
*/

.navtxtbutton {
background-color:#e5e5e5;
border:thin solid #ffffff;
font-weight:bold;
line-height:21px;
padding:1px 8px 1px /* was 1px 8px 2px (top,sides,bottom)*/
}

.navtxtbuttonselected {
border:thin solid #e5e5e5;
font-weight:bold;
line-height:21px;
padding:1px 8px 1px /* was 1px 8px 2px (top,sides,bottom)*/
}

.warning {
color:#fcfcfc;
height:18px;
padding:4px;
background-color:#ff6666
}

.imgprotect {
background-position:center;
background-repeat:no-repeat;
border:thin solid White
}

textarea {
background-color:#e5e5e5;
border:thin solid gray;
font-family:Calibri, Helvetica, Arial, sans-serif;
font-size:11px
}

.list {
font-size:14px;
font-weight:bold;
padding-left:20px
}

.news {
color:#3333cc;
font-family:Calibri, Helvetica, Arial, sans-serif;
font-size:22px;
font-weight:bold;
line-height:12px; /* was default */
margin-bottom:8px;
margin-top:0;
padding-bottom:0;
padding-top:0px
}

/* ------------------------ TABLES ------------------------ */
table.projects {
width:100%
}

a.project:link {
background:#3333cc;
color:#ffffff;
display:block;
height:100%;
text-decoration:none;
width:100%
}

a.project:visited {
background:#cc3333;
color:#ffffff;
display:block;
height:100%;
text-decoration:none;
width:100%
}

a.project:hover {
background:#33cc33;
color:#ffffff;
display:block;
height:100%;
text-decoration:none;
width:100%
}

a.project:active {
background:#999999;
color:#ffffff;
display:block;
height:100%;
text-decoration:none;
width:100%
}

td.colpagenum {
background-color:#e5e5e5;
padding:4px;
text-align:center;
vertical-align:middle;
width:40px
}

td.colimage {
background-color:#e5e5e5;
padding:4px;
text-align:center;
vertical-align:top;
width:86px
}

td.collocation {
background-color:#e5e5e5;
padding:4px;
text-align:left;
vertical-align:top
}

td.coldescrip {
background-color:#e5e5e5;
padding:4px;
text-align:left;
vertical-align:top
}

td.coldetails {
background-color:#e5e5e5;
padding:4px;
text-align:center;
vertical-align:top;
width:68px
}

table.panoinfo {
border:0;
float:left; /* New for thumb navigation column in 360 gallery
/*
margin-left:auto;               allowed in styles1b.css
margin-right:auto;            allowed in styles1b.css
*/
margin-top:0;
padding:0;
width:700px
}

td.col1 {
background-color:#e5e5e5;
font-size:12px;
padding:4px;
text-align:right;
vertical-align:top;
width:80px
}

td.col2 {
background-color:#e5e5e5;
font-size:12px;
padding:4px;
text-align:left;
vertical-align:top
}

table#news {
background-color:#e5e5e5;
border:0;
float:right;
font-size:12px;
margin-bottom:20px;
margin-left:20px;
margin-top:10px;
padding:8px;
text-align:left;
width:160px
}

.smtxt {
font-size:12px;
line-height:14px; /* was default */
}

/* ---------------- PORTFOLIO & SERVICES THUMBNAILS ---------------- */

.naviframe {
border-style:none;
}

.thumbslist {
background-image:url(../images/thumbnail_bg-sm-nocap.png);
background-repeat:no-repeat;
float:left;
height:68px;
padding-left:4px;
padding-top:4px;
vertical-align:middle;
width:116px
}

.thumbslist_horiz {  /* for updates and archives in 360 galleries*/
background-image:url(../images/thumbnail_bg-sm-nocap.png);
background-size:116px 61px;
background-repeat:no-repeat;
height:48px;
padding-left:4px;
padding-top:4px;
padding-right:12px;
padding-bottom:12px;
width:103px
}

.thumbs {
margin-left:8px;
margin-right:8px;
overflow:auto;
padding-bottom:10px;
width:850px
}
thumbnail_bg-sm-nocap.png.thumbs ul {
list-style:none;
margin:0;
padding:0
}

.thumbs li {
display:inline;
float:left
}

.thumbs a:link,.thumb a:visited,.thumb a:active {
font-weight:normal
}

.thumbs_area {
padding-bottom:16px;
padding-left:29px;
padding-right:29px
}

.thumbs_item {
background-image:url(../images/thumbnail_bg.png);
background-repeat:no-repeat;
font-weight:normal;
height:133px;
width:220px
}

.thumbs_bodyleft {
background-image:url(../images/thumbnail_bg.png);
background-repeat:no-repeat;
float:left;
font-weight:normal;
height:133px;
margin-right:8px;
margin-top:8px;
width:220px
}

.thumbs_img {
padding:4px 4px 0
}
.thumbs206_img {
padding:4px
}

.thumbs_label {
padding-right:6px; /* to compensate for shadow width */
padding-top:1px;
text-align:center
}
.thumbs206_label {
font-size:14px;
padding-right:6px; /* to compensate for shadow width */
padding-top:2px;
text-align:center
}

/* ------------------------ FOR SERVICES THUMBS ------------------------ */
.thumbs_rightcolumntexts {
float:left;
padding-top:8px;
width:202px
}

.thumbs_leftcolumn {
float:left;
margin-left:0;
margin-right:12px;
padding-bottom:4px;
padding-top:8px;
width:158px
}

.thumbs_frame3x2 {
background-image:url(../images/frame_3x2.png);
background-repeat:no-repeat;
float:left;
font-weight:normal;
height:132px;
margin-bottom:10px;
width:158px
}

.thumbs_image3x2 {
padding:4px 4px 2px;
width:158px
}

.thumbs_frame_smpano {
background-image:url(../services/images/frame_smpano.png);
background-repeat:no-repeat;
font-weight:normal;
height:132px;
margin-bottom:4px;
width:190px
}

/* ------------------------ END SERVICES THUMBS ------------------------ */
/* ------------------------ FOOTER ------------------------ */
#footer {
background-image:url(../images/foot_bg.png);
background-position:top;
background-repeat:no-repeat;
font-size:10px;
height:20px;
line-height:13px;
padding-left:6px;
padding-right:12px;
padding-top:3px;
text-align:center
}

/* ------------------------ SITEMAP ------------------------ */
ul#sitemap {
font-size:18px;
font-weight:bold;
list-style:none;
margin:0;
padding:0
}

ul#sitemap li {
margin-bottom:16px
}

ul#sitemap ul {
font-size:14px;
list-style:none;
margin:0;
padding:0 0 0 30px
}

ul#sitemap ul li {
margin-bottom:8px
}

ul#sitemap ul ul a:link,ul#sitemap ul ul a:visited,ul#sitemap ul ul a:active {
font-weight:normal !important
}