html {
height: 100%;
width: 100%;
}

body {
font-family: "helvetica", sans-serif, "arial", "tahoma";
font-size: 12px;
height: 100%;
margin:0px;
padding:0px;
background-color: #333;
behavior:url("csshover.htc");
}

h2 {
padding: 0px;
margin: 0px;
}

hr {
border: 0;
color: #888;
background-color: #888;
height: 1px;
width: 100%;
}


a#ftplink {
position: relative;
padding: 5px;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
}

a#ftplink:link, a#ftplink:visited {
background-image: url(images/clientbg2.jpg);
border: 1px solid #666;
color: #444;
}

a#ftplink:hover {
background-image: url(images/clientbg.jpg);
border: 1px solid #444;
color: #333;
top: 1px;
}

#container {
width: 800px;
height: 600px;
position: absolute;
left: 50%;
margin-left: -400px;
top: 50%;
margin-top: -300px;
background-color: white;
}

.header {
position: absolute;
top: 14px;
left: 14px;
border: 0px;
}

a.header img {
border: 0px;
}

#content {
position: absolute;
width: 582px;
height: 280px;
top: 308px;
left: 14px;
background-color: #d9d9d9;
background-image: url(images/contentbg.jpg);
background-repeat: repeat-y;
}



#navigation {
width: 140px;
background-image: url(images/navbg.jpg);
}

td {
padding: 0 20px 0 0;
width: 250px;
}

#press a {
text-decoration: none;
padding: 1px 0px 1px 20px;
border-bottom: dashed 1px #999;
background-image: url(images/acrobat.gif);
background-repeat: no-repeat;
}

#press a:link, #press a:visited {
color: #444;
background-position: 0px -1px;
}

#press a:hover {
color: #222;
background-position: 0px 0px;
}

#navigation a {
display: block;
padding: 7px;
border-bottom: dashed 1px white;
text-decoration: none;
color: white;
font-size: 11pt;
font-weight: bold;
_width: 126px;
}


#navigation a:link, #navigation a:visited  {
background-image: url(images/navbg.jpg);
background-repeat: repeat-y;
}

#navigation a:hover  {
background-image: url(images/navbgover.jpg);
background-repeat: repeat-y;
}

#text {
position: absolute;
top: 14px;
left: 154px;
width: 410px;
height: 264px;
color: #444;
font-size: smaller;
line-height: 1.7em;
text-align: justify;
}

#clients {
position: absolute;
top: 308px;
left: 611px;
width: 175px;
height: 280px;
background-image: url(images/clientbgbig.jpg);
font-size: small;
font-weight: normal;
text-align: justify;
color: #444;
}

#news {
position: absolute;
top: 308px;
left: 611px;
width: 175px;
height: 280px;
background-image: url(images/newsbg.jpg);
font-size: smaller;
font-weight: normal;
text-align: justify;
line-height: 1.7em;
color: #444;
}

#newstext {
padding: 14px;
}

#newstext a {
text-decoration: none;
font-weight: bold;
}

#newstext a:link, #newstext a:visited, #text a:link, #text a:visited {
color: #444;
}

#newstext a:hover, #text a:hover {
color: #333;
}

#newstext h2 {
font-size: 10pt;
}

#text a img{
border: thin solid #888;
}

#text a:link img, #form a:visited img, #text a:hover img {
border: thin solid #555;
}

#text a {
text-decoration: none;
font-weight: bold;
}

#text a:link, #form a:visited {
color: #444;
}

#text a:hover {
color: #333;
}

#menu {
width: 175px; /* set width of menu */
color: #444;

} 

#menu ul { /* remove bullets and list indents */
width: 163px;
list-style: none;
font-weight: bold;
margin: 0 -10px 0 0;
padding: 6px;
background-color: #d9d9d9;
background-position: bottom;
background-repeat: repeat-x;
background-image: url(images/clientbg2.jpg);
}

/* style, color and size links and headings to suit */
#menu a {
position: relative;
text-decoration: none;
background-color: #eee;
color: #444;
display: block;
border: 1px #999 solid;
margin: 1px;
padding: 7px;
width: 165px;
background-color: #EFEFEF;
background-position: bottom;
background-repeat: repeat-x;
background-image: url(images/clientbg2.jpg);
}

#menu a:hover {
color: #111;
background-color: #d9d9d9;
background-position: bottom;
background-repeat: repeat-x;
background-image: url(images/clientbg.jpg);
top: 1px;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
margin: 0px;
} 

#menu ul ul {
text-align: right;
background-color: #eee;
margin: 0px;
padding: 0px;
position: absolute;
top: -10px;
font-weight: normal;
left: -182px; /* to position them to the right of their containing block */
width: 165px; /* width is based on the containing block */
}

#menu ul ul, #menu ul li:hover ul
{display: none;}

#menu ul li:hover ul, #menu ul ul li:hover ul
{display: block;}

#link {
display: block;
clear: both;
padding-bottom: 5px;
}

#link img {
float: left;
margin-right: 10px;
}