/* Updated 2018-10-01, 2021-10-7*/

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

body,th,td,input {
color:#333333;
font-family:Calibri, Helvetica, Arial, sans-serif;
font-size:13px
}

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 ------------------------ */
#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;
text-align:center;
vertical-align:middle /* did not exist before taller bg graphic */
}

#pagecontent {
background-color:white;
margin-top:15px;
min-height:300px;
padding:0 28px 20px
}

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

#image {
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 */
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
}

#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:19px;
font-weight:bold;
margin-bottom:4px;
padding-bottom:0
}

h2 {
color:#3333cc;
font-family:Calibri, Helvetica, Arial, sans-serif;
font-size:16px;
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:16px;
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: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 2px
}

.navtxtbuttonselected {
border:thin solid #e5e5e5;
font-weight:bold;
line-height:21px;
padding:1px 8px 2px
}

.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
}

/* ------------------------ 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;
margin-left:auto;
margin-right:auto;
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:11px
}

/* ---------------- 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
}

.thumbs {
margin-left:8px;
margin-right:8px;
overflow:auto;
padding-bottom:10px;
width:850px
}

.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-top:10px;
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:1px;
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
}