/* Intialization */
*,html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:12px; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
a,img{ outline:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
html{ width:100%;}
.clear { clear:both; height:0px;}
.left { float:left;}
.right{ float:right;}
.width990{ width:990px; margin:0px auto; }
.no_obligation_logo{display:none;}
/******************************************************/
/*********************** FONT FACE ******************/
@font-face {
font-family: 'FuturaBookRegular';
src: url('../fonts/futur2-webfont.eot');
src: url('../fonts/futur2-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/futur2-webfont.woff') format('woff'),
url('../fonts/futur2-webfont.ttf') format('truetype'),
url('../fonts/futur2-webfont.svg#FuturaBookRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FuturiCondensedRegular';
src: url('../fonts/fcaswfte-webfont.eot');
src: url('../fonts/fcaswfte-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/fcaswfte-webfont.woff') format('woff'),
url('../fonts/fcaswfte-webfont.ttf') format('truetype'),
url('../fonts/fcaswfte-webfont.svg#FuturiCondensedRegular') format('svg');
font-weight: normal;
font-style: normal;
}
/**************************************************/
/*@media only screen{
.logoContactbox { position: device-fixed; }
}
@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
.portrait { display: none; }
}*/
/******************************************************/
#wrapper{min-width:1024px; }
.topbar{color: #fff; height: 15px;
/* For WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, from(#a7b4cd), to(#98a4bb));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #a7b4cd, #98a4bb);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a7b4cd, endColorstr=#98a4bb);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#a7b4cd, endColorstr=#98a4bb)";
}
#page{ margin-top:-200px;}
#headercontainer{ }
#headercontainer .header{ width:990px; margin:0px auto; position:relative; }
#headercontainer .header .head1{padding:25px 0 0; }
#headercontainer .header .head1 .logoimage{ float:left; }
#headercontainer .header .head1 .slogen{float:right; }
#headercontainer .header .head1 .slogen ul{ margin:12px 0 0}
#headercontainer .header .head1 .slogen ul li{ float:left; display:inline; height:27px; padding:2px 19px 2px 18px; background: url(../images/seperator.jpg) right top no-repeat; }
#headercontainer .header .head1 .slogen ul li img{ }
#headercontainer .header .head1 .slogen ul li.telno{ padding-top:6px; background:none; padding-right:0;}
#headercontainer .header .head1 .slogen ul li.slogentitle{ padding-top:6px; padding-left:0;}
#headercontainer .header .head1 .slogen ul li.year{ padding-top:2px;}
#headercontainer .header .head2{padding:25px 0 0;}
#headercontainer .header .head2 .menu { background:url(../images/menubg.jpg) left top repeat-x !important; border:1px solid #FFF;}
#headercontainer .header .head2 .menu ul{ height:44px; }
#headercontainer .header .head2 .menu ul li{ float:left; display:inline-block; border-right:1px solid #FFF; text-align:center; width:196px; }
#headercontainer .header .head2 .menu ul li.last{ border:none;}
#headercontainer .header .head2 .menu ul li.last a{ width:200px; }
#headercontainer .header .head2 .menu ul li a{ display:block; padding:17px 0px 0px 0px; height:27px; width:196px; /* IE *padding:17px 60.8px 2px; */ }
#headercontainer .header .head2 .menu ul li img{ }
#headercontainer .header .head2 .menu ul li a:hover { display:block; background:url(../images/manu_bg.jpg) top left repeat-x;}
#headercontainer .header .head2 .menu ul li ul li a:hover { display:block; background:none !important;}
#headercontainer .header .head2 .menu ul li a.current { display:block; background:url(../images/manu_bg.jpg) top left repeat-x; }
#headercontainer .header .head2 .menu ul li ul.servicesmenu{ margin:0px !important; padding:18px 0px 10px; background:#dfeff7 url(../images/manu_bar.jpg) top left no-repeat; position: absolute; z-index:9999; left: 0; display: none; visibility: hidden; width:197px !important; border-bottom:5px solid #9dd0e6; }
#headercontainer .header .head2 .menu ul li ul.servicesmenu li{ float:none !important; border-right:none !important; display:block !important; }
#headercontainer .header .head2 .menu ul li ul.servicesmenu li .submenulist{padding:0px 20px !important;}
#headercontainer .header .head2 .menu ul li ul.servicesmenu li .submenulist .submenu{ padding-left:20px; color:#20607b;}
#headercontainer .header .head2 .menu ul li ul.servicesmenu li .submenulist .submenu a{color:#363636 !important;}
#headercontainer .header .head2 .menu ul li ul.servicesmenu li .submenulist .heading { padding:0px 0 12px !important; font-size:13px; color:#00F; line-height:160%; margin:0; padding:0; text-align:left}
#headercontainer .header .head2 .menu ul li ul.servicesmenu li .submenulist a {width:165px !important; height:auto !important; }
/*/////////////////////////////////////////////////////////////////////////Blog Excerpt////////////////////////////////////////////////////////////*/
#blog_excerpt .heading{ background:url(../images/line.png) left 27px repeat-x;}
#blog_excerpt .heading .lefttext{ font-family: 'FuturiCondensedRegular'; font-size:34px; color:#53b0d9; line-height:150%; background-color:#f8f8f8; padding-right:15px;}
#blog_excerpt .heading .righttext {margin-top:21px; padding-left:5px; background-color:#f8f8f8;}
#blog_excerpt .blogentity { line-height:150%; width:293px; padding:20px 0px 20px 0px; }
#blog_excerpt .blogentity .blogheading{ height:70px; font-size:16px !important;}
#blog_excerpt .blogentity .blogheading a{ color:#2f9fd0; text-decoration:none;}
#blog_excerpt .blogentity p{ font-size:13px; color:#666; text-align:justify;}
#blog_excerpt .blogentity .date { margin:8px 0px 8px 0px; }
#blog_excerpt .blogentity .text a{ color:#666; text-decoration:none;}
#blog_excerpt .blog_section ul { list-style:none; }
#blog_excerpt .blog_section ul li { float:left; display:inline-block; margin-right:36px; width:300px; }
#blog_excerpt .blog_section ul li.last { margin-right:0px; }
#blog_excerpt .inner_text { border-top:1px solid #dfdfdf; }
#blog_excerpt .inner_text p { font-size:13px; color:#666; line-height:150%; padding:20px 0px 20px 0px; }
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contentcontainer .footer_area { height:95px; width:990px; margin:0px auto; background:url(../images/footer_bg.jpg) left top no-repeat; }
#contentcontainer .footer_area ul { list-style:none; display:block; margin-left:162px; }
#contentcontainer .footer_area ul li { float:left; padding:30px 22px 10px 22px; background:url(../images/footer_line.jpg) right 33px no-repeat; }
#contentcontainer .footer_area ul li a { font-family:Georgia, "Times New Roman", Times, serif; color:#666; text-decoration:none; font-size:15px;}
#contentcontainer .footer_area ul li.last { background:none; }
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contentcontainer .blog_area{ width:990px; margin:40px auto 0px auto;}
#contentcontainer .blog_area span{ font-family: Arial,Helvetica,sans-serif; font-size: 15px; color:#666; padding-bottom: 5px; padding-top: 5px; text-align: left;}
#contentcontainer .blog_area h1 { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#666; line-height:160%; margin-bottom:20px; }
#contentcontainer .blog_area h2 { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#666; line-height:160%; margin-bottom:20px; }
#contentcontainer .blog_area h3 { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#666; line-height:160%; margin-bottom:20px; }
#contentcontainer .blog_area p { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; line-height:160%; padding-bottom:10px; text-align:justify; }
#contentcontainer .blog_area a{font-family:Arial, Helvetica, sans-serif; color:#2f9fd0;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contentcontainer .linking
{
width:980px;
margin:40px auto 0px auto;
}
#contentcontainer .linking a { font-family:Arial, Helvetica, sans-serif; color:#4e4e4e; font-size:12px; line-height:160%; text-decoration:none; text-align:center; }
#contentcontainer .linking p { font-family:Arial, Helvetica, sans-serif; color:#4e4e4e; font-size:12px; line-height:160%; text-align:center; padding:10px 0;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#contentcontainer .bottom_area{ text-align: center; width: 990px; margin:50px auto 0px auto; padding-bottom:20px; }
#contentcontainer .bottom_area p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4f4f4f; }
#contentcontainer .bottom_area a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4f4f4f; text-decoration:none; }
/************* Smoth Drop Down*********************/
.ddsmoothmenu{ font-family:Georgia; width: 100%;}
.ddsmoothmenu ul{font-family:Georgia; z-index:100; margin: 0; padding: 0; list-style-type: none; height:44px; }
/*Top level list items*/
.ddsmoothmenu ul li{position: relative; display: inline; float: left;}
/*Top level menu link items style*/
.ddsmoothmenu ul li a{ display: block; color: white; color: #2d2b2b; text-decoration: none;}
* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block;}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ font-family:Georgia; font-size:13px; color:#363636;}
.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
font-family:Georgia; font-size:14px; color:#999; }
.ddsmoothmenu ul li a:hover{ font-family:Georgia;; font-size:13px; text-decoration:underline; }
/*1st sub level menu*/
.ddsmoothmenu ul li ul{ margin:0px 0 0 -198px; padding:20px 0px 10px; background:#dfeff7 url(../images/manu_bar.jpg) top left no-repeat; position: absolute; z-index:9999; left: 0; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; width:594px; border-bottom:5px solid #9dd0e6; height:auto !important;}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{ border-right: 1px solid #9dd0e6 !important; min-height:230px; width:197px ; float:left; display:inline-block; z-index:9999; }
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{ top: 0; }
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
/*width: 160px; width of sub menus*/
margin: 0; padding:0 !important; }
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images ######### */
.downarrowclass{position: absolute; top: 12px; right: 7px; }
.rightarrowclass{position: absolute; top: 6px; right: 5px; }
/* ######### CSS for shadow added to sub menus ######### */
.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute; left: 0; top: 0; width: 0; height: 0; background: silver; }
.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8; }
.ddsmoothmenu ul li ul li .submenulist{padding:0px 40px 0 20px;}
.ddsmoothmenu ul li ul li .submenulist1{padding:0px 58px 0 20px;}
.ddsmoothmenu ul li ul li .submenulist2{padding:0px 20px 0 20px;}
.ddsmoothmenu ul li ul li .heading a{ font-family:Georgia; font-size:15px; color:#20607b; margin:1px 0 5px; text-align:left;}
.ddsmoothmenu ul li ul li .heading1 a{ font-family:Georgia;; font-size:15px; color:#20607b; margin:5px 0; text-align:left}
.ddsmoothmenu ul li ul li p {font-family:Georgia;; font-size:13px; color:#00F; line-height:160%; margin:0; padding:0; text-align:left}
/*********************************************************************************************************************/
#err_msg2{ color:#F00; font-size:12px; text-align:center;}
#obligation_quote { width:1000px; margin:0px auto; height:210px; background:url(../images/index_bg.png) top left no-repeat; padding-bottom:30px; }
#obligation_quote .leftside {width:264px; float:left; margin:30px 0px 0px 40px; }
#obligation_quote .leftside .logo { padding:0 0 5px 12px;}
#obligation_quote .leftside .logo img{padding-left:5px;}
#obligation_quote .leftside p { font-size:14px; color:#666666; text-align:center; }
#obligation_quote .text_box { width:262px; margin:10px 0px 0px 0px;}
#obligation_quote .text_box .box_div {background:url(../images/text_bg.jpg) left top no-repeat; height:32px; margin-bottom:10px; }
#obligation_quote .text_box .box_div input{ width:240px; background-color:transparent; padding: 4px 8px 5px 6px; border:none; height:25px; line-height:160%; margin:0 0 5px 5px; outline:none; color:#999; font-size:14px; font-style:italic;}
#obligation_quote .rightside{ width:540px; float:right; margin:0px 10px 0px 0px;}
#obligation_quote .rightside .ob_title { background:url(../images/sep2.jpg) left 12px repeat-x; margin:33px 14px 0; text-align:center; }
#obligation_quote .rightside .ob_title h2 { font-size:18px; color:#2f9fd0; background-color:#f8f8f8; display:inline-block; padding:0 10px;}
#obligation_quote .rightside .contactinfo{margin:23px 0px 0px 30px; overflow:hidden;}
#obligation_quote .rightside .contactinfo ul{}
#obligation_quote .rightside .contactinfo ul li{ float:left; display:inline-block; color:#666666; font-size:15px; background:url(../images/sep3.jpg) right 1px no-repeat; padding:0px 21px;}
#obligation_quote .rightside .contactinfo ul li.last{ background:none;}
#obligation_quote .rightside .contactinfo ul li a{color:#575757;}
#obligation_quote .rightside .social{margin:23px 0px 7px 32px; overflow:hidden;}
#obligation_quote .rightside .social ul{}
#obligation_quote .rightside .social ul li{ float:left; display:inline-block; color:#666666; font-size:15px; background:url(../images/sep4.jpg) left 20px no-repeat; padding:16px 31px 0; min-height:31px; vertical-align:middle}
#obligation_quote .rightside .social ul li.first{ padding-left:23px; padding-right:40px}
#obligation_quote .rightside .social ul li.second{ padding-right:15px; padding-left:23px;}
#obligation_quote .rightside .social ul li.last{ background:none; padding:7px 0 0 ;}
#obligation_quote .rightside .social ul li a{color:#666666;}
#contentcontainer .portfolio{ padding:30px 0; text-align:center; margin:0 auto; width:990px; *padding:30px 0 0;}
#contentcontainer .portfolio ul { list-style:none; display:block; }
#contentcontainer .portfolio ul li { float:left; background:url(../images/circle_sep.png) right 28px no-repeat; font-family: 'FuturiCondensedRegular'; color:#a7b4cd; font-size:25px; line-height:120%; padding:15px 44px 10px; display:inline-block; }
#contentcontainer .portfolio ul li a{color:#a7b4cd; text-decoration:none;}
#contentcontainer .portfolio ul li.last{ background:none;}
#contentcontainer .portfolio ul li p{ font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-top:-13px; color:#999999;}
#contentcontainer .portfolio ul li p a{color:#999999 !important;}
/*************************************************************************/
#popupform {padding:40px 40px 25px;}
#popupform .logo{}
#popupform .heading{font-family: 'FuturiCondensedRegular'; font-size:40px; color:#fff; line-height:150%; padding:7px 0 ;}
#popupform .text{ font-size:20px; color:#fff; line-height:150%;}
#popupform .text a{color:#fff;}
#popupform .text p{ font-size:14px; padding:4px 0 0px;}
#popupform .contactgirl{ position:absolute; right:57px; top:77px; *top:85px;}
#popupform .formarea{ margin-top:10px;}
#popupform .formarea .one input { width:180px; background-color:#e4e4e4; border:1px solid #9a9a9a; padding:3px 4px 3px 5px; }
#popupform .formarea .one span input { width:100px; background-color:#e4e4e4; border:1px solid #9a9a9a; margin-left:8px; }
#popupform .formarea p input { width:300px; background-color:#e4e4e4; border:1px solid #9a9a9a; padding:3px 3px 3px 5px; margin-top:8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; }
#popupform .formarea .area { margin-top:8px;}
#popupform .formarea .area textarea { background-color:#e4e4e4; font-size:12px; color:#000; width:303px; height:67px; padding-left:5px; padding-top:2px; border:1px solid #9a9a9a; }
#popupform .formarea .chk{width:400px; text-align:left; font-size:14px; color:#fff;}
#popupform .formarea .chk input{ width:13px; padding:0;}
#popupform .formarea .chk span{ margin-left:5px;}
.fancybox-outer { background: url(../images/popupbg.png) center center no-repeat !important; box-shadow:none !important; }
#fancybox-overlay{ background-color:#fff !important; min-width:1024px;}
.fancybox-close{right: -7px !important; top: 8px !important;}
/***** start blog slider css *********/
/************************************/
/* position and dimensions of the navigator */
#blog_excerpt .navi { margin-left:328px; width:200px; height:20px; }
/* items inside navigator */
#blog_excerpt .navi a { width:14px; height:14px; float:left; margin:3px; background:url(../images/navigator.png) 0 0 no-repeat; display:block; font-size:1px; }
/* mouseover state */
#blog_excerpt .navi a:hover { background-position:0 -8px; }
/* active state (current page state) */
#blog_excerpt .navi a.active { background-position:0 -16px; }
#blog_excerpt .scrollable { position:relative; overflow:hidden; width: 980px; height:302px; margin-top:0px; }
#blog_excerpt .scrollable .items {/* this cannot be too large */width:20000em; position:absolute; clear:both;}
#blog_excerpt .items .blog_section{ float:left; width:980px; }
/* single scrollable item */
#blog_excerpt .scrollable img { float:left; margin:15px 10px 0px 6px; background-color:#fff; padding:0px 18px 0px 18px; height:114px; background:url(../images/sep.jpg) right center no-repeat; -moz-border-radius:4px; -webkit-border-radius:4px; }
#blog_excerpt .scrollable img:last-child{ background:none !important; }
/* active item */
#blog_excerpt .scrollable .active { border:2px solid #000; position:relative; cursor:default; }
/* this makes it possible to add next button beside scrollable */
#blog_excerpt .scrollable { float:left; }
/* prev, next, prevPage and nextPage buttons */
#blog_excerpt a.browse { background:url(../images/hori_large.png) no-repeat; display:block; width:30px; height:30px; float:left; /*margin:40px 10px;*/ cursor:pointer; font-size:1px; }
/* right */
#blog_excerpt a.right { background-position: 0 -30px; clear:right; margin: -115px -11px;}
#blog_excerpt a.right:hover { background-position:-30px -30px; }
#blog_excerpt a.right:active { background-position:-60px -30px; }
/* left */
#blog_excerpt a.left { margin-left: -13px; margin-top:60px; position:absolute;}
#blog_excerpt a.left:hover { background-position:-30px 0; }
#blog_excerpt a.left:active { background-position:-60px 0; }
/* up and down */
#blog_excerpt a.up, a.down { background:url(vert_large.png) no-repeat; float: none; margin: 10px 50px; }
/* up */
#blog_excerpt a.up:hover { background-position:-30px 0; }
#blog_excerpt a.up:active { background-position:-60px 0; }
/* down */
#blog_excerpt a.down { background-position: 0 -30px; }
#blog_excerpt a.down:hover { background-position:-30px -30px; }
#blog_excerpt a.down:active { background-position:-60px -30px; }
/* disabled navigational button */
#blog_excerpt a.disabled { visibility:hidden !important;}
/***** end blog slider css *********/