*{margin:0;padding:0;}
body{ font-family:Arial,Tahoma,Sans-Serif; font-size:0.8em; line-height:15px; color:#ffffff; background: #97aac5 url(../images/bcg/bcg.gif)  top center no-repeat; min-width:990px; }

img { border:0;}
.point { color:#333333; font-weight:bold; font-size:16px; }
.blue_bold { color:#1a457f; font-weight:bold;}
.blue{ color:#1a457f;}
.grey_bcg { background-color:#f1f1f1; padding:0 25px 0 15px;}

.extramenu { width:765px; height:33px; background:url(../images/bcg/extramenu.png); margin-bottom:10px; line-height:33px; font-family:"Times New Roman", Times, serif; text-align:center; font-size:17px;}
.extramenu a{ color:#FFfffF; text-decoration:none;}
.extramenu a:hover { color:#999}
#mainmenu { margin:0 auto; }
.menubtn1 { width:53px; height:211px; background:url(../images/menu/1_about.jpg) left no-repeat; float:left; margin-left:184px;}
.menubtn1 a{ text-decoration:none; display:block; width:53px; height:211px; }
.menubtn1 a:hover{ background:url(../images/menu/1_about.jpg) right no-repeat;}
.menubtn2 { width:50px; height:211px; background:url(../images/menu/2_personal.jpg) left no-repeat; float:left;}
.menubtn2 a{ text-decoration:none; display:block; width:50px; height:211px; }
.menubtn2 a:hover{ background:url(../images/menu/2_personal.jpg) right no-repeat;}
.menubtn3 { width:45px; height:211px; background:url(../images/menu/3_conveyancing.jpg) left no-repeat; float:left;}
.menubtn3 a{ text-decoration:none; display:block; width:45px; height:211px; }
.menubtn3 a:hover{ background:url(../images/menu/3_conveyancing.jpg) right no-repeat;}
.menubtn4 { width:49px; height:211px; background:url(../images/menu/4_immigration.jpg) left no-repeat; float:left;}
.menubtn4 a{ text-decoration:none; display:block; width:49px; height:211px; }
.menubtn4 a:hover{ background:url(../images/menu/4_immigration.jpg) right no-repeat;}
.menubtn5 { width:44px; height:211px; background:url(../images/menu/5_employment.jpg) left no-repeat; float:left;}
.menubtn5 a{ text-decoration:none; display:block; width:44px; height:211px; }
.menubtn5 a:hover{ background:url(../images/menu/5_employment.jpg) right no-repeat;}
.menubtn6 { width:51px; height:211px; background:url(../images/menu/6_shariah.jpg) left no-repeat; float:left;}
.menubtn6 a{ text-decoration:none; display:block; width:51px; height:211px; }
.menubtn6 a:hover{ background:url(../images/menu/6_shariah.jpg) right no-repeat;}
.menubtn7 { width:54px; height:211px; background:url(../images/menu/7_islamic.jpg) left no-repeat; float:left;}
.menubtn7 a{ text-decoration:none; display:block; width:54px; height:211px; }
.menubtn7 a:hover{ background:url(../images/menu/7_islamic.jpg) right no-repeat;}
.menubtn8 { width:51px; height:211px; background:url(../images/menu/8_shariah.jpg) left no-repeat; float:left;}
.menubtn8 a{ text-decoration:none; display:block; width:51px; height:211px; }
.menubtn8 a:hover{ background:url(../images/menu/8_shariah.jpg) right no-repeat;}
.menubtn9 { width:42px; height:211px; background:url(../images/menu/9_commercial.jpg) left no-repeat; float:left;}
.menubtn9 a{ text-decoration:none; display:block; width:42px; height:211px; }
.menubtn9 a:hover{ background:url(../images/menu/9_commercial.jpg) right no-repeat;}
.menubtn10 { width:45px; height:211px; background:url(../images/menu/10_recruitment.jpg) left no-repeat; float:left;}
.menubtn10 a{ text-decoration:none; display:block; width:45px; height:211px; }
.menubtn10 a:hover{ background:url(../images/menu/10_recruitment.jpg) right no-repeat;}
.menubtn11 { width:52px; height:211px; background:url(../images/menu/11_usefull_links.jpg) left no-repeat; float:left;}
.menubtn11 a{ text-decoration:none; display:block; width:52px; height:211px; }
.menubtn11 a:hover{ background:url(../images/menu/11_usefull_links.jpg) right no-repeat;}
.menubtn12 { width:43px; height:211px; background:url(../images/menu/12_contact.jpg) left no-repeat; float:left;}
.menubtn12 a{ text-decoration:none; display:block; width:43x; height:211px; }
.menubtn12 a:hover{ background:url(../images/menu/12_contact.jpg) right no-repeat;}

#head img {-moz-box-shadow:2px 0px 20px #000;-webkit-box-shadow:2px 0px 20px #000;box-shadow:2px 0px 20px #000;position:absolute;z-index:5;}
#head li {overflow:visible !important;}
#head div.splash-bg {position:absolute;-moz-border-radius:1px;-webkit-border-radius:1px;background-image:url("images/menu/bcg.gif");border-radius:1px;bottom:0px;height:211px;right:0px;zoom:1;width:300px;z-index:-999;}
#head div.splash-bg2 {position:absolute;-moz-border-radius:1px;-webkit-border-radius:1px;background-image:url("images/menu/bcg.gif");border-radius:1px;left:60px;bottom:0px;height:211px;right:0px;zoom:1;width:300px;z-index:0;}
.splash-bg{position:relative;z-index:999;left:40px;background-color:#275590;}
.splash-bg2{position:relative;z-index:999;left:60px;background-color:#275590;}
#head div.splash-bg3 {position:absolute;-moz-border-radius:1px;-webkit-border-radius:1px;background-image: url("images/menu/bcg.gif");border-radius:1px;bottom:15px;height:80px;left:-10px;zoom:1;width:218px;z-index:10;}
#head div.splash-info2 {bottom:0px;height:211px;left:55px;position:absolute;width:180px;z-index:15;}
#head h2 {font-size:14px;margin-bottom:7px;}
#head strong {font-size:11px;color:#fff;text-shadow:none;}
.splash-text a{font-size:12px;text-shadow:none;color:#fff;margin:0; text-decoration:none; font-family:"Times New Roman", Times, serif; font-size:17px; line-height:20px;}
.splash-text  {top:50px;bottom:0px;height:211px;left:25px;position:absolute;width:180px;z-index:15;}
.splash-text a:hover {color:#b3cbeb;}

#emailus a{ color:#FFFFFF;}
#emailus a:hover { color:#000066;}

#header_1 { width:965px; margin:0 auto; height:36px; line-height:36px;}
#header_1 a{ color:#FFFFFF; text-decoration:none;}
#header_1 a:hover { text-decoration:underline;}
#header_2 { width:965px; margin:0 auto; height:214px; background:url(../images/bcg/menu.jpg) top no-repeat; padding-top:2px;}

#blank { width:965px; margin:0 auto; height:3px; }

#welcome { width:965px; margin:0 auto; height:123px; background:url(../images/bcg/welcome.gif);  clear:both;} 
#welcome2 { width:965px; margin:0 auto; height:123px; background:url(../images/bcg/topic_personal.gif); clear:both;}
#welcome3 { width:965px; margin:0 auto; height:123px; background:url(../images/bcg/topic_convey.gif); clear:both;}
#welcome4 { width:965px; margin:0 auto; height:123px; background:url(../images/bcg/topic_shariah1.gif); clear:both;}
#welcome5 { width:965px; margin:0 auto; height:123px; background:url(../images/bcg/topic_islamic.gif); clear:both;}
#welcome6 { width:965px; margin:0 auto; height:123px; background:url(../images/bcg/topic_shariah2.gif); clear:both;}
#welcome7 { width:965px; margin:0 auto; height:123px; background:url(../images/bcg/topic_commercial.gif); clear:both;}
#welcome8 { width:965px; margin:0 auto; height:123px; background:url(../images/bcg/topic_recruitment.gif); clear:both;}
#welcome9 { width:965px; margin:0 auto; height:123px; background:url(../images/bcg/topic_links.gif); clear:both;}
#welcome10 { width:965px; margin:0 auto; height:123px; background:url(../images/bcg/topic_contact.gif); clear:both;}
#welcome11 { width:965px; margin:0 auto; height:123px; background:url(../images/bcg/topic_testimonials.gif); clear:both;}
#welcome12 { width:965px; margin:0 auto; height:123px; background:url(../images/bcg/topic_immigration.gif); clear:both;}
#welcome13 { width:965px; margin:0 auto; height:123px; background:url(../images/bcg/topic_employment.gif); clear:both;}

#w_txt { width:748px; float:left; color:#1a457f; margin-top:20px; float:left;}
#w_space { width:15px; float:left;}
#w_fileview a{ width:202px; height:123px; background:url(../images/fileview.gif); display:block; float:left;}
#w_fileview a:hover { background-position:right;}

#under_header { width:965px; margin:0 auto; height:123px; background:url(../images/bcg/uh.gif);}
#under_header  #u_p a{ width:375px; margin:11px 0 0 13px; background:url(../images/button_pr.gif) top left; display:block; float:left; }
#under_header  #u_p a:hover{background:url(../images/button_pr.gif) top right;}
#under_header  #u_u a{ width:360px; margin:11px 15px 0 0; background:url(../images/button_co.gif) top left; display:block; float:left; }
#under_header  #u_u a:hover{background:url(../images/button_co.gif) top right;}
#under_header  #u_fileview a{ width:202px; height:123px; background:url(../images/fileview.gif); display:block; float:left; }
#under_header  #u_fileview a:hover { background-position:right;}

#content { width:965px; margin:0 auto; height:340px;}
#content #personal a{ width:148px; height:182px; display:block; background:url(../images/personal.png) top left; float:left;}
#content #personal a:hover{ background:url(../images/personal.png) right top; height:182px}
#content #conveyancing a{ width:148px; height:182px; display:block; background:url(../images/conveyancing.png) top left; float:left; margin-left:5px;}
#content #conveyancing a:hover{ background:url(../images/conveyancing.png) top right; height:182px}
#content #employment a{ width:148px; height:182px; display:block; background:url(../images/employment.png) top left; float:left;  margin-left:5px;}
#content #employment a:hover{ background:url(../images/employment.png) right top; height:182px}
#content #immigration a{ width:148px; height:182px; display:block; background:url(../images/immigration.png) top left; float:left; margin-left:5px;}
#content #immigration a:hover{ background:url(../images/immigration.png) top right; height:182px}
#content #contactusbtn a{ width:148px; height:182px; display:block; background:url(../images/contactus.png) top left; float:left; margin-left:5px;}
#content #contactusbtn a:hover{ background:url(../images/contactus.png) top right; height:182px}
#content #about { width:427px; height:182px; color:#000000; line-height:1.5em; text-align:justify; float:left; }
#content #address1 { width:171px; height:182px; margin:18px 0 0 30px; color:#333333; line-height:1.4em; float:left; }
#content #undertxt { width:755px; color:#000000; line-height:1.5em; text-align:justify; float:left;}
#content #address2a { width:171px; margin:0 0 0 37px; color:#333333; line-height:1.4em; float:left; }
#content #address2a a{color:#1a457f; }
#content #address2a a:hover{color:#ffffff;}

#content #testimonials { width:171px; background:url(../images/testimonials.gif); color:#999999; float:left; font-size:0.85em;}
#content #testimonials #in_t { margin: 20px 0 0 5px; line-height:1.2em; color:#1a457f; font-weight:bold; font-size:1.2em;}
#content #bullets { width:593px; color:#1a457f; line-height:1.4em; text-align:justify; float:left;}
#content #bullets #in_b{ margin:20px 0 0 35px; line-height:1.7em;}
#content #address2 { width:201px; height:141px; color:#747474; background:url(../images/ft2.gif) bottom left no-repeat; float:left;}
#content #address2 #in_a { margin:0 0 0 30px; line-height:1.4em;}
#content #address2 #in_a a{color:#747474; }
#content #address2 #in_a a:hover{color:#1a457f;}


#content2 { width:965px; margin:0 auto; min-height:320px;}
#content2 #in_content { width:764px; color:#333333; line-height:1.3em; text-align:justify; float:left;}
#content2 #in_content a{color:#333333; }
#content2 #in_content a:hover{color:#1c447b; text-decoration:none;}
#content2 #in_content_address { width:171px; min-height:650px; margin:18px 0 0 30px; color:#333333; line-height:1.4em; float:left;}
#content2 #in_content_address a{color:#1a457f; }
#content2 #in_content_address a:hover{color:#ffffff;}

#quick_contact { width:965px; margin:0 auto;}

#line { width:965px; margin:0 auto;}

#ftr { width:965px; margin:0 auto; padding-top:5px; color:#697a92; font-size:0.85em;}
#ftr a{ color:#697a92; text-decoration:none; font-size:12px;}
#ftr a:hover{ color:#ffffff; text-decoration:underline;}