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

/*
=====================================
	01.	Default Element
=====================================
*/
*{padding:0px; margin:0px;}
div, h1, h2, h3, h4, h5, h6, p, span, input, textarea, select, form, strong, img, a, ul, li{padding:0px; margin:0px;}
img, a, input, textarea{text-decoration:none; outline:none; border:none;}
.left{float:left;}
.right{float:right;}
.clear{clear:both; line-height:1px;}

body{margin:0px; padding:0px; background-color:#fcfcfc; font-family:Arial, Helvetica, sans-serif; line-height:18px;}



@font-face {
    font-family: 'TrajanProRegular';
    src: url('trajanpro-regular-webfont.eot');
    src: url('trajanpro-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('trajanpro-regular-webfont.woff') format('woff'),
         url('trajanpro-regular-webfont.ttf') format('truetype'),
         url('trajanpro-regular-webfont.svg#TrajanProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
				font-family: 'ArnoPro-Display';
				src: url('arnoprodisplay.eot');
				src: url('arnoprodisplayd41d.eot?#iefix') format('embedded-opentype'),
						 url('arnoprodisplay.woff') format('woff'),
						 url('arnoprodisplay.ttf') format('truetype'),
						 url('arnoprodisplay.svg#arnoprodisplay') format('svg');
				font-weight: normal;
				font-style: normal;
		}
		
@font-face {
				font-family: 'Perpetua';
				src: url('per.eot');
				src: url('perd41d.eot?#iefix') format('embedded-opentype'),
						 url('per.woff') format('woff'),
						 url('per.ttf') format('truetype'),
						 url('per.svg#per') format('svg');
				font-weight: normal;
				font-style: normal;
		}

/*
=====================================
	02.	Header Area
=====================================
*/
#top_container{width:100%; float:left; background:url(../images/top_header_bg.jpg) repeat-x;}
.top_wrapper{width:970px; height:auto; margin:0 auto;}
.call_area{width:365px; height:auto; float:left; padding:20px 0px 0px 105px;}
.call_area h2{font:normal 48px 'ArnoPro-Display'; color:#4c4e4f; line-height:50px;font-variant:small-caps;}
.call_area h2 span{font:normal 48px 'ArnoPro-Display'; color:#0fa8f0; font-variant:small-caps;line-height:50px;}
.call_area h3{font:normal 22px 'TrajanProRegular'; color:#0fa8f0; line-height:30px;}
.call_area h3 span{font:normal 22px 'TrajanProRegular'; color:#4c4e4f; line-height:30px;}

.navigation{width:970px; height:45px; float:left; background:url(../images/nav_bg.jpg) repeat-x;}
.navigation ul{margin:0px 73px 0px 73px; padding:0px; height:45px;}
.navigation ul li{margin:0px 1px 0px 1px; padding:0px; list-style-type:none; float:left;}
.navigation ul li a{font:normal 16px 'TrajanProRegular'; color:#FFFFFF; line-height:45px; margin:1px 0px 0px 0px; padding:0px 19px 0px 19px; float:left; text-decoration:none; text-transform:uppercase; text-align:center;}
.navigation ul li a.select, .navigation ul li a:hover{ background:url(../images/nav_hover.jpg) repeat-x; margin:1px 0px 0px 0px; padding:0px 19px 0px 19px; color:#8fdcff;}

/*
=====================================
	03.	Content Area
=====================================
*/
#container{width:100%; float:left; background:url(../images/content_bg.jpg) repeat-x;}
.wrapper{width:970px; height:auto; margin:0 auto;}
.banner_bg{width:957px; height:287px; float:left; background:url(../images/banner_bg.png) no-repeat; padding:13px 0px 0px 13px;}
.form_area{width:247px; height:auto; float:left; background-color:#f5f5f5; border:6px #e4e4e4 solid;}
.form_area h3{font:normal 21px 'TrajanProRegular'; color:#0284c1; line-height:30px;}
.form_area h3 span{font:normal 21px 'TrajanProRegular'; color:#2c2c2c; line-height:30px;}
.form_input_text{width:220px; height:27px; float:left; background-color:#e3e3e3; margin:7px 0px 7px 8px; padding:0px 5px 0px 5px; font:normal 12px Arial, Helvetica, sans-serif; color:#5d5a5a; line-height:27px;}
.form_comments_text{width:220px; height:50px; float:left; background-color:#e3e3e3; margin:7px 0px 7px 8px; padding:0px 5px 0px 5px; font:normal 12px Arial, Helvetica, sans-serif; color:#5d5a5a; line-height:18px;}
.submit_btn{width:67px; height:21px; float:right; background:url(../images/submit_btn.jpg) no-repeat; outline:none; border:none; cursor:pointer; margin:5px 9px 8px 0px;}

.law_category{width:930px; height:auto; float:left; padding:0px 20px 0px 20px;}
.personal_injury_area{width:260px; height:auto; float:left;}
.personal_injury_area h2{font:normal 22px 'TrajanProRegular'; color:#0fa8f0; line-height:30px; text-transform:uppercase;}
.injury_list{width:260px; height:auto; float:left;}
.injury_list ul{margin:5px 0px 0px 0px; padding:0px;}
.injury_list li{margin:0px; padding:0px; list-style-type:none; float:left; background-position:left top; background:url(../images/list_line.jpg) no-repeat left top; width:258px; height:auto;}
.injury_list li:first-child{background:none; margin:0px; padding:0px; float:left;}
.injury_list li a{font:normal 12px Arial, Helvetica, sans-serif; color:#4e4e4e; line-height:20px; margin:0px; padding:3px 0px 8px 0px; text-transform:uppercase; float:left;}

.more_btn{width:62px; height:26px; float:right; background:url(../images/more_btn.png) no-repeat;}
.more_btn h4{font:normal 12px Arial, Helvetica, sans-serif; color:#4e4e4e; line-height:26px; text-align:center;}
.more_btn h4 a{font:normal 12px Arial, Helvetica, sans-serif; color:#4e4e4e; line-height:26px; text-align:center; text-transform:uppercase; width:62px; height:26px; float:left;}

.marriage_area{width:317px; height:auto; float:left; margin:0px 0px 0px 16px;}
.marriage_area h2{font:normal 22px 'TrajanProRegular'; color:#0fa8f0; line-height:30px; text-transform:uppercase;}
.marriage_list{width:260px; height:auto; float:left;}
.marriage_list ul{margin:5px 0px 0px 0px; padding:0px;}
.marriage_list li{margin:0px; padding:0px; list-style-type:none; float:left; background-position:left top; background:url(../images/marriage_line.jpg) no-repeat; width:317px; height:auto;}
.marriage_list li:first-child{background:none; margin:0px; padding:0px; float:left;}
.marriage_list li a{font:normal 12px Arial, Helvetica, sans-serif; color:#4e4e4e; line-height:20px; margin:0px; padding:3px 0px 8px 0px; text-transform:uppercase; float:left;}

.emplyment_law_area{width:250px; height:auto; float:left;}
.emplyment_law{width:250px; height:auto; float:left; margin:0px 50px 0px 0px;}
.emplyment_law h2{font:normal 22px 'TrajanProRegular'; color:#0fa8f0; line-height:30px; text-transform:uppercase;}
.emplyment_law_list{width:200px; height:auto; float:left;}
.emplyment_law_list ul{margin:5px 0px 0px 0px; padding:0px;}
.emplyment_law_list li{margin:0px; padding:0px; list-style-type:none; float:left; background-position:left top; background:url(../images/emplyment_line.jpg) no-repeat; width:200px; height:auto;}
.emplyment_law_list li:first-child{background:none; margin:0px; padding:0px; float:left;}
.emplyment_law_list li a{font:normal 12px Arial, Helvetica, sans-serif; color:#4e4e4e; line-height:20px; margin:0px; padding:3px 0px 8px 0px; text-transform:uppercase; float:left;}


.about_company{width:950px; height:auto; float:left; padding-right:20px;}
.about_company h2{font:normal 22px 'TrajanProRegular'; color:#0fa8f0; line-height:40px; border-bottom:1px #666666 solid; text-transform:uppercase;}
.about_company h4{font:bold 16px Arial, Helvetica, sans-serif; color:#4e4e4e; line-height:25px;}
.about_company p{font:normal 12px Arial, Helvetica, sans-serif; color:#4e4e4e; line-height:18px; margin-bottom:15px; text-indent:20px; text-align:justify;}

.left_panel{width:618px; height:auto; float:left;}
.left_panel h3{font:normal 22px 'TrajanProRegular'; color:#0fa8f0; line-height:40px; border-bottom:1px #666666 solid; text-transform:uppercase;}
.left_panel h4{font:normal 18px 'TrajanProRegular'; color:#00adff; line-height:40px; text-transform:uppercase; margin:10px 0px 0px 0px;}
.left_panel p{font:normal 12px Arial, Helvetica, sans-serif; color:#2d2d2d; line-height:18px; text-align:justify;}
.left_panel p span{font:normal 12px Arial, Helvetica, sans-serif; color:#2d2d2d; line-height:18px;}
.left_panel p span a{font:bold 12px Arial, Helvetica, sans-serif; color:#2d2d2d; line-height:18px;}
.left_panel_bg_one{width:228px; height:343px; float:left; background:url(../images/home_pic_bg1.png) no-repeat; padding:11px 0px 0px 11px; margin:10px 10px 0px 0px;}
.left_panel_bg_two{width:228px; height:119px; float:left; background:url(../images/home_pic_bg2.png) no-repeat; padding:11px 0px 0px 11px; margin:10px 10px 0px 0px;}
.left_panel_bg_three{width:228px; height:210px; float:left; background:url(../images/home_pic_bg3.png) no-repeat; padding:11px 0px 0px 11px; margin:10px 10px 0px 0px;}

.right_panel_box{width:296px; height:auto; float:right; background:url(../images/right_panel_box_bg.jpg) repeat-x #f6f6f6; border:1px #04adff solid; margin-top:40px; padding:0px 8px 50px 10px;}
.right_panel_box h1{font:normal 26px 'TrajanProRegular'; color:#FFFFFF; line-height:45px; text-transform:uppercase; margin-bottom:10px;}
.right_panel_box h2{font:normal 20px Arial, Helvetica, sans-serif; color:#0f1708; line-height:30px;}
.map_bg{width:281px; height:255px; float:left; background:url(../images/map_bg.png) no-repeat; padding:13px 0px 0px 12px; margin-bottom:15px; overflow: hidden;}

/*
=====================================
	04.	Footer Area
=====================================
*/
.footer_holder{width:970px; height:auto; float:left; padding-top:30px; padding-bottom:10px; background:url(../images/footer_bg.png) no-repeat;}
ul.footer{margin:0px; padding:0px; text-align:center;}
ul.footer li{margin:0px; padding:0px 6px 0px 6px; display:inline; background:url(../images/footer_sep.jpg) no-repeat; background-position:left 5px;}
ul.footer li:first-child{background:none; display:inline; margin:0px; padding:0px;}
ul.footer li a{font:normal 12px Arial, Helvetica, sans-serif; color:#343434; line-height:20px; text-decoration:none; margin:0px; padding:0px 6px 0px 6px; display:inline;}

p.copy{font:normal 12px Arial, Helvetica, sans-serif; color:#343434; line-height:22px; text-align:center;}
p.copy span{color:#0fa8f0;}



/********************************************************

*********************************************************/
.banner_inner{ width:100%; margin:0px 0 35px 0;}
.banner_inner_right{ width:600px; float:right;}
.banner_con_left{ width:250px; float:left;}
.banner_con_right{ width:295px; float:right;}
.banner_inner_right h2{ font-family: 'Perpetua'; font-size:24px; color:#0284c1; line-height:24px; margin-bottom:6px; font-weight:normal; }
.banner_inner_right p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4e4e4e; line-height:16px; margin-bottom:10px;}

.banner_con_right p{ line-height:24px !important;}
.inner_banner_bottom{ margin:20px 0 0 0;}
.inner_banner_bottom_left{ width:275px; float:left; border-right:1px solid #0777ab; padding-right:12px;}
.inner_banner_bottom_right{ width:300px; float:right;}

.inner_banner_bottom_left p{  line-height:24px !important;}
.inner_banner_bottom_right p{  line-height:24px !important;}

.banner_inner_right p span{ color:#0777ab; text-transform:uppercase;}






/*kanchan*/
.about_address{width:100%; padding:8px 0px;}
.about_address ul{list-style: none;}
.about_address h5{font: normal 18px 'TrajanProRegular'; color: #00adff; line-height: 40px; text-transform: uppercase; margin: 10px 0px 0px 0px;}
.about_address h6{font: normal 14px 'TrajanProRegular'; color:#000; line-height: 25px; margin: 10px 0px 2px 0px;}
.about_address ul li a{font: normal 14px Arial, Helvetica, sans-serif; line-height: 25px;  color:#000;}
.about_address ul li{margin-bottom:3px; font: normal 14px Arial, Helvetica, sans-serif; line-height: 25px;  color:#000;}
.right_panel_box h2{padding-bottom:20px;}
.map_bg{overflow: hidden;}
.map_bg img{width:100%;}
.left{overflow: hidden; /*border:6px solid #fff; box-shadow: 1px 1px 5px #454545;*/}

