body {
padding: 0px;
margin: 0px;
font: 12px/15px Arial, Helvetica, sans-serif;
color: #262626;
}

p, ul {
margin: 0px;
margin-bottom: 15px;
}

ul {
padding: 0px;
margin-left: 15px;
}

a {
text-decoration: none;
color: #63B8D9;
}

a:hover {
text-decoration: underline;
}

a.button {
display: block;
float: left;
padding: 3px 5px;
border: 1px solid #FFFFFF;
font-size: 11px;
line-height: 14px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
}

a.button:hover {
text-decoration: none;
background-color: #63B8D9;
}

h2, h3 {
margin: 0px;
margin-bottom: 15px;
font-size: 12px;
line-height: 15px;
}

h2 {
text-transform: uppercase;
}

form {
margin: 0px;
}

form h3 {
margin-bottom: 0px;
}

input, textarea, select {
width: 450px;
margin: 0px;
margin-bottom: 10px;
font: 11px/14px Arial, Helvetica, sans-serif;
color: #262626;
}

select {
width: 456px;
}

#background {
position: absolute;
top: 387px;
width: 100%;
height: 0px;
background-color: #C2E5EB;
}

#container {
position: absolute;
left: 50%;
margin-left: -495px;
width: 990px;
padding-top: 80px;
padding-bottom: 10px;
}

#logo {
position: absolute;
right: 50px;
top: 20px;
float: right;
}

#header {
clear: both;
height: 306px;
border-bottom: 1px solid #FFFFFF;
background-image: url(../images/banner.jpg);
background-color: #FFFFFF;
}

#menu {
position: relative;
left: 660px;
top: 128px;
}

#menu a {
display: block;
clear: both;
float: left;
padding: 4px 6px;
margin-bottom: 1px;
font-size: 11px;
line-height: 14px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
}

#menu a:hover, #menu a.active {
padding: 3px 5px;
border: 1px solid #FFFFFF;
text-decoration: none;
background-color: #71C9D4;
}

#content {
float: left;
width: 100%;
min-height: 165px;
background-image: url(../images/backgrounds/content.gif);
}

#content div {
float: left;
padding: 25px;
}

#content img {
float: right;
}

#content.index {
background-image: url(../images/backgrounds/home.gif);
color: #FFFFFF;
}

#content.index div.column {
float: left;
width: 330px;
padding: 0px;
}

#content.index div.wide {
width: 660px;
}

#content #column {
float: right;
width: 280px;
min-height: 427px;
}

#content #main {
width: 610px;
}

#content.projects {
background-image: url(../images/backgrounds/projects.gif);
}

#content.projects div.project {
width: 290px;
padding: 5px;
margin: 0px;
margin-left: 20px;
margin-bottom: 10px;
background-color: #B2B2B2;
}

#content.projects div.first {
margin-left: 0px;
}

#content.projects div.project h3, #content.projects div.project p {
width: 148px;
float: left;
margin-bottom: 0px;
}

#content.projects div.project p {
font-style: oblique;
color: #FFFFFF;
}

#content.contact {
background-image: url(../images/backgrounds/contact.gif);
color: #FFFFFF;
}

#content.contact #column {
background: url(../images/banners/contact.jpg) top no-repeat;
}

#content.contact #column {
font-size: 13px;
line-height: 16px;
}

#content.contact #column a {
color: #FFFFFF;
}

#content.contact #column td.strong {
font-weight: bold;
}

#content.contact #column td.heading {
padding-top: 15px;
font-weight: bold;
text-transform: uppercase;
}

#footerbar {
float: left;
width: 940px;
padding: 8px 25px;
border-top: 1px solid #FFFFFF;
background-color: #63B8D9;
}

#footerbar a {
float: left;
margin-right: 20px;
font-size: 10px;
line-height: 11px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
}

#footerbar a:hover {
text-decoration: none;
}

#footerbar a.right {
float: right;
margin: 0px;
}

#footer {
clear: both;
height: 72px;
background-image: url(../images/footer.jpg);
}