body { margin: 0; padding: 0; width: auto; height: auto; background-color: #ffffff; }
#container  { float: left; display: block; width: 700px; height: auto; }

#header   { float: left; display: block; width: 700px; height: 88px; background: url(images/header.jpg) no-repeat top left; }

#hcontent { padding: 0 0 0 0; position: relative; left: 0px; top: 100px; width: 160px; margin: 0; text-align: left;  display: block; float: left; }
#hcontent ul { position:relative; top: -64px; left: 547px; display: block; float: left; width: 160px; list-style-type: none; height: auto; margin: 0; padding: 2px 0 0 20px; } 
#hcontent ul li {  display: block; float: left; width: 160px; padding: 3px 0 10px 0; height: 13px; } 
#hcontent ul li a {  display: block; float: left; text-transform: uppercase; padding: 0; margin: 0; float: left; width: 100px; height: 13px; display: block; font: 11px tahoma; color: #dfdfdf; text-decoration: none;  font-weight: bold}
#hcontent ul li a:hover {  display: block; float: left; text-transform: uppercase; color: White; }
#hcontent p {  display: block; float: left; width: 300px; font-family: tahoma; font-size: 11px; font-weight: bold; color: #dfdfdf; line-height: 1.3em; margin: 268px 0 0 0px; padding: 0 0 0 25px; }

#content { padding: 0 0 0 0; position: relative; left: 0px; top: 100px; width: 160px; margin: 0; text-align: left;  display: block; float: left; }
#content ul { position:relative; top: 46px; left: 10px; display: block; float: left; width: 160px; list-style-type: none; height: auto; margin: 0; padding: 2px 0 0 20px; } 
#content ul li {  display: block; float: left; width: 160px; padding: 3px 0 10px 0; height: 13px; } 
#content ul li a {  display: block; float: left; text-transform: uppercase; padding: 0; margin: 0; float: left; width: 100px; height: 13px; display: block; font: 11px tahoma; color: #dfdfdf; text-decoration: none;  font-weight: bold}
#content ul li a:hover {  display: block; float: left; text-transform: uppercase; color: White; }
#content p {  display: block; float: left; width: 300px; font-family: tahoma; font-size: 11px; font-weight: bold; color: #dfdfdf; line-height: 1.3em; margin: 128px 0 0 0px; padding: 0 0 0 25px; }

#lcontent { float: left; display: block; width: 200px; height: 400px; background-color: #c8c8c8; }

.services { background: url(images/left_services.jpg) no-repeat top left; }
.company { background: url(images/left_company.jpg) no-repeat top left; }
.projects { background: url(images/left_projects.jpg) no-repeat top left; }
.contact { background: url(images/left_contact.jpg) no-repeat top left; }

.mlink { background: url(images/arrow.gif) no-repeat top left;}

#rcontent { float: left; display: block; width: 500px; height: 400px; background-color: white; }
#rcontent p { margin: 10px; font: .7em verdana;} 
#rcontent h2 { margin: 20px 0 15px 10px; font: bold .8em verdana;} 
#rcontent a { font: 11px verdana; color: #4e679c; text-decoration: none; margin: 0; padding: 0;}
#rcontent a:visited { font: 11px verdana; color: #4e679c; text-decoration: none; }
#rcontent a:active { font: 11px verdana; color: #4e679c; text-decoration: none; }
#rcontent a:hover { font: 11px verdana; color: navy; text-decoration: none; }

#subsitemap        { float: left; display: block; width: 496px; height: 23px; background-color: #c8c8c8; border-left: solid 2px white; }
#subsitemap  ul    { width: 496px; margin: 0; padding: 0; float: left; display: block; height: inherit;}
#subsitemap  ul li { width: auto; padding: 0 10px 0 20px; float: left; display: block; }
#subsitemap a { font: 10px verdana; color: black; text-decoration: none; margin: 0; padding: 0;}
#subsitemap a:visited { font: 10px verdana; color: black; text-decoration: none; }
#subsitemap a:active { font: 10px verdana; color: black; text-decoration: none; }
#subsitemap a:hover { font: 10px verdana; color: white; text-decoration: none; }

#footer  { float: left; display: block; width: 700px; padding-top: 10px; padding-bottom: 10px; border-top: solid 2px white; font: 11px tahoma; color: #f5f5f5; text-align: center;  background: url(images/header.jpg) no-repeat top left; }
#smallfoot  { float: left; display: block; margin: 0; width: 700px; padding-top: 5px; padding-bottom: 5px; background-image: url(images/footline.jpg); font: 11px tahoma; color: #f5f5f5; text-align: right; }
#smallfoot a { font: 10px verdana; color: black; text-decoration: none; margin: 0; padding: 0;}
#smallfoot a:visited { font: 10px verdana; color: black; text-decoration: none; }
#smallfoot a:active { font: 10px verdana; color: black; text-decoration: none; }
#smallfoot a:hover { font: 10px verdana; color: white; text-decoration: none; }


#contentbody h2 { font: bold 13px arial;}
#contentbody p { text-align: justify }
#contentbody { width: 440px; padding: 20px 0 0 10px; height: auto; display: block; float: left; font: 12px arial; }
#contentbody ul { margin: 0; margin-bottom: 50px; padding: 0; width: 450px; height: auto; list-style-type: none; float: left; display: block; }
#contentbody ul li { font-family: verdana; font-size: 11px; color: #4c4c4c; width: 450px; margin: 0 0 35px 5px; padding: 0 0 15px 0; height: 195px; float: left; display: block; border-bottom: solid 1px #cfd0cb; }

.fcal { margin-top: 10px; padding-left: 20px; height: 130px;  } 
.fbal { padding-top: 8px; margin-bottom: 7px; width: 160px; height: 42px; float: left; display: block }
.fdal { margin-top: 10px; margin-bottom: 7px; float: left; display: block; height: 50px; width: 160px }

h1 span { display: none; }

.active {color: #181818}

#bottom { height: 60px; width: 700px; padding: 5px 0 0 0; float: left; display: block; margin: 0 0 0 0; position: relative; top: -73px}

#developer { width: 344px; float: left; display: block; margin: 0 0 0 3px; padding: 0 0 0 0  }
#developer a, #developer a:active, #developer a:visited { text-decoration: none; color: #dfdfdf; font-family: arial; font-size: 10px }
#developer a:hover { text-decoration: none; color: white; font-family: arial; font-size: 10px }

#validation { font-family: tahoma; color: #dfdfdf; font-size: 11px; width: 200px; float: left; display: block; margin: 6px 0 0 3px; padding: 0 0 0 0 }
#validation a, #validation a:active, #validation a:visited { text-decoration: none; color: #bfbfbf; font-family: tahoma; font-size: 10px }
#validation a:hover { text-decoration: none; color: white; font-family: tahoma; font-size: 10px }
#copyright { float: left; text-align: left; display: inline; margin: 26px 0 0 0px; padding: 0px 0 0 0; width: 348px; font-family: Arial; font-size: 10px; color: #afafaf }

#bottomlinks { float: left; text-align: left; display: inline; margin: 6px 0 0 2px; padding: 0 0 0 0; width: 250px; }

#about { color: #323232; font-weight: normal; width: 420px; text-align: justify; padding: 0 0 0 0; margin: 0 0 10px 0; font-family: tahoma; font-size: .75em  }

#hbottom { height: 60px; width: 700px; padding: 5px 0 0 0; float: left; display: block; margin: 0 0 0 0; position: relative; top: -73px}

#hdeveloper { width: 344px; float: left; display: block; margin: 0 0 0 3px; padding: 0 0 0 0  }
#hdeveloper a, #developer a:active, #developer a:visited { text-decoration: none; color: #dfdfdf; font-family: arial; font-size: 10px }
#hdeveloper a:hover { text-decoration: none; color: white; font-family: arial; font-size: 10px }

#hvalidation { font-family: tahoma; color: #181818; font-size: 11px; width: 200px; float: left; display: block; margin: 6px 0 0 3px; padding: 0 0 0 0 }
#hvalidation a, #validation a:active, #validation a:visited { text-decoration: none; color: #282828; font-family: tahoma; font-size: 10px }
#hvalidation a:hover { text-decoration: none; color: black; font-family: tahoma; font-size: 10px }
#hcopyright { float: left; text-align: left; display: inline; margin: 26px 0 0 0px; padding: 0px 0 0 0; width: 348px; font-family: Arial; font-size: 10px; color: #282828 }

#hbottomlinks { float: left; text-align: left; display: inline; margin: 6px 0 0 2px; padding: 0 0 0 0; width: 250px; }