body {margin:0; padding:0; font-size:12px; color: #666; line-height:16px; font-family: arial, helvetica, verdana, tahoma, sans-serif; behavior: url(scripts/csshover.htc);}
p, h2, h3, h4, .small{font-family: arial, helvetica, verdana, tahoma, sans-serif;}
h2 {font-size: 15px; margin: 0px 0px 10px; color:#333;}
h3 {font-size: 13px; margin: 0px 0px 4px;}
h4 {font-size: 12px;}
.small{font-size: 10px;}
hr {padding:0px; border-top:#ccc 1px dashed; margin:5px 0px 8px; height:1px;}
.clear{clear:both; height:1px; overflow:hidden;}
p {margin:0px 0px 15px;line-height: 130%; }
a{font-weight:bold; color:#5C9E51; text-decoration:none;}
a:hover{color:#360; border-bottom:#360 1px dotted; text-decoration:none;}

ul {padding:0px; list-style: none; margin: 0px 0px 10px 0px;}
li {padding: 0 0 0 15px; margin: 4px 0;background: url(../img/bullet.gif) left 5px no-repeat;}
ul.toplist{padding:0; margin:0; line-height: 95%;}
ul.toplist li{padding:0; margin:0; color:#999; font-weight: bold; font-size: 12px;}

#wrapper-main {background: #fff;  padding:10px 0 0 10px; margin:0; width:780px;}
#wrapper{padding:10px; margin:0; width:780px;}

#footer {width:780px; color:#999; padding:0; margin:0; background-color:#f4f5f6; height:22px; clear:both;}
 #footer p{font-size:11px; margin:3px;}
 #footer img{vertical-align:middle;}

#headermain {width:780px; background: url(../img/top-main.jpg) no-repeat left top; height:175px; text-align:right; border-bottom: 1px #F79705 solid;}
#headercontact {width:780px; background: url(../img/top-contact.jpg) no-repeat left top; height:131px; border-bottom: 1px #37519b solid;}
#headerflash {width:780px; background: url(../img/top-flashportfolio.jpg) no-repeat left top; height:131px; border-bottom: 1px #37a5ce solid;}
#headerservices {width:780px; background: url(../img/top-services.jpg) no-repeat left top; height:131px; border-bottom: 1px #9b1353 solid;}
#headerweb {width:780px; background: url(../img/top-webportfolio.jpg) no-repeat left top; height:131px; border-bottom: 1px #5c9e51 solid;}
  
h3.tiletitle{color:#600; margin:6px 0 0 3px; padding:3px; border:1px solid #555; background-color:#ededed; text-align:center; width:260px;}
  
  img {display:inline;}
  img.block {display:block;}
  img.toplogo {float:right; margin-top:6px;}
   
#rightcol{width:155px; float:right; padding:50px 0;}
#maincontent{float:left; padding-right:20px; width: 600px;} 
.pad {padding:10px;}
 
#webClientTiles{float:left; width:310px; height:500px; overflow:scroll;}
 #webClientTiles a:hover {border:none;}
 #webClientTiles img {background-color:#dfdfdf; padding:5px; margin:2px; border:1px solid #666;}
 #webClientTiles img:hover{background-color:#5c9e51; border:1px solid #333;}
 
#webclientSS{width:460px; float:right; padding:0 0 0 10px;}
 #webclientSS img{padding:0 0 30px 40px;} 
 #webclientSS a.nohover:hover {border:none; text-decoration:none;}
#topmenubox{margin:5px 0 0 440px; }
html>body #topmenubox { margin: 10px 0 0 440px; }

#menu {padding:0px; font-weight: bold; font-size: 13px; margin: 0px; background:url(../img/txt-menu-vert.gif) left no-repeat ;}
  #menu ul.mainnav {padding:0px; margin:0px; list-style-type: none;}
  #menu ul li {padding:0px; display:block;}
  #menu ul li a {color:#bbb; padding:0 0 0 25px; margin:0 0 0 25px; width: 90px; display:block; height:17px; text-decoration:none; background: url(../img/square-grey.gif) left no-repeat ;}
  #menu ul li.home a:hover {background: url(../img/square-orange.jpg) left no-repeat ; color:#f79705;}
  #menu ul li.web a:hover {background: url(../img/square-green.jpg) left no-repeat ; color:#5c9e51;}
  #menu ul li.flash a:hover {background: url(../img/square-ltblue.jpg) left no-repeat ; color:#37a5ce;}
  #menu ul li.services a:hover {background: url(../img/square-red.jpg) left no-repeat ; color:#9b1353;}
  #menu ul li.contact a:hover {background: url(../img/square-dkblue.jpg) left no-repeat ; color:#37519b;}
  #menu ul li a:hover {text-decoration:none; border-bottom: none;}