/*===== Basic Styles =====*/

article, aside, footer, header, nav, section {
   display: block;
}
header, aside, footer {
   text-align: left;
}
img {
   border: 0;
   margin: 0;
   padding: 0;
}
address {
   font-style:normal;    /* To Neutralize Default Italic Style To Normal Style */
}
form {
   margin: 0;
   padding: 0;
}

/*===== Common Styles =====*/
.overflow {
   overflow: hidden;
}
.clr_both {
   clear: both;
}
.push_left {
   float: left;
   text-align: left;
}
.push_right {
   float: right;
   text-align: right;
}
.right_align {
   text-align:right;
}
/*===== Wrapper Styles =====*/
body {
   margin:0;
   padding:0;
   font-size:100%;   /* Base Font = 16px >>> 16px = 1em = 100% */
   background:url(bg_body.jpg) repeat-x #ffffff;
}
#outer_container {
   background: url(outer_container_home.jpg) no-repeat center top ;
    min-width: 73.3125em;
    width: 100%;
}
#wrapper {
   width:60.0625em;      /* Base Font = 16px >>> 961px/16px = 60.0625em */
   margin:0 auto;   /* For center alignment of web page */
}
/*===== Header Styles =====*/
header {
   height:17.375em; /* Base Font = 16px >>> 278px/16px = 17.375em */
   position:relative;
}
/*===== logo =====*/
.company_logo {
   margin-top:1.1875em;/* Base Font = 16px >>> 19px/16px = 1.1875em */
   display:block;
}
/*===== top nav =====*/
#top_nav {
   margin-right:3.25em;/* Base Font = 16px >>> 52px/16px = 3.25em */
   margin-top:1.625em;/* Base Font = 16px >>> 26px/16px =1.625em */
   letter-spacing:-.55px\9\0;
}
.top_nav_links ul {
   background:#dadff2;
   list-style: none outside none;
   margin: 0;
   padding: 0;
   width: 100%;
}
.top_nav_links li {
   float: left;
   margin: 0;
   padding:0 0.375em 0.375em 0.4375em;   /* Base Font = 16px >>> 0 6px 6px 7px / 16px = 0 0.625em 0.375em 0.4375em */
   position: relative;
   width: auto;
   background:url(top_nav_bottom.jpg) no-repeat center bottom;
   list-style-type:none;
}
.top_nav_links li:hover {
   background:url(top_nav_bottom_hover.jpg) no-repeat center bottom;
}
.top_nav_links a {
   color: #000246;
   display: block;
   font-size:0.6875em;/* Base Font = 16px >>> 11px/16px =0.6875em */
   font-family:Arial, Helvetica, sans-serif;
   font-weight:bold;
   padding: 0;
   text-align: center;
   text-decoration: none;
   transition: all 0.25s ease 0s;
   text-transform:uppercase;
}
.top_nav_links a:hover {
   color:#00058a;
}
.top_nav_links li ul {
   float: left;
   left: 0;
   opacity: 0;
   position: absolute;
   top: 0;
   visibility: hidden;
   z-index: 1;
   width:9.625em;/* Base Font = 16px >>> 154px/16px =9.625em */
}
.top_nav_links li:hover ul {
   opacity: 1;
   top:1.375em;/* Base Font = 16px >>> 22px/16px =1.375em */
   visibility: visible;
}
.top_nav_links li ul li {
   float: none;
   width: 100%;
   background:none;
   padding:0.3125em 0 0.3125em 0.3125em;/* Base Font = 16px >>> 5px 0 5px 5px/16px =0.3125em 0 0.3125em 0.3125em */
}
.top_nav_links li ul li:hover {
   background:none;
}
.top_nav_links li ul a:hover {
   color:#00058a;
}
.top_nav_links li ul li a {
   text-align:left;
}
/*===== utility nav Styles =====*/

#utility_nav {
   width:10.9375em;/* Base Font = 16px >>> 175px/16px =10.9375em */
   height:9.3125em;/* Base Font = 16px >>> 149px/16px =9.3125em */
}
.utility_req {
   display: block;
   margin-top:0.9375em;/* Base Font = 16px >>> 15x/16px =0.9375em */
}
/*===== Search Box Styles =====*/
.search {
   font-size: 0.75em;/* Base Font = 16px >>>12px/16px = 0.75em*/
   margin:1.166666666666667em 0 3.083333333333333em 0; /* Base Font = 12px >>> 14px/12px = 1.166666666666667em 0 37px/12px = 3.083333333333333em 0*/
   padding: 0;
}
.search_text, .search_btn {
   border: 0;
   vertical-align: top;
}
.search_text {
   background: url(bg_search.jpg) no-repeat 0 0;
   color: #000000;
   font-family: arial;
   font-size:1em;/* Base Font = 12px >>>12px/12px = 1em*/
   height:1.666666666666667em;/* Base Font = 12px >>>20px/12px = 1.666666666666667em*/
   padding: 0 0 0 0.8333333333333333em;/* Base Font = 12px >>>0 0 0 10px/12px = 0.8333333333333333em*/
   text-transform: uppercase;
   width:11.66666666666667em;/* Base Font = 12px >>>140px/12px = 11.66666666666667em*/
}
#search img {
   margin:0;
   display:block;
}
/*===== Left Nav Styles =====*/
#left_nav {
   background:url(bg_left_nav.jpg) no-repeat right 0;
   width:11.6875em;/* Base Font = 16px >>> 187px/16px = 11.6875em */
   height:33.0625em;/* Base Font = 16px >>> 529px/16px = 33.0625em */
   margin-top:2.375em;/* Base Font = 16px >>> 38px/16px = 2.375em */
}
#left_nav .padding_bottom_none {
   padding-bottom: 0.25em;/* Base Font = 16px >>> 3px/12px = 0.25em */
}
#left_nav_1 .portfolio_links a {
	padding:0;
}
#left_nav_1 .portfolio_links span {
   background: url(left_nav_portfolio_bg.png) no-repeat left 0.9090909090909091em;/* Base Font = 11px >>> 10px/11px = 0.9090909090909091em */
   font-size: 0.9166666666666667em;/* Base Font = 12px >>> 11px/12px = 0.9166666666666667em */
   padding: 0.6363636363636364em 0 0.454545em 1.545454545454545em;/* Base Font = 11px >>> 7px 0 5px 17px/11px = 0.6363636363636364em 0 0.4545454545454545em 1.545454545454545em*/
   display:block;
}
#left_nav_1 .portfolio_links a:hover span {
   background: url(left_nav_portfolio_bg.png) no-repeat left 0.9090909090909091em;/* Base Font = 11px >>> 11px/11px = 0.9090909090909091em */
}
.arrow {
   background:url(bg_left_nav_arrow.jpg) no-repeat 0 0.3636363636363636em;
   float: left;
   height:1.583333333333333em;/* Base Font = 11px >>> 19px/11px = 1.583333333333333em */
   width: 0.9090909090909091em;/* Base Font = 11px >>> 10px/11px = 0.9090909090909091em */
}
#left_nav_1 img {
   margin-bottom:0.3333333333333333em;/* Base Font = 12px >>> 4px/12px = 0.3333333333333333em */
   margin-left:0.0833333333333333em;/* Base Font = 12px >>> 1px/12px = 0.0833333333333333em */
   margin-top:1.75em;/* Base Font = 12px >>> 21px/12px =1.75em */
}
.push_bottom {
    display: block;
    padding-bottom: 4.16667em;
}
/*===== Content Area Styles =====*/
#content_area {
   font-family:arial;
   font-weight:normal;
   color:#000000;
   font-size:0.75em; /* Base Font = 16px >>> 12px/16px = 0.75em */
   width:64.5em;/* Base Font = 12px >>> 774px/12px = 64.5em */
   padding-top:3.25em;/* Base Font = 12px >>> 39px/12px = 3.25em */
   background: url(bg_content_area_home.jpg) no-repeat 0 0 ;
}

#content_area_inner {
   padding-left:3.25em;/* Base Font = 12px >>> 39px/12px = 3.25em */
}

.inner_heading {
    clear: both;
    color: #FFFFFF;
    display: block;
    font-size: 1.375em;
    line-height: 1.90909em;
    margin: 0;
    opacity: 0.81;
    text-shadow: 1px -2px 4px #000000;
}
.inner_heading {
   clear: both;
   color: #FFFFFF;
   font-size: 1.375em;/* Base Font = 16px >>>22px/16px =1.375em*/
   line-height: 1.909090909090909em;         /* Base Font = 22px >>>42px/22px =1.909090909090909em*/
   margin: 0;
   opacity: 0.81;
   text-shadow: 1px -2px 4px #000000;
   display: block;
   font-family:"Arial";
   font-weight: 900;
}

.inner_heading span {
   display: block;
   font-size: 2.8181818181818185em; /* Base Font = 22px >>>62px/22px =2.818181818181818em*/
   line-height: 0.532258064516129em;/* Base Font = 62px >>>33px/62px =0.532258064516129em*/
   position:relative;
}

.ie8 .inner_heading span, .ie9 .inner_heading span, .ie10 .inner_heading span {
   line-height: 0.5967741935483871em;/* Base Font = 62px >>>37px/62px =0.5967741935483871em*/
}
.utility_num_txt .utility_num {
    font-family: "Arial";
    font-weight: 900;
}
/*===== Heading Styles =====*/
h1 {
	margin-bottom:0px !important;
	}

/*===== Main Styles =====*/
#m {
   position:relative;
}
/*===== Social Media Logo Styles =====*/

.social-single {
   height: 45px;
   padding:0px;
   position: relative;
}
#twitterbutton {
   float: left;
   margin: 0px;
   overflow: hidden;
   padding: 0px;
   width: 90px;
}
#likebutton {
   float: left;
   margin: 0px 15px 0px 0px;
   overflow: hidden;
   padding: 0px;
   width: 72px;
}
#linkedinshare {
   float: left;
   padding: 0px 15px 0px 0px;
}
#googleplus {
   float: left;
   overflow: hidden;
   width: 60px;
}

/*===== Footer Styles =====*/

#outer_footer {
   background:url(bg_outer_footer.jpg) repeat-x;
   padding-bottom:3.125em;/* Base Font = 16px >>> 50px/16px = 3.125em */
}
footer {
   width:60.0625em;      /* Base Font = 16px >>> 961px/16px = 60.0625em */
   margin:0 auto;   /* For center alignment of web page */
   padding-top:37px;/* Base Font = 16px >>> 75px/16px = 4.6875em */
}
#footer_inner {
   background:url(bg_footer.jpg) no-repeat center 25px;/* Base Font = 16px >>> 63px/16px = 3.9375em */
   min-width:75em;/* Base Font = 16px >>> 1200px/16px = 75em */
   padding-bottom:1em;/* Base Font = 16px >>> 16px/16px =1em */
}
.footer_links strong {
   color:#ffffff;
   font-family:"Arial";
   font-weight:900;
}
.footer_logos {
   display:block;
   margin-top: 0.75em;/* Base Font = 16px >>> 12px/16px =0.75em */
}
.footer_logos img {
   margin-right: 0.1875em;   /* Base Font = 16px >>> 3px/16px =0.1875em */
   margin-left: 1em;   /* Base Font = 16px >>> 16px/16px =1em */
   }
.url {
   padding-left: 0.6em;/* Base Font = 10px >>> 6px/10px =0.6em */
   padding-right: 1em;/* Base Font = 10px >>> 10px/10px =1em */
}
.social_media_logo{
	display:block;
	float:left;
	margin-top:1.0em;
	text-align:right;
	width:29.0em;
}
.header_tagline {
    color: #fff;
    font-family: "Arial";
    font-size: 1.0625em;                  /* Base Font = 16px >>> 17px / 16px = 1.0625em */
    font-weight: bold;
    left: 16em;                           /* Base Font = 17px >>> 272px / 17px = 16em */ 
    line-height: 1.117647058823529em;     /* Base Font = 17px >>> 19px / 17px = 1.117647058823529em */ 
    position: absolute;
    text-shadow: 1px -1px 3px #000000;
    top: 6.058823529411765em;              /* Base Font = 17px >>> 103px / 17px = 6.058823529411765em */ 
    width: 30.47058823529412em;            /* Base Font = 17px >>> 518px / 17px = 30.47058823529412em */ 
}
/* will be red only in google chrome */

@media screen and (-webkit-min-device-pixel-ratio:0) {
   #top_nav{margin-right:1.5625em;}
}