body {
background-color: #000000;
color: #ffffff;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10pt;
margin: 0px;
padding: 0px;
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;
background-position: 0px 0px;
}

#container {
width: 759px;
margin: 0px auto;
position: relative;
top: 0px;
left: 0px;}

#logo {
background-image: url(../images/top_logo.jpg);
height: 105px;
width: 221px;
background-repeat: no-repeat;
background-position: left;
float: left;}

#menu {
background-image: url(../images/top_menu.gif);
background-repeat: no-repeat;
background-position: right;
height: 38px;
position: relative;
top: 38px;
right: 0px;}

#navigation {
height: 30px;
position: absolute;
top: 29px;
left: 280px;
margin-top: 10px;
padding-top: 10px;
letter-spacing: .1em;
font-size: .8em;}

#navigation a {
text-decoration: none;
color: #fff;
padding-top: 10px;}

#navigation a:hover {
background-image: url(../images/menu_rollover.gif);
background-repeat: no-repeat;
background-position: center top;
}

#date {
margin: 0;
padding: 0;
position: absolute;
top: 49px;
right: 20px;
letter-spacing: .1em;
font-size: .8em;
color: #0087CF;}

#home_feature_1 {
clear: both;
background-image: url(../images/home_feature_1.jpg);
background-repeat: no-repeat;
height: 141px;
position: relative;
top: 5px;}

#home_services {
float: left;
position: relative;
top: 5px;}

#home_portfolio {
float: left;
position: relative;
top: 5px;}

#home_contact {
float: left;
position: relative;
top: 5px;}

#home_feature {
clear: both;
background-image: url(../images/home_feature_3.jpg);
background-repeat: no-repeat;
height: 170px;
position: relative;
top: 5px;
color: #000000;
font-size: .8em;}

#home_feature p {
margin: 0px 0px 10px 0px;
padding: 0px;}

#home_feature a {
color: #000000;
text-decoration: underline;
font-weight: bold;}

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

#services {
position: absolute;
width: 200px;
top: 6px;
left: 20px;
}

#services_rollover {
background-image: url(../images/services_rollover.jpg);
background-repeat: repeat-y;
height: 42px;
width: 78px;
position: absolute;
top: 136px;
left: 83px;}

#portfolio {
width: 200px;
top: 6px;
left: 280px;
float: right;
position: absolute;}

#portfolio_rollover {
background-image: url(../images/portfolio_rollover.jpg);
background-repeat: repeat-y;
height: 42px;
width: 78px;
position: absolute;
top: 136px;
left: 338px;
margin: 0px;
padding: 0px;}

#contact {
width: 200px;
top: 6px;
right: 20px;
float: right;
position: absolute;}

#contact_rollover {
background-image: url(../images/contact_rollover.jpg);
background-repeat: repeat-y;
height: 42px;
width: 78px;
position: absolute;
top: 136px;
left: 599px;
margin: 0px;
padding: 0px;}

#welcome {
background-image: url(../images/welcome.jpg);
background-repeat: no-repeat;
height: 75px;}

#content {
text-align: justify;
margin: 0px 20px 0px 20px;}

#content h1 {
font-size: 1.1em;
color: #0087CF;}

#terms_top {
clear: both;
position: relative;
height: 240px;}

#terms_container {
position: relative;
padding: 0px 20px 0px 20px }

#terms_container h1 {
font-size: 1.2em;
letter-spacing: .1em;
color: #0087CF;}

#terms_container  h2 {
letter-spacing: .1em;
font-size: 1.1em;}

#terms {
background-image: url(../images/terms.gif);
background-repeat: no-repeat;
height: 25px;
padding-bottom: 20px;
position: relative;
}

#terms p {
padding: 4px 0px 5px 15px;
letter-spacing: .1em;
font-size: .8em;}

#terms a {
color: #ffffff;
text-decoration: none;}

#terms a:hover {
text-decoration: underline;}

#services_main {
position: relative;
min-height:350px;
height:auto !important;
height:350px;
}

#services_title {
clear: both;
background-image: url(../images/services.jpg);
background-repeat: no-repeat;
height: 230px;
width: 759px;
position: relative;
top: 6px;
left: 0px;}

#services_content {
position: relative;
float: left;
width: 405px;
top: 20px;}

#services_content h1 {
padding: 10px 0px 0px 0px;
margin: 0px;
font-size: 1.1em;
color: #0087CF;}

#services_container {
margin: 0px;
padding: 0px 10px 20px 20px;}

#services_container h2 {
letter-spacing: .1em;
font-size: 1.1em;}

#services_nav {
position: relative;
float: right;
width: 322px;
background-image: url(../images/services_bg.gif);
background-repeat: repeat-y;
top: 35px;}

#services_nav_container {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;}

#services_nav ul  {
position: relative;
list-style: none;
}

#services_nav ul li {
padding-left: 20px;
background-image: url(../images/arrow.gif);
background-repeat: no-repeat;
background-position: 0em .5em;
padding-bottom: 15px;}

#services_nav li a {
color: #FF7D11;
text-decoration: none;}

#services_nav li a:hover {
text-decoration: underline;}

#clear {
clear: both;}

#contact_title {
clear: both;
background-image: url(../images/contact.jpg);
background-repeat: no-repeat;
height: 239px;
width: 759px;
position: relative;
top: 6px;
left: 0px;
padding-bottom: 20px;}

.contact_main {
position: relative;
padding: 0px 0px 20px 0px}

.contact_main a {
color: #ffffff;
text-decoration: none;}

.contact_main a:hover {
text-decoration: underline;}

.contact_title_left {
float: left;
width: 364px;
top: 20px;}

.contact_title_right {
float: right;
width: 364px;
top: 20px;}

.contact_container {
font-size: 1.1em;
color: #0087CF;
margin: 0px;
padding: 0px 10px 20px 20px}

.contact_container h1 {
font-size: 1.1em;
color: #0087CF;
margin: 0px;
padding: 0%;}

.contact_title_left_bg {
float: left;
width: 364px;
top: 20px;
background-image: url(../images/contact_bg.gif);
background-repeat: repeat-y;
min-height:220px;
height:auto !important;
height:220px;}

.contact_title_right_bg {
float: right;
width: 364px;
top: 20px;
background-image: url(../images/contact_bg.gif);
background-repeat: repeat-y;
min-height:220px;
height:auto !important;
height:220px;}

.contact_bg_container {
margin: 0px;
padding: 1px 20px 20px 20px}

.contact_bg_container img {
border: 1px #FFE610 dashed;
padding: 2px;
margin: 35px 0px 3px 0px;}

.clear {
clear: both;}

.grey {
color: #a7a7a7;
letter-spacing: .1em;}

#portfolio_title {
clear: both;
background-image: url(../images/portfolio.jpg);
background-repeat: no-repeat;
height: 230px;
width: 759px;
position: relative;
top: 5px;
left: 0px;
padding-bottom: 20px;}

#portfolio_hdr {
padding: 0px 0px 0px 20px;}

#portfolio_hdr h1 {
font-size: 1.1em;
color: #0087CF;
width: 218px;}

#portfolio_hdr img {
border: 1px #008A01 dashed;
padding: 2px;}

#portfolio_hdr p {
letter-spacing: .2em; 
margin: 0px 0px 15px 0px;}

#portfolio_hdr a {
color: #ffffff;
text-decoration: none;}

#portfolio_hdr a:hover {
text-decoration: underline;}

#portfolio_nav {
font-size: 1.1em;
color: #008A01;
font-weight: bold;
margin: 15px 0px 15px 0px;}

#portfolio_nav a {
color: #a7a7a7;
text-decoration: none;}

#portfolio_nav a:hover {
text-decoration: underline;}

.portfolio_container {
margin: 0px 0px 0px 5px;}

.portfolio_left {
float: left;
width: 218px;
text-align: center;
margin: 0px 15px 15px 10px;}

.portfolio_left a {
color: #008A01;
text-decoration: none;
font-weight: bold;}

.portfolio_left a:hover {
text-decoration: underline;}