a.w3c:link, a.w3c:visited, a.w3c:hover {
  color            : #0f96da;
  text-decoration  : none;  
  font-weight      : normal;
  font-size        : 9px;
}

* {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	border: 0px;
	background-repeat: no-repeat;
	font-weight:normal;}

html,
body {
	height: 100%;
	padding: 0px;
	margin: 0px;
	}

ul {padding-left: 20px;}
h5 {font-size:18px; font-weight: normal; padding-bottom:15px;}

body {
	padding: 0px 20px 10px;
	color: white;
	border-width: 0px;
	background-color: #4eabda;
	background-image: url(../body-bg.gif);
	background-repeat: repeat-x;}
body, td {
	font-size: 100%;
	font-family: verdana, helvetica, tahoma, arial, sans-serif;}

a {
	color: #33ccff;
	text-decoration: underline;
	cursor: pointer;
	position: relative;
	z-index: 899;}
a:focus,
a:hover {
	color: aqua;
	cursor: pointer;
	text-decoration: none;}

#madebypicom img {
	float: left;
	margin-right: 5px;
	opacity:0.5;}

.floimg {clear: both; display: block;}
p {
	margin: 0px;
	padding: 0px;
	line-height: 1.3em;}

h1 {
	font-size: 140%;
	font-family: tahoma, sans-serif;}

input,
textarea {
	border: 1px solid gray !important;}
	
table {
	display: block;
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	border: 0px;}
td,
th {
	border: 1px solid;
	margin: 0px;
	padding: 0.8ex;}
	
.no,
.no img,
.no a img,
.no:focus,
.no:hover {
	padding: 0px;
	margin: 0px;
	border: 0px!important;
	list-style: none;}
/*.auth,
.n ews {display: block; float: left; clear: both; w idth: 100%;}*/

#container {
	float: left;
	clear: both;
	display: block;
	text-align: left;
	width: 100%;
/*w idth: 100%;
h eight: 100%;
o verflow: hidden;
b ackground-image: url(../bg.gif);
b ackground-position: 0% 0%;*/
}

#header {
	float: left;
	clear: both;
	width: 100%;
/*h eight: 145px;*/
	background-color: #336699;
	background-image: url(../hea-bg.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;}
.salut {
	display: block;
	float: left;
	width: 100%;
	height: 160px;
	background-image: url(../salut.gif);
	background-repeat: repeat-x;
	background-position: 214px 1px;
	position: relative;
	z-index: 900}
.people {
	display: block;
	float: left;
	width: 100%;
	height: 160px;
	background-image: url(../people.gif);
	background-repeat: repeat-x;
	/*background-position: 179px 91px;*/
	background-position: 184px 110px;
	position: relative;
	z-index: 899;}
	

.cust1 {
	float: left;
	display: block;
	width: 183px;
	height: 76px;
	margin-right: -183px;
	background-image: url(../hea-bg-left.gif);
	background-position: 100% 0%;
	position: relative;
	top: 98px;}
.cust2 {
	float: right;
	display: block;
	width: 84px;
	height: 63px;
	background-image: url(../hea-bg-right.gif);
	background-position: 100% 0%;
	position: relative;
	top: 111px;}

/*
#symbols {
	display: inline;
	float: left;
	width: 100px;
	padding: 0px;
	margin: 10px 0px 10px 30px;
	vertical-align: bottom;}
#symbols span {
	height: 10px;
	margin: 5px 7px 5px 3px;
	float: left;
	clear: right;
	display: block;
	text-decoration: none;
	background-image: url(../symbols.gif);}
.symbols-home {background-position: 0px 0px; width: 11px;}
.symbols-mail {background-position: -11px 0px; width: 11px;}
.symbols-map {background-position: -22px 0px; width: 12px;}
*/
#ftw {
	float: left;
	height: 160px!important;
	margin: -1px 0px 0px 0px;
	display: inline;
	/*p osition: relative;*/
	background-image: url(../logo.jpg);
	z-index: 999;}
#logo {
	float: left;
	margin: 32px 0px 0px 8px;
	display: inline;
	position: relative;}
img.logo {
	float: left;}


#nav-top li a {
	display: block;
	padding: 5px 5px 5px 15px;
	color: #ffffff;
	font-size: 105%;
	text-decoration: none;}
#nav-top a:focus,
#nav-top a:hover {
	text-decoration: underline;}
#nav-top {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 173px;
	/* *width: 173px;193px;*/
	list-style-type: none;
	background-color: #01a7e5;
	position: relative;
	z-index: 990}
#nav-top li {/* for opera */
	*width: 100%;
	width: 173px;
	background-color: #01a7e5;
	background-image: url(../hr-nav2.gif);
	background-repeat: repeat-x;
	background-position: 50% 100%;}
#nav-top>li {
	width: 100%;
	display: block;
	height: 33px;
	color: white;
	background-color: #01a7e5;	
	background-image: url(../hr-nav2.gif);
	background-repeat: repeat-x;
	background-position: 50% 100%;
	position: relative}

#nav-top li ul {
	display: none;
	left: 173px;
	*left: 173;/*193px;*/
	list-style-type: none;
	position: absolute;
	top: 0px}
	
html #nav-top li {
	float: left;
	clear: both;
	height: 1%}
html #nav-top li a {
	height: 1%;}
#nav-top li:hover ul {
	display: block;}
#nav-top li.over ul {
	display: block;
	width: 173px; /* z */
	*margin-top: .5em;
	background-color: #01a7e5;}

#nav-top li.over,
#nav-top li.over a:hover {
	color: white!important;
	background-color: #1ec2ff;
	background-image: url(../hr-nav2.gif);
	background-repeat: repeat-x;
	background-position: 50% 100%;}

.selected {
	margin: 0px;
	padding: 0px;}
.selected strong {
	font-size: 104%;
	color: black!important;}
 
#content {
	float: left;
	clear: both;
	display: block;
	width: 100%;
	padding-top: 1px;
	background-color: #004e86;
	background-image: url(../hr-colored.gif);
	background-repeat: repeat-x;
	position: relative;
	z-index: 700;
	top: -1px;}
.afterc {
	clear: both;
	display: block;
	width: 100%;
	background-image: url(../main-bg-left.gif);
	background-repeat: repeat-y;
	background-position: 173px;}
.main-text {
	display: inline;
	float: left;
	/*c lear: none;*/
	min-width: 40%;
	max-width: 49%;
 min-height: 500px;
	text-align: left;
	padding: 0px 10px 100px 27px;
	margin-bottom: -80px; /* hello, w3c! it's T.Picom cool stuff! */
	font-size: 70%;
	background-color: #004e86;
	background-image: url(../main-bg-left.gif);
	background-repeat: repeat-y;
	background-position: left;}
.main-text h1 {
	clear: both;
	display: block;
	color: white;
	margin: 15px 0px 10px 0px;
	line-height: 39px;
	display: block;
	min-width: 300px;
	background-image: url(../hr2.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;}
.main-text h1 span {
	display: block;
	width: 79%;
	min-width: 50%;
	padding: 0px 0px 0px 35px;
	background-image: url(../stars.gif);
	background-repeat: no-repeat;
	background-position: left ;
	position: relative;}
.main-text h2 {font-size: 145%;}
.main-text h3 {font-size: 120%; margin: 10px 0px 0px 10px; clear: both;}
.main-text p {
	display: block;
	padding-bottom: 5px;}
.main-text img {
	margin: 3px 10px 10px 10x!important;
	padding: 1px;
	border: 1px solid #c0c0c0;
	border: 1px dashed #c0c0c0!important;}
	
.product_list {	
	list-style-type: none;
	display: block;
	clear: both;}
.product_list li {
	display: block;
	clear: both;
	list-style-type: none;
	margin: 0px 0px 10px 0px;}

.product_price {
	display: block;
	clear: both;
	font-size: 1px;
	color: #004e86;}
.product_price a,
.product_price a:hover {
	color: #004e86;
}
.product_price span {
	display: block;
	clear: both;
	width: 91px;
	height: 29px;
	font-size: 1px;
	background-image: url(../price_a.gif);}
.product_price span:hover {
	background-image: url(../price.gif)!important;}

.map_schema {
	display: inline;
	ve rtical-align: absmiddle;
	c lear: both;
	f loat: left;
	font-size: 1px;
	color: #004e86;}
.map_schema a,
.map_schema a:hover {
	color: #004e86;
}
.map_schema span {
	display: block;
	flo at: left;
	cle ar: both;
	ve rtical-align: absmiddle;
	width: 101px;
	height: 29px;
	font-size: 1px;
	background-image: url(../map_schema.gif);}
.map_schema span:hover {
	background-image: url(../map_schema_a.gif)!important;}






.hr {
	display: block;
	margin: 5px 0px;
	padding: 0px;
	border: 0px;
	height: 1px;
	min-width: 300px;
	max-width: 99%;
	width: 99%;
	background-color: transparent;
	background-image: url(../hr.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;}
.main-text .news {
	padding: 0px 5px;}

.msg {
	color: #ffffff;}

.box-salut-spec {
	width: 49%;
	margin: 0px 5px 10px 0px;
	float: left;
	display: inline;
	overflow: visible;}
.box-salut-spec ul {
	float: left;
	clear: right;
	display: block;
	width: 79%;
	padding: 0px;
	margin: 0px 3px 0px 0px;
	list-style-type: square;}
.box-salut-spec ul li {
	font-size: 100%;
	list-style-type: square;
	margin: 2px 0px 0px 16px;
	padding: 0px;
	line-height: 15px;
	text-indent: 0px;}
.box-salut-spec div {
	display: block;
	padding-left: 100px;}
.box-salut-spec p {
	text-indent: 0px;
}
.left-column {
	width: 173px;
	float: left;
	clear: right;
	display: block;
padding: 0px;
	font-size: 75%;
	
	background-color: #004e87;}
.left-column h1 {
	clear: both;
	display: block;}
.left-column h1 a {
	color: white;
	text-decoration: none;}

.statusbar {
	display: block;
	padding: 5px 5px 0px 5px;
	line-height: 30px;
	font-size: 100%;
	font-family: sans-serif;}

.pages_nav {
	display: block;
	clear: both;
	width: 99%;
	margin: 5px 5px 10px 5px;}
.pages_nav strong {
	float: none;}	

.right-column {
	float: right;
/*	c lear: right;
	d isplay: block;*/
	width: 120px;
	font-size: 75%;
	padding: 15px 10px;}
.right-column a {
	text-decoration: none;}


/* ============================================================= */

.left-column .news {
	float: left;
	clear: both;
	display: block;
	overflow: visible;	
	width: 163px;
	padding: 5px 9px 15px;
	background-image: url(../nav-bg-foo.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;}
.news a {
	text-decoration: none;}
.news h1 {
	color: white;
	margin: 5px 0px 10px 0px;
	line-height: 39px;
	display: block;
	background-image: url(../hr2.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;}
.more {
	font-family: sans-serif;}

dl {
	display: block;
	margin: 0px;
	padding: 0px 5px 10px 0px}

dt {

	float: none;
	clear: both;}
.main-text dt {
	font-weight: bold;
	font-size: 120%;}
.main-text dt a {
	color: white;}

dt small {
	padding: 1px;
	display: block;
	font-weight: normal;
	font-size: 80%!important;
	color: #c0c0c0;}
.news dd {
	margin: 0px 0px 10px 0px;
	padding-left: .6em;
	padding-bottom: 0.2em;}


.stat {
	float: left;
	clear: both;
	display: block;
	width: 100%;
	width: 155px;
	*width: 173px;
b order: 1px red solid !important;	
	padding: 20px 5px 10px 13px;
	margin-right: -20px;}
.stat h4 {
	font-size: 70%;}
.stat img {
	display: inline;
	border: 0px;
	margin: 1px 0px;
	padding: 0px}
	
.advert {
	float: left;
	clear: both;
	display: block;
	margin-top: 20px;
	width: 140px;
	*width: 159px;
	padding: 3px;
	font-size: x-small;
	color:  #c0c0c0;
	border: 1px dashed #c0c0c0;}
.advert a {color:  #c0c0c0;}

/* ============================================================= */


#footer {
	float: left;
	clear: both;
	display: block;
	width: 100%;
	*height: 83px;
	background-color: #000911;
	background-image: url(../foo-bg-big.gif);
	background-repeat: repeat;
	background-position: top;
	position: relative;
	z-index: 900;
	top: -1px;}
.footer-bg {
	display: block;
	height: 1px;
	background-image: url(../hr-colored.gif);
	background-repeat: repeat-x;}

#footer,
#footer p,
#footer a {
	color: white;
	text-decoration: none;}
#corner-left-bottom,
#madebypicom {
	display: inline;
	clear: right;
	font-size: 60%;}
.nav-bottom {
	display: block;
	clear: both;
	width: 99%;
	text-align: right;
	
	padding: 5px 5px 0px 5px;
	font-size: 85%;}
#corner-left-bottom {
	float: left;
	padding: 7px 15px 20px 20px;
	background-image: url(../foo-bg-l2.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	height:40px;}
#madebypicom {
	float: right;
	padding: 7px 15px 20px 0px;
	text-align: right;
	background-image: url(../foo-bg-r2.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	height:40px;}

.foo2-bg {
	clear: both;
	display: block;
	width: 100%;
	height: 18px;
    color: #2E7BA7;
    font-size: 9px;
	/* background-image: url(../foo2-bg.gif);
	background-repeat: repeat-x; */}
.foo2-bg a {color: #2E7BA7 !important;}	
.foo2-l,
.foo2-r {
	display: block;
	width: 31px;
	height: auto;}
.foo2-l {
	float: left;
	/* background-image: url(../foo2-l.gif); */}
.foo2-r {
	float: right;
	/* background-image: url(../foo2-r.gif); */}

/* {
	border: 1px red solid !important;
	margin-bottom: .5em !important;
	
	p adding: 1.5em !important;}
/ *
*:hover {
	b order: 1px red solid;
	
	outline-width: 1px;
	outline-color: Blue;
	outline-style: solid;}
*/