body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: black;
  font: small Arial, Helvetica, Verdana, sans-serif;
}
#wrapper {
  background-color: #fff;
  color: black;
  margin: 10px 40px 30px 40px;
  padding: 0;
}.header-bottom li{
display: inline;
}
/*
.header-bottom li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.header-bottom li a:visited{
color: white;
}

.header-bottom li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(blockactive.gif) center center repeat-x;
}

.header-bottom{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(blockdefault.gif) center center repeat-x;
list-style: none;
}
*/
/*#header-bottom {

  background: white url(blockdefault.gif) center center repeat-x;
  height: 1%;
}
#header-bottom ul {
  margin: 0;
  list-style-type: none;
  padding: 10px 0 10px 211px;
  text-align: left;
}
#header-bottom li {
  display: inline;
  margin: 0;
  border-right: 2px solid white;
  border-width: 2px;
  color: white;
  width: 9em;
}
#header-bottom a:link, #header-bottom a:visited {
  color: white;
  text-decoration#header-bottom li a {
  color: white;
  text-decoration: none;
  padding: 9px 11px;
  text-decoration: none;
  height: 1%;
}
#header-bottom li a:hover, #header-bottom li .current {
  color: white;;
  background: url(blockactive.gif) center center repeat-x;
}*/

#tagline {
  font-weight: bold;
  background-color: #fdf8f2;
  color: #050845;
  font-style: italic;
  margin: 0;
  padding: 0 0 0 20px;
  width: 300px;
  float: right;
}
#logo {
  position: absolute;
  top: 80px;
  left: 50px;
}

#news{
  margin: 0 10px 0 220px;
  /*border: 1px solid #b9d2e3;
  background-color: white;*/
  color: black;
}
#news h2{
  /*border: 1px solid #b9d2e3;
  background-color: white;*/
  color: black;
  font-weight: bold;
}
#news body{
  /*border: 1px solid #b9d2e3;
  background-color: white;*/
  color: black;
  font-weight: bold;
  padding 2px;
}

#news{
  margin: 0 10px 0 220px;
  /*border: 1px solid #b9d2e3;
  background-color: white;*/
  color: black;
}


/* slide position */

#slide {
  position: absolute;
  top: 155px;
  left: 255px;
  width: 480px;
}
#main {
  width: 100%;
  margin: 0;
  padding: 0;
  /*background-image: url(sidebarbg.gif);
  background-position: top right;
  background-repeat: repeat-y;*/
}
#content {
  margin: 0 240px 0 200px;
  /*border: 1px solid #b9d2e3;
  background-color: white;*/
  color: black;
}
#content2 {
  margin: 0 240px 400px 200px;
}
#mainfeature {
  float: top;
  background-image: url(soho_main.jpg);
  background-repeat: no-repeat;
  background-color: #fff;
  color: black;
  padding: 20px 10px 200px 60px;
  height: 1%;
}
#centerbox {
  float: top;
  background-color: #fff;
  color: black;
  padding: 0 2px 10px 20px;
  height: 1%;
}
#centerbox .page1 {
  float: top;  
  background-image: url(page1.jpg);  
  color: #245185;
  font-weight: bold;
  padding-bottom: 0.2em;
  font-size: 110%;
  background-repeat: repeat;
  padding: 0;
  margin: 0;
  height: 1%;
}
#centerbox .page2 {
  float: top;  
  background-image: url(page2.jpg);  
  color: #245185;
  font-weight: bold;
  padding-bottom: 0.2em;
  font-size: 110%;
  background-repeat: repeat;
  padding: 0;
  margin: 0;
  height: 1%;
}
#centerbox .page3 {
  float: top;  
  background-image: url(page3.jpg);  
  color: #245185;
  font-weight: bold;
  padding-bottom: 0.2em;
  font-size: 110%;
  background-repeat: repeat;
  padding: 0;
  margin: 0;
  height: 1%;
}
#centerbox .page4 {
  float: top;  
  background-image: url(page4.jpg);  
  color: #245185;
  font-weight: bold;
  padding-bottom: 0.2em;
  font-size: 110%;
  background-repeat: repeat;
  padding: 0;
  margin: 0;
  height: 1%;
}
#centerbox .page5 {
  float: top;  
  background-image: url(page5.jpg);  
  color: #245185;
  font-weight: bold;
  padding-bottom: 0.2em;
  font-size: 110%;
  background-repeat: repeat;
  padding: 0;
  margin: 0;
  height: 1%;
}
#centerbox .page6 {
  float: top;  
  background-image: url(page6.jpg);  
  color: #245185;
  font-weight: bold;
  padding-bottom: 0.2em;
  font-size: 110%;
  background-repeat: repeat;
  padding: 0;
  margin: 0;
  height: 1%;
}
#centerbox .page7 {
  float: top;  
  background-image: url(page7.jpg);  
  color: #245185;
  font-weight: bold;
  padding-bottom: 0.2em;
  font-size: 110%;
  background-repeat: repeat;
  padding: 0;
  margin: 0;
  height: 1%;
}

#mainfeature h2 {
  margin: 0;
  font-weight: normal;
  font-size: 140%;
}

#mainfeature p transparent{
  font-size: 110%;
}

#mainfeature p.more {
  padding: 0 0 0 30px;
}
#mainfeature p.less {
  padding: 0 0 0 50px;
}

/* main section for other pages */
#mainfeature {
  float: top;
  background-image: url(soho_main.jpg);
  background-repeat: no-repeat;
  background-color: #fff;
  color: black;
  padding: 20px 10px 200px 60px;
  height: 1%;
}
#mainfeature2 .entertainment {
  float: top;  
  background-image: url(entertainment.jpg);  
  background-repeat: repeat-x;
  color: #ccc;
  font-size: 70%;
  padding: 1px 10px 0 10px;
  height: 1%;
}
#mainfeature2 .other {
  float: top;  
  background-repeat: repeat-x; 
  background-image: url(other.jpg);  
  color: #ccc;
  font-size: 70%;
  padding: 1px 10px 0 10px;
  height: 1%;
}
#mainfeature2 .legal {
  float: top;  
  background-image: url(legal.jpg);  
  color: #ccc;
  font-size: 70%;
  background-repeat: repeat-x;
  padding: 1px 10px 0 10px;
  height: 1%;
}
#mainfeature2 .windows {
  float: top;  
  background-image: url(windows_bg.jpg);  
  color: #ccc;
  font-size: 70%;
  background-repeat: repeat-x;
  padding: 1px 10px 0 10px;
  height: 1%;
}
#mainfeature2 .mac {
  float: top;  
  background-image: url(apple_bg.jpg);  
  color: #ccc;
  font-size: 70%;
  background-repeat: repeat-x;
  padding: 1px 10px 0 10px;
  height: 1%;
}
#mainfeature2 .linux {
  float: top;  
  background-image: url(linux_bg.jpg);  
  color: #ccc;
  font-size: 70%;
  background-repeat: repeat-x;
  padding: 1px 10px 0 10px;
  height: 1%;
}
#mainfeature2 h2 {
  float: top;
  margin: 0;
  padding: 0;  
  color: #ccc;
  font-size: 80%;
  height: 1%;
}
#mainfeature2 .h2 {
  float: top;
  margin: 0;
  padding: 0;  
  color: #245185;
  font-size: 100%;
  height: 1%;
}
#mainfeature2 .h3 {
  border-bottom: 1px solid #b9d2e3; 
  float: top;
  margin: 0;
  padding: 0;  
  color: #245185;
  font-size: 110%;
  height: 1%;
}
#mainfeature2 .h4 { 
  float: top;
  margin: 0;
  padding: 0;  
  color: black;
  font-size: 100%;
  height: 1%;
}
#mainfeature2 .heading-body2 {
  border-bottom: 1px solid #b9d2e3;
  float: top;  
  color: black;
  font-size: 100%;
  padding: 1px 10px 0 10px;
  height: 1%;
}
#mainfeature2 table {
  border: 1px solid #b9d2e3;
}
#mainfeature2 a {
  font-style: bold;
  text-decoration: none;
}
#mainfeature2 {
  float: top;
  background-color: #fff;
  color: black;
  padding: 2px 5px 10px 60px;
  height: 1%;
}
#mainfeature3 {
  float: top;
  margin: 0;
  padding: 2px 0 0 10px;
  background-color: #fff;
  color: black;
  height: 1%;
}
#mainfeature2 .mainfeature2-body {
  float: top;  
  color: black;
  font-size: 100%;
  padding: 1px 10px 0 10px;
  height: 1%;
}
/* Slide pages formating */

#sub_headerset{
  background-color: #fff;
  color: black;
  margin: 1px 20px 5px 20px;
  padding: 0;
}
#sub_headerset ul {
  font-size: 100%;
  list-style: url(arrow.gif);
}
#sub_headerset ul li {
  font-size: 85%;
  color: #000;
}
#sub_headerset .heading{
  padding: 0 5px 0 -5px;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 90%;
  font-weight: bold;
  color: #245185;
}
#sub_headerset .heading-body{
  font-weight: normal;
  font-size: 90%;
  margin-left: 5px;
}
#sub_headerset .headingb{
  padding: 0 5px 2px -5px;
  margin-top: 1px;
  margin-bottom: 1px;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
  font-size: 90%;
  font-weight: bold;
  text-align: center;
  color: #245185;
}
#sub_headerset .sub{
  padding: 1px 5px 4px 5px;
  margin-top: 1px;
  margin-bottom: 1px;
  font-size: 85%;
  font-weight: normal;
  color: #666666;
}
#headerset {
  background-color: #fff;
  color: black;
  margin: 5px 20px 5px 20px;
  padding: 0;
  
}
#headerset ul {
  font-size: 100%;
  list-style: url(arrow.gif);
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
#headerset li {
  font-size: 90% ;
  color: #000;
  font-weight: bold;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
#headerset ul li {
  font-size: 90%;
  margin-bottom: -0.05em;
  color: #000;
  font-weight: normal;
}
#headerset ul ul {
  font-size: 100%;
  list-style: url(sub_arrow.gif);
  font-weight: normal;
}

#headerset .heading{
  padding: 0 5px 0 -5px;
  margin-top: 0.6em;
  margin-bottom: 0.3em;
  font-size: 110%;
  font-weight: bold;
  color: #245185;
}
#headerset .headingb{
  padding: 0 5px 2px -5px;
  margin-top: 5px;
  margin-bottom: 2px;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
  font-size: 80%;
  font-weight: bold;
  text-align: center;
  color: #245185;
}
#headerset .sub{
  padding: 1px 5px 4px 5px;
  margin-top: 1px;
  font-size: 70%;
  font-weight: normal;
  color: #666666;
}
#headerset .heading-body{
  font-weight: normal;
  font-size: 90%;
  margin-left: 5px;
}
#headerset .heading-body h2 {
  color: #245185;
  padding-bottom: 0.2em;
  font-size: 110%;
}

#content .inner {
  margin: 0 20px 0 40px;
}

/*#content .inner h2 {
  color: #245185;
  padding-bottom: 0.2em;
  border-bottom: 1px solid #687C98;
  font-size: 110%;
}*/

#content .inner ul.features {
  margin: 0;
  padding: 0;
  list-style: none;
}
#content .inner h3 {
  font-size: 110%;
}
#content .inner h3 a:link, #content .inner h3 a:visited {
  color: #245185;
}
#content .inner p {
  color: #666666;
  font-size: 90%;
}
#content .inner .features li img {
  float: left;
  margin: 0 5px 5px 0;
}
#content .inner p.author {
  font-weight:  bold;
}
#content .inner p.more{
  margin-top: 0;
  text-align: right;
}
#content .inner p.more a:link, #content .inner p.more a:visited {
  color: black;
  background-image: url(more-bullet.gif);
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 14px;
  font-size: 90%;
  color: #1e4c82;
}

/* the right side bar */

#sidebar {
  float: right;
  width: 200px;
  background-color: #fff;
  border: 1px solid #687C98;
  color: black;
  margin: 0;
  padding: 0 5px 0 0;
}
#sidebar h3 {
  font-size: 110%;
  background-image: url(sidebar-header-bg.jpg);
  background-repeat: no-repeat;
  margin: 0;
  color: white;
  padding: 0.2em 0 0.2em 10px;
  font-weight: bold;
}
#sidebar .toptext {
  padding: 0 5px 0 5px;
  margin-top: 5px;
  margin-bottom: 4px;
  font-size: 80%;
  font-weight: bold;
  color: black;
}
#sidebar .endtext {
  margin: 3px;
  padding: 0 5px 0 10px;
  color: #666666;
  font-size: 85%;
}
#sidebar .partnertext{
  padding: 0 5px 0 10px;
  color: #666666;
  margin: 3px;
  margin-bottom: 4px;
  font-size: 85%;
}
#sidebar .inner {
  padding: 10px;
}
#sidebar ul {
  list-style-image: url(UNLABELED);
  margin-left: 0;
  padding-left: 20px;
}
#sidebar p, #sidebar li {
  font-size: 90%;
  line-height: 1.4em;
}
#sidebar ul a:link, #sidebar ul a:visited {
  color: white;
}
#sidebar .date {
  font-weight: bold;
}

/* -- the botom right side bar -- */

#sidebarb {
  position: absolute;
  top: 545px;
  left: 777px;
  width: 205px;
  background-color: #fff;
  border: 1px solid #687C98;
}

/* -- the left sidebar -- */

#sidebar2 {
  float: left;
  width: 200px;
  border: 1px solid #687C98;
  background-color: white;
  color: black;
  margin: 0;
  padding: 50px 0 0 0;
}
#sidebar2 .inner {
  margin:  10px;
}
#sidebar2 p {
  font-size: 90%;
  color: #666666;
}
#sidebar2 a:link, #sidebar2 a:visited {
  color: #245185;
  font-weight: bold;
}
#sidebar2 h3 {
  color: #245185;
  padding-bottom: 0.2em;
  border-bottom: 1px solid #687C98;
  font-size:  110%;
}
#nav {
  list-style: none;
  margin: 0;
  padding:  0;
}
#nav li {

  padding: 0.4em 0 0.2em 0;
  font-size:  90%;
}
#nav li a:link, #nav li a:visited {
  text-decoration: none;
  color: white;
  font-weight: bold;
}
/* --- Buttons for the left menu --- */
}
#leftbar-bottom{
  list-style-type: none;
  margin: 5px 0;
  padding: 0 20px 0 0;
  width: 110px;
}

#leftbar-bottom li a{
  background: white url(glossybackc.gif) repeat-x bottom left;
  font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  color: white;
  display: block;
  width: auto;
  padding: 3px 0;
  padding-left: 10px;
  text-decoration: none;
}
* html #leftbar-bottom li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

#leftbar-bottom li a:visited, .leftbar-bottom li a:active{
color: white;
}

#leftbar-bottom li a:hover{
background-image: url(glossybackb.gif);
}


#bloglatest h4 {
  color: #ff4e00;
  font-size: 100%;
  font-weight: bold;
}
#mac {
  margin: 0;
  padding: 0 0 0 20px;
  list-style: url(apple_bullet.jpg);
}
#mac li {
  font-size: 90%;
  padding-bottom: 0.5em;
  color: #ff4e00;
  font-weight: bold;
}
#linux {
  margin: 0;
  padding: 0 0 0 20px;
  list-style: url(linux_bullet.jpg);
}
#linux li {
  font-size: 90%;
  padding-bottom: 0.5em;
  color: #ff4e00;
  font-weight: bold;
}
#windows {
  margin: 0;
  padding: 0 0 0 20px;
  list-style: url(windows_bullet.jpg);
}
#windows li {
  font-size: 90%;
  padding-bottom: 0.5em;
  color: #ff4e00;
  font-weight: bold;
}

/* The small version for the partner page */

#mac_small {
  margin: 0 0 0 60px;
  padding: 0 0 0 20px;
  list-style: url(apple_bullet_small.jpg);
}
#mac_small li {
  font-size: 90%;
  padding-bottom: 0.5em;
  color: black;
  font-weight: bold;
}
#linux_small {
  margin: 0 0 0 60px;
  padding: 0 0 0 20px;
  list-style: url(linux_bullet_small.jpg);
}
#linux_small li {
  font-size: 90%;
  padding-bottom: 0.5em;
  color: black;
  font-weight: bold;
}
#windows_small {
  margin: 0 0 0 60px;
  padding: 0 0 0 20px;
  list-style: url(windows_bullet_small.jpg);
}
#windows_small li {
  font-size: 90%;
  padding-bottom: 0.5em;
  color: black;
  font-weight: bold;
}

#footer {
  width: 100%;
  border-top: 1px solid #687C98;
  border-bottom: 1px solid #687C98;
  margin-top: 40px;
  clear: both;
}

#footer2 {
  width: 100%;
  border-bottom: 1px solid #687C98;
  margin-top: 40px;
  clear: both;
}
#footer2 p {
  font-size: 70%;
  color: #256290;
  margin: 0;
  padding: 0.2em 0 0.2em 0;
}
#footer p {
  font-size: 70%;
  color: #256290;
  margin: 0;
  padding: 0.2em 0 0.2em 0;
}
#clearone {
  clear: both;
  height: 1px;
}
#main2 {
  margin-top: 10px;
  /*background-image: url(img/leftbg.gif);
  background-position: bottom left;
  background-repeat: repeat-y;*/
}

[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]