/* CSS Document */
body   { margin: 0; padding:0 10px 0 10px;
 background-color: #f2f2f2;
 font-family:Verdana, Arial, Helvetica, sans-serif Arial, Helvetica, sans-serif; height: 100%; }
  

  body#home a#homenav, 
  body#aboutus a#aboutnav, 
  body#services a#servicesnav,
body#contactus a#contactusnav,
body#clients a#clientsnav,
body#feedback a#feednav,
body#downloads a#downloadsnav  
{color:#FFFFFF; background-color:#0066FF;  cursor:pointer;}
#logo_container {width:960px;
	height:auto;
	background:#FFF; margin-left: auto; margin-right:auto; margin-top:10px; clear:both }

.box h3{
	text-align:center;
	position:relative;
	top:80px;
}
.box p{
	font-size:.9em; padding-left:1em; padding-right:1em; }
.box {
	width:960px;
	height:auto;
	background:#FFF; margin-left: auto; margin-right:auto; margin-top:10px; clear:both
}
.contact_image {float:left; padding: 6px 6px 6px 12px}
/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}
}