/* clear all*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* helpers */
.aL{text-align:left}.aR{text-align:right}.aC{text-align:center}
.vaT{vertical-align:top}.vaB{vertical-align:bottom}.vaM{vertical-align:middle}
.fL{float:left!important}.fR{float:right!important}
.p100{width:100%}.p50{width:50%}
.justify{text-align:justify}
.pb-0{padding-bottom:0px!important}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}
.pb-20{padding-bottom:20px}
.pt-0{padding-top:0px!important}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}
.pt-20{padding-top:20px}
.pl-0{padding-left:0px!important}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}
.pl-20{padding-left:20px}
.pr-0{padding-right:0px!important}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}
.pr-20{padding-right:20px}
.p-0{padding:0px!important}.p-5{padding:5px}.p-10{padding:10px}.p-15{padding:15px}
.p-20{padding:20px}
.ml-15{margin-left:15px}.mb-15{margin-bottom:15px}.mb-5{margin-bottom:5px}.mt-20{margin-top:20px}
.m-20{margin:20px}.mt-10{margin-top:10px}.mb-20{margin-bottom:20px}.m-5{margin:5px}.mr-5{margin-right:5px}.mr-20{margin-right:20px}
.blc{display:block}.bold{font-weight:bold}
.cR{clear:right;}.cL{clear:left}.cB{clear:both}
.w-200{width:200px}
/* END helpers */
/* GENERAL */
a { color: #154689; cursor: pointer; }
a:hover { text-decoration: underline; color: #18a3b8;}
table { border-collapse: collapse; }
td, th { vertical-align: top; text-align: left; font-weight: normal; }
p { line-height: 16px; }
strong { font-weight: bold; }
/* END GENERAL */
* { font-size: 11px; font-family: Verdana, Tahoma, Arial; }
body { text-align: center; background: transparent url(../Images/bg2.jpg) repeat-x; font-size: 11px; font-family: Verdana, Tahoma, Arial; color: #0f3e5c; }
div { text-align: left; }
#bg { width: 990px; margin: auto; overflow: auto; background: #fff; }
#all { width: 960px; margin: auto; background: transparent url(../Images/bg_sky.jpg) no-repeat top left; border-left: 1px solid #8ebee7; border-right: 1px solid #8ebee7; }
/* HEADER */
#header { width: 960px; height: 72px; float: left; }
#header .logo { background: transparent url(../Images/logo.gif) no-repeat; width: 121px; height: 63px; float: left; margin: 9px 0px 0px 30px; }
#header .logo span { background: none; display: none; }
#header .quick-links { float: right; margin: 5px; width:500px; height:72px; }
#header .service-map { margin-right: 20px; color: #0f3e5c; text-decoration: none; background: transparent url(../Images/ico/map.gif) no-repeat; padding-left: 20px; float: left; }
#header .service-map:hover { text-decoration: underline; }
#header .help { margin-right: 20px; color: #0f3e5c; text-decoration: none; background: transparent url(../Images/ico/help.gif) no-repeat; padding-left: 15px; float: left; }
#header .help:hover { text-decoration: underline; }
#header .favourites { margin-right: 20px; color: #0f3e5c; text-decoration: none; background: transparent url(../Images/ico/favourite.gif) no-repeat; padding-left: 20px; float: left; }
#header .favourites:hover { text-decoration: underline; }
#header .call-us { float: right; margin: 0px 10px 0px 0px; }
#header .call-us a { display: none; }
.chat {position:relative; left:345px; z-index:200; top:10px; }
/* END OF 'HEADER' */
/* MAIN MENU */
#menu { clear: both; float: left; height: 60px; width: 960px; }
#menu .padding { padding: 15px 0px 0px 22px; float: left; }
#menu a { text-decoration: none; float: left; }
#menu a span { color: #0f3e5c; display: block; background: none; padding: 5px 15px 5px 15px; font-size: 16px; font-weight: bold; font-family: Arial; float: left; }
#menu a:hover span { background: #fbb500; color: #fff; }
#menu .sep { background: transparent url(../Images/MainMenu/sep.gif) no-repeat; width: 2px; height: 30px; float: left; margin: 0px 5px 0px 5px; }
/*
#menu .home { background: transparent url(../Images/MainMenu/home-normal.gif) no-repeat; width: 94px; height: 29px; }
#menu .home:hover { background: transparent url(../Images/MainMenu/home-active.gif) no-repeat; width: 94px; height: 29px; }
#menu .home:active {}
#menu .who-we-are { background: transparent url(../Images/MainMenu/who-we-are-normal.gif) no-repeat; width: 131px; height: 29px; }
#menu .who-we-are:hover { background: transparent url(../Images/MainMenu/who-we-are-active.gif) no-repeat; width: 131px; height: 29px; }
#menu .who-we-are:active {}
#menu .what-we-do { background: transparent url(../Images/MainMenu/what-we-do-normal.gif) no-repeat; width: 122px; height: 29px; }
#menu .what-we-do:hover { background: transparent url(../Images/MainMenu/what-we-do-active.gif) no-repeat; width: 122px; height: 29px; }
#menu .what-we-do:active {}
#menu .our-expertise { background: transparent url(../Images/MainMenu/our-expertise-normal.gif) no-repeat; width: 138px; height: 29px; }
#menu .our-expertise:hover { background: transparent url(../Images/MainMenu/our-expertise-active.gif) no-repeat; width: 138px; height: 29px; }
#menu .our-expertise:active {}
#menu .our-portfolio { background: transparent url(../Images/MainMenu/our-portfolio-normal.gif) no-repeat; width: 135px; height: 29px; }
#menu .our-portfolio:hover { background: transparent url(../Images/MainMenu/our-portfolio-active.gif) no-repeat; width: 135px; height: 29px; }
#menu .our-portfolio:active {}
#menu .contact-us { background: transparent url(../Images/MainMenu/contact-us-normal.gif) no-repeat; width: 123px; height: 29px; }
#menu .contact-us:hover { background: transparent url(../Images/MainMenu/contact-us-active.gif) no-repeat; width: 123px; height: 29px; }
#menu .contact-us:active {}
*/
/* END OF 'MAIN MENU' */
/* BANNER */
#banner { width: 960px; float: left; clear: both; border-bottom:solid 1px #8ebee7;border-top:solid 1px #8ebee7;}
#banner-without-orange-box { height: 292px; width: 100%; /*background: transparent url(../Images/bg_banner_without_box.jpg) no-repeat;*/ float: left; clear: both; }
#services-box { float: left; width: 354px; height: 258px; margin: 0px 0px 0px 16px; }
#services-box .services { float: left; margin: 28px 0px 0px 60px;}
#services-box .start-now { float: left; margin: 30px 0px 0px 30px; }
#services-box .start-now a { display: block; background: transparent url(../Images/btn/start.jpg) no-repeat; width: 389px; height: 76px; float: left; }
#services-box .start-now a span { display: none; }
#services-box .services li img { padding-right: 5px; padding-top: 5px; vertical-align: middle; }
#services-box .services ul a { padding: 10px; font-size: 12px; }
#banner a, #banner-without-orange-box a {font-family:Verdana;font-size:x-large;color:#ff7c02;text-decoration: none; }
#banner a:hover, #banner-without-orange-box a:hover {font-family:Verdana;font-size:x-large;color:#295ea0;text-decoration: underline; }
#banner ul, #banner-without-orange-box ul { list-style: none; margin-left: 10px; margin-top: 10px; float: left; }
#banner li, #banner-without-orange-box li { padding: 5px 0px 5px 0px; }
#banner li a, #banner-without-orange-box li a { color: #0f3e5c; font-size: 12px; font-weight: bold; text-decoration: none; }
#banner li a:hover, #banner-without-orange-box li a:hover { color: #0f3e5c; font-size: 12px; font-weight: bold; text-decoration: underline; }
/* END OF 'BANNER' */
/* CONTENT */
#content { width: 920px; clear: both; margin: auto; /*background: transparent url(../Images/bg_content.gif) repeat-x;*/ }
#latestNews { float: left; clear: both; }
#latestNews .h1 { padding-top: 20px; }
#latestNews h3 { font-size: 13px; font-family: Arial; color: #00b2ff; }
#latestNews .h1 span { float: left; margin-left: 0px; font-weight: 700; font-size: 16px; font-family: Arial; color: #00b2ff; }
#latestNews .news { padding: 15px; margin: 5px; width: 420px; background: #dfe7f2; }
#latestNews .ShortNews { text-align: justify; padding-top: 10px; font-size: 11px; }
#latestNews .news .meta { padding-top: 5px; text-align: left; display: block; font-size: 10px; }
#latestNews .news .meta span { font-weight: bold; }
#AllNews { float: left; clear: both; }
#AllNews .h1 { padding-top: 20px; }
#AllNews .h1 span { float: left; margin-left: 0px; font-weight: 700; font-size: 14px; color: #F97902; }
#AllNews .news { padding: 10px 0px 10px 20px; width: 420px; }
#AllNews .news .ShortNews { margin-top: 5px; padding-top: 5px; text-align: justify; border-top: solid 1px #e5e5e5; }
/* ------------------------------------------- */
/* @DEFAULT.ASPX - HOME
/* ------------------------------------------- */
#about { float: left; margin: 30px 0px 0px 10px; width: 260px; }
#about .txt-aboutus { margin-bottom: 10px; }
#about p { text-align: justify; padding-bottom: 10px; }
#about p a { color: #0f3e5c; }
#about p a:hover { text-decoration: none; }
#about .see-more { float: right; }
#contact { float: left; margin: 30px 0px 0px 30px; width: 230px; }
#contact .input { width: 239px; height: 26px; background: transparent url(../Images/bg_input.gif) no-repeat; }
#contact .input input[type=text] { margin-left: 5px; width: 225px; height: 23px; padding: 4px 8px 0px 8px; font-size: 12px; color: Black; border: 0px; background: transparent; }
#contact .textbox { width: 239px; height: 96px; background: transparent url(../Images/bg_textbox.gif) no-repeat; }
#contact .textbox .textbox { margin-left: 5px; margin-top: 4px; width: 210px; height: 70px; border: 0px; font-size: 12px; color: Black; background: transparent; padding: 8px; }
#contact .txt-contactus { margin-bottom: 10px; }
.send { width: 110px; height: 41px; background: transparent url(../Images/btn/send.gif) no-repeat; float: right; margin-top: 10px; }
/* message was sended */
#contact p { text-align: center; padding-bottom: 15px; }
/* END OF 'CONTENT' */
#footer { border-top: 1px solid #edf3f8; margin-top: 20px; float: left; background: #c3cbd5; }
#footer p { color: #0f3e5c; float: left; }
#footer p span { font-weight: bold; color: #f97902; }
/* hide spans */
.txt-aboutus span, .txt-services span, .txt-contactus span, .see-more span, .txt-featureproject span, .txt-request-a-free-quote span
{ display: none; }
/* TEXT */
.txt-aboutus { width: 59px; height: 15px; background: transparent url(../Images/txt/about-us.gif) no-repeat; display: block; }
.txt-services { background: transparent url(../Images/txt/services.gif) no-repeat; display: block; width: 56px; height: 16px; }
.txt-contactus { background: transparent url(../Images/txt/contact-us.gif) no-repeat; display: block; width: 70px; height: 15px; }
.txt-featureproject { background: transparent url(../Images/txt/feature-project.gif) no-repeat; display: block; width: 118px; height: 18px; }
.call-us { background: transparent url(../Images/txt/call-us.gif) no-repeat; width: 205px; height: 18px; }
.txt-request-a-free-quote { background: transparent url(../Images/txt/request-a-free-quote.gif) no-repeat; width: 135px; height: 19px; }
/* END OF 'TEXT' */
/* BTN'S */
.see-more { display: block; width: 136px; height: 40px; background: transparent url(../Images/btn/see-more.gif) no-repeat; }
/* END OF 'BTN' */
/* ABOUT US */
.about-us { width: 520px !important; }
.feature { margin-left: 53px !important; }
/* END OF 'ABOUT US' */
/* FAQ*/
.slideHeader
{
height: 30px;
background:transparent url(../Images/faq_bg.jpg) repeat-x;
color: #3d6c8a;
font-size:12px;
font-weight:bold;
padding:6px 0px 0px 10px;
cursor:pointer;
}
.slideBody { background: #fff; padding: 10px; }
.slideBody ol {margin-left:15px; color:#ff7300;font-weight:bold;padding-bottom:30px;}
.slideBody ul {margin-left:35px;padding-top:3px; padding-bottom:30px; }
.Faq_Question {color:#ff7300; font-weight:bold; display:block}
.Faq_Answer {color:#0f3e5c; font-weight:normal; display:block;padding:5px 0px 15px 0px}
.slidePanel
{
width: 100%;
float: left;
margin: 2px;
border:solid 1px #8ebee7;
}
#_faq .faq-c { float: left; width: 100%; }
#_faq .p { border-bottom: 1px solid #e5e5e5; padding-top: 15px; padding-bottom: 10px; }
#_faq h4 { color: #EC5F03; font-weight: bold; float: left; width: 100%; margin-bottom: 6px; }
/* END OF FAQ */
/* SITEMAP */
.SitemapHeader
{
color: #3d6c8a;
font-size:12px;
font-weight:bold;
padding:5px 0px 10px 10px;
}
.SitemapGroup {width:290px; height:250px; background-color:#f2f3f7;border:solid 1px #8ebee7;float:left;padding:5px;margin:2px;}
.SitemapGroup ul {margin-left:35px; }
.SitemapGroup li {padding-top:7px}
/* END OF SITEMAP */
/* FREE QUOTE */
div.free-quote { float: left; margin: 0px 0px 0px 150px; }
.form td { padding-left: 20px !important; }
.form th, .form td { padding: 2px 0px 2px 0px; }
/* END OF 'FREE QUOTE' */
h1.title { color: #ff7300; font-size: 16px; font-weight: bold; margin-bottom: 10px; }
abbr { border-bottom: 1px dashed gray; cursor: help; }
.vcard .org { text-decoration: none; font-style: normal; font-weight: bold; padding-bottom: 5px; display: block; }
.vcard span { font-style: normal; padding: 3px 0px 3px 0px; }
.vcard .tel, .vcard .email { display: block; padding-top: 8px; }
.subpage, .newsContent { }
.portfolio .work { float: left; width: 415px; margin: 20px 15px 20px 10px; }
.portfolio img { width: 206px; height: 206px; border: 1px solid #99a8b1; padding: 3px; float: left; }
.portfolio h1 { font-weight: bold; font-size: 14px; color: #0f3e5c; display: block; clear: both; margin-bottom: 5px; }
.portfolio a { color: #0f3e5c; text-decoration: none; clear: both; display: block; margin-bottom: 5px; }
.portfolio a:hover { text-decoration: underline; }
.portfolio p { float: right; width: 180px; text-align: justify; }
.newsContent .h1 { font-size: 14px; font-weight: 700; padding-bottom: 20px; }
.more { float: right; vertical-align: middle; height: 18px; }
.more a { text-decoration: none; }
.list { margin-left: 40px; margin-bottom: 20px; }
/* portfolio - new version */
.prtf {}
.project { background: #ebf2f5; border: 1px solid #bbd3dd; }
.prtf .img { padding: 10px 10px 10px 10px; }
.prtf img { border: 1px solid #0f3e5c; }
.prtf .header { border-bottom: 1px solid #28678f; }
.prtf .header h1 { font-size: 14px; font-weight: bold; color: #000; padding-bottom: 5px; float: left; text-transform: uppercase; }
.prtf .header .link { float: right; color: #00a19f; font-weight: bold; }
.prtf .desc { padding: 0px 10px 10px 10px; }
.prtf .desc h2 { padding-top: 15px; padding-bottom: 10px; font-size: 14px; font-weight: bold; color: #206a99; }
.main-title { font-size: 15px; text-transform: uppercase; color: #000; padding-top: 20px; }
.prtf .works-list { background: #ebf2f5; border: 1px solid #b9d6e3; padding: 15px; }
.prtf .works-list img { border: 0px !important; }
.prtf .works-list .title { display: block; color: #0b2a44; font-weight: bold; padding-left: 15px; font-size: 10px; }
.prtf .works-list .type { display: block; color: Gray; padding-left: 15px; font-size: 10px; }
.prtf .work { padding-bottom: 15px; }
.prtf .projects { padding: 20px 10px 10px 10px; float: left; }
.prtf .pbg { background: #ebf2f5; border: 1px solid #b9d6e3; padding: 15px; float: left; width: 870px; }
.prtf ul { padding-left: 20px; padding-top: 10px; }
.prtf .projects h1.title { float: left; color: #4893b3; font-size: 24px; display: inline; width: auto; padding-left: 20px; }
.prtf .projects span.type { float: left; color: Gray; padding-left: 5px; font-weight: bold; padding-top: 15px; }
.prtf .projects a.link { float: right; padding-top: 10px; font-weight: bold; font-size: 11px; color: #0b2943; padding-right: 25px; }
.prtf .box .b { background: #f3f7f9; border: 1px solid #b9d6e3; padding: 10px; margin-left: 10px; margin-bottom: 10px; }
.prtf .box .b h1 { border-bottom: 1px solid #b9d6e3; padding-bottom: 5px; }
.prtf .box .b p { padding-top: 5px; }
.prtf .box .b img { border: 0px; }