/* START CSS RESET */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* END OF CSS RESET */

/* PAGE CSS */

body {
	background: #f1edea url(bgtotal2.jpg) repeat-x top center;
    font: normal 13px/21px Arial, 'Lucida Grande', 'Lucida Sans Unicode', Arial, Tahoma, Sans-serif;
    color: #5b473c;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
}
.banner, .main-container {
    width: 100%;
    height: 130px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    overflow: hidden;
}
.main-container {
    margin: 0 0 0 0;
    height: auto;
    clear: both;
    margin-top: -20px;
}
.pre-footer {
      font-family:georgia, tahoma, verdana;
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    background: #c7bfa6 url(bgfooter.jpg) no-repeat top center;
    color: #494433;
    font-size: 13px;
}
.pre-footer-content {
    width: 940px;
    height: 225px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    margin: 0 auto;
    text-align: left;
    clear: both;
/*    margin-top: 20px; */
    padding-top: 40px;
    background: url(footer.jpg) no-repeat bottom right;
}
.footcont {
    width: 217px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    margin: 0 auto;
    text-align: left;
    float: left;
    margin-left: 15px;
}
.footcontlarge {
    width: 287px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    margin: 0 auto;
    text-align: left;
    float: left;
    padding-left: 15px;
    color: #6c6859;
    padding-left: 25px;
    font-size: 14px;
    line-height: 21px;
}
.footcontlarger {
    width: 573px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    margin: 0 auto;
    text-align: right;
    float: left;
    margin-left: 15px;
    padding-right: 30px;
    color: #6c6859;
}

.footcontl {
    width: 80px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    float: left;
    font-weight: bold;
    font-style: italic;

}
.footcontr {
    width: 182px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    float: left;
}
.footcont h3, .footcontlarge h3, .footcontlarger h3 {
    font-family:georgia, tahoma, verdana;
    font-size: 22px;
    font-style: italic;
    margin-bottom: 10px;
    border-bottom: 1px solid #b3aa8e;
    padding-bottom: 10px;
    letter-spacing: -1px;
    color: #494433;
    line-height: 22px;
}
.ital {
  	font: italic 14px georgia, garamond, tahoma, arial, sans-serif;
    text-transform: none;
    font-weight: bold;
}
.banner-container {
    width: 960px;
    height: 146px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    margin: 0 auto;
    text-align: left;
    clear: both;
}
.content {
    width: 930px;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    margin: 0 auto;
    text-align: left;
    border-left: 0px solid #111;
    border-right: 0px solid #111;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 35px;
    margin-bottom: 35px;
}
/* 4 232 464*/

.lftcon {
    width: 187px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: auto;
    border-right: 0px solid #8a857f;
    float: left;
    height: auto;
    background: url(cleft.jpg) no-repeat top right;
    padding-top: 95px;
    padding-right: 25px;
    text-align: right;
    font-family: georgia, arial, tahoma;
}
.cencon {
    width: 444px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: auto;
    float: left;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px; font-family: georgia, arial, tahoma;
    margin-bottom: 50px;
}
.rgtcon {
    width: 186px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: auto;
    border-left: 0px solid #8a857f;
    float: left;
    height: auto;
    background: url(cright.jpg) no-repeat top left;
    padding-top: 95px;
    padding-left: 25px;
}

.rgtcon img {
    margin: 10px 10px 10px 0;
    padding: 0 0 0 0;
    vertical-align: middle;
}
.lftcon img {
    margin: 7px 7px 7px 0;
    padding: 0 0 0 0;
    vertical-align: middle;
}
.rgtcon a, .lftcon a {
    color: #7d574b;
    font-family: georgia, arail, tahoma, sans-serif;
    font-size: 16px;
/*    border-bottom: 1px dotted #7d574b; */
    text-decoration: none;
    padding: 5px 0 3px 0px;
}

.lftcon a {
    font-size: 14px;
}


.rgtcon a:hover, .lftcon a:hover {
    color: #342720;
    font-family: georgia, arial, tahoma, sans-serif;
    border-bottom: 1px dotted #342720;
    text-decoration: none;
}

/* 2-3 zone */

.lftme {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 580px;
    height: auto;
    float: left;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 35px;
    padding-bottom: 30px;
}
.lftme1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 275px;
    height: auto;
    float: left;
    padding-right: 15px;
    font-family: georgia, arial, tahoma, verdana;
    line-height: 18px;
}
.lftme2 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 275px;
    height: auto;
    float: left;
    padding-left: 15px;
    line-height: 18px;
}
.rgtme {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 285px;
    height: auto;
    float: left;
    padding-top: 20px;
    padding-right: 25px;
    padding-bottom: 30px;
}
.clientele {
    margin: -12px 0 0 0;
    padding: 0 0 0 0;
    width: 284px;
    height: auto;
    float: left;
    font-family: georgia, arial, tahoma, sans-serif;
    font-style: normal;
    border-right: 1px solid #c0b8b0;
    border-bottom: 1px solid #c0b8b0;
    color: #62554a;
    font-size: 16px;
    font-weight: normal;
}
.topcli {
    background: #e1d5c3 url(cli.jpg) no-repeat top center;
    height: 30px;
    width: 100%;
    float: left;
}
.botcli {
    padding: 0px 0 0 0;
    background: #e1d5c3 url(cli2.jpg) repeat-y top center;
    width: 244px;
    float: left;
    padding-left: 25px;
    padding-right: 15px;
    padding-bottom: 20px;
    height: 370px;
    margin: 0 0 0 0;
}
.serv {
background: url(cm.gif) no-repeat left center;
vertical-align: middle;
padding-left: 30px;
margin-left: 10px;
line-height: 28px;
}


.flet {
    font-size: 22px;
    margin-top: 20px;
}


#logo {
    width: 407px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    padding-left: 0px;
    margin-top: 20px;
    float: left;
}
#nav {
    float: right;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 60px;
    margin-top: 36px;
    padding-right: 45px;
}

/* navigation */
#nav ul {
	margin: 0 0 0 0 ;
    padding: 0 0 0 0;
	list-style: none;
	overflow: hidden;
	}
#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 140px;
    overflow: hidden;
    border-left: 0px solid #e8dec2;
	}
#nav ul li a {
	float: left;
	display: block;
    font-size: 10px;
    font-family: Arial, Tahoma, Sans-serif;
    margin: 0 0 0 0;
	padding: 8px 0px 13px 10px;
	text-decoration: none;
	text-transform: uppercase;
    color: #897a74;
	border: none;
    line-height: 14px;
	}
#nav ul li a strong {
	display: block;
	font-size: 22px;
	line-height: 22px;
	font-weight: normal;
	text-transform: none;
    letter-spacing: -1px;
	color: #7b6b3e;
    font-style: normal;
    margin-bottom: 5px;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Tahoma, Sans-serif;
    font-family: georgia, tahoma, verdana;
    font-size: 24px;
    font-style: normal;
    color: #897a74;
	}
#nav li a:hover {
    color: #6e605b;
	}
#nav ul li a:hover strong {
    color: #93710e;
	}
#nav li.active a {
    color: #302821;

	}
#nav li.active a strong {
    color: #006989;
	}
img, img a {
    border: 0;
}
.content h1 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
 /*   font: normal 38px/38px georgia, garamond, tahoma, verdana, arial; */
font-family: Georgia, Palatino, "Palatino Linotype", "Times New Roman", serif;
 font-size: 32px;
    font-weight: normal;
    text-align: center;
    font-style: italic;
    letter-spacing: -1px;
    margin-bottom: 35px;
    line-height: 40px;
    width: 930px;
    color: #7e6f61;
    padding-top: 15px;
}
.content h4 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
 /*   font: normal 38px/38px georgia, garamond, tahoma, verdana, arial; */
font-family: Georgia, Palatino, "Palatino Linotype", "Times New Roman", serif;
 font-size: 27px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: -1px;
    margin-bottom: 20px;
    line-height: 32px;
    color: #7e6f61;
    margin-top: -5px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #93710e;
}
.content h5 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: georgia, garamond, tahoma, verdana, arial;
    font-size: 23px;
    font-weight: normal;
    font-style: italic;
    letter-spacing: -1px;
    margin-bottom: 15px;
    line-height: 25px;
    color: #006989;
    margin-top: 0px;
}
.content h6 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: georgia, garamond, tahoma, verdana, arial;
    font-size: 25px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: -1px;
    margin-bottom: 15px;
    line-height: 27px;
    color: #93710e;
    color: #6e664e;
    margin-top: 0px;
    font-style: italic;
}
.clitit {
    font-size: 15px;
    text-transform: uppercase;
    font-family: arial, georgia, garamond, tahoma, verdana;
    font-weight: bold;
    background: #d8cdbb;
    line-height: 15px;
    padding: 2px 4px 2px 4px;
}


.re {
  color: #970000;
}
.gr {
  color: #1e7f00;
}
.bl {
  color: #115dc4;
}
.st {
  color: #5b473c;
}
.ita {
  	font: italic 13px georgia, garamond, tahoma, arial, sans-serif;
    text-transform: none;
    color: #f5efd9;
}
.em, .em:link {
    text-transform: uppercase;
    color: #e6dfc6;
    text-decoration: none;
}
.em:hover {
    color: #f5efd9;
}


.portmain {
    width: 930px;
    height: auto;
    font-family: Arial, 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-serif;
    overflow: hidden;
}
.portleft {
    width: 620px;
    height: auto;
    float:left;
}
.portright {
    width: 310px;
    height: auto;
    float: left;
}
.portmain h2, .portleft h2, .portright h2 {
    font: 23px/28px georgia, verdana, tahoma, sans-serif;
}
.portmain .port {
	background-color: #baa770;
	width: 300px;
	height: 255px;
/*	-moz-border-radius:4px;
	-webkit-border-radius:4px; */
	float: left;
	margin-right: 10px;
	margin-bottom: 11px;
}
/*
.portmain .bloc img {
	margin-top:11px;
	margin-left: 11px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}*/

.portmain .port .imgx {
	margin-top:11px;
	margin-left: 11px;
/*	-moz-border-radius:4px;
	-webkit-border-radius:4px; */
	width:268px;
	height:160px;
    border: 5px solid #fff;
    overflow: hidden;
}
.portmain .prjtit {
	text-align: left;
	margin-top: 8px;
	color: #fff;
	font-size: 19px;
	margin-left: 11px;
	line-height:19px;
    font-weight: normal;
    font-style: italic;
    font-family: georgia, verdana, tahoma, sans-serif;
    letter-spacing: -1px;
}
.portmain .prjtxt {
	text-align: left;
	margin-top: 4px;
	color: #fff;
	font-size: 12px;
    line-height: 18px;
	margin-left: 11px;
	line-height:normal;
    font-family: Arial, 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-serif;
    color: #f0eada;
}
.portmain .prjtxt a {
	text-decoration: none;
	color: #fff;
    padding: 1px 3px 1px 3px;
    font-weight: normal;
}
.portmain .prjtxt a:hover {
	color: #997f34;
    background: #fff;
    font-weight: normal;
}
.portmain .prjtit a {
    margin: 0 0 0 0;
	text-decoration: none;
	color: #fff;
    padding: 1px 3px 1px 3px;
    font-weight: normal;
    margin-left: -3px;
    text-transform: uppercase;
    font-size: 10px;
    font-family: Arial, 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-serif;
    font-style: normal;
    letter-spacing: 0px;
}
.portmain .prjtit a:hover {
	color: #997f34;
    background: #fff;
    font-weight: normal;
}
.portmain .prjflg {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
	text-align: right;
	margin-top: 47px;
    float: right;
	color: #fff;
  padding-right: 0px;
}
.portmain p, .portmain h1, .intro, .portmain h2, .portmain h3, .portmain h4, .portmain h5, .portmain h6, .xlink, xlink a:hover, .link a:link {
    font-size: 1px;
    letter-spacing: -1px;
    line-height: 0px;
    color: #f1edea;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    margin-left: -100px;
    margin-top: -277px;
    float: right;
}

.flg {
    border-bottom: 1px solid #e4d29c;
    border-top: 1px solid #7b6423;
    border-right: 1px solid #e4d29c;
    border-left: 1px solid #7b6423;
    border-bottom: 2px solid #baa770;
    border-top: 2px solid #baa770;
    border-right: 0px solid #baa770;
    border-left: 2px solid #baa770;

}

.tsk {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 10px;
    color: #f0eada;
}


.hpic {
    background-position: center top;
    overflow: hidden;
}
.hpic:hover {
    background-position: center bottom;
    overflow: hidden;
}

.flink {
    color: #686352;
    text-decoration: none;
    padding-right: 15px;
    padding-left: 7px;
    font-size: 17px;
    background: transparent url(footdot.jpg) no-repeat right center;
}
.flinks {
    color: #686352;
    text-decoration: none;
    font-style: normal;
    border-bottom: 1px dotted #6c6859;
    color: #104c72;
    color: #6c6859;
}
.flinkem {
    color: #686352;
    text-decoration: none;
}
.fch {
    color: #508683;
    color: #686352;
    text-decoration: none;
    padding-right: 8px;
    padding-left: 22px;
    font-size: 14px;
    background: transparent url(checked22.jpg) no-repeat left center;
}
.fch:hover {
    color: #104c72;
    background: transparent url(checked1.jpg) no-repeat left center;
}

.tp {
    color: #686352;
    text-decoration: none;
    padding-right: 25px;
    padding-left: 10px;
    font-size: 16px;
    background: transparent url(top2.jpg) no-repeat right center;
}
.tp:hover {
    color: #686352;
    text-decoration: none;
    padding-right: 25px;
    padding-left: 10px;
    font-size: 16px;
    background: transparent url(top.jpg) no-repeat right center;
}
.flink:hover, .tp:hover, .flinkem:hover {
    color: #104c72;
}
.flinks:hover {
    border-bottom: 1px dotted #104c72;
    color: #104c72;
}
.footcontlarger p {
color: #7d7868;
font-size: 12px;
margin-top: 12px;
font-family: arial, tahoma, verdana, sans-serif;
line-height: 15px;
margin-bottom: 12px;
}

.footcontlarger .cpy {
    color: #6c6859;
font-size: 14px;
margin-top: 8px;
line-height: 17px;
margin-bottom: 9px;
font-family: arial, georgia, tahoma, verdana;
}
.cpyx {
    font-size: 11px;
    text-transform: uppercase;
    font-family: arial, verdana, tahoma;
}

.sosi {
    border: 1px solid #c7c0a6;
    margin-bottom: 7px;
    margin-left: 4px;
    vertical-align: middle;
}
.sosi:hover {
    border: 1px solid #f1eddf;
}
.sh {
 /*   position: absolute; */
    margin: 0px 5px 9px 0px;
    padding: 0 0 0 0;
    vertical-align: middle;
}


.doc {
    font-size: 13px;
    color: #fff;
    font-family: georgia, verdana, Arial;
    font-style: italic;
    text-decoration: none;
    line-height: 13px;
    letter-spacing: 0px;
    padding-left: 36px;
    background: url(doc.gif) no-repeat center left;
}

.pdf {
    font-size: 13px;
    color: #fff;
    font-family: georgia, verdana, Arial;
    font-style: italic;
    text-decoration: none;
    line-height: 13px;
    letter-spacing: 0px;
    padding-left: 36px;
    background: url(pdf.gif) no-repeat center left;
}

.doc:hover {
color: #0b59d3;
}
.pdf:hover {
color: #cb2900;
}
.clients {
width: 930px;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;
background: url(clie.jpg) no-repeat top center;
text-align: left;
padding-top: 80px;
height: 230px;
}


/* tip */

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}

/* to be removed */
.undr {
	position:absolute;
	left:100%;
	top:0px;
	overflow:visible;
	height:177px;
	width:177px;
	margin:0 0 0 -177px;
	padding:0 0 0 0;
	z-index:1000000000;
	border:none;
	float:none;
}
/* end here */
input, textarea {
    border: 1px solid #948b7f;
    font-size: 15px;
    font-family: arial, tahoma, verdana, sans-serif;
    width: 320px;
    padding: 7px;
    background: url(input.jpg) repeat-x top center;
    margin-top: 6px;
    margin-bottom: 12px;
    background: #d2ccc3;
    background: #d2ccc3;
}
input:hover, input:focus, textarea:hover, textarea:focus {
    border: 1px solid #b0a89d;
    background: #dcd7cf;
}
.button {
    border: 0;
    width: 84px;
    height: 34px;
    background: url(button.jpg) no-repeat top center;
    text-indent: -9999px;
    letter-spacing: -5px;
    font-size: 0px;
}
.button:hover, .button:focus {
    border: 0;
    width: 84px;
    height: 34px;
    background: url(button.jpg) no-repeat bottom center;
}
.qte {
    font-size: 1px;
    line-height: 1px;
    color: #f1edea;
    letter-spacing: -1px;
}
/*   --form --- */
.error
{
  text-align: left;
  color:#840101;
  padding:10px 0px 0 0px;
  font-size:15px;
  font-family: georgia, tahoma, verdana, sans-serif;
}
.okmail
{
  text-align: left;
  color:#397801;
  margin:0 0px 0 0px;
  padding:0 0px 0 0px;
  font-size:15px;
  font-weight: normal;
  font-family: georgia, tahoma, verdana, sans-serif;
}