/* workin on it */

body
{
font-family: sans-serif;
font-size: 12px;
line-height: 21px;
background: #eee url(../img/bkgd.gif) repeat-x;
margin: 0; padding: 0;
text-align: center;
}

a { 
text-decoration: none; 
color: #363;
}

a:hover { 
text-decoration: underline; 
}

h2 {
font-size: 1.7em;
color: #593;
font-weight: normal;
}

h3 {
color: #593;
font-weight: normal;
text-transform: uppercase;
}

hr {
border: 0;
height: 1px;
background-color: #bbb;
margin: 3em 0;
}

#soon {
padding: 50px;
text-align: center;
}

#header {
width: 800px;
margin: 30px auto;
}

#hdr-frame {
text-align: left;
padding: 0 20px;
}

#logo {
float: left;
}

ul {
list-style: circle;
padding: 0px
}

li {
margin-left: 15px;
}

#nav {
margin: 15px 0;
float: right;
width: 392px;
height: 32px;
}

#nav a {
display: block;
float: left;
}

#nav a:hover {
background-position: 0 -32px;
text-decoration: none; 
}

#nav-home {
background: url(../img/nav-home.gif);
width: 76px;
height: 32px;
}

#nav-company {
background: url(../img/nav-company.gif);
width: 97px;
height: 32px;
}

#nav-philosophy {
background: url(../img/nav-philosophy.gif);
width: 117px;
height: 32px;
}

#nav-services {
background: url(../img/nav-services.gif);
width: 102px;
height: 32px;
}

.selected {
background-position: 0 -32px;
}

#content {
clear: both;
padding: 20px 0;
}

#content-frame {
clear: both;
width: 828px;
margin: 0 auto;
text-align: left;
}

#cases {
padding: 20px 0;
}

#cases img {
float: left;
margin: 7px;
}

#columns {
text-align: left;
clear: both;
width: 808px;
padding: 20px 20px;
}

#columns div {
width: 250px;
float: left;
margin: 7px;
}

#footer {
clear: both;
margin: 0 auto;
width: 800px;
}

#footer-frame {
color: #999;
text-align: left;
font-size: 11px;
padding: 20px 0;
}

#footnav {
float: right;
}