/* CSS Document */

html {
	height: 100%;
}

body
{
	height:100%;
	background: url('images/background_grey.gif');
	background-repeat:repeat;
	margin:0;
	padding:0;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content_container
{
	position: relative;
	min-height: 100%;
	margin: 0 auto;
	width: 780px; 
	background: url('images/background_bottom.gif');
}

* html #content_container
{
	height:100%
}

#logo_container
{
margin:0;
padding:24px 0px 24px 0px;
width:780px;
background: url('images/corners_logo.gif');
background-position:bottom;
background-color: #5B5852;
z-index:1;
}

h1#firt span { display: none; }
h1#firt {
    height: 56px; /* height of the replacement image */
	margin: 0px 0px 0px 28px;
    background-image: url("images/octeva_logo.gif");
    background-repeat: no-repeat;
}

#copy_container
{
margin:0;
padding:0;
width:780px;
background: url('images/corners_content.gif');
background-position:top;
background-color: #5B5852;
}

#textblock
{
float:left;
margin:0;
padding:16px 16px 24px 32px;
width:490px;


color:#333333;
font-size:12px;
line-height:1.75em;
}

#tree
{
position:relative;
float:right;
margin:-115px 0 0 0;
padding:0;
width:225px;
height: 400px;


background: url('images/technology_tree.gif');
background-repeat:no-repeat;
}

p
{
margin: 0 0 16px 0;
}

h3
{
margin: 0;
padding: 10px 0;
font-size:18px;
font-family: 'Myriad Pro', Tahoma, Verdana, sans-serif;
font-weight:bold;
color:#85B640;
}

#copyright_container
{
padding:16px 30px;
color:#FFFFFF;
font-size: 10px;
}

/* MENU STYLESHEETS */

#menucontainer
{
background: url('images/background_grey.gif');
background-repeat:repeat;
z-index:1;
}

#navcontainer
{
margin: 0px 9px 0px 9px;
padding: 0px;
height:31px;
background: url('images/button_bg_container.gif');
background-repeat:repeat;
z-index:1;
}

#navcontainer a
{
display:block;
float:left;
margin:0;
padding: 0px 24px 0px 22px;
height:31px;
background: url('images/button_bg.gif');
background-position:right;

color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
line-height:2.5em;
}

#navcontainer a:hover
{
background: url('images/button_bg_over.gif');
background-position:right;
}


.nicelist
 {
 margin: 0px 0px 16px 0px;
 padding: 8px;
 list-style: none;
 background-color:#EAF3DD;
 }

.nicelist li 
 {
 padding-left: 14px;
 margin: 0;
 background-image: url(images/arrow.gif);
 background-repeat: no-repeat;
 background-position: 0 .65em;
 }
 
 .nicelist ul
 {
 padding-left: 14px;
 margin: 5px 8px 16px 0px;
 border-bottom: 1px solid #DDDDDD;
 font-size:12px;
 }

 .nicelist ul li
 {
 font-weight:normal;
 font-size:11px;
 background-image: url(images/doesntexist.gif);
 list-style: none;
 margin: 0;
 padding: 0.25em;
 border-top: 1px solid #DDDDDD;
 }

.sidelist
 {
 padding-left: 0;
 margin: 0px 25px 0px 0px;
 border-bottom: 1px solid #DDDDDD;
 font-size:12px;
 }

.sidelist li
 {
 list-style: none;
 margin: 0;
 padding: 0.25em;
 border-top: 1px solid #DDDDDD;
 }

#sidelist li a { text-decoration: none; }

#form_container input, textarea
{
	border: 1px;
	border-style: inset;
	border-color: #999999;
	background: #CAE0AD;
	font-size: 11px;
	color: #000000;
	text-decoration: none
}

#form_container .submit
{
	cursor: pointer;
	border: 1px;
	border-style: outset;
	border-color: #999999;
	background: #cccccc;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

.smallgray
{
	font-size: 11px;
	color: #999999;
}