@charset "utf-8";
/* CSS Document */
body{background:#e8e8e8; padding:0 0 0 0; margin:0; color:#8b8b8b; font-size:12px ; font-weight:normal; line-height:17px; font-family:Arial, Helvetica, sans-serif; width:100%;}
*{padding:0; margin:0;}
img{border:0;}
ul,li{ list-style:none; padding:0; margin:0;}
a,hover{text-decoration:none; outline:0; -webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
form,input, select, textarea{outline:0; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px;}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1,h2,h3,h4,h5 {
	font-weight: normal;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

.clear{ clear:both;}
.left{ float:left !important;}
.right{ float:right !important;}

/*------font-face------*/
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-reg-webfont.eot');
    src: url('../fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-reg-webfont.woff') format('woff'),
         url('../fonts/lato-reg-webfont.ttf') format('truetype'),
         url('../fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bol-webfont.eot');
    src: url('../fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bol-webfont.woff') format('woff'),
         url('../fonts/lato-bol-webfont.ttf') format('truetype'),
         url('../fonts/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}			

/*---------------------main-------------------------*/
.nav-call-wrapper{ padding:4px 3% 4px 3%; min-height:52px; position:relative; background:#122f37;}
.nav-call-wrapper h2{ text-align:right; line-height:58px; color:#eaeaea; font-size:13px; position:absolute; top:0px; right:10px;}
.nav-call-wrapper h2 span{ font-size:16px;}
.nav-call-wrapper h2 span a{ font-size:16px;}
.header .logo-wrapper{ padding:10px 3% 5px 3%; background:#ebebeb;}
.header .logo-wrapper .gold{ position:absolute; right:3%;}
.header .banner-wrapper{ background:#d2d4d5; min-height:85px; padding:16px 3% 6px 3%; text-align:center;}
.header .banner-wrapper ul li{ display:inline-block; width:139px; height:39px;}

.header .banner-wrapper ul li a{ display:inline-block; width:139px; height:39px; line-height:38px; color:#264350; background:url(../images/banner-button.png) no-repeat;}
.header .banner-wrapper ul li a:hover{ background:url(../images/banner-button-hover.png) no-repeat;}

/*----------------------------body------------------------*/
.body-wrapper{ padding:10px 3% 0 3%;}
.body-wrapper .form-sec{ background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; box-shadow:0px 0px 3px #999999;  -moz-box-shadow:0px 0px 3px #999999;  -webkit-box-shadow:0px 0px 3px #999999; padding:20px 14px 16px 14px; position:relative;}
.body-wrapper .form-sec .form1{ width:48%; float:left; padding:0 0 7px 0;}
.body-wrapper .form-sec .form2{ width:48%; float:right;  padding:0 0 7px 0;}
.body-wrapper .form-sec input.name{ height:26px; width:92%; box-shadow:inset 0px 0px 2px #DBDBDB; -moz-box-shadow:inset 0px 0px 2px #DBDBDB; -webkit-box-shadow:inset 0px 0px 2px #DBDBDB; border:1px solid #EAEAEA; padding:0 4%; margin:4px 0 0 0; border:1px solid #EBEBEB; background:#fcfcfc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.body-wrapper .form-sec .form3{padding:0 0 7px 0;}
.body-wrapper .form-sec input.name2{ height:26px; width:92%; box-shadow:inset 0px 0px 2px #DBDBDB; -moz-box-shadow:inset 0px 0px 2px #DBDBDB; -webkit-box-shadow:inset 0px 0px 2px #DBDBDB; border:1px solid #EAEAEA; padding:0 4%; margin:4px 0 0 0; border:1px solid #EBEBEB; background:#fcfcfc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.body-wrapper .form-sec select.name3{ height:26px; width:103%; box-shadow:inset 0px 0px 2px #DBDBDB; -moz-box-shadow:inset 0px 0px 2px #DBDBDB; -webkit-box-shadow:inset 0px 0px 2px #DBDBDB; border:1px solid #EAEAEA; padding:1% 1% 1% 4%; margin:4px 0 0 0; border:1px solid #EBEBEB; background:#fcfcfc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.body-wrapper .form-sec textarea.name4{ height:80px; width:92%; box-shadow:inset 0px 0px 2px #DBDBDB; -moz-box-shadow:inset 0px 0px 2px #DBDBDB; -webkit-box-shadow:inset 0px 0px 2px #DBDBDB; border:1px solid #EAEAEA; padding:1% 4% 1% 4%; margin:4px 0 0 0; border:1px solid #EBEBEB; background:#fcfcfc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
input.submit{ width:63px; height:26px; border-radius:3px; background:#d9151d; float:right; color:#fff; border:none;}
input.submit:hover{ background:#e8272f;}

.body-wrapper .form-sec a.link1{ display:block; position:absolute; height:32px; width:44%; background:url(../images/red-bg.png) repeat-x; border-radius:3px 3px 0px 0px; text-align:center; line-height:38px; text-transform:uppercase; font-style:italic; color:#fff; left:0px; top:-32px;}
.body-wrapper .form-sec a.link1:hover{ background:url(../images/red-bg-hover.png) repeat-x;}

.body-wrapper .form-sec a.link2{ display:block; position:absolute; height:32px; width:50%; background:url(../images/red-bg.png) repeat-x; border-radius:3px 3px 0px 0px; text-align:center; line-height:38px; text-transform:uppercase; font-style:italic; color:#fff; right:0px; top:-32px;}
.body-wrapper .form-sec a.link2:hover{ background:url(../images/red-bg-hover.png) repeat-x;}
.body-wrapper .form-sec a.link2 img{ display:block; position:absolute; left:48%; bottom:-6px;}


/*-----------------------------button-panel-------------------------------------*/
.button-wrapper{ position:relative;border-radius:5px; margin:15px 0 15px 0; overflow:hidden; z-index:1; }
img.back-button{ display:block; float:right; position:absolute; margin:0 0 0 0;  z-index:10; right:10px; top:5px; }
.button-wrapper h2{background:url(../images/button-bg.png) bottom repeat-x; display:block; font-size:14px; line-height:34px; padding:0 0 0 12px; color:#fdfdfd; position:relative;}
.personal{ background:url(../images/personal.png) repeat-x !important;}
.family{ background:url(../images/family.png) repeat-x !important;}
.commercial{ background:url(../images/commercial.png) repeat-x !important; color:#122f37 !important;}
.wills{ background:url(../images/wills-1.png) repeat-x !important; }
.button-wrapper h4 a {background:url(../images/button-bg.png) bottom repeat-x; display:block; font-size:14px; line-height:34px; padding:0 0 0 12px; color:#fdfdfd; position:relative;}
.button-wrapper h4 a:hover {background:url(../images/button-bg-hover.png) bottom repeat-x; display:block; font-size:14px; line-height:34px; padding:0 0 0 12px; color:#fdfdfd; position:relative;}
.button-wrapper h4 img{ display:block; position:absolute; right:12px; top:13px;}
.button-wrapper h2 img{ display:block; position:absolute; right:12px; top:13px;}
.button-wrapper ul li{ height:38px;}
.button-wrapper ul li a{ background:url(../images/button-bg.png) bottom repeat-x; display:block; line-height:38px; padding:0 0 0 14px; color:#132d4e; text-transform:uppercase;position:relative;}
.button-wrapper ul li a:hover{ background:url(../images/button-bg-hover.png) bottom repeat-x;}
.button-wrapper ul li a img{ display:block; position:absolute; right:12px; top:15px;}

/*-------------------------------box-panel--------------------------------------*/
.box-panel{ text-align:center;}
.box-panel ul{ text-align:center;}
.box-panel ul li{ display:inline-block; height:90px; width:90px;}
.box-panel ul li a{ display:block; height:72px; width:90px; background:url(../images/box-bg.png) repeat-x; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; padding:18px 0 0 0; color:#fff;}
.box-panel ul li a:hover{ background:url(../images/box-bg-hover.png) repeat-x;}
.box-panel ul li a img{ display:block; margin:0 auto 10px auto;}

/*-------------------------button-wrapper---------------------*/
.nav-button ul li a{ text-decoration:none !important;}

/*---------------------------testimonials------------------------------*/
.button-wrapper .wel-content{ padding:12px; background: url(../images/testi-bg.png)repeat-x bottom #fbfbfb  !important;}
.button-wrapper .wel-content p{ color:#4e4e4e; padding:0 0 10px 0;}
.button-wrapper .wel-content p span{ font-style:italic; color:#083c7a;}
.button-wrapper .wel-content p span.style{ font-style:italic; color:#FF0000;}
.button-wrapper .wel-content p a{color:#000 !important; font-weight:bold;}
.button-wrapper .wel-content p a:hover{color:#145567;}

/*-----------footer---------------*/
.footer{ background:#fff; height:49px; line-height:49px; text-align:center; color:#57666b;}


/*=====================================*/
.example {
  background: #fff;
  overflow: hidden;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-bottom: 20px;
}

/* Pre hide sections with JavaScript on
--- */
h3+div {
  display: none;
}

/* CSS3 Animation example
--- */
#css3-animated-example h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background: #000;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#css3-animated-example .content {
  padding: 0;
}

#css3-animated-example h3.open + div {
  height: auto;
  background: #fff;
}
#css3-animated-example h3.open + div ul li{ height:28px; font-size:13px; line-height:28px; background:url(../images/sub-nav.png) no-repeat 7px 10px; text-transform:none; margin:0 0 0 10px;}
#css3-animated-example h3.open + div ul li a{ background:none; display:block; height:28px; line-height:28px; text-transform:none;}

/* Event example
--- */
pre#event-log {
  background: #fafacc;
  padding: 10px;
  display: block;
}

/* Responsive design
--- */
 h3{ font-size:13px !important; background:url(../images/nav-btn.png) no-repeat right; line-height:26px;}
  h3.home-contact{ border-radius:0px 0px 5px 5px !important; overflow:hidden;}
   h3.home-about{ border-radius:5px 5px 0px 0px !important; overflow:hidden;}
 h3 a {
font-size:13px !important; background:url(../images/nav-btn.png) no-repeat right;
  display: block;
  padding: 4px 10px;
  margin: 0;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  height:26px;

}
 h3:hover {background:url(../images/nav-btn.png) no-repeat right;}
 h3.open  {background:url(../images/nav-btn.png) no-repeat right; }
 h3.open a { background:url(../images/nav-btn-hover.png) no-repeat right; }
 h3 + div { padding: 10px; }

h2 + div,
.example {
  background: #fff;
  overflow: hidden;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-bottom: 20px;
}
.content1{ height:930px !important;}

.menu-style{ font-style:italic;}

.button-wrapper .wel-content h4{color:#145567; font-size:13px; }
.button-wrapper .wel-content h4.wills{color:#145567 !important;  font-size:16px !important; background:none !important; margin:0 0 6px 0;}
.button-wrapper .wel-content ul li{ display:block; height:inherit; line-height:17px; color:#4e4e4e;
 padding:0 0 0 0; width:100%;  }
.button-wrapper .wel-content ul{ padding:0 0 12px 0; }

.button-wrapper .wel-content ul li a{color:#000; background:none !important; height:auto !important; display:block !important;
 line-height:20px !important; text-transform:none !important;padding:0 0 0 0px !important ; width:auto; float:left; clear:both !important; }
 .button-wrapper .wel-content ul li { background:none !important; height:auto !important; display:block !important;
 line-height:20px !important; text-transform:none !important;padding:0 0 0 8px !important ; width:auto; float:left; clear:both; background:url(../images/nav-arrow-li.png) no-repeat 0px 5px !important; }

.button-wrapper .wel-content ul li a:hover{color:#0332e4;}

/*-------------------form-----------------------*/
.form-wrapper{  position:relative; }
.form-wrapper p{ padding:0 0 5px 0 !important;}
form input.name{ width:96%; clear:both; position:relative; height:20px; background:#fefefe;border:#e5e5e5 solid 1px;   padding:1% 2%; color:#8e8a8a; font-size:12px;  margin-bottom:10px; color:#8e9091;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}  
form textarea.text-feild{  width:96%; position:relative; height:60px; background:#fefefe; border:#e5e5e5 solid 1px; margin-bottom:10px;  font-size:12px; color:#8e9091;padding:1% 2%;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;} 
form input.submit{ display:block; width:80px; height:30px; background:#343534; color:#fff; border:none; float:left; margin:0 0 0 0; border-radius:3px; -moz-border-radius:3px;  -webkit-border-radius:3px;  -khtml-border-radius:3px; border:none;}
form input.submit:hover{background:#5b5d5b;}
form select.name2{ width:100%; clear:both; position:relative; height:30px; background:#fefefe;border:#e5e5e5 solid 1px;   /*padding:1% 2%;*/ color:#8e8a8a;  font-size:12px;  margin-bottom:10px; color:#8e9091;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px;}  

/*.button-wrapper .wel-content{ padding:12px; background: url(../images/testi-bg.png)repeat-x bottom #fbfbfb  !important;}*/
.button-wrapper .wel-content .profile-img{ width:48%; float:left;}
.button-wrapper .wel-content .profile-img p{  padding-bottom:2px !important;}
.button-wrapper .wel-content .profile-img2{ width:48%; float:right;}
.button-wrapper .wel-content .profile-img2 p{  padding-bottom:2px !important;}


.strong-style{ color:#9F0000;}
.strong-style a{color:#9F0000;}
.strong-style a:hover{color:#9F0000;}


/*----------------------24-10-2013--------------------*/
.content3{ height:130px !important;}

.button-wrapper .wel-content ul li.arrow{color:#4e4e4e; background:none !important; height:auto !important; display:block !important;
 line-height:20px !important; text-transform:none !important;padding:0 0 0 8px !important ; width:auto; float:left; clear:both; background:url(../images/nav-arrow-li.png) no-repeat 0px 5px !important; }