/** GENERAL STUFF **/
body {
margin: 0px;
padding: 0px;
background: #4A5555;
}

#wrapper {
width: 900px;
margin: 0px auto;
padding: 0px;
background: url(graphics/background.jpg) top left no-repeat;
}

/** HEADER **/
#header {
width: 900px;
height: 240px;
margin: 0px;
padding: 0px;
background: url(graphics/header.jpg) top left no-repeat;
}

/** MENU **/
i {
visibility: hidden;
}

#menu {
margin: 0px;
padding: 0px;
height: 50px;
width: 605px;
float: right;
}

#menu a {
position: absolute;
height: 32px;
/*width: 65px;*/
top: 31px; 
text-decoration: none;
}

a#radio {
top: 136px;
width: 67px;
}

a#radio:hover {
top: 136px;
width: 70px;
padding-bottom: 57px;
background: url(graphics/downarrow.jpg) bottom center no-repeat;
}

a#resume {
top: 136px;
width: 85px;
margin-left: 91px;
}

a#resume:hover {
top: 136px;
width: 85px;
padding-bottom: 57px;
background: url(graphics/downarrow.jpg) bottom center no-repeat;
}

a#demos {
top: 136px;
width: 74px;
margin-left: 197px;
}

a#demos:hover {
top: 136px;
width: 74px;
padding-bottom: 57px;
background: url(graphics/downarrow.jpg) bottom center no-repeat;
}

a#marketing {
top: 136px;
width: 125px;
margin-left: 293px;
}

a#marketing:hover {
top: 136px;
width: 125px;
padding-bottom: 57px;
background: url(graphics/downarrow.jpg) bottom center no-repeat;
}

a#results {
top: 136px;
width: 92px;
margin-left: 440px;
}

a#results:hover {
top: 136px;
width: 92px;
padding-bottom: 57px;
background: url(graphics/downarrow.jpg) bottom center no-repeat;
}

/** MIDDLE **/
#middle {
width: 900px;
margin: 0px;
padding: 0px;
}

/** LEFT **/
#left {
float: left;
margin: 0px 0px 20px 67px;
padding: 0px;
width: 200px;
/*height: 200px;*/
text-align: center;
}

#left dl {
margin: 0px;
padding: 0px;
}

#left dd {
margin: 0px;
padding: 5px 0 0 0;
font-family: Arial, sans-serif;
font-size: 72%;
line-height: 1.75em;
color: #DDD;
}

#left dd a {
text-decoration: none;
color: #F1A42A;
}

#left dd a:hover {
text-decoration: underline;
color: #F1F1F1;
}

#left dd img {
margin: 0px 0px 5px 0px;
padding: 2px;
border: 1px solid #F1A42A;
vertical-align: text-top;
}

/** RIGHT **/
#right {
float: left;
margin: 0px 0px 20px 33px;
padding: 0px;
width: 530px;
}

#right dl {
margin: 0px;
padding: 0px;
}

#right dt {
margin: 0px;
padding: 0px;
color: #F1A42A;
font-family:Arial;
font-size:120%;
line-height:24px;
font-weight:400;
text-transform:uppercase;
letter-spacing:-0.1em;
}

#right dd {
margin: 0px;
padding: 0px;
font-family: Arial, sans-serif;
font-size: 88%;
line-height: 1.5em;
color: #DDD;
}

#right dd a {
text-decoration: none;
color: #F1A42A;
}

#right dd a:hover {
text-decoration: underline;
color: #F1F1F1;
}

.insetleft {
float: left;
margin: 5px 10px 0px 0px;
padding: 1px;
border: 1px solid #DDD;
}

.insetright {
float: right;
margin: 5px 0px 0px 10px;
padding: 1px;
border: 1px solid #DDD;
}

/** TABLES **/
table {
background: #4A5555;
font-size: 72%;
border: 1px dotted #F1A42A;
padding: 3px;
line-height: 1em;
}

table tr td {
padding: 0px 10px 0px 0px;
}

/** FOOTER **/
#footer {
clear: both;
width: 900px;
height: 80px;
margin: 0px;
padding: 20px 0px 0px 0px;
background: url(graphics/background.jpg) bottom left no-repeat;
color: #4A5555;
font-family: Arial;
font-size: 62%;
text-align: center;
}

#footer a {
text-decoration: none;
color: #4A5555;
border-bottom: 1px dotted #4A5555;
}

#footer a:hover {
text-decoration: none;
color: #F1A42A;
border-bottom: 0px dotted #4A5555;
}