@charset "utf-8";
/* CSS Document */

*{ outline:none}
body{ margin:0; padding:0; background:url(../images/header.jpg) top repeat-x; font-family:"Trebuchet MS"; font-size:12px; color:#434343}
.clear{ clear:both;}
p, ul{ margin:0; padding:0}
#lowerbg{ background:url(../images/lower_bg.gif) no-repeat bottom}
#wrapper{ width:1000px; margin:0 auto;}
#header{ height:444px;}
#upperhead{ height:190px; position:relative; width:1000px;}
#logo{ position:absolute; width:225px; height:80px; left:25px; top:60px;}
#logo a{ position:absolute; width:200px; height:160px; left:0; top:0; display:block}

#menu{ position:absolute; top:0; left:180px;}

#callus{ position:absolute; right:12px; bottom:5px; font-size:28px; color:#FFFFFF;}

#banner{ height:263px; position:relative; width:1000px;}
#banner img.left{ position:absolute; left:0; top:40px;}
#banner img.rite{ position:absolute; right:0; top:40px;}
#banner_main{ background:#FFFFFF; padding:10px; width:956px; height:243px; margin:0 auto; position:relative}
#banner_main p{ width:534px; height:154px; color:#fff; font-weight:bold; font-size:18px; line-height:29px; position:absolute; z-index:5; left:410px; top:60px; text-shadow:#000 0 0 5px}
#banner_main p span{ font-size:24px; color:#ffd565}

#mainbody{ width:956px; margin:0 auto;}

#arrows{ width:527px; height:184px; position:relative; background:url(../images/arrows.jpg) no-repeat 0 30px; float:left}
#arrow1{ width:162px; height:65px; position:absolute; left:17px; top:48px; color:#FFFFFF; line-height:22px;}
#arrow2{ width:162px; height:65px; position:absolute; left:190px; top:48px; color:#FFFFFF; line-height:22px;}
#arrow3{ width:162px; height:65px; position:absolute; left:362px; top:48px; color:#FFFFFF; line-height:22px;}
.arrowone{ width:190px; height:90px; position:absolute; display:block; left:0; top:36px; z-index:5}
.arrowtwo{ width:190px; height:90px; position:absolute; display:block; left:170px; top:36px; z-index:4}
.arrowthree{ width:190px; height:90px; position:absolute; display:block; left:335px; top:36px; z-index:3}

#asklawyer{ height:174px; background:url(../images/ask_a_lawyer.gif) no-repeat 0 21px; position:relative; float:right; width:403px;}
#asklawyer p{ padding:45px 215px 0 15px; line-height:22px; font-weight:bold; color:#ffcaca}
#asklawyer a{ width:95px; height:22px; display:block; position:absolute; left:285px; top:105px}

#midbody{ padding-bottom:20px;}
#services{ margin-top:33px; float:left}
#services ul{ list-style:none;}
#services ul li{ float:left; padding-right:15px; width:168px; font-size:11px; font-family:Tahoma; line-height:16px;}
#services ul li span{ color:#CC0000; font-weight:bold; font-size:13px; line-height:18px; padding-bottom:5px;}
#services ul li .read_more{ margin-top:10px; color:#333333; display:block; width:65px;}
#services ul li .read_more:hover{ color:#CC0000}

#items{ background:#e2e2e2; border:1px solid #c6c6c6; float:right; width:403px}
#items ul{ list-style:none}
#items ul li{ width:172px; padding:14px; float:left; text-align:center; color:#004395; line-height:16px; font-size:11px; font-family:Tahoma;}
#items ul li p.txt{ width:150px; height:120px; border:1px solid #c6c6c6; background:#FFFFFF; padding:10px; text-align:center}
.cart_buttons{ margin:0; padding:0; list-style:none}
.cart_buttons li{ width:82px; float:left; height:30px;}

#lowerbody{ padding-bottom:10px;}
#about_harris{ width:492px; height:181px; border:1px solid #d2d2d2; background:url(../images/abt_harris_bg.gif) repeat-x; padding:12px; line-height:19px; float:left;}
#about_harris span{ font-size:20px; color:#910000; font-weight:bold;}

#recent_news{ width:403px; float:right;}
#recent_news .heading{ font-size:22px; font-weight:bold; color:#910000;}
#recent_news ul{ list-style:none; padding-top:10px;}
#recent_news ul li{ width:375px; height:65px; background:url(../images/abt_harris_bg.gif) center; border:1px solid #d2d2d2; padding:5px; margin-bottom:10px;}

#footer{ height:190px; background:url(../images/footer_bg.gif) repeat-x;}
#footer_cont{ width:976px; margin:0 auto; color:#afcafc; padding-top:35px; font-size:11px; font-family:Tahoma; line-height:15px; position:relative}
#footer_cont ul{ list-style:none;}
#footer_cont ul li{ width:250px; float:left}
#footer_cont span{ font-size:18px; color:#FFFFFF; font-weight:bold;}
#icons{ width:350px; height:90px; margin:10px 0 0 20px;}
#icons ul{ list-style:none; width:300px; margin:20px 0 0 45px}


/*#icons a.link1{ width:43px; height:43px; display:block; position:absolute; left:30px; top:10px;}
#icons ul{ position:absolute; left:30px; top:10px; list-style:none}
*/
#icons ul li{ float:left; width:45px; height:45px;}
#icons ul li a.one{ background:url(../images/fb_icon.png) no-repeat 0 10px; display:block; width:45px; height:45px;}
#icons ul li a.one:hover{ background:url(../images/fb_icon_hov.png) no-repeat 0 5px; display:block; width:45px; height:45px;}
#icons ul li a.two{ background:url(../images/rss_icon.png) no-repeat 0 10px; display:block; width:45px; height:45px;}
#icons ul li a.two:hover{ background:url(../images/rss_icon_hov.png) no-repeat 0 5px; display:block; width:45px; height:45px;}
#icons ul li a.three{ background:url(../images/twitter_icon.png) no-repeat 0 10px; display:block; width:45px; height:45px;}
#icons ul li a.three:hover{ background:url(../images/twitter_icon_hov.png) no-repeat 0 5px; display:block; width:45px; height:45px;}
#icons ul li a.four{ background:url(../images/linkd_icon.png) no-repeat 0 10px; display:block; width:45px; height:45px;}
#icons ul li a.four:hover{ background:url(../images/linkd_icon_hov.png) no-repeat 0 5px; display:block; width:45px; height:45px;}


#icon_overlay{ position:absolute; width:234px; height:62px; background:url(../images/icons_overlay.png); left:615px; top:100px; z-index:10}

.biggertxt{ font-size:20px; color:#123d90; font-weight:bold;}

/*-----------Contact Us Page------------------------*/
#contactpg{ width:500px; margin:0 auto}
.border{ font: 12px Arial, Helvetica, sans-serif; color:#000; border:1px solid #C4C4C4; background:#F1EFEF; width:200px; height:18px; padding:2px;}
.border1{ font: 12px Arial, Helvetica, sans-serif; color:#000; border:1px solid #999999; background:#ffd6d8; width:200px; height:18px; padding:2px;} 
.bordera{ font: 12px Arial, Helvetica, sans-serif; color:#000; border:1px solid #C4C4C4; background:#919D9D; width:200px; height:18px; padding:2px; }
.bordera1{ font: 12px Arial, Helvetica, sans-serif; color:#000; border:1px solid #C4C4C4; background:#fff; width:200px; height:18px; padding:2px; }
/* Text Box End */

/* Buttons End */
.btn{ background: #990000; border:2px solid #CC0000; font: 12px Verdana, Arial, Helvetica, sans-serif; padding:3px; cursor:pointer; color:#fff; }
.btn:hover{ background: #FF0000; }
#c1{ margin:0 auto; padding:0 0 0 20px; width:200px; float:left; line-height:25px; text-align:left; }	
#c2{ margin:0; padding:0 0 0 20px; width:200px; line-height:25px; float:left; text-align:left;}
.error{ background: #EE1300; border-top:1px solid #DEFF00; border-bottom:1px solid #DEFF00; font-size:14px; padding:20px; text-align:center; color:#fff; }
.ok{ background: #336699; border-top:1px solid #FF7D7D; border-bottom:1px solid #FF7D7D; font-size:14px; padding:20px;	 text-align:center; color:#fff; }