body {
  font:76% Verdana,Tahoma,Arial,sans-serif;
  text-align: center;
  background:url(images/tall_top.gif) left top repeat-x #171f29;
  margin-top:0px;
  margin-bottom:0px;
  font-family:Tahoma; 
  font-size:100%; 
  line-height:1em; 
  color:#fff;
}

a {color:#5b8898;text-decoration:none;}
a:hover { text-decoration:underline; color:#fff;}

input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}

p { margin:0; padding:0;}



input {width:167px; height:16px; background:none; border:1px solid #fff; color:#fff; font-family:tahoma; font-size:1em;}
textarea { width:167px; background:none; overflow:auto; border:1px solid #fff; color:#fff; font-family:tahoma; font-size:1em;}


.partner { list-style:none;}
.partner li a { background:url(images/marker.gif) no-repeat 0 2px; padding-left:14px; line-height:2.18em;font-size:10px;}

.title { margin:0 0 5px 0;}

.img_indent { margin:1px 16px 0 0; float:left;}


/*txt, links*/
.txt1 { color:#5b8898;}
.link1 { text-decoration:underline;}
.link1:hover { text-decoration:none;}
.line_hor { background:url(images/line1.gif) left bottom repeat-x;}


#maindiv {
  margin-left: auto; 
  margin-right: auto;
  width: 752px;
  text-align: left;
  background-color: #151D26;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
/*  border:1px solid #ff0000; */
}

#headerdiv {
  height:450px;
  width: 752px;
  background-color:#171f29;
  padding-left:30px;
  padding-right:30px;
  background:url(images/bghead.jpg) top left no-repeat;
}

#vplayer {
  height:423px;
  width: 752px;
  background-color: #151d26;
  padding-left:30px;
  padding-right:30px;
}

#contentdiv {
  margin: 0px 0px 0px;
  margin-right:10px;      
  background-color: #151d26; 
  font-size:0.70em; 
  width:100%;
  color: #fff;
  padding-left:30px;
  padding-right:30px;
}

#contentdiv h3 {
  margin-top:0px;
  margin-bottom:10px;
  font-size: 13px;
  padding:10px;
  line-height:1em;
  color: #fff;
  text-align: left;
}

#content_contact{
  width: 723px;
  background-color:#171f29;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 12px;

}

#contentdiv_occas {
background-color:#151D26;
color:#FFFFFF;
font-size:0.70em;
margin:0px 10px 0px 0px;
padding-left:30px;
padding-right:30px;
width:900px;
left:-73px;
position:relative;
}

#contentdiv_occas table {
background-color:#171f29;
color:#FFFFFF;
border: 0px solid #FFF;
text-align: center;
}

#content_news {
  background-color: #171f29; 
}

#content_news img {
float: right;
  margin: 2px 2px 2px 2px;
  padding: 5px 5px 5px 5px;
  border: 1px solid #fff;
}

#content_news .news_title {
  width: 415px;
  height: 25px;
  background-color: #ffffff;
  color: #5b8898;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-top: 10px;
}

#content_news p {
  width: 410px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;

}

#content_prod {
  background-color: #171f29; 
}

#content_prod table {
  background-color:#171f29;
  color:#FFFFFF;
  border: 1px solid #FFF;
  text-align: left;
}

.prod_left {
  float:left;
  margin-right:10px;
  margin-bottom:5px;
  margin-top:5px;
  margin-left:5px;
  margin-right:30px;
  border:0px;
}

.prod_center {
  margin-right:10px;
  margin-bottom:5px;
  margin-top:5px;
  margin-left:100px;
  margin-right:30px;
  border:0px;
}


.prod_right {
  float:right;
  margin-left:10px;
  margin-bottom:5px;
  margin-top:5px;
  margin-right:5px;
  border:0px;
}

.text_right {
  float:right;
  margin-left:10px;
  margin-bottom:5px;
  margin-top:5px;
  margin-right:5px;
  border:0px;
}

#content_prod h3 {
  color: #5b8898;
  height: 15px;
  margin-bottom: 5px;
}

#content_prod h4 {
  color: #FF0000;
  height: 15px;
  margin-bottom: 5px;
  margin-left: 5px;
}

#content_center {
  margin-left:229px;
  margin-right:229px;
  border-right:30px solid #141d25;
  border-left:30px solid #141d25;
  height: 100%;
  background-color: #171f29;
}

#content_center h3 {
  margin-top:0px;
  margin-bottom:10px;
  font-size: 14px;
  padding:10px;
  line-height:1em;
  color: #fff;
  text-align: left;
}

#content_center p {
  margin-top:0px;margin-bottom:5px;
  padding:4px;
  font-size: 12px;
  line-height: 12px;
}

#content_left {
  float: left;
  width:219px;
  padding-right: 10px;
  background-color: #171f29;
}

#content_left h3 {
  margin-top:0px;
  margin-bottom:10px;
  font-size: 14px;
  padding:10px;
  line-height:1em;
  color: #fff;
  text-align: left;
}

#content_left p {
  margin-top:0px;margin-bottom:5px;
  padding:4px;
  font-size: 12px;
  line-height: 12px;
}

#content_right {
  float: right;
  width:219px;
  padding-left: 10px;
  background-color: #171f29;
  height: 100%;
}

#content_right h3 {
  margin-top:0px;
  margin-bottom:10px;
  font-size: 14px;
  padding:10px;
  line-height:1em;
  color: #fff;
  text-align: left;
}

#content_right p {
  margin-top:0px;margin-bottom:5px;
  padding:4px;
  font-size: 12px;
  line-height: 12px;
}

#mainfooter {
  height: 43px;
  width:752px;
  background:#141d25 url(images/footer_bgd.gif) left top repeat-x;
  color:#1c2836;
  margin-left:30px;
  margin-right:30px;
  border-right:30px solid #141d25; 
}

#mainfooter p {
  padding-top:7px;
  padding-left: 33px;
  text-transform:uppercase; 
  text-align:left;
  font-size: 12px;
}

#menufooter {
  text-align: center;
  font-size: 11px;
}

#mainfooter A:link { COLOR: #1c2836; text-decoration: none }
#mainfooter A:visited { COLOR: #1c2836; text-decoration: none }
#mainfooter A:active { COLOR: #1c2836; text-decoration: none }
#mainfooter A:hover { COLOR: #1c2836; text-decoration: underline }

#newborn {
background-color: white;
}

.thumbnail_left {
  float:left;
  margin-right:10px;
  margin-bottom:5px;
  border:0px;
}

.thumbnail_right {
  float:right;
  margin-left:10px;
  margin-bottom:5px;
  border:0px;
}

#menu {
width:752px;
background: #171f29; 
height:32px;  
position:relative; 
z-index:100;
border:1px solid #fff;
border-width:1px 0 1px 0;
}
/* hack to correct IE5.5 faulty box model */
* html #menu {width:753px; w\idth:752px;}

#menu ul {padding:0;margin:0;list-style-type:none;}
#menu li {float:left;position:relative;white-space:nowrap;}
* html #menu li {width:25px; w\idth:24px;}
#menu a, #menu a:visited {
display:block;
font-size:10px;
text-transform:uppercase;
font-weight:bold;
text-decoration:none; 
color:#fff; 
height:31px; 
border:1px solid #fff; 
border-width:0 0 0 0;  
padding-left:7px;
padding-right:7px; 
line-height:29px;
}

/* style the second level background */
#menu ul ul a.drop, #menu ul ul a.drop:visited {background:#171f29;}
/* style the second level hover */
#menu ul ul a.drop:hover{background:#171f29;}
#menu ul ul :hover > a.drop {background:#171f29;}
/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited {background:#171f29;}
/* style the third level hover */
#menu ul ul ul a:hover {background:#171f29;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:349px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html #menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
#menu ul ul ul{left:349px; top:-1px; width:349px;}

/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left {left:-349px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {background:#171f29; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:328px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited {width:349px;w\idth:328px;}

/* style the top level hover */
#menu a:hover, #menu ul ul a:hover{color:#5b8898; background:#171f29;}
#menu :hover > a, #menu ul ul :hover > a {color:#5b8898;background:#171f29;}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{ visibility:visible;}


.mybutton {
border: 0px solid #fff;
width: 60px;
}

.mybutton :hover {
border: 0px solid #fff;
width: 60px;
color:#5b8898;
}

