body {
    background-color: #0B154B;
    font-size: 100%;                                          /* default font size - 100% = 16px*/
    margin: 0;
    padding: 0;
}
article, aside, footer, header, nav, section {
    display: block;
}
img {
    border: 0 none;
    max-width: 100%;                                          /*to optimize full width of its parent element*/
}
address {
    font-style: normal;                                          /* To Neutralize Default Italic Style To Normal Style */
}
form, ul {
    margin: 0;
    padding: 0;
}
ul {
    list-style-type: none;
}
/* =============================================================================
   Default Style
* ============================================================================= */
a {
    color: #028DBE;
    text-decoration: none;
}
a:hover {
    color: #028DBE;
    text-decoration: underline;
}
p {
    margin: 0;
    padding-bottom: 1.071428571428571em;                            /* Base Font = 14px >>> 15px /14px = 1.071428571428571em */
}
/* =============================================================================
   SMALL SCREEN STYLES [MOBILE] START
*  ============================================================================= */

/* =============Header Area Atart==================== */

header {
    background-color: #10235B;
}
.header_logo {
    display: inline-block;
    margin: 0.875em 0 0 0.5em;                                    /* Base Font = 16px >>> 14px 0 0 8px/16px = 0.875em 0 0 0.5em */
    width: 94.0625%;                                          /*301*100/320px = 94.0625%*/
}
/* =============Right Header (Utility) Start here==================== */
.utility_nav {
    margin-top: 1.214285714285714em;                              /*BASE FONT 14px >>> 17px/ 14px = 1.214285714285714em*/
}
.header-right {
    margin-left: 0.5em;                                          /* Base Font = 16px >>> 8px/16px = 0.5em */
    padding: 0.9375em 0 1.125em;                                 /*BASE FONT 16px >>> 15px 0 18px 0 / 16 = 0.9375em 0 1.125em*/
}
.header-right .top_nav a:nth-child(2n) {
    margin: 0 1.375em 0 1.125em;                                 /*BASE FONT 16px >>> 0 22px 0 18px / 16 = 0 1.375em 0 1.125em*/
}
/* =============Top Navigation style start=================== */

#top_nav {
    background-color: #0B144B;
    padding: 0.5625em 0.5625em 0.375em 0.5625em;                     /*BASE FONT 16px >>> 9px 9px 6px / 16 = 0.5625em 0.5625em 0.375em 0.5625em*/
}
.menu-trigger {
    display: block;
}
.menu-trigger a {
    background: url(/images/linked-bg.png) repeat 0 0;
    display: inline-block;
    height: 1.3125em;                                             /*BASE FONT 16px >>>21px/ 16px = 1.3125em*/
    width: 2.4375em;                                             /*BASE FONT 16px >>> 39px/ 16px = 2.4375em*/
}
ul.top_nav {
    display: none;
    margin: 1em 0 0.4375em 0;                                       /*BASE FONT 16px >>> 16px 0 7px 0/ 16px = 1em 0 0.4375em 0*/
}
ul.top_nav li {
    background: none;
    padding: 0;
}
.has_child > ul {
    display: none;
}
.has_child ul li {
    font-size: 0.875em;                                        /*BASE FONT 16px >>> 14px/ 16px = 0.875em*/
    line-height: 1.214285714285714em;                              /*BASE FONT 14px >>> 17px/ 14px = 1.214285714285714em*/
}
#top_nav .has_child ul li a {
    background: url(/images/topnav-bullet.jpg) no-repeat left center;
    display: inline-block;
    padding-left: 0.6428571428571429em;                              /*BASE FONT 14px >>> 9px/ 14px = 0.6428571428571429em*/
    text-transform: none;
}
#top_nav .has_child ul li a:hover {
    background: url(/images/topnav-bullet-hover.jpg) no-repeat left center;
}
.has_child span {
    background: url(/images/plus.png) no-repeat center center;
    cursor: pointer;
    display: inline-block;
    height: 0.625em;                                          /*BASE FONT 16px >>> 10px/ 16px = 0.625em*/
    margin-left: 0.75em;                                       /*BASE FONT 16px >>> 12px/ 16px = 0.75em*/
    padding: 0.125em;                                          /*BASE FONT 16px >>> 2px/ 16px = 0.125em*/
    width: 0.625em;                                             /*BASE FONT 16px >>> 10px/ 16px = 0.625em*/
}
.has_child span.open {
    background: url(/images/minus.png) no-repeat center center;
}
/* =============Content Area Style Start=================== */

#content_area {
    font-family: Arial;
    font-size: 0.875em;                                          /*BASE FONT 16px >>> 14px/ 16px = 0.875em*/
    color: #333333;
    line-height: 1.285714285714286em;                              /*BASE FONT 14px >>> 18px/ 14px = 1.285714285714286em*/
    padding: 1.714285714285714em 0.7857142857142857em 1.071428571428571em 0.7857142857142857em;   /*BASE FONT 14px >>> 24px 11px 15px 11px/ 14px = 1.714285714285714em 0.7857142857142857em 1.071428571428571em 0.7857142857142857em*/
    background-color: #ffffff;
}
#content_area_home {
    font-family: Arial;
    font-size: 1em;                                             /*BASE FONT 16px >>> 16px/ 16px = 1em*/
    color: #000000;
    line-height: 1.125em;                                       /*BASE FONT 16px >>> 18px/ 16px = 1.125em*/
    padding: 1.875000em 0.625000em 1.937500em 0.625000em;               /* BASE FONT  = 16px >>> 30px 10px 31px 10px / 16px = 1.875000em 0.625000em 1.937500em 0.625000em */
    background: url(/images/home-content-bg-small.jpg) repeat-x left top #858d9e;
}
/* =============Footer Area Start Here=================== */

#outer-footer {
    background-color: #10235B;
    width: 100%;                                             /*window width*/
}
footer {
    padding: 1.25em 0.5625em 1em 0.5em;                              /*BASE FONT 16px >>> 20px 9px 16px 8px/ 16px = 1.25em 0.5625em 1em 0.5em*/
}
.footer_right_txt {
    display:block;
    padding-bottom: 0.9285714285714286em;                           /*BASE FONT 14px >>> 13px/ 14px = 0.9285714285714286em*/
}
.footer_right img {
    margin: 0 0.75em 0 0.125em;                                    /*BASE FONT 16px >>> 0 12px 0 2px/ 16px = 0 0.75em 0 0.125em*/
}
.footer_right {
    padding-bottom: 0.6875em;                                    /*BASE FONT 16px >>> 11px/ 16px = 0.6875em*/
}
.footer_link {
    display: block;
    padding-top: 1.166666666666667em;                              /*BASE FONT 12px >>> 14px/ 12px = 1.166666666666667em*/
}
.footer-bar {
    display: none;
}
.thomas_info_txt {
    padding: 1.166666666666667em 0.8333333333333333em 0.9166666666666667em 0.75em;   /*BASE FONT 12px >>> 14px 10px 11px 9px/ 12px = 1.166666666666667em 0.8333333333333333em 0.9166666666666667em 0.75em*/
}
.copy-right-info {
    display: block;
    padding-bottom: 0.0833333333333333em;                           /*BASE FONT 12px >>> 1px/ 12px = 0.0833333333333333em*/
    padding-right: 6.083333333333333em;                              /*BASE FONT 12px >>> 73px/ 12px = 6.083333333333333em*/
}
/* =============Search Style Start=================== */
.search {
    margin-top: 1.0625em;                                       /*BASE FONT 16px >>> 11px/ 16px = 1.0625em*/
}
.search_text {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    color: #000000;
    font-family: Arial;
    font-size: 0.75em;                                          /*BASE FONT 16px >>> 12px/ 16px = 0.75em*/
    font-weight: normal;
    height: 2.166666666666667em;                                 /*BASE FONT 12px >>> 26px/ 12px = 2.166666666666667em*/
    margin-right: 0.4166666666666667em;                              /*BASE FONT 12px >>> 5px/ 12px = 0.4166666666666667em*/
    padding: 0 0 0 0.5em;                                       /*BASE FONT 12px >>> 6px/ 12px = 0.5em*/
    width: 55.44871794871795%;                                    /*173*100/312 = 55.44871794871795%*/
    max-width: 14.41666666666667em;                                 /*BASE FONT 12px >>> 173px/ 12px = 14.41666666666667em*/
    vertical-align:top;
}
.search input[type="submit"] {
    border: 1px solid #000000;
    vertical-align: top;
    background-color: #f59423;
    font-family:Arial;
    color:#ffffff;
    font-size: 1em;                                             /*BASE FONT 16px >>> 6px/ 16px = 1em*/
    max-width: 16.66666666666667%;                                 /*52*100/312 = 16.66666666666667%*/
    font-weight: bold;
    text-transform:uppercase;
    height: 1.75em;                                           /*BASE FONT 16px >>> 28px/ 16px = 1.75em*/
}
/* =============Print Page Styles=================== */
.print_page {
    font-family: Arial;
    font-size: 0.5625em;                                              /* Base Font = 16px >>> 9px /16px = 0.6923076923076923em */
    text-align: right;
    padding: 1.111111111111111em 1.111111111111111em 4.222222222222222em 0;/* Base Font = 9px >>> 10px 10px 38px 0/9px = 1.111111111111111em 1.111111111111111em 4.222222222222222em 0*/
    background-color: #ffffff;
}
.print_page a {
    font-size:1em;                                                    /* Base Font = 9px >>> 9px /9px = 1em */
    color: #000000;
    text-decoration: underline;
}
.print_page a:hover {
    font-size:1em;                                                   /* Base Font = 9px >>> 9px /9px = 1em */
    color: #000000;
    text-decoration: none;
}
.img_printer {
    cursor: pointer;
    margin: 0 0.5555555555555556em 0 1.555555555555556em;               /* Base Font = 9px >>> 0px 5px 0px 14px/9px=0 0.5555555555555556em 0 1.555555555555556em; */
    vertical-align: middle;
}
.img_email {
    cursor: pointer;
    margin: 0 0.7777777777777778em 0 1.666666666666667em;               /* Base Font = 9px >>> 7px 0px 15px/9px=0 0.7777777777777778em 0 1.666666666666667em */
    vertical-align: middle;
}
/* =============Heading Styles=================== */

h1 {
    margin: 0;
    font-size: 2em;                                                 /* Base Font = 16px >>> 32px /16px = 2em */
    color: #010e7e;
    padding: 0 0 0.71875em 0;                                    /* Base Font = 32px >>> 23px /32px = 0.71875em */
    line-height: 1.125em;                                          /* Base Font = 32px >>> 36px /32px = 1.125em */
    font-weight: normal;
}
#content_area_home h1 {
    font-size: 1em;                                        /* Base Font = 16px >>> 16px /16px = 1em */
    color: #000000;
    line-height: 1.125em;                                    /* Base Font = 16px >>> 18px /16px = 1.125em */
    font-weight: bold;
    clear: both;
    padding:0.562500em 0 0.875000em 0;                           /* BASE FONT  = 16px >>> 9px 0px 14px 0px / 16px = 0.562500em 0 0.875000em 0 */
}
h2 {
    color: #010e7e;
    font-size: 1em;                                                /* Base Font = 16px >>> 16px /16px = 1em */
    padding: 1.125em 0 0.6428571428571429em 0;                      /* Base Font = 16px >>> 10px 0 9px 0 /16px = 1.125em 0 0.6428571428571429em 0*/
    line-height: 1.1875em;                                         /* Base Font = 16px >>> 19px /16px = 1.1875em */
    margin:0;
    text-transform: uppercase;
}
h3 {
    color: #010e7e;
    font-size: 0.9375em;                                          /* Base Font = 16px >>> 15px /16px = 0.9375em */
    padding: 0.3333333333333333em 0 0.3333333333333333em 0;             /* Base Font = 15px >>> 5px 0 5px 0 /15px = 0.3333333333333333em 0 0.3333333333333333em 0*/
    line-height: 1.2em;                                            /* Base Font = 15px >>> 18px /15px = 1.2em */
    margin:0;
    text-transform: uppercase;
}
/* =============Home page classes Start Here=================== */
   
.capabilities_bucket_links {
    text-align:center;
}
.capabilities_bucket_links section {
    margin: 0 0 0.9375em 0;                                       /* Base Font = 16px >>> 15px /16px = 0.9375em */
}
.capabilities_bucket_links img {
    margin-bottom:0.5625em;                                       /* Base Font = 16px >>> 9px /16px = 0.5625em */
}
.home_bottom {
    width: 77%;                                                /*231*100/300 = 77%*/
    margin: 0 auto;
}
.bucket_heading {
    display: block;
    padding: 0.75em 0 1.6875em 0;                                 /* BASE FONT  = 16px >>> 12px 0px 27px 0px / 16px = 0.750000em 0 1.687500em 0 */
    font-size: 1.142857142857143em;                                 /* Base Font = 14px >>> 16px /14px = 1.142857142857143em */
    text-transform:uppercase;
}
.past_project_bucket section {
    clear:both;
}
.past_project_bucket img {
    float: left;
    margin: 0 0.357143em 1.357143em 0;                              /* BASE FONT  = 14px >>> 0px 5px 19px 0px / 14px = 0 0.357143em 1.357143em 0 */
    border:1px solid #ffffff;
    width: 42.42424242424242%;                                    /*98*100/231 = 42.42424242424242%*/
}
.past_project_bucket section a span {
    overflow: hidden;
    display:block;
}
.home-para p {
    line-height: 1.1875em;                                       /* Base Font = 16px >>> 19px /16px = 1.1875em */
}
a.learn_more_home, a.learn_more_home:hover {
    color:#000000;
    font-weight: bold;
}
/* =============Inner pages style=================== */
.ctr {
    text-align: center;
}
ul li {
    background: url(/images/bullet.jpg) no-repeat left 0.3125em;            /* Base Font = 16px >>> 5px /16px = 0.3125em */
    padding-left: 0.75em;                                          /* Base Font = 16px >>> 12px /16px = 0.75em */
}
/****Sitemap Styles*****/
ul.sitemap li {
    background-image: none;
    padding: 0.3571428571428571em 0 0.3571428571428571em 0;                       /* Base Font = 14px  >>> 5px 0px 5px 0px/14px = 0.3571428571428571em 0em 0.3571428571428571em 0em */
}
ul.sitemap ul {
    padding:0 0 0 1.071428571428571em;                                          /* Base Font = 14px  >>>  0px 0px 0px 15px/14px =0em 0em 0em 1.071428571428571em */
}
/* Contact page Start */
.contact_info address {
    padding: 0 0 1.071428571428571em 0;                                 /* Base Font = 16px >>> 15px / 16px = 1.071428571428571em */
}
.contact_info img {
      margin-bottom: 0.625em;                                          /* Base Font = 16px >>> 10px / 16px = 0.625em */
}
#gmap {
    text-align: center;
    display: inline-block;
}
#gmap iframe {
    border:solid 1px #10235b;
    max-width: 100%;                                                /*full width of its parent*/
}
/* Request a Quote Form */
.feedbackform {
    margin: 0 auto;
    width: 90%;                                                               /*90% width of content area*/
}
.fieldwrapper {
    width: 100%;                                                             /* width:100%; of content area 100% */
    margin-bottom: 0.7142857142857143em;                                         /* Base Font = 14px >>>  10px / 14px = 0.7142857142857143em */
    clear: both;
}
label.styled {
    margin: 0 0 0.2142857142857143em 0;                                          /* Base Font = 14px >>> 3px / 14px = 0.2142857142857143em */
    display: block;                                                             /* width 40% of div.fieldwrapper */
}
.two_col div {
    width: 50%;                                                   /*50% width of its parent div*/
    float: left;
}
.thefield input[type="text"], .thefield select, .thefield textarea {
    font-family: Arial;
    border: 1px solid #CCCCCC;
    width: 99%;                                                                /* width:99%; of div.fieldwrapper  */
    padding:0;
    margin:0;
    font-size: 0.9285714285714286em;                                           /* Base Font = 14px >>>  13px / 14px = 0.9285714285714286em */
    color: #333333;
}
.thefield select {
    width: 100%;                                                               /* width: 100%; Of div.fieldwrapper */
}
.thefield textarea {
    height: 7.142857142857143em;                                              /* Base Font = 14px >>> 100px / 14px = 7.142857142857143em */
    width: 98%;                                                                /* width: 98%; Of div.fieldwrapper  */
}
.thefield div {
    clear: both;
}
.thefield div input[type="checkbox"] {
    float: left;
    margin: 0.2142857142857143em 0.5em 0.3571428571428571em 0;               /* Base Font = 14px >>> 3px 7px 5px 0 / 14px = 0.2142857142857143em 0.5em 0.3571428571428571em 0 */
}
.captcha_block {
    clear: both;
    padding: 1.071428571428571em 0 0 0;                                         /* Base Font = 14px >>> 15px / 14px = 1.071428571428571em */
}
div.buttonsdiv {
    margin: 1.071428571428571em 0 0 0;                                         /* Base Font = 14px >>> 15px / 14px = 1.071428571428571em */
}
.form_error, .form_success, .project_gallery section {
    clear:both;
}
.input-btn {
    border: 0;
    cursor: pointer;
    color:#ffffff;
    background-color:#0b154b;
    text-decoration:none;
    height: 1.928571428571429em;                                               /* Base Font = 14px  >>>  27px / 14px = 1.928571428571429em */
    width: 7em;                                                               /* Base Font = 14px  >>>  98px / 14px = 7em */
    font-size:1em;                                                               /* Base Font = 14px >>> 14px /14px = 1em */
    border-radius:4px;
    behavior: url(/pie/PIE.htc);
}
.input-btn:hover {
    background-color: #f4880a;
    text-decoration:none;
}
.click_thumb_txt, .back_to_top {
    font-size: 0.8571428571428571em;                                            /*  Base Font = 14px  >>> 12px/14px= 0.8571428571428571em */
    padding-bottom: 0.4166666666666667em;                                         /* Base Font = 12px  >>> 5px/12px= 0.4166666666666667em */
    clear: both;
}
.back_to_top {
    text-align: right;
}
.feature_img, .three_col_img {
    text-align: center;
}
.rfq_btn, .past_project_btn {
    clear: both;
    text-align: center;
}
.past_project_links ul li {
    font-weight: bold;
    background: url(/images/project-bullet.jpg) no-repeat left center;
    padding: 0.5em 0 0.5em 2.5em;                                    /* BASE FONT  = 14px >>> 7px 0px 7px 35px / 14px = 0.5em 0 0.5em 2.5em */
    line-height:1em;
}
.tabular_data, .three_col_img, .project_gallery {
    margin: 0 0 1.071428571428571em 0;                                         /* Base Font = 14px >>>  0 0 15px 0 / 14px= 0 0 1.071428571428571em 0*/
}
dl {
    width: 100%;                                                   /*100% width of content area*/
    margin: 0;
}
dd, dt {
    padding:0.7142857142857143em;                                              /* Base Font = 14px >>>  10px / 14px= 0.7142857142857143em*/
    border:1px solid #abafab;
    color:#333333;
    font-size:1em;                                                           /* Base Font = 14px >>>  14px / 14px= 1em*/
    margin: 0.285714em 0 0.285714em 0;                                 /* BASE FONT  = 14px >>> 4px 0px 4px 0px / 14px = 0.285714em 0 0.285714em 0 */
}
dt {
    font-weight: bold;
}
dd dl dt, dd dl dd {
    padding:0;
    border:none;
    font-weight:normal;
    font-size:1em;                                                /* Base Font = 14px >>>  14px / 14px= 1em*/
    margin: 0;
}
.fright {
   float:right;
}

.fleft {
   float:left;
}
.project_gallery {
    overflow:hidden;
    text-align: center;
}
.project_gallery img {
    margin:0 0 0.5em 0;                                 /* BASE FONT  = 14px >>> 0px 0px 7px 0px / 14px = 0 0 0.5em 0 */
}
.project_gallery a mark {
    display: none;
}
img[name="pphLoggerImage"] {
    display: none;
}
.project_gallery section {
    margin-bottom:2.5em;                                              /* BASE FONT  = 14px >>> 0px 0px 35px 0px / 14px = 0 0 2.5em 0 */
    width: 88%;
   display: inline-block;
}
.project_gallery.clear a {
    background: #0f225a; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmMjI1YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzEwMjE1OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iIzBlMWY1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE5JSIgc3RvcC1jb2xvcj0iIzBmMjA1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIxJSIgc3RvcC1jb2xvcj0iIzBlMWY1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzBlMWQ1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzBjMTk0ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iIzBkMTg1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iIzBhMTU0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYjE0NGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #0f225a 0%, #102159 10%, #0e1f55 18%, #0f2058 19%, #0e1f55 21%, #0e1d56 30%, #0c194e 56%, #0d1850 60%, #0a154b 82%, #0b144b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f225a), color-stop(10%,#102159), color-stop(18%,#0e1f55), color-stop(19%,#0f2058), color-stop(21%,#0e1f55), color-stop(30%,#0e1d56), color-stop(56%,#0c194e), color-stop(60%,#0d1850), color-stop(82%,#0a154b), color-stop(100%,#0b144b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0f225a 0%,#102159 10%,#0e1f55 18%,#0f2058 19%,#0e1f55 21%,#0e1d56 30%,#0c194e 56%,#0d1850 60%,#0a154b 82%,#0b144b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0f225a 0%,#102159 10%,#0e1f55 18%,#0f2058 19%,#0e1f55 21%,#0e1d56 30%,#0c194e 56%,#0d1850 60%,#0a154b 82%,#0b144b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0f225a 0%,#102159 10%,#0e1f55 18%,#0f2058 19%,#0e1f55 21%,#0e1d56 30%,#0c194e 56%,#0d1850 60%,#0a154b 82%,#0b144b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0f225a 0%,#102159 10%,#0e1f55 18%,#0f2058 19%,#0e1f55 21%,#0e1d56 30%,#0c194e 56%,#0d1850 60%,#0a154b 82%,#0b144b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f225a', endColorstr='#0b144b',GradientType=0 ); /* IE6-8 */
    border: 0.2142857142857143em solid #CCCCCC;               /* BASE FONT  = 14px >>> 3px / 14px = 0.2142857142857143em */
    border-radius: 0.3571428571428571em;                     /* BASE FONT  = 14px >>> 5px / 14px = 0.3571428571428571em */
    color: #FFFFFF;
    display: block;
    padding: 1.071428571428571em 0;                            /* BASE FONT  = 14px >>> 15px / 14px = 1.071428571428571em */
    text-align: center;
    text-transform: uppercase;
    font-size: 0.875em;                               /* BASE FONT  = 16px >>> 14px / 16px = 0.875em */
   text-decoration: none;
 }
.project_gallery.clear a:hover {
    background: #f29021; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyOTAyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZjI4ZTFmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZWU4YzFkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTYlIiBzdG9wLWNvbG9yPSIjZWY4YTFlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjZTE3YTEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDclIiBzdG9wLWNvbG9yPSIjZTM3OTEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZDg2YTA5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjZDQ2ODA2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1NjkwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #f29021 0%, #f28e1f 6%, #ee8c1d 10%, #ef8a1e 16%, #e17a13 44%, #e37913 47%, #d86a09 75%, #d46806 86%, #d56907 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f29021), color-stop(6%,#f28e1f), color-stop(10%,#ee8c1d), color-stop(16%,#ef8a1e), color-stop(44%,#e17a13), color-stop(47%,#e37913), color-stop(75%,#d86a09), color-stop(86%,#d46806), color-stop(100%,#d56907)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f29021 0%,#f28e1f 6%,#ee8c1d 10%,#ef8a1e 16%,#e17a13 44%,#e37913 47%,#d86a09 75%,#d46806 86%,#d56907 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f29021 0%,#f28e1f 6%,#ee8c1d 10%,#ef8a1e 16%,#e17a13 44%,#e37913 47%,#d86a09 75%,#d46806 86%,#d56907 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f29021 0%,#f28e1f 6%,#ee8c1d 10%,#ef8a1e 16%,#e17a13 44%,#e37913 47%,#d86a09 75%,#d46806 86%,#d56907 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f29021 0%,#f28e1f 6%,#ee8c1d 10%,#ef8a1e 16%,#e17a13 44%,#e37913 47%,#d86a09 75%,#d46806 86%,#d56907 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29021', endColorstr='#d56907',GradientType=0 ); /* IE6-8 */
    border: 0.2142857142857143em solid #CCCCCC;               /* BASE FONT  = 14px >>> 3px / 14px = 0.2142857142857143em */
    border-radius: 0.3571428571428571em;                     /* BASE FONT  = 14px >>> 5px / 14px = 0.3571428571428571em */
    color: #FFFFFF;
    display: block;
    padding: 1.071428571428571em 0;                        /* BASE FONT  = 14px >>> 15px / 14px = 1.071428571428571em */
    text-align: center;
    text-transform: uppercase;
    font-size: 0.875em;                               /* BASE FONT  = 16px >>> 14px / 16px = 0.875em */
   text-decoration: none;
}

#port section .port-img {
   background: none;
   border: none;
} /* =============================================================================
   MEDIUM SCREEN STYLES [Smart Phone(Landscap)/Tablet(Potrait)] START
*  ============================================================================= */
/******** 480px/16px = 30em*/
@media only screen and (min-width: 30em) {
/* =============Header Area Atart==================== */
.header_logo {
    margin: 1.3125em 0 0 0.6875em;                                    /* Base Font = 16px >>> 21px 0 0 11px /16px =  1.3125em 0 0 0.6875em*/
    max-width: 88.125%;                                             /*564*100/640*/
}
/* =============Right Header (Utility) Start here==================== */
.header-right {
    margin-left: 0.625em;                                          /* Base Font = 16px >>> 10px /16px =  0.625em*/
}
.utility_nav {
    margin-top: 1.071428571428571em;                                 /* Base Font = 14px >>> 15px /15px = 1.071428571428571em*/
}
/* =============Top Navigation style start=================== */
#top_nav {
    padding:0.5625em 0.5625em 0.6875em 0.6875em;                        /* Base Font = 16px >>> 9px 9px 11px 11px/16px = 0.5625em 0.5625em 0.6875em 0.6875em*/
}
/* =============Content Area Style Start=================== */
#content_area_home {
    padding:1.875em 0.625em 1.5em 0.625em;                              /* BASE FONT  = 16px >>> 30px 10px 24px 10px / 16px =1.875em 0.625em 1.5em 0.625em*/
}
/* =============Footer Area Start Here=================== */
footer {
    padding: 0.6875em 0.5625em 1.25em 0.625em;                           /* Base Font = 16px >>> 11px 9px 20px 10px/16px = 0.6875em 0.5625em 1.25em 0.625em*/
}
.footer_right {
    padding-bottom: 0.8125em;                                       /* Base Font = 16px >>> 13px /16px =  0.8125em*/
}
.footer_right img {
    margin: 0.125em 0.75em 0 0.125em;                                 /* Base Font = 16px >>> 2px 12px 0 2px /16px = 0.125em 0.75em 0 0.125em*/
}
footer .footer-address {
    line-height: 1.208333333333333em;                                 /* Base Font = 12px >>> 14.5px /12px =  1.208333333333333em*/
}
.footer_right_txt {
    float: left;
    padding: 0.5714285714285714em 0.7142857142857143em 0 0;                  /* Base Font = 14px >>> 8px 10px 0 0/15px =  0.5714285714285714em 0.7142857142857143em 0 0*/
}
.thomas_info_txt {
    padding: 1.166666666666667em 0.8333333333333333em 0.9166666666666667em 0.8333333333333333em;   /* Base Font = 12px >>> 14px 10px 11px 10px /12px =  1.166666666666667em 0.8333333333333333em 0.9166666666666667em 0.8333333333333333em*/
}
.copy-right-info {
    padding: 0 0 0.8333333333333333em 0;                              /* Base Font = 12px >>> 10px /12px =  0.8333333333333333em*/
}
.footer-bar {
    display:inline;
}
/* =============Heading Styles=================== */
#content_area_home h1 {
    padding: 0.75em 0 1.375em 0;                                    /* Base Font = 16px >>> 12px 0 22px 0 /16px = 0.75em 0 1.375em 0 */
}
/* =============Home page classes Start Here=================== */
.home-para p {
    line-height: 1.21875em;                                          /* Base Font = 16px >>> 19.5px /16px = 1.21875em */
}
/* =============Bucket Area Start Here=================== */  
.capabilities_bucket_links section {
    width: 36.7741935483871%;                                       /*228*100/620 = 36.7741935483871%*/
    display: inline-block;
    margin: 0 0 0.9375em 0;                                          /* Base Font = 16px >>> 15px /16px = 1.21875em */
    vertical-align:top;
}
.capabilities_bucket_links > section:nth-child(2n) {
    margin: 0 0 0.9375em 1.612903225806452%;                           /*10*100 / 620px =1.612903225806452% && 15px/16px = 0.9375em*/
}
.past_project_bucket img {
    margin: 0 0.3571428571428571em 0 0;                                 /* Base Font = 14px >>> 0 5px 0 0/15px = 0.3571428571428571em*/
    width: 41.88034188034188%;                                       /*98*100/234px = 41.88034188034188%*/
}
.past_project_bucket section {
    display: inline-block;
    width: 49%;                                                   /*49% width of its parent bucket*/
    margin: 0 0 1.266666666666667em 0;                                  /* Base Font = 14px >>> 19px/14px = 0 0 1.266666666666667em 0*/
    vertical-align: top;
}
.past_project_bucket section:nth-child(2n+1) {
    margin: 0 0 1.266666666666667em 1.048218029350105%;                   /*5*100/477px =1.048218029350105% && 19px/14px = 1.266666666666667em*/
}
.home-para {
    padding-right: 0.375em;                                          /* Base Font = 16px >>> 6px /16px =0.375em */
}
/* =============Inner pages style=================== */   
.feature_img {
    float:right;
    margin: 0 0 0.357143em 1.071429em;                                 /* BASE FONT  = 14px >>> 0px 0px 5px 15px / 14px = 0 0 0.357143em 1.071429em */
    width: 32.36245954692557%;                                       /*200*100 / 618px = 32.36245954692557%;*/
}
.three_col_img section {
    display: inline-block;
    width: 32.36245954692557%;                                       /*200*100 / 618px = 32.36245954692557%;*/
}
.three_col_img .click_thumb_txt {
    text-align: right;
}
.rfq_btn, .past_project_btn {
    text-align: right;
}
.rfq_btn a {
    width: 47.0873786407767%;                                       /*291*100/618px = 47.0873786407767%*/
    display:inline-block;
}
.past_project_btn a {
    width: 56.63430420711974%;                                       /*350*100/618px = 56.63430420711974%*/
    display:inline-block;
}
dl {
    display: table;
    border-spacing:0.2857142857142857em 0.1428571428571429em;               /* Base Font = 14px >>> 4px 2px/14px =0.2857142857142857em 0.1428571428571429em*/
}
dd dl {
    border-spacing:0;
}
dt, dd {
    display: table-cell;
}
dt {
    width: 35%;                                                   /*35% width of dl width*/
}
dd {
    width: 65%;                                                   /*65% width of dl width*/
}
dd dl dt, dd dl dd {
    width: 50%;                                                   /*50% width of its parent dl*/
}
.project_gallery img {
    margin: 0 0.7142857142857143em 0 0;                  /* Base Font = 14px >>> 10px/14px =0.7142857142857143em*/
}
.project_gallery section {
    background: none;
    border-bottom: 0.0625em solid #B7BBC5;      /* Base Font = 16px >>> 1px/16px =0.0625em*/
    border-right:0.0625em solid #B7BBC5;      /* Base Font = 16px >>> 1px/16px =0.0625em*/
    display: inline-block;
    margin-bottom: 0;
    padding: 1.875em 6.428571428571429em;        /* Base Font = 16px >>> 30px 90px /16px = 1.875em 6.428571428571429em*/
    vertical-align: top;
    width: 18.5625em;                            /* Base Font = 16px >>> 297px/16px = 18.5625em*/
}

.project_gallery.clear > section:nth-child(1) {
   padding-top: 0;
   padding-left: 0;
}
.project_gallery.clear > section:nth-child(2) {
   border-right: none;
   padding-top: 0;
   padding-right: 0;
}
.project_gallery.clear > section:nth-child(3) {
   border-bottom: none;
   padding-left: 0;
}
.project_gallery.clear > section:nth-child(4) {
   border-right: none;
   border-bottom: none;
   padding-right: 0;
}

}


/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 641px/16px = 40em*/
@media only screen and (min-width: 40.0625em) {
.contact_info {
    clear: both;
    padding-bottom:0.9375em;                                        /* Base Font = 16px >>> 15px /16px = 0.9375em */
    overflow:hidden;
}
.contact_info address {
    width: 30%;                                                    /*50% width of contact_info section*/
    display: inline-block;
    vertical-align: top;
}
.contact_info address.contact_numbers {
    text-align: right;
    float:right;
    padding: 0;
}
label.styled {
    float: left;
    margin: 0 1.071428571428571em 0 0;                                      /* Base Font = 14px >>> 15px / 14px = 1.071428571428571em */
    width: 40%;                                                            /* width 40% of div.fieldwrapper */
}
.thefield, .two_col {
    float: left;
    margin-bottom: 0.7142857142857143em;                                     /* Base Font = 14px >>>  10px / 14px = 0.7142857142857143em */
    width: 55%;                                                             /* width 55% of div.fieldwrapper */
}
.feature_img, .three_col_img section {
    width: 25.70694087403599%;                                    /*200*100 / 778px = 25.70694087403599%;*/
}
.three_col_img section:nth-child(2n) {
    margin: 0 10.8%;                                          /*85*100/778= 10.8%*/
}
.rfq_btn a {
    width: 37.40359897172237%;                                    /*291*100/778px = 37.40359897172237%*/
}
.past_project_btn a {
    width: 44.98714652956298%;                                    /*350*100/778px = 44.98714652956298%*/
}
.project_gallery section {
    position: relative;
}
.project_gallery a mark {
    display: inline-block;
    float: right;
    font-size:0.75em;                                          /* Base Font = 16px >>> 12px /16px = 0.75em */
    font-weight: bold;
    color: #ffffff;
    background-color:#0b154b;
    padding:0.166667em 0.833333em 0.166667em 0.833333em;               /* BASE FONT  = 12px >>> 2px 10px 2px 10px / 12px = 0.166667em 0.833333em 0.166667em 0.833333em */
    border-radius:4px;
    behavior: url(/pie/PIE.htc);
    position: absolute;
    right: 0.8333333333333333em;                                 /* BASE FONT  = 12px >>> 10px / 12px = 0.8333333333333333em */
    bottom:0.4166666666666667em;                                 /* BASE FONT  = 12px >>> 5px / 12px = 0.4166666666666667em */
}
.project_gallery a:hover mark {
    background-color:#f4880a;
}
}

/* =============================================================================
   MEDIUM SCREEN STYLES [TABLET LANDSCAP VIEW] START
*  ============================================================================= */
/******** 801px/16px = 50.0625em*/
@media only screen and (min-width: 50.0625em) {
/* =====================SEMANTIC TAGS GROUP==================== */
p {
    margin: 0;
    padding-bottom: 1.125em;                                        /* Base Font = 16px >>> 18px /16px = 1.125em */
}
/* =====================Header Area Atart==================== */
.header_logo {
    margin: 1.3125em 0 2.125em 0.6875em;                              /* Base Font = 16px >>> 21px 0 34px 11px/16px =  1.3125em 0 2.125em 0.6875em*/
    max-width: 58.75%;                                             /*564*100/960 = 58.75%*/
}
/* =====================Right Header (Utility) Start here=====*/
.header-right {
    float: right;
    margin: 0;
    padding: 1.0625em 0.375em 0 0;                                    /* Base Font = 16px >>> 17px 6px 0 0/16px = 1.0625em 0.375em 0 0*/
    width:15.3125em;                                                   /* Base Font = 16px >>> 245/16px =15.3125em*/
}
.utility_nav {
    margin-top: 1.142857142857143em;                                 /* Base Font = 14px >>> 16px /15px =1.142857142857143em*/
}
.search_text {
    width:71.19341563786008%;                                        /*173*100/243 = 71.19341563786008%*/
}
/* =====================Top Navigation style start=============*/
.menu-trigger {
    display: none;
}
#top_nav {
    padding: 0;
    position: relative;
    text-align: right;
}
ul.top_nav {
    display: block;
    margin: 0;
}
ul.top_nav > li {
    display: inline;
    position: relative;
}
.has_child > ul {
    background-color: #0B154B;
    left: 0;
    padding: 0.8125em 0.5625em 0.8125em 0.8125em;                        /* Base Font = 16px >>> 13px 9px 13px 13px/16px = 0.8125em 0.5625em 0.5625em 0.5625em*/
    position: absolute;
    text-align: left;
    top: 1.1875em;                                                /* Base Font = 16px >>> 19px/16px =1.1875em*/
    width: 15.3125em;                                             /* Base Font = 16px >>> 245px/16px =15.3125em*/
    z-index: 1000;
}
li.has_child:hover > ul {
    display: block;
}
li.has_child:hover > a {
    color: #F59423;
}
ul.top_nav li.has_child:hover ul li {
    display: block;
}
.has_child span {
    display: none;
}
#top_nav .top_nav a {
    display: inline-block;
    margin: 0 1.041666666666667% 0 1.041666666666667%;                     /* 10px*100/960 = 1.041666666666667%*/
    padding: 0.6875em 0 0.625em 0;                                    /* Base Font = 16px >>> 11px 0 10px 0 /16px = 0.6875em 0 0.625em 0*/
}
#top_nav li.has_child ul li a {
    display: block;
    line-height: 1em;                                             /* Base Font = 14px >>> 14px /14px = 1em*/
    margin: 0;
    padding: 0.1428571428571429em 0 0.0714285714285714em 3.673469387755102%;   /* Base Font = 14px >>> 2px 0 1px 9px /14px = 0.1428571428571429em 0 0.0714285714285714em 3.673469387755102%*/
}
/* =====================Content Area Style Start=================== */
#content_area {
    font-size: 1em;                                                /*BASE FONT 16px >>> 16px/ 16px = 1em*/
    line-height: 1.25em;                                          /*BASE FONT 16px >>> 20px/ 16px = 1.25em*/
    padding: 1.9375em 0.6875em 0.9375em 0.6875em;                        /*BASE FONT 16px >>> 31px 11px 15px 11px/ 16px =  1.9375em 0.6875em 0.9375em 0.6875em*/
    min-height:22.5em;                                              /*BASE FONT 16px >>> 360px/ 16px = 22.5em*/
}
/* =====================Footer Area Start Here=================== */
footer {
    padding: 1.375em 0 1.25em;                                       /* Base Font = 16px >>> 22px 0 20px/16px = 1.375em 0 1.25em*/
}
.footer_right {
    float: right;
    padding: 0.5625em 0 0 0;                                       /* Base Font = 16px >>> 9px 0 0 0 /16px =  0.5625em 0 0 0*/
}
.footer_right img {
    margin: 0.125em 0.625em 0 0.25em;                                 /* Base Font = 16px >>> 2px 10px 0 4px /16px =0.125em 0.625em 0 0.25em*/
}
footer .footer-address, .copy-right-info {
    padding: 0 0 0 0.9166666666666667em;                              /* Base Font = 12px >>> 0 0 0 11px/12px = 0 0 0 0.9166666666666667em*/
}
.footer_right_txt {
    padding: 0.6428571428571429em 0.3571428571428571em 0 0;                  /* Base Font = 14px >>> 9px 5px 0 0 /14px = 0.6428571428571429em 0.3571428571428571em 0 0*/
}
.footer_right a{
    float:left;
    margin-left:0.3125em;                             /* Base Font = 12px >>> 5px/12px =0.3125em */ 
}
.thomas_info_txt {
    padding: 1.916666666666667em 0 2em 0;                              /* Base Font = 12px >>> 23px 0 24px 0/12px = 1.916666666666667em 0 2em 0*/
    text-align: right;
}
.thomas_info_txt a {
    margin-right: 0.9166666666666667em;                                 /* Base Font = 12px >>> 11px/12px =0.9166666666666667em*/
}
.copy-right-info {
    float: left;
}
/* =====================Heading Styles=================== */
h1 {
    font-size: 2em;                                                       /* Base Font = 16px >>> 32px /16px = 2em */
    padding: 0 0 0.71875em 0;                                          /* Base Font = 32px >>> 23px /32px = 0.71875em */
    line-height: 1.125em;                                                /* Base Font = 32px >>> 36px /32px = 1.125em */
}
#content_area_home h1 {
    padding: 0 0 1.3125em 0;                                       /* Base Font = 16px >>> 21px /16px = 1.3125em */
    line-height:1.1875em;                                          /* Base Font = 16px >>> 19px /16px = 1.1875em */
}
h2 {
    font-size: 1em;                                                      /* Base Font = 16px >>> 16px /16px = 1em */
    padding: 1.125em 0 0.5625em 0;                                     /* Base Font = 16px >>> 10px 0 9px 0 /16px = 1.125em 0 0.5625em 0*/
    line-height: 1.1875em;                                               /* Base Font = 16px >>> 19px /16px = 1.1875em */
}
h3 {
    font-size: 0.9375em;                                                /* Base Font = 16px >>> 15px /16px = 0.9375em */
    padding: 0.3333333333333333em 0 0.3333333333333333em 0;                   /* Base Font = 15px >>> 5px 0 5px 0 /15px = 0.3333333333333333em 0 0.3333333333333333em 0*/
    line-height: 1.2em;                                                  /* Base Font = 15px >>> 18px /15px = 1.2em */
}
/* =====================Home page classes Start Here=================== */
 
.capabilities_bucket_links {
    margin: 0 0 4.0625em 0;                                          /* Base Font = 16px >>> 65px /16px = 4.0625em */
}
.capabilities_bucket_links section {
    width: 24.25531914893617%;                                        /*228*100/940px = 24.25531914893617%*/
    margin: 0 0 0 0.9574468085106383%;                                 /*9*100/940 =0.9574468085106383%*/
}
.capabilities_bucket_links section:nth-child(2n) {
    width: 24.25531914893617%;                                        /*228*100/940px = 24.25531914893617%*/
    margin: 0 0 0 0.9574468085106383%;                                 /*9*100/940 =0.9574468085106383%*/
}
.capabilities_bucket_links section:first-child {
    margin:0;
}
.home_bottom {
    width: 100%;
    padding: 0 0 0 0.0625em;                                       /* Base Font = 16px >>> 1px /16px = 0.0625em */
}
.home_bottom > section {
    display: inline-block;
    vertical-align:top;
}
.bucket_heading {
    padding: 0.0625em 0 1.75em 0;                                    /* Base Font = 16px >>> 1px 0 28px 0 /16px = 0.0625em 0 1.75em 0*/
}
.past_project_bucket {
    width: 50%;                                                   /*476*100/940 = 50.63829787234043%*/
}
.past_project_bucket img {
    width: auto;
    margin: 0 0.5em 0 0;                                          /* Base Font = 14px >>> 7px /14px = 0.5em */
}
.home-para {
    width: 48.29787234042553%;                                       /*454*100/940 = 48.29787234042553%*/
    padding: 0 0 0.4375em 0.5625em;                                    /* Base Font = 16px >>> 0 0 7px 9px/16px =0 0 0.4375em 0.5625em */
    border-left: 1px solid #575E71;
}
.home-para p {
    line-height:1.21875em;                                          /* Base Font = 16px >>> 19.5px /16px = 1.21875em */
}
/* ===================== Inner pages style=================== */   
   
.feedbackform {
    width: 70%;                                                   /*70% width of content area*/
}
.feature_img {
    width: 21.32196162046908%;                                       /*200*100/938px = 21.32196162046908%*/
}
.three_col_img section {
    width: 21.32196162046908%;                                       /*200*100/938px = 21.32196162046908%*/
}
.three_col_img section:nth-child(2n) {
    margin: 0 17.27078891257996%;                                    /*162*100/938= 17.27078891257996%*/
}
.rfq_btn a {
    width: 31.02345415778252%;                                       /*291*100/938px=31.02345415778252%*/
}
.past_project_btn a {
    width: 37.3134328358209%;                                       /*350*100/938px = 37.3134328358209%*/
}
.project_gallery img {
    border:none;
    border-right: 1px solid #abafab;
}

.project_gallery a span {
    display: block;
    padding: 0.3125em 0.625em 0 0;                                    /* Base Font = 16px >>> 5px 10px 0 0/16px = 0.3125em 0.625em 0 0 */
}
}


/* =============================================================================
   LARGE SCREEN STYLES [DESKTOP VIEW] START
*  ============================================================================= */
/******** 960px/16px = 60em*/
@media only screen and (min-width: 60em) {
/* =====================SEMANTIC TAGS GROUP==================== */
#outer-wrapper {
    background: url(/images/outer-wrapper-bg.jpg) repeat-x left top #858D9E;
}
#wrapper, footer {
    margin: 0 auto;
    width: 60em;                                                /* Base Font = 16px >>> 960px /16px =  60em*/
}
#content_area_home {
    background: none;
    padding: 1.625em 0.625em 3.9375em 0.625em;                           /* Base Font = 16px >>> 26px 10px 63px 10px /16px = 1.625em 0.625em 3.9375em 0.625em*/
}
/* ============Header Area Atart=============================== */
header {
    background: none;
}
.header_logo {
    margin: 1.3125em 0 0.9375em 0.6875em;                              /* Base Font = 16px >>> 21px 0 15px 11px /16px = 1.3125em 0 0.9375em 0.6875em*/
    width: auto;
}
/* =============Footer Area Start Here========================= */
.thomas_info_txt {
    margin: 0 auto;
    width: 80em;                                                /* Base Font = 12px >>> 960px /12px =  80em*/
}
/* ============= Inner pages style=========================== */   
   
.feedbackform {
    width: 60%;/*60% width of content area*/
}
}
@media all and (min-width:0) {
.home-para p {
    letter-spacing:-0.015625em\0/;
}                            /*Base Font = 16px >>> -0.25px / 16px = -0.015625em/  /* IE9-IE10pp4 */
.past_project_bucket {
    letter-spacing:0.034375em\0/;
}                            /*Base Font = 16px >>> 0.55px / 16px = 0.034375em/ /* IE9-IE10pp4 */
}