/* CSS Document */
body {
background: url(images/background.gif);
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333300;
margin: 0px;
padding: 0px;
}

p a img, a img {
border:none;
}

a:link {
color:#2e6589;
text-decoration:none;
}

a:visited {
color: #006699;
text-decoration:none;
}

a:hover { 
color:#2e6589;
text-decoration:underline;
}

#container {
background:#FFFFFF;
border:#996633 1px solid;
width: 780px;
position: absolute;
left: 50%;
margin-left: -400px;
margin-top:-3px;
padding:10px;
}

#ad {
margin-left:800px;
width:160px;
position:absolute;
}


#header_top {
height:75px;
background:url(images/header_top.jpg);
}

#header2 {
height:173px;
background:url(images/header2.jpg);
text-align:right;
}

/***************TEXT STYLES****************/
h1 {
font-size:22px;
font-weight: bold;
color:#2E6589;
}
.subtitle {
font-size:20px;
font-weight: bold;
color:#4993c2;
}

.subtitlesm{
font-size:16px;
font-weight: bold;
color:#4993c2;
}

/***************INTERNAL LAYOUT DIVS****************/
.text_left {
margin:20px 260px 0px 30px;
}

.text_right {
width:245px;
float:right;
margin-top:20px;
}

.text_leftR {
margin:0px 440px 0px 30px;
}

.text_rightR {
width:420px;
float:right;
margin-top:20px;
}


.text_full {
margin:20px 30px 0px 30px;
}

.recycle {
padding:10px;
border:#7db1d3 1px solid;
background-color:#b8d3e7;
color:#006699;
margin:20px;
}

.text_left_contact {
margin:20px 360px 0px 30px;
}

.text_right_contact {
width:350px;
float:right;
margin-top:20px;
}
.text_right_language {
width:120px;
float:right;
color:#F63;
}
*:first-child+html .text_right_language
{
margin-top:-50px;
}
/***************NAVIGATION****************/

#navigation {
height:58px;
}

div#navigation ul {
padding:0;
list-style-type:none;
margin:0;
}
div#navigation ul li {
  position:absolute;
  text-indent:-5000px;
}
div#navigation ul a {
  text-decoration:none;
  display:block;
  height:auto;
  color:#FFFFFF;
}
div#navigation ul li#home {
  left:27px;
  top:257px;
}
div#navigation ul li#home a {
  width:67px;
  height:58px;
  background: url(images/button_home.jpg) top no-repeat;
  }
div#navigation ul li#home a:hover {
  background: url(images/button_home.jpg) bottom no-repeat;
}
div#navigation ul li#advantages {
  left:94px;
  top:257px;
}
div#navigation ul li#advantages a {
  width:99px;
  height:58px;
  background: url(images/button_advantages.jpg) top no-repeat;
}
div#navigation ul li#advantages a:hover {
  background: url(images/button_advantages.jpg) bottom no-repeat;
}
div#navigation ul li#uses {
  left:193px;
  top:257px;
}
div#navigation ul li#uses a {
  width:57px;
  height:58px;
  background: url(images/button_uses.jpg) top no-repeat;
}
div#navigation ul li#uses a:hover {
  background: url(images/button_uses.jpg) bottom no-repeat;
}
div#navigation ul li#packaging {
  left:250px;
  top:257px;
}
div#navigation ul li#packaging a {
  width:93px;
  height:58px;
  background: url(images/button_packaging.jpg) top no-repeat;
}
div#navigation ul li#packaging a:hover {
  background: url(images/button_packaging.jpg) bottom no-repeat;
}
div#navigation ul li#collection {
  left:343px;
  top:257px;
}
div#navigation ul li#collection a {
  width:96px;
  height:58px;
  background: url(images/button_collection.jpg) top no-repeat;
}
div#navigation ul li#collection a:hover {
  background: url(images/button_collection.jpg) bottom no-repeat;
}
div#navigation ul li#installation {
  left:439px;
  top:257px;
}
div#navigation ul li#installation a {
  width:102px;
  height:58px;
  background: url(images/button_installation.jpg) top no-repeat;
}
div#navigation ul li#installation a:hover {
  background: url(images/button_installation.jpg) bottom no-repeat;
}

div#navigation ul li#technical {
  left:541px;
  top:257px;
}
div#navigation ul li#technical a {
  width:130px;
  height:58px;
  background: url(images/button_technical.jpg) top no-repeat;
}
div#navigation ul li#technical a:hover {
  background: url(images/button_technical.jpg) bottom no-repeat;
}

div#navigation ul li#contact {
  left:671px;
  top:257px;
}
div#navigation ul li#contact a {
  width:104px;
  height:58px;
  background: url(images/button_contact.jpg) top no-repeat;
}
div#navigation ul li#contact a:hover {
  background: url(images/button_contact.jpg) bottom no-repeat;
}


/***************Footer****************/

#footer {
	clear: both;
	font-size:10px;
	color: #2e6589;
	padding: 30px 0px 0px 0px;
	text-align:center; 
}
#footer a{
	font-size:10px;
	text-decoration:none;
}
#footer a:visited{
	font-size:10px;
	text-decoration:none;
}
#footer a:hover{
	font-size:10px;
	text-decoration:underline;
}
/***************Slideshow****************/
#FrogJS{
width: 700px;
height: 500px;
margin: 0 auto;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}

#FrogJS img {
border:#2e6589 1px solid;
padding:5px;
background-color:#b8d3e7;
}