body {
 text-align:center;
 margin:0 auto;
 background:url("../images/bg.jpg") repeat-x top left;
 }
 
 a {
 color:#555;
 }
 
 a:hover {
 color:#355C81; 
 }
 
 a img {
 border:0;
 }
 
 .green {
 color:#00cc00;
 font-weight:bold;
 }

 .red {
 color:#cc0000;
 font-weight:bold;
 }
 
 .column_container {
 float:left;
 background-image:url("../images/colbg.gif");
 width:525px;
 }

 .column_gray {
 width:24.6%;
 margin-right:0.4%;
 float:left;
 font-size:0.9em;
 display:inline;
 }
 
 .column_gray h4{
 margin:0;
 font-size:1.1em !important;
 }
 
 .column_gray div {
 margin:0.7em 0.7em 0 0.7em;
 
 }
 
 .column_gray ul {
 margin:1em 0 1em 1.3em;
 padding:0;
 list-style-type:square;
 clear:both;
 height:185px;
 }
 
 .column_gray ul li {
 margin:0;
 padding:0;
 }
 
  .column_gray p {
  display:block;
  border-top:1px solid #ccc;
  padding:0.5em 0 0 0;
  float:left;
  width:100%;
  }
  
  
 #header  {
 clear:both;
 width:100%;
 float:left;
 }
 
 h1 {
 display:block;
 font-size:0.1em;
 color:#fff;
 clear:both;
 margin:0;
 padding:0;
 position:relative;
 height:20px;
 margin:0em 0em 12px 16.5em;
 }
 
 h1 a {
 display:block;
 cursor:pointer;
 width:100%;
 height:100%;
 }
 
 h1 .replc {
 position:absolute;
 top:0;
 left:0;
 display:block;
 width:100%;
 clear:both;
 height:20px;
 background:url("../images/title.jpg") no-repeat top left;
 z-index:100;
 }
 
 #container {
 display:block;
 width:760px;
 margin:0 auto;
 font-size:0.7em;
 color:#2E2F34;
 font-family:verdana,tahoma,arial,sans-serif;
 text-align:left;
 margin-top:90px;
 clear:both; 
 }
 
 #site {
 float:left;
 width:760px;
 background:url("../images/graybg.gif") repeat-y top right;
 clear:both;
 }
 
 #page_content {
 background:url("../images/header.jpg") no-repeat top left;
 width:537px;
 float:left;
 padding:85px 2em 1.5em 2em;
 }
 
 #page_content h3 {
 font-size:27px;
 padding:0;
 line-height:27px;
 font-weight:normal;
 margin:0em 0;
 }
 
 #page_content h3 span {
 font-weight:bold;
 }
 
 #page_content p {
 margin:0 0 1.5em 0.2em;
 }
 
 #page_content p.large {
 font-size:1.3em;
 margin-bottom:0.75em;
 font-weight:normal;
 }
 
 #page_content ul.list {
 list-style-type:square;
 margin:1em 0;
 padding:0;
 margin-left:1.5em;
 }
 
 #page_content h4 {
 font-size:1.2em;
 margin-bottom:0;
 color:#355C81;
 }
 
 
 #navigation {
 width:178px;
 float:left;
 }
 
 #navigation ul {
 margin:0;
 padding:0;
 list-style-type:none;
 }
 
 #navigation ul li {
 border:0;
 }
 
 #navigation ul li a {
 position:relative;
 left:0px;
 top:0px;
 display:block;
 width:178px;
 border:0;
 height:25px;
 color:#E9E9E9 !important;
 }
 
 #navigation ul li a span {
 position:absolute;
 left:0px;
 top:0px;
 display:block;
 width:178px;
 border:0;
 height:25px;
 z-index:100;
 cursor:hand;
 }
 
 #navigation ul li.home a span {
 background:url("../images/navhome.gif") no-repeat bottom left;
 }
 
 #navigation ul li.home a.active span{
 background:url("../images/navhome.gif") no-repeat top left;
 }

 #navigation ul li.home a:hover span {
 background:url("../images/navhome.gif") no-repeat left;
 }
 
 #navigation ul li.services a span{
 background:url("../images/navservices.gif") no-repeat bottom left;
 }
 
 #navigation ul li.services a.active span{
 background:url("../images/navservices.gif") no-repeat top left;
 }

 #navigation ul li.services a:hover span{
 background:url("../images/navservices.gif") no-repeat left;
 }
 
 #navigation ul li.packages a span{
 background:url("../images/navpackages.gif") no-repeat bottom left;
 }
 
 #navigation ul li.packages a.active span{
 background:url("../images/navpackages.gif") no-repeat top left;
 }

 #navigation ul li.packages a:hover span{
 background:url("../images/navpackages.gif") no-repeat left;
 }
 
 #navigation ul li.mywork a span{
 background:url("../images/navmywork.gif") no-repeat bottom left;
 }
 
 #navigation ul li.mywork a.active span{
 background:url("../images/navmywork.gif") no-repeat top left;
 }

 #navigation ul li.mywork a:hover span{
 background:url("../images/navmywork.gif") no-repeat left;
 }
 
 #navigation ul li.contact a span{
 background:url("../images/navcontact.gif") no-repeat bottom left;
 }
 
 #navigation ul li.contact a.active span{
 background:url("../images/navcontact.gif") no-repeat top left;
 }

 #navigation ul li.contact a:hover span {
 background:url("../images/navcontact.gif") no-repeat left;
 }
 
 #navigation ul li a {
 font-size:0.1em;
 color:#fff;
 }
 
 #portfolio {
 background:url("../images/portfoliobg.gif") no-repeat top left;
 margin-top:6em;
 float:left;
 width:100%;
 padding-top:10px;
 }
 
 #portfolio div.content {
 margin: 0.5em 1em;
 float:left;
 }
 
 #portfolio .bottom {
 background:#fff url("../images/portfoliobg.gif") no-repeat bottom left;
 clear:both;
 margin-top:20px;
 display:block;
 float:left;
 width:100%;
 margin:0 !important;
 padding:0 !important;
 }
 
 #portfolio h3 {
 margin:0;
 margin-bottom:0.5em;
 font-size:1.1em;
 }
 
 #portfolio p {
 margin:0.5em 0;
 }
 
 #portfolio a {
 color:#333;
 text-decoration:none;
 }
 
 #footer {
 width:100%;
 clear:both;
 border-top:1px solid #ccc;
 color:#999;
 padding-top:1em;
 margin-bottom:3em;
 }
 
 #footer p {
 margin:0;
 margin-left:2em;
 }
 
 #contact {
 border:0;
 /*background:#eee;*/
 padding:0;
 margin:0;
 }
 
 #contact legend {
 display:none;
 }
 
 #contact label {
 display:block;
 width:30%;
 float:left;
 padding-top:4px;
 }
 
 #contact input, #contact select, #contact textarea {
 float:left;
 width:65%;
 font-size:1em;
 font-family:inherit;
 color:#555;
 background:#eee;
 border:0.1em solid #ccc;
 margin-top:0.3em;
 }
 
 #contact textarea {
 width:95%;
 height:150px;
 }
 
 #contact .small {
 font-size:0.8em;
 display:block;
 float:left;
 }
 
 #contact .button {
 width:150px;
 margin-top:1em;
 
 }
 
 #contact p {
 clear:both;
 margin:0.4em 0;
 float:left;
 width:100%;
 }
 
 #contact .error {
 color:#880000;
 }

.tip {
cursor:pointer;
} 
 
fieldset h4 {
margin:0;
}


.portfolio img {
float:left;
margin-right:1em;
margin-top:1em;
display:inline;
}

.portfolio {
border-top:3px solid #efefef;
padding-bottom:2em;
clear:both;
float:left;
}
 
 #tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 5px;
    display:block;
    width:300px;
    font-family:tahoma,arial,sans-serif;
    opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0;font-size:0.8em;
     }