
/* elements */

* {
padding:0;
margin:0;
}

body {
background: url(images/bg_page.jpg) top center no-repeat #16384b;
font-size:12pt;
font-family:Georgia, "Times New Roman", Times, serif;
color:#16384b;

}


/* fonts */

p,
li,
td {
font-size:1em;
line-height:1.5em;
}
p {
margin-bottom:1em;
}
h1, h2, h3 {
font-size:1.0em;
}
h1 {
color:#c3dce9;
}
h2 {
color:#ffffff;
margin-bottom:1em;
}
a,
a:link {
color:#275970;
text-decoration:none;
}
a:hover,
a:focus,
a:active {
text-decoration:underline;
}

/* menus */

div#menu-top {
position:absolute;
bottom:0;
left:60px;
}
* html div#menu-top {
bottom:-1px;
}
div#menu-bottom {
position:absolute;
bottom:0;
right:30px;
color:#645849;
font-size:.7em;
}
div#menu-top ul {
font-size:.8em;
}
div#menu-top a {
color:#0b3143;
}
div#menu-top li {
float:left;
margin-right:20px;
list-style:none;
}
div#menu-bottom li {

}
div#menu-top a {
height:15px;
width:81px;
display:block;
}
div#menu-top span {
position:absolute;
top:-1000px;
left:-1000px;
}
li#about a {
background:url(images/bg_menu_about.gif) 0 0 no-repeat transparent;
}
li#about a:hover,
li#about.active a {
background:url(images/bg_menu_about.gif) 0 -15px no-repeat transparent;
}
li#contact a {
background:url(images/bg_menu_contact.gif) 0 0 no-repeat transparent;
}
li#contact a:hover,
li#contact.active a  {
background:url(images/bg_menu_contact.gif) 0 -15px no-repeat transparent;
}
li#services a {
background:url(images/bg_menu_services.gif) 0 0 no-repeat transparent;
}
li#services a:hover,
li#services.active a  {
background:url(images/bg_menu_services.gif) 0 -15px no-repeat transparent;
}
li#projects a {
background:url(images/bg_menu_projects.gif) 0 0 no-repeat transparent;
}
li#projects a:hover,
li#projects.active a  {
background:url(images/bg_menu_projects.gif) 0 -15px no-repeat transparent;
}
div#menu-bottom a {
color:#fff;
}

/* layout */

div#container {
width:841px;
margin:0 auto;
}
div#header {
position:relative;
height:87px;
/*width:841px;
margin:0 auto;*/
}
div#logo {
float:right;
margin-top:20px;
margin-right:23px;
}
div#logo a img {
border:none;
}
div#centerpiece {
height:141px;
}
div#centerpiece h1 {
position:absolute;
top:-1000px;
left:-1000px;
}

div.home {
background:url(images/bg_centerpiece_home.jpg) bottom left no-repeat #16384b;
}
div.about {
background:url(images/bg_centerpiece_about.jpg) bottom left no-repeat #16384b;
}
div.projects {
background:url(images/bg_centerpiece_projects.jpg) bottom left no-repeat #16384b;
}
div.services {
background:url(images/bg_centerpiece_services.jpg) bottom left no-repeat #16384b;
}
div.contact {
background:url(images/bg_centerpiece_contact.jpg) bottom left no-repeat #16384b;
}

div#content {
position:relative;
width:841px;
min-height:390px;
padding:0 0 60px 0;
margin:0 auto 30px auto;
background:url(images/bg_content.jpg) bottom left no-repeat #fff;
}
div#content.home {
padding:0 0 175px 0;
background:url(images/bg_content_home.jpg) bottom left no-repeat #fff;
}
div#content-heading {
height:124px;
position:relative;
margin-bottom:20px;
background:url(images/bg_heading.jpg) top left no-repeat #16384b;
}
div#content-heading h2 {
position:absolute;
bottom:-10px;
left:60px;
}
div#content p,
div#content h3,
div#content ul {
margin-left:60px;
margin-right:60px;
}
div#content ul {
margin-bottom:30px;
}

/* classes */

p.label {
font-style:italic;
margin-bottom:0;
}
.floatrt {
float:right;
}
.floatlt {
float:left;
}
table.contact-table {
margin-left:45px;
margin-top:-20px;
margin-bottom:30px;
border-collapse:collapse;
}
table.contact-table td {
border:1px solid #16384b;
padding:10px 90px 10px 15px;
font-size:.8em
}
table.contact-table tfoot td {
color:#ffffff;
border-right:none;
border-bottom:none;
background:url(images/bg_corner.gif) top right no-repeat #16384b;
}
