body {
behavior: url("csshover3.htc");
background-color: #CDE4FE;  /*#D2F0FF;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
margin:0;
padding:0;
}
#sidebar img a{
border:0;
}
h1 {
font-size:20pt;
}
h2 {
font-size:14pt;
}
a:link {
color:#0C54AB;
}
a:hover {
color:#106FE2;
}

iframe.top {
 border:0px;
 width: 150px;
 height: 22px;
}

#container {
  width:950px;
  margin: 10px 40px;
  background-color:#ffffff;
  }
#container #header {
position:relative;
z-index:2;
}
#container #content {
position:relative;
}
#header {
   background-color: black;
   color: white;
   vertical-align:center;
 height:155px;
}
img.star {
position:absolute;
/*top:20px;*/
/*left:50px;*/
width:100px;
}
img.logo {
position:absolute;
top:40px;
left:60px;
width:350px;
filter:alpha(opacity=85);
}
img.topright{
position: absolute;
top:10px;
left:770px;
width:150px;
opacity:0.9;
filter:alpha(opacity=80);
}
img.toprightcont{
position: absolute;
top:15px;
*top:6px;
left:450px;
z-index:1;
}
img.support{
position: absolute;
top:35px;
*top:26px;
left:250px;
z-index:1;
}
img.portfolio{
position: absolute;
top:20px;
*top:11px;
left:180px;
z-index:1;
}

#nav {
/* background-color: white;*/
 color:white;
 font-weight:bold;
 height:20px;
}
#nav ul{
position:absolute;
 margin:0;
 padding:0;
 list-style:none;

}
#nav li{
 display:inline;
 padding:0px 25px;
}
#nav li:hover, #nav li.hover {
background-color:#4a4a4a;
padding-bottom:4px;
padding-top:8px;
z-index:3;
}

#nav li ul li:hover, #nav li ul li.hover{
background-color:#fff;
padding:1px 15px 1px 15px;
margin-top:9px;
}

#nav ul li ul li{
 display:inline;
/* font-weight:normal;*/
 padding:10px 15px 5px 15px;
}

#nav li ul {
   display: none;  }
#nav li:hover ul, #nav li.hover ul {
   position: absolute;
   display: inline;
   top:15px;
   left: 0;
   width: 705px;
   border-bottom:3px ridge #ccc;
   margin: 0px 0px 0px 20px;
   padding: 0;
 }
#top_container #nav li ul {
   margin-top:5px;
   padding-bottom:0px;
   padding-top:0px;
   background-color:#fff;
}
#nav li:hover li, #nav li.hover li {
   float: left; }


#nav li a{
color: white;
text-decoration:none;
}

#nav ul li ul li a{
color:#4A4A4A;
}
#nav ul li ul li a:hover{
color:#000000;
}

#nav ul li a {
*height: 1%; /* make links honour display: block; properly */
} 
#content {
 background-color: white;
 width:710px;
 height:1139px;
 float:left;
 padding:20px;
}
#content li{
padding: 5px;
}
#content p {
margin:10px 0px 10px 0px;
text-align:justify;
}
#sidebar {
float:right;
width:200px;
background-color:white;
color:#106FE2;
}
#sidebar h2{
margin:0;
padding:5px 0px;
font-size:14pt;
color: black;
}
#sidebar h3{
margin:0;
padding:0;
color:black;
}

#sidebar ul{
margin:0;
padding:10px 0px 10px 20px;
}

.price{
color: black;
font-size:12pt;
font-weight:bold;
/*font-style:italic;*/
margin-left:10px;
}
#footer {
clear:both;
background-color:white;
}

div.package { background: #CDE4FE; margin-bottom: 5px;}
div.parabox { background: #F2F2F2; margin-bottom: 5px;}

b.paraboxrtop, b.paraboxrbottom, b.packboxrtop, b.packboxrbottom { display:block; background: #FFF }

b.paraboxrtop b, b.paraboxrbottom b {display:block;height: 1px; overflow: hidden; background: #F2F2F2; }
b.packboxrtop b, b.packboxrbottom b {display:block;height: 1px; overflow: hidden; background: #CDE4FE; }
div.paraboxpadding { padding: 5px; }

b.r1 {margin: 0 5px}
b.r2 {margin: 0 3px}
b.r3 {margin: 0 2px}
b.r4 {margin: 0 1px;height: 2px}
div.package {
margin-right:10px;
}

#tutorial {
list-style:none;
}
#tutorial li {
padding:0px;
margin:0px;
}
#tutorial li a {
font-weight:bold;
text-decoration:none;
}