*{margin:0; padding: 0;}

body
{
font-family: Arial, Helvetica, sans-serif;
background-color: #000000;
}

body.logo
{
font-family: Arial, Helvetica, sans-serif;
background-color: #ffffff;
}

p
{
margin: 5px 0px 0px 10px;
font-size: 1em;
line-height: 1.2;
color: #ffffff;
}

p.logo
{
margin: 5px 0px 0px 10px;
font-size: 1em;
line-height: 1.2;
color: #000000;
}

p.case_study
{
margin: 0px 0px 0px 0px;
font-size: .8em;
line-height: 1.3;
color: #ffffff;
}

a
{
border: none;
text-decoration: none;
color: #888888;
}

a img
{
border: none;
}

a:hover
{
color: #ffffff;
}

a.logo:hover
{
color: #000000;
}

span.of
{
font-size: .9em;
color: #888888;
}

span.black
{
font-size: 100%;
color: #222222;
}

span.white
{
font-size: 100%;
color: #DDDDDD;
}

span.click
{
font-size: .9em;
color: #888888;
}

h2
{
font-size: .9em;
color: #550066;
font-weight: normal;
}

h3
{
font-size: .8em;
color: #550066;
font-weight: normal;
}

#wrapper { 
margin: 0 auto;
width: 800px;
background-color: #000000;
overflow: hidden;
}

#wrapper_logo { 
margin: 0 auto;
width: 800px;
background-color: #ffffff;
overflow: hidden;
}

#header {
width: 800px;
height: 600px;
background-color: #000000;
}

#header_bg {
width: 800px;
height: 600px;
background-color: #000000;
background-image: url(../img/port_blank.jpg);
}

#footer { 
width: 800px;
height: 40px;
background-color: #000000;
}

#footer_logo { 
width: 800px;
height: 40px;
background-color: #ffffff;
}

#cs_column_left
{
width: 325px;
height: 500px;
padding: 50px 25px 50px 50px;
float: left;
}

#cs_column_left_br
{
width: 275px;
height: 500px;
padding: 50px 25px 50px 50px;
float: left;
}

#cs_column_right
{
width: 325px;
height: 500px;
padding: 50px 50px 50px 25px;
float: right;
}

#cs_column_right_br
{
width: 375px;
height: 500px;
padding: 50px 50px 50px 25px;
float: right;
}

table
{
background-image: url(img/port_blank);
}