@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
/* =============================================================================
   Body Styles
* ============================================================================= */
body 
{   background:#FFF;
   	margin:0;
   	padding:0;
   	font-size:100%;                              			/* BASE FONT = 16px >>> 16px = 1em = 100% */
   	color:#141414;
	font-family: 'Open Sans', Arial, Helvetica, Verdana, Times, Tahoma, Georgia;
}

/* =============================================================================
   Basic Styles
* ============================================================================= */
atricle, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, title, mark, main 
{   display: block;
}
img 
{	border: 0; 
	vertical-align:middle;
	max-width: 100%;
}
address 
{	font-style:normal;                                       	/* To Neutralize Default Italic Style To Normal Style */
}
a 
{   color: #00588d;
    text-decoration: underline;
	outline:none;
}
input
{	outline:none;
}
a:hover 
{   text-decoration:none;
	color:#85c762;
}
p 
{	font-size:0.875em;                                     		/* BASE FONT = 16px >>> 14px/16px = 0.875em */
	line-height:1.286em;                                      	/* BASE FONT = 14px >>> 18px/14px = 1.286em */
	margin:0 0 0.929em 0;                                  		/* BASE FONT = 14px >>> 13px/14px = 0.929em */
}
hr 
{	background:#f5f4f3;
    border: 0;
    height: 0.563em;                                     		/* BASE FONT = 16px >>> 9px/16px = 0.563em */
    margin: 1em 0;                                     			/* BASE FONT = 16px >>> 16px/16px = 1em */
	clear:both;
}
/* ===============INITIAL STYLES [MOBILE VIEW] START============================*/
/* =============================================================================
   Wrapper Styles
* ============================================================================= */
.wrap-inner 
{   max-width:58.750em;                             			/* BASE FONT = 16px >>> 940px/16px = 58.750em */
    margin:0 auto;
    padding:0 0.563em;                                     		/* BASE FONT = 16px >>> 9px/16px = 0.563em */
}
/* =============================================================================
   Top Nav Styles
* ============================================================================= */
.top-nav
{	background:#002f4c;
	clear:both;
}
.top-nav .wrap-inner
{	padding:0;
}
.first-menu-item
{	background:#f4f4f4;
	padding:0;
	margin:0; 
	display:none;
	list-style:none;
}
.menu-trigger,
.menu-trigger-active
{	font-size:0.875em;												/* BASE FONT = 16px >>> 14px/16px = 0.875em */
	margin-right:0.714em;                                  			/* BASE FONT = 14px >>> 10px/14px = 0.714em */
	padding:1em 0;                                     				/* BASE FONT = 14px >>> 14px/14px = 1em */
	color:#FFF;
	cursor:pointer;
	display:block;	
	line-height:1em;                                     			/* BASE FONT = 14px >>> 14px/14px = 1em */
	text-align:right;
}
.menu-trigger-active
{	color:#83c65f;
}
.top-nav li a
{	color:#002f4c;
	font-size:0.875em;												/* BASE FONT = 16px >>> 14px/16px = 0.875em */
	text-decoration:none;
	display:block;
	font-weight:bold;
	padding:0 0.714em;                                  			/* BASE FONT = 14px >>> 10px/14px = 0.714em */
}
.top-nav li:hover
{	background:#83c65f;
}
.top-nav li li a
{	color:#141414;
	font-weight:normal;
	line-height:1.25em;                                  			/* BASE FONT = 14px >>> 17px/14px = 1.25em */
	padding-left:1.5em;                                  			/* BASE FONT = 14px >>> 21px/14px = 1.5em */
}
.top-nav li li:hover
{	background:none;
}
.top-nav li.rfq-menu-link a,
.top-nav li a.selected
{	color:#83c65f;
}
.top-nav li.rfq-menu-link:hover a,
.top-nav li:hover a.selected
{	color:#002f4c;
}
.top-nav li li a:hover,
.top-nav li li a.selected
{	color:#0065a3;
}
.top-nav li 
{	border-bottom:1px solid #d2d1ce;
	padding:0.375em 0 0.438em;                                  			/* BASE FONT = 16px >>> 6px 0 7px/16px = 0.375em 0 0.438em */
}
.top-nav li.menuparent:hover
{	padding-bottom:0;
}
.top-nav li.menuparent a
{	display:inline-block;
}
.top-nav li li
{	border:0;
	padding:0.313em 0;                                  					/* BASE FONT = 16px >>> 5px/16px = 0.313em */
}
.top-nav li ul
{	padding:0;
	list-style:none;
	margin:0;
	background:#f4f4f4;
	border-top:0.438em solid #83c65f;                                  		/* BASE FONT = 16px >>> 7px/16px = 0.438em */
	display:none;
}
.top-nav li:hover ul
{	display:block;
}

/* =============================================================================
   Logo Styles
* ============================================================================= */
.logo
{	display:block;
	text-align:center;
	padding:0.75em 0;                                  						/* BASE FONT = 16px >>> 12px/16px = 0.75em */
	max-width:18.875em;                                  					/* BASE FONT = 16px >>> 302px/16px = 18.875em */
	margin:0 auto;
}
/* =============================================================================
   Header Styles
* ============================================================================= */
.logo-background
{	background:url(../images/logo-background-mobile.png) no-repeat right top #FFF;
}
.header-right
{	text-align:center;
	padding-bottom:0.625em;                                  		/* BASE FONT = 16px >>> 10px/16px = 0.625em */
}
.utility-nav
{	width:11.125em;                                  				/* BASE FONT = 16px >>> 178px/16px = 11.125em */
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	color:#454545;
	line-height:1em;                                  				/* BASE FONT = 16px >>> 16px/16px = 1em */
}
.utility-nav span
{	font-size:0.875em;												/* BASE FONT = 16px >>> 14px/16px = 0.875em */
}
.utility-nav span a
{	font-size:1.571em;												/* BASE FONT = 14px >>> 22px/14px = 1.571em */
	color:#005a8f;
	text-decoration:none;
}
.utility-nav a.email-icon
{	font-size:0.875em;												/* BASE FONT = 16px >>> 14px/16px = 0.875em */
	color:#454545;
	text-decoration:none;
	background:url(../images/email-icon.svg) no-repeat left;
	padding-left:1.429em;											/* BASE FONT = 14px >>> 20px/14px = 1.429em */
}
.utility-nav a.email-icon:hover
{	color:#00588D;
	text-decoration:underline;
}

/* =============================================================================
   Search Styles
* ============================================================================= */
.search-top
{	width:6.125em;                                  						/* BASE FONT = 16px >>> 98px/16px = 6.125em */
	padding:0.188em;                                  						/* BASE FONT = 16px >>> 3px/16px = 0.188em */
	height:1.500em;                                  						/* BASE FONT = 16px >>> 24px/16px = 1.500em */
	border:1px solid #e2e1e0;
	background:#FFF;
	display:inline-block;
	vertical-align:middle;
	border-radius:1.250em;                                  				/* BASE FONT = 16px >>> 20px/16px = 1.250em */
	position:relative;
}
.search-top br
{	display:none;
}
.search-box1
{	border:0;
	border-radius:0.357em;                                  				/* BASE FONT = 14px >>> 5px/14px = 0.357em */
	width:4.429em;                                  						/* BASE FONT = 14px >>> 62px/14px = 4.429em */
	float:left;
	font-size:0.875em;                                  					/* BASE FONT = 16px >>> 14px/16px = 0.875em */
	color:#454545;
	padding:0.286em 0 0.286em 0.571em;                                  	/* BASE FONT = 14px >>> 4px 0 4px 8px/14px = 0.286em 0 0.286em  0.571em*/
	background:none;
}
.search-button
{	font-size:1em;                                  						/* BASE FONT = 16px >>> 16px/16px = 1em */
	border:0;
	background:url(../images/search-icon.png) no-repeat;
	height:1.500em;                                  						/* BASE FONT = 16px >>> 24px/16px = 1.500em */
	width:1.500em;                                  						/* BASE FONT = 16px >>> 24px/16px = 1.500em */
	float:right;
	cursor:pointer;
	position:absolute;
	z-index:9;
	right:0.25em;
}

/* =============================================================================
   Header Banner
* ============================================================================= */
.header-banner
{	background:#005386;
	position:relative;
}
.header-banner-inner
{	background:url(../images/banner-effect.png) repeat-x top #005487;
	clear:both;
	position:relative;
	text-align:center;
}
.header-banner h1
{	color:#e7e6e4;
	text-align:center;
	font-size:1em;                                  						/* BASE FONT = 16px >>> 16px/16px = 1em */
	padding:1.375em 0;                                  					/* BASE FONT = 16px >>> 22px/16px = 1.375em */
	position:relative;
	z-index:2;
	margin:0;
}
.header-banner img
{	display:none;
}
.banner-shadow
{	display:block;
	position:absolute;
	background:url(../images/home-banner-shadow.png) repeat-x;
	height:4.625em;                                							/* BASE FONT = 16px >>> 74px/16px = 4.625em */
	left:0; top:0;
	width:100%;
	z-index:1;
}


/* =============================================================================
   Content Area
* ============================================================================= */
#main
{	clear:both;	
}
#main .wrap-inner 
{   max-width:60em;                             					/* BASE FONT = 16px >>> 960px/16px = 60em */
}
#main #content-area-inner .wrap-inner
{	max-width:58.750em;                             				/* BASE FONT = 16px >>> 940px/16px = 58.750em */
}
#content-area-home
{	padding:0;
}
#content-area-inner
{	background:#FFF;	
}
#content-area-inner
{	padding-top:1em;                                  				/* BASE FONT = 16px >>> 16px/16px = 1em */
	padding-bottom:1em;                                  			/* BASE FONT = 16px >>> 16px/16px = 1em */
}
.content-area-inner-right
{	padding-bottom:2em;                                  			/* BASE FONT = 16px >>> 32px/16px = 2em */
}


/* =============================================================================
   Heading Styles
* ============================================================================= */
#content-area-inner h1
{	font-size:1.5em;												/* BASE FONT = 16px >>> 24px/16px = 1.5em */
	line-height:1.083em;											/* BASE FONT = 24px >>> 24px/24px = 1.083em */
	font-weight: 700;
	line-height:1.250em;											/* BASE FONT = 24px >>> 30px/24px = 1.250em */
	color:#002d49;
	margin:0 0 0.333em 0;											/* BASE FONT = 24px >>> 0 0 8px 0/24px = 0 0 0.333em 0 */
}
#content-area-inner h2
{	font-size:1.250em;												/* BASE FONT = 16px >>> 20px/16px = 1.250em */
	line-height:1.200em;											/* BASE FONT = 20px >>> 24px/20px = 1.200em */
	font-weight: 700;
	color:#00588d;
	margin:0 0 0.550em 0;											/* BASE FONT = 20px >>> 0 0 11px 0/20px = 0 0 0.550em 0 */
}
#content-area-inner aside h2
{	color:#002f4c;
	margin:0 0 0.5em 0;												/* BASE FONT = 20px >>> 0 0 10px 0/20px = 0 0 0.5em 0 */
	text-transform:uppercase;
	margin-left:0.600em;											/* BASE FONT = 20px >>> 12px/20px = 0.600em */
}
#content-area-inner h3,
.table-title
{	font-size:1em;													/* BASE FONT = 16px >>> 16px/16px = 1em */
	font-weight: 700;
	color:#00588d;
	margin:0 0 0.5em 0;												/* BASE FONT = 16px >>> 0 0 8px 0/16px = 0 0 0.5em 0 */
	line-height:1.250em;											/* BASE FONT = 16px >>> 20px/16px = 1.250em */
}
#content-area-inner h3.h3underline
{	text-decoration:underline;
	font-style:italic;
	margin:1em 0 0 0;												/* BASE FONT = 16px >>> 16px 0 0 0/16px = 1em 0 0 0 */
	border-bottom:1px solid #e6e5e3;
	padding-bottom:1em;												/* BASE FONT = 16px >>> 1em /16px = 1em */
}
#content-area-inner .product-description-table dl dt.table-title
{	margin:0;
	background:#e6e5e3;
	color:#00588d;	
	font-size:1.143em;												/* BASE FONT = 14px >>> 16px/14px = 1.143em */
	text-transform:uppercase;
}


/* =============================================================================
   Footer Styles
* ============================================================================= */
.footer
{	background:#002f4c;
	color:#FFF;
	clear:both;
	padding-top:1.5em;												/* BASE FONT = 16px >>> 24px/16px = 1.5em */
}
.footer .wrap-inner
{	background:url(../images/footer-logo.jpg) no-repeat center bottom;
}
.footer h2
{	color:#FFF;
	line-height:1.25em;												/* BASE FONT = 16px >>> 20px/16px = 1.25em */
	font-size:1em;													/* BASE FONT = 16px >>> 16px/16px = 1em */
	text-transform:uppercase;
	font-weight:700;
	margin:0 0 1.25em;												/* BASE FONT = 16px >>> 0 0 20px/16px = 0 0 1.25em */
	text-align:center;
}
.footer section p
{	font-size:0.750em;												/* BASE FONT = 16px >>> 12px/16px = 0.750em */
}
.footer section a
{	color:#FFF;
}
.footer section a.text-normal:hover
{	color:#fff;
}
.footer-column-1,
.footer-column-2,
.footer-column-3,
.footer-column-4
{	display:inline-block;
	width:49%;
	vertical-align:top;
	padding-bottom:1.5em;											/* BASE FONT = 16px >>> 24px/16px = 1.5em */
}
.footer-column-5
{	text-align:center;
	color:#b3c1ca;
}
.footer-column-5 span
{	font-size:1.125em;												/* BASE FONT = 16px >>> 18px/16px = 1.125em */
	display:block;
	padding:1.250em 0 1.750em;										/* BASE FONT = 16px >>> 20px 0 28px/16px = 1.250em 0 1.750em */
	color:#FFF;
}
.footer section.footer-column-5 a
{	color:#b3c1ca;
}
.copyright
{	color:#8097a6;	
	width:16.250em;													/* BASE FONT = 16px >>> 260px/16px = 16.250em */
	margin:0 auto;
	padding:1.500em 0;												/* BASE FONT = 16px >>> 24px/16px = 1.500em */
	text-align:center;
}
.copyright span
{	font-size:0.750em;												/* BASE FONT = 16px >>> 12px/16px = 0.750em */
}
.footer section.copyright a
{	color:#8097a6;
}
.copyright p
{	padding-top:0.833em;											/* BASE FONT = 12px >>> 10px/12px = 0.833em */
}

/* =============================================================================
   Home Page Styles
* ============================================================================= */
.home-services-bucket
{	background:#f4f4f4;
	text-align:center;
	padding:1em 0;                                  					/* BASE FONT = 16px >>> 16px/16px = 1em */
}
.home-services-bucket article
{	width:9.063em;                                  					/* BASE FONT = 16px >>> 145px/16px = 9.063em */
	display:inline-block;
	padding:0 0 0.750em;                                  				/* BASE FONT = 16px >>> 12px/16px = 0.750em */
	vertical-align:top;
}
.home-services-bucket article a
{	color:#141414;
	font-size:0.875em;                                  				/* BASE FONT = 16px >>> 14px/16px = 0.875em */
	display:block;
	line-height:1.286em;                                  				/* BASE FONT = 14px >>> 18px/14px = 1.286em */
	text-decoration:none;
	font-weight:600;
}
.home-services-bucket article a:hover
{	color:#5ba855;
}
.home-services-bucket article i
{	border-radius:100%;
	border:0.357em solid #d6d5d2;                                  			/* BASE FONT = 14px >>> 5px/14px = 0.357em */
	display:block;
	margin:0 auto;
	width:8.214em;                                  						/* BASE FONT = 14px >>> 115px/14px = 8.214em */
	margin:0 auto;
	margin-bottom:0.214em;                                  				/* BASE FONT = 14px >>> 3px/14px = 0.214em */
}
.home-services-bucket article a:hover i
{	border:0.357em solid #5ba855;                                  			/* BASE FONT = 14px >>> 5px/14px = 0.357em */
}
.home-services-bucket article img
{	border-radius:100%;
}
.home-services-bucket article span
{	display:block;
	height:5.000em;                                  					/* BASE FONT = 14px >>> 70px/14px = 5.000em */
	padding:0 0.714em;                                  				/* BASE FONT = 14px >>> 10px/14px = 0.714em */
}

.home-products-bucket
{	text-align:center;
	padding:1em 0;
}
.home-products-bucket h2
{	color:#002f4c;
	line-height:1em;                                  					/* BASE FONT = 24px >>> 24px/24px = 1em */
	font-size:1.500em;                                  				/* BASE FONT = 16px >>> 24px/16px = 1.500em */
	text-transform:uppercase;
	font-weight:600;
	margin:0 0 0.75em 0;                                  				/* BASE FONT = 24px >>> 18px/24px = 0.75em */
}
.home-products-bucket article
{	border:1px solid #e6e5e3;
	width:18.250em;                                  							/* BASE FONT = 16px >>> 292px/16px = 18.250em */
	padding:0.188em;                                  							/* BASE FONT = 16px >>> 3px/16px = 0.188em */
	display:inline-block;
	margin-bottom:0.625em;                                  					/* BASE FONT = 16px >>> 10px/16px = 0.625em */
	text-align:left;
}
.home-products-bucket article a
{	font-size:0.750em;                                  						/* BASE FONT = 16px >>> 12px/16px = 0.750em */
	color:#454545;
	text-decoration:none;
	line-height:1.333em;                                  						/* BASE FONT = 12px >>> 16px/12px = 1.333em */
}
.home-products-bucket article img
{	display:inline-block;
	vertical-align:middle;
	margin-right:0.833em;                                  						/* BASE FONT = 12px >>> 10px/12px = 0.833em */
}
.home-products-bucket article span
{	display:inline-block;
	vertical-align:middle;
	width:13.333em;                                  							/* BASE FONT = 12px >>> 160px/12px = 13.333em*/
}
.home-products-bucket article a:hover
{	color:#0065a3;
}

.home-content
{	padding:0 0.625em 1.375em;                                  				/* BASE FONT = 16px >>> 10px 22px/16px = 0.625em 1.375em */
}
.home-content-left h3
{	color:#002f4c;
	line-height:1em;                                  								/* BASE FONT = 18px >>> 18px/18px = 1em */
	font-size:1.125em;                                  							/* BASE FONT = 16px >>> 18px/16px = 1em */
	text-transform:uppercase;
	font-weight:700;
	margin:0 0 0.5em 0;                                  							/* BASE FONT = 18px >>> 9px/18px = 0.5em */
}
.home-content-left ul
{	display:inline-block;
	vertical-align:top;
	width:48%;
	margin:0; padding:0;
	list-style:none;
}
.home-content-left ul li
{	font-size:0.750em;                                  			/* BASE FONT = 16px >>> 12px/16px = 0.750em */
	padding-left:1.250em;                                  			/* BASE FONT = 12px >>> 15px/12px = 1.250em */
	background:url(../images/bullet-icon.png) no-repeat left 0.438em;	/* BASE FONT = 12px >>> 7px/12px = 0.438em*/
	color:#002f4c;	
	line-height:1.5em;                                  			/* BASE FONT = 12px >>> 18px/12px = 1.5em */
}
.home-content-right
{	position:relative;
	margin-right:0.438em;                                  			/* BASE FONT = 16px >>> 7px/16px = 0.438em */
	background:#e6e5e3;
	padding:0.5em 0.750em;                             				/* BASE FONT = 16px >>> 8px 12px/16px = 0.5em 0.750em */
	margin-top:1em;                                  				/* BASE FONT = 16px >>> 16px/16px = 1em */
}
.home-content-right img
{	padding-right:0.625em;                                  		/* BASE FONT = 16px >>> 10px/16px = 0.625em */
}
.home-content-right a
{	position:absolute;
	display:block;
	font-size:0.688em;                                  			/* BASE FONT = 16px >>> 11px/16px = 0.688em */
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
	line-height:1.091em;                                  			/* BASE FONT = 11px >>> 12px/11px = 1.091em */
	padding-top:0.818em;                                  			/* BASE FONT = 11px >>> 9px/11px = 0.818em */
	background:url(../images/cgc-button.png) no-repeat;
	width:11.909em;                                  				/* BASE FONT = 11px >>> 131px/11px = 11.909em */
	height:4.545em;                                  				/* BASE FONT = 11px >>> 50px/11px = 4.545em */
	right:-0.636em;                                  				/* BASE FONT = 11px >>> 7px/11px = 0.636em */
	top:1.091em;                                  					/* BASE FONT = 11px >>> 12px/11px = 1.091em */
}
.home-content-right a:hover
{	color:#002f4c;
}

/* =============================================================================
   Left navigation Inner Page Style
* ============================================================================= */
aside
{	display:none;
	margin-bottom:2em;																/* BASE FONT = 16px >>> 32px/16px = 2em */
}

/* =============================================================================
   Inner Pages Style
* ============================================================================= */
.projects-bucket-inner
{	text-align:center;
	margin:1em 0;																	/* BASE FONT = 16px >>> 16px 0/16px = 1em 0 */
}
.projects-bucket-inner article
{	display:inline-block;
	vertical-align:top;
	width:18.375em;																	/* BASE FONT = 16px >>> 294px/16px = 18.375em */
	margin-bottom:0.875em;															/* BASE FONT = 16px >>> 14px/16px = 0.875em */
	padding:0.125em;																/* BASE FONT = 16px >>> 2px/16px = 0.125em */						
	border:1px solid #e6e5e3;
	text-align:left;
}
.projects-bucket-inner article img
{	display:inline-block;
	vertical-align:middle;
	margin-right:0.250em;															/* BASE FONT = 16px >>> 4px/16px = 0.250em */	
}
.projects-bucket-inner article a
{	text-decoration:none;
	display:block;
}
.projects-bucket-inner article p
{	display:inline-block;
	vertical-align:middle;
	font-size:0.750em;																/* BASE FONT = 16px >>> 12px/16px = 0.750em */
	line-height:1.167em;															/* BASE FONT = 12px >>> 14px/12px = 1.167em */
	color:#454545;
	margin-bottom:0;
	margin-top:0;
}
.projects-bucket-inner article:hover p
{	color:#0065a3;
}
.image-center,
.image-right
{	text-align:center;
	margin-bottom:1em;																/* BASE FONT = 16px >>> 16px/16px = 1em */
}
.image-center img,
.image-right img
{	width:5.625em;																/* BASE FONT = 16px >>> 90px/16px = 5.625em */
}
.image-right a,
.image-center a
{	text-decoration:none;
	display:inline-block;
	vertical-align:top;
}
.image-right span,
.image-center span
{	display:block;
	text-align:right;
	color:#002f4c;
	margin-top:0.5em;															/* BASE FONT = 16px >>> 8px/16px = 0.5em */
}
.image-center span strong,
.image-right span strong
{	font-weight:normal;
	font-size:0.750em;															/* BASE FONT = 16px >>> 12px/16px = 0.750em */
}
.image-center a span strong:hover,
.image-right a span strong:hover
{	color:#85c762;
}
.image-center a
{	display:inline-block;
	vertical-align:top;
	margin-bottom:0.5em;														/* BASE FONT = 16px >>> 8px/16px = 0.5em */
	margin-right:0.450em;															/* BASE FONT = 16px >>> 8px/16px = 0.5em */
}
.image-center span
{	display:block;
	text-align:right;
}
.button-right
{	text-align:right;
	margin-bottom:0;
}
.projects-button,
.rfq-button,
.button-medium
{	font-size:1.125em;															/* BASE FONT = 16px >>> 18px/16px = 1.125em */
	padding:0.444em 1.333em;													/* BASE FONT = 18px >>> 8px 24px/18px = 0.444em 1.333em */
	margin:0.5em 0;																/* BASE FONT = 18px >>> 9px 0/18px = 0.5em 0 */
	font-weight:700;
	text-align:center;
	display:inline-block;
	vertical-align:top;
	color:#fff;
	text-decoration:none;
	background:#83c65f;
	border:0.278em solid #e3e2df;												/* BASE FONT = 18px >>> 5px/18px = 0.278em */
	-webkit-border-radius: 1.111em;												/* BASE FONT = 18px >>> 20px/18px = 1.111em */
	border-radius: 1.111em;														/* BASE FONT = 18px >>> 20px/18px = 1.111em */
}
.button-medium:hover,
.projects-button:hover,
.rfq-button:hover
{	background:#00588d;
	color:#fff;
}
.button-medium
{	padding:0.5em 1.125em;														/* BASE FONT = 16px >>> 8px 18px/16px = 0.5em 1.125em */
	-webkit-border-radius: 1.250em;												/* BASE FONT = 16px >>> 20px/16px = 1.250em */								
	border-radius: 1.250em;														/* BASE FONT = 16px >>> 20px/16px = 1.250em */								
}

.product-description-table dl dd.hide-all
{	display:none;
}
ul.listitems
{	padding:0;
	margin:1em 0;																		/* BASE FONT = 16px >>> 16px 0/16px = 1em 0 */		
}
ul.listitems li
{	list-style-type:none;
	font-size:0.875em;																	/* BASE FONT = 16px >>> 14px/16px = 0.875em */	
	padding-left:1em;																	/* BASE FONT = 14px >>> 14px/14px = 1em */	
	margin-left:0;
	background:url(../images/list-item.png) left top no-repeat; 
}
ul.listitems li a
{	text-decoration:none;
	color:#141414;
}
ul.listitems li a:hover
{	color:#85c762;
	text-decoration:underline;
}
small.pull-right
{	margin-left:1.5em;																	/* BASE FONT = 14px >>> 21px/14px = 1.5em */	
}
ul.pdf-listitems 
{	margin-left:0.5em;																	/* BASE FONT = 16px >>> 8px/16px = 0.5em */
}
ul.pdf-listitems li 
{	margin-bottom:0.5em;																/* BASE FONT = 14px >>> 7px/14px = 0.5em */	
}
ul.pdf-listitems li a
{	color:#00588d;
}
ul.pdf-listitems li a img
{	padding-right:0.286em;																/* BASE FONT = 14px >>> 4px/14px = 0.286em */	
	padding-bottom:0.286em;																/* BASE FONT = 14px >>> 4px/14px = 0.286em */	
}
ul.links-list
{	padding:0;
	margin:1em 0;															/* BASE FONT = 16px >>> 16px 0/16px = 1em 0 */
}
ul.links-list li
{	list-style-type:none;
	font-size:0.875em;														/* BASE FONT = 16px >>> 14px/16px = 0.875em */
	line-height:1.714em;													/* BASE FONT = 14px >>> 24px/16px = 1.714em */
	padding-left:1em;														/* BASE FONT = 14px >>> 14px/14px = 1em */
	margin-left:0;
	background:url(../images/list-item.png) left top no-repeat; 
}
ul.links-list li a
{	color:#00588D;
	text-decoration:underline;
}
ul.links-list li a:hover
{	color:#85c762;
	text-decoration:none;
}
.text-center
{	text-align:center;
}
.text-right
{	text-align:right;
}
.line-card
{	text-align:center;
}
.line-card article
{	padding:1px;
	text-align:left;
	margin-bottom:0.250em;													/* BASE FONT = 16px >>> 4px/16px = 0.250em */
}
.line-card article > strong
{	display:block;
	background:#005b94;
	color:#fff;
	font-weight:normal;
	padding:0.250em;														/* BASE FONT = 16px >>> 4px /16px = 0.250em */
	padding-left:0.5em;														/* BASE FONT = 16px >>> 8px /16px = 0.5em */
	text-decoration:none;
}
.line-card article > strong a
{	color:#fff;
	text-decoration:none;
}
.line-card article > strong a:hover
{	color:#83c65f;
}
.line-card article ul
{	padding:0;
	margin:0.250em 0;											/* BASE FONT = 16px >>> 4px 0 /16px = 0.250em 0*/
	margin-left:0.8em;											/* BASE FONT = 16px >>> 12px /16px = 0.8em */
}
.line-card article ul li
{	list-style-type:none;
	font-size:0.875em;											/* BASE FONT = 16px >>> 14px /16px = 0.875em */
	padding-left:0.7em;											/* BASE FONT = 16px >>> 9px /16px = 0.7em */									
	margin-left:0;
	background:url(../images/list-item.png) left top no-repeat; 
}
.column50 article
{	width:47%;
	display:inline-block;
	vertical-align:top;
	border:1px solid #e6e5e3;
	background:#fafafa;
}
.min-height article
{	min-height:9.375em;											/* BASE FONT = 16px >>> 150px /16px = 9.375em */
}
.min-height article ul
{	margin-left:0.5em;											/* BASE FONT = 16px >>> 8px /16px = 0.5em */
}
.min-height article:last-child
{	min-height:inherit;
}
.news-bucket
{	margin-bottom:1em;											/* BASE FONT = 16px >>> 16px /16px = 1em */									
}
.news-bucket article
{	border:1px solid #f1f1f1;
	margin-bottom:1em;											/* BASE FONT = 16px >>> 16px /16px = 1em */									
}
#content-area-inner .news-bucket article h3
{	color:#00588d;
	background:#fafafa;
	padding:0.250em 0.5em;										/* BASE FONT = 16px >>> 4px 8px /16px = 0.250em 0.5em */
	margin-bottom:0.5em;										/* BASE FONT = 16px >>> 8px /16px = 0.5em */		
	font-weight:500;
}
.news-bucket article > span
{	color:#00588d;
	display:block;
	font-size:0.875em;											/* BASE FONT = 16px >>> 14px /16px = 0.875em */	
	padding:0 0.5em 0.5em 0.5em;								/* BASE FONT = 14px >>> 0 7px 7px 7px /14px = 0 0.5em 0.5em 0.5em  */	
}
.news-bucket article p
{	margin:0 0.5em 1em 0.5em;									/* BASE FONT = 16px >>> 0 8px 16px 8px /16px = 0 0.5em 1em 0.5em */	
}
.news-bucket article figure
{	margin:0 0.5em 0.5em 0.5em;									/* BASE FONT = 16px >>> 0 8px 8px 8px /16px = 0 0.5em 0.5em 0.5em */	
}
.news-bucket article figure img
{	border:1px solid #ccc;
}
.contact-center
{	text-align:left;
	margin-bottom:1em;											/* BASE FONT = 16px >>> 16px /16px = 1em */
	line-height:1.125em;										/* BASE FONT = 16px >>> 18px /16px = 1.125em */
}
.contact-center strong
{	background:#fff;
	margin-top:0.5em;											/* BASE FONT = 16px >>> 8px /16px = 0.5em */
	text-align:left;
	font-weight:600;
}
.contact-information
{	line-height:1.250em;										/* BASE FONT = 16px >>> 20px /16px = 1.250em */
}
.contact-information strong
{	color:#00588D;
}
.text-normal,
.text-normal:hover
{	text-decoration:none;
	color:#141414;
}
.google-map
{	background:#fff;
	padding:1px;
	margin:1em 0;												/* BASE FONT = 16px >>> 16px 0 /16px = 1em 0 */										
	text-align:right;
}
.google-map small
{	font-size:0.625em;											/* BASE FONT = 16px >>> 10px /16px = 0.625em */										
}
.google-map iframe
{	display:block;
	height:15.625em;											/* BASE FONT = 16px >>> 250px /16px = 15.625em */
	border:1px solid #ccc;
	padding:1px;
	width:100%;
}
.corporate-address-bucket
{	text-align:center;
}
.corporate-address-bucket article
{	padding:1px;
	text-align:left;
	margin-bottom:0.250em;										/* BASE FONT = 16px >>> 4px /16px = 0.250em */
}
.corporate-address-bucket article > strong
{	display:block;
	background:#005b94;
	color:#fff;
	font-weight:normal;
	padding:0.250em;											/* BASE FONT = 16px >>> 4px /16px = 0.250em */
	padding-left:0.5em;											/* BASE FONT = 16px >>> 8px /16px = 0.5em */
	text-decoration:none;
}
.corporate-address-bucket article p
{	font-size:0.875em;											/* BASE FONT = 16px >>> 14px /16px = 0.875em */
	padding:0.250em 0.5em;										/* BASE FONT = 14px >>> 3px 7px /14px = 0.250em 0.5em */
	line-height:1.429em;											/* BASE FONT = 14px >>> 20px /14px = 1.429em */
	margin-bottom:0;
	border-bottom:1px solid #f1f1f1;
}
.corporate-address-bucket article p:last-child
{	border-bottom:none;
}
.contact-links
{	text-align:left;
}
.contact-links a
{	display:inline-block;
	vertical-align:top;
	text-decoration:none;
	font-size:0.813em;											/* BASE FONT = 16px >>> 13px /16px = 0.813em */
	background:#00588D;
	color:#fff;
	padding:0.231em 0.538em 0.308em 0.538em;						/* BASE FONT = 13px >>> 3px 7px 4px 7px /13px = 0.231em 0.538em 0.308em 0.538em */	
	margin:0.308em 0.154em 0.308em 0;								/* BASE FONT = 13px >>> 4px 2px 4px 0 /13px = 0.308em 0.154em 0.308em 0 */	
	-webkit-border-radius: 0.385em;								/* BASE FONT = 13px >>> 5px/13px = 0.385em */	
	border-radius: 0.385em;										/* BASE FONT = 13px >>> 5px/13px = 0.385em */	
}
.contact-links a:hover
{	background:#85C762;
}
.blue-text
{	color:#00588D;
}
.social-feeds
{	text-align:center;
	clear:both;
}
.popup_heading
{	float:none !important;
}

/* =============================================================================
   Product Description Table
* ============================================================================= */
.product-description-table
{	margin:0 0 1.5em;											/* BASE FONT = 16px >>>  24px / 16px = 1.5em */
}
.product-description-table dl dt, 
.product-description-table dl dd 
{	background:#ffffff;
    display: table-cell; 
	padding: 0.571em;                            				/* BASE FONT = 14px  >>> 8px / 14px = 0.571em */
    border:1px solid #e6e5e3;
	border-top:none;
	color:#141414;
}
.product-description-table dl dt p,  
.product-description-table dl dd p
{	font-size:1em;												/* BASE FONT = 14px >>>  14px / 14px = 1em */
}
.product-description-table dl dt
{	width: 46%;
	border-right:none;
}
.product-description-table dl:nth-child(2n+1) dt, 
.product-description-table dl:nth-child(2n+1) dd 
{	background:#ffffff;
}
.product-description-table dl 
{	display: table;
    width:100%;
    padding:0;
    margin: 0;  
    font-size:0.875em;                            				/* BASE FONT = 16px  >>> 14px / 16px = 0.875em */
}
.product-description-table dl ul
{	margin-left:0;
	padding-left:0.5em;											/* BASE FONT = 14px >>>  7px / 14px = 0.5em */

}
.product-description-table dl ul li
{	list-style-type:none;
	padding-left:1em;											/* BASE FONT = 14px >>>  14px / 14px = 1em */
	background:url(../images/list-item.png) left top no-repeat; 
}

/* =============================================================================
   Scroll to Top
* ============================================================================= */
#return-to-top 
{   position: fixed;
    bottom: 1.250em;                             				/* BASE FONT = 16px >>>  20px/16px = 1.250em */
    right: 1.250em;                              				/* BASE FONT = 16px >>>  20px/16px = 1.250em */
    background: rgba(0, 0, 0, 0.7);
    width: 2.2em;                            					/* BASE FONT = 16px >>>  35px/16px = 2.2em */
    height: 2.2em;                            					/* BASE FONT = 16px >>>  35px/16px = 2.2em */
    display: block;
    text-decoration: none;
    -webkit-border-radius: 2.188em;            					/* BASE FONT = 16px >>>  35px/16px = 2.188em */
    -moz-border-radius: 2.188em;
    border-radius: 2.188em;display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #FFF;
    font-size:1em;                                				/* BASE FONT = 16px >>>  16px/16px = 1em */
}
#return-to-top:hover 
{   background: rgba(0, 0, 0, 0.9);
}
#return-to-top span 
{   font-size: 1.2em;                            				/* BASE FONT = 16px >>>  19px/16px = 1.2em */
    text-align: center;
    display: block;
    line-height:2.2em;
}

/* =============================================================================
   Print link
* ============================================================================= */
.print-links 
{   clear:both;
}
.print-links a{
    font-size:0.563em;                        					/* BASE FONT = 16px >>>  9px/16px = 0.563em */
	padding-left:1.778em;                     					/* BASE FONT = 9px >>>  16px/9px = 1.778em */
	color:#141414;
}
.print-links img
{    margin:0 0.5em 0 0;                        				/* BASE FONT = 16px >>>  0 8px 0 0/16px = 0 0.5em 0 0 */
}
.print-links a:hover
{	color:#00588d;
}

/* =============================================================================
   Form Style
   ============================================================================= */
.form-fields
{	margin:0 auto;
}
.form-fields fieldset
{  border:0;
   margin:0;
   padding:0 0 0.625em;                                 		/* BASE FONT = 16px >>>  10px/16px = 0.625em */
}
.form-fields fieldset label
{  font-size:0.875em;                                    		/* BASE FONT = 16px >>>  14px/16px = 0.875em */   
   padding:0.313em 0 0.25em 0;                             		 /* BASE FONT = 16px >>>  5px 4px/16px = 0.313em 0.25em */
   display:block;
}
.form-fields fieldset input[type="text"],
.form-fields fieldset select,
.form-fields fieldset textarea
{  border-radius:0.4em;                                 		/* BASE FONT = 13px >>>  5px/13px = 0.4em */
   padding:0.4em;                                 				/* BASE FONT = 13px >>>  5px/13px = 0.4em */
   font-size:0.813em;                                 			/* BASE FONT = 16px >>>  13px/16px = 0.813em */
   color:#333;
   border:1px solid #CCC;
   width:92%;
   margin-right:0.4em;                                 			/* BASE FONT = 13px >>>  5px/13px = 0.4em */
}
.form-fields fieldset input[type="text"].captcha-box
{	width:15em !important;
	margin-bottom:0.385em;                                 		/* BASE FONT = 13px >>>  5px/13px = 0.385em */
}
.form-fields fieldset a
{	cursor:pointer;
}
.form-fields fieldset textarea
{   height:7em;                                       			/* BASE FONT = 13px >>>  91px/13px = 7em */
}
.required-field
{   color:#CC0000;   
}
.fieldset-right
{  display:block;
   vertical-align:top;
}
.fieldset-right-font
{	font-size:0.875em;                                 			/* BASE FONT = 16px >>>  14px/16px = 0.875em */
}
.fieldset-right span
{	font-size:0.75em;                                 			/* BASE FONT = 16px >>>  12px/16px = 0.75em */
	color:#666;
	font-style:italic;
}
.form-fields fieldset textarea
{	vertical-align:top;
}
#address2
{	margin-top:0.5em;
}
.form-fields fieldset select
{	width:95%;
}
.form-fields input[type=submit],
td input[type=submit],
input[type=reset]
{   border-radius:0.313em;                            			 /* BASE FONT = 16px >>>  5px/16px = 0.313em */
    border:0;
    background:#002F4C;
    padding:0.313em 0.625em;                           			 /* BASE FONT = 16px >>>  5px 0 10px/16px = 0.313em 0.625em */
    cursor:pointer;
    color:#FFF;
}
.form-fields input[type=submit], 
.form-fields input[type=reset]
{	margin-top:1em;                             				/* BASE FONT = 16px >>>  16px/16px = 1em */
}
.form-fields input[type=submit]:hover,
td input[type=submit]:hover,
input[type=reset]:hover
{   background:#00588D;
}

/* =============================================================================
   Recommend Page
* ============================================================================= */
form td 
{    font-size:0.813em;                                  		/* BASE FONT = 16px  >>> 13px/16px = 0.813em */
}
form td a
{    display:block;
}
form td img
{    padding-bottom:0.5em;                                  	/* BASE FONT = 16px  >>> 8px/16px = 0.5em */
}
form td input[type="textbox"],
form td input[type="text"],
form td textarea
{   background:#fff;
    border-radius:0.313em;                                		/* BASE FONT = 16px  >>> 5px/16px = 0.313em */
    -moz-border-radius:0.313em;
    -webkit-border-radius:0.313em;
	border:1px solid #CCC;
    padding:0.5em;												/* BASE FONT = 16px >>>  8px/16px = 0.5em */
    width:80%;
    margin-right:0.3em;                                     	/* BASE FONT = 16px  >>> 4px/16px = 0.3em */
}
form td input[type="text"]#query
{	width:92%;
}
form td textarea
{    width:80% !important;
}
form td input[type="text"]
{    width:30%;
}

/* =============================================================================
   Sitemap Page
* ============================================================================= */
ul.sitemap-list {   
   margin:0.625em 0;                        				/* BASE FONT = 16px >>>  10px 0/16px = 0.625em 0 */
   padding:0;                                    
   list-style:none;                                         
}  
ul.sitemap-list ul {                                    
   margin-bottom:0;
   margin-top:0.25em;										/* BASE FONT = 16px  >>> 4px/16px = 0.25em */
}
ul.sitemap-list li
{  font-size:0.850em;   										/* BASE FONT = 16px >>> 14px/16px = 0.850em */
   padding-left:1.071em;                       					/* BASE FONT = 14px >>>  15px/14px = 1.071em */                           
   padding-bottom:0.357em;                    					/* BASE FONT = 14px >>>  5px/14px = 0.357em */
   text-align:left;  
   background:url(../images/sitemap-arrow.png) no-repeat;
   list-style:none;
}  
ul.sitemap-list li a
{	text-decoration:none;
    color:#141414;
}
ul.sitemap-list li a:hover {
    color:#00588D;
	text-decoration:underline;
}
ul.sitemap-list li strong
{	color:#141414;
}
ul.sitemap-list li a strong
{	color:#00588D;
}
ul.sitemap-list li a strong:hover
{	color:#85C762;
}
ul.sitemap-list li ul
{	padding-left:0.5em;													/* BASE FONT = 14px >>>  7px/14px = 0.5em */
}
ul.sitemap-list li li
{	background:url(../images/list-item.png) left top no-repeat; 
	font-size:1em;														/* BASE FONT = 14px >>>  14px/14px = 1em */
}


/*=================================================================================
********************************Tablet Styles Start*****************************
=================================================================================*/ 
@media screen and (min-width:40em) {
/**640px/16px=40em **/
/* =============================================================================
   Header Style
* ============================================================================= */
.logo
{	float:left;
	padding:0;
	position:absolute;
	top:-1em;                                  					/* BASE FONT = 16px >>> 16px/16px = 1em */
	z-index:5;
	max-width:18.625em;                                  		/* BASE FONT = 16px >>> 298px/16px = 18.625em */
}
.logo-background
{	float:left; width:100%;
	position:relative;
	background:url(../images/logo-background.png) no-repeat;
	height:4.875em;                                  				/* BASE FONT = 16px >>> 78px/16px = 4.875em */
}
.header-right
{	float:right;
	padding:0.813em 0;                                  			/* BASE FONT = 16px >>> 13px/16px = 0.813em */
}
.utility-nav
{	float:right;
	width:auto;
}
.utility-nav span
{	float:left;
	font-size:0.813em;                                  			/* BASE FONT = 16px >>> 13px/16px = 0.813em */
}
.utility-nav span a
{	font-size:1.385em;                                  			/* BASE FONT = 13px >>> 18px/13px = 1.385em */
}
.utility-nav a.email-icon
{	float:left;
	font-size:0.813em;                                  			/* BASE FONT = 16px >>> 13px/16px = 0.813em */
	margin-left:0.538em;                                  			/* BASE FONT = 13px >>> 7px/13px = 0.538em */
	margin-top:0.154em;                                  			/* BASE FONT = 13px >>> 2px/13px = 0.154em */
}
.search-top
{	clear:right;
	float:right;
	margin-top:0.313em;                                  			/* BASE FONT = 16px >>> 5px/16px = 0.313em */
	width:11.250em;                                  				/* BASE FONT = 16px >>> 180px/16px = 11.250em */
}
.search-box1
{	width:10.143em;                                  				/* BASE FONT = 14px >>> 142px/14px = 10.143em */
}

/* =============================================================================
   Header Banner
* ============================================================================= */
.header-banner
{	clear:both;
	background:url(../images/banner-effect.png) repeat-x top #005487;
	background-size:auto 10.000em;                                  			/* BASE FONT = 16px >>> 160px/16px = 10.000em */
	float:left; width:100%;
}
.header-banner h1
{	float:right;
	text-align:right;
	line-height:1.250em;                                  				/* BASE FONT = 16px >>> 20px/16px = 1.250em */
	margin:0;
	padding:3.438em 0 1.563em;                                  			/* BASE FONT = 16px >>> 55px 0 25px/16px = 3.438em 0 1.563em */
}
.header-banner img
{	float:left;
	display:block;
	width:23.625em;                                  					/* BASE FONT = 16px >>> 378px/16px = 23.625em */
	position:absolute;
}

/* =============================================================================
   Footer Styles
* ============================================================================= */
.footer
{	padding-top:1.875em;                                  					/* BASE FONT = 16px >>> 30px/16px = 1.875em */
}
.footer h2
{	margin:0 0 1.5em;                                  					/* BASE FONT = 16px >>> 24px/16px = 1.5em */
}
.footer-column-1, .footer-column-2, .footer-column-3, .footer-column-4
{	width:24%;
}
.copyright
{	width:auto;
	padding-bottom:1.5em;                                  					/* BASE FONT = 16px >>> 24px/16px = 1.5em */
}
.copyright p
{	padding-top:0.25em;                                  					/* BASE FONT = 16px >>> 4px/16px = 0.25em */
}

/* =============================================================================
   Home page Styles
* ============================================================================= */
#main
{	float:left;
	width:100%;
	background:#005488;
}
.home-content-background
{	float:left;
	width:100%;
	background:url(../images/home-content-background.png) no-repeat center top #FFF;
	background-size:100%;
	padding-top:2.250em;                                  			/* BASE FONT = 16px >>> 36px/16px = 2.250em */
}
.home-services-bucket article span
{	border-right:1px solid #c3d2db;
}
.home-services-bucket article:last-child span
{	border:0;
}
.home-products-bucket h2
{	background:url(../images/h2-background.png) repeat-x center;
	margin-left:0.5em;                                  			/* BASE FONT = 24px >>> 12px/24px = 0.5em */
	margin-right:0.5em;                                  			/* BASE FONT = 24px >>> 12px/24px = 0.5em */
}
.home-products-bucket h2 span
{	background:#FFF;
	display:inline-block;
	padding:0 1em;                                  				/* BASE FONT = 24px >>> 24px/24px = 1em */
}
.home-products-bucket article
{	margin:0 0.438em 0.625em;                                 		/* BASE FONT = 16px >>> 0 7px 10px/16px = 0 0.438em 0.625em */
}
.home-content
{	background:url(../images/home-content-bottom-background.png) repeat-x bottom;
	padding-bottom:2.250em;                                  		/* BASE FONT = 16px >>> 36px/16px = 2.250em */
}
.home-content-left
{	width:50%;
	display:inline-block;
	vertical-align:top;
}
.home-content-right
{	width:44%;
	display:inline-block;
	vertical-align:top;
}

/* =============================================================================
   Print link
* ============================================================================= */
.print-links 
{   text-align: right;
	display:inline-block;
	float:right;
}

/* =============================================================================
   Inner Page Styles
* ============================================================================= */
.social-feeds
{	text-align:left;
	padding-left:0;
	padding-right:0;
}
.social-feeds p
{	display:inline-block;
	vertical-align:top;
	margin-top:0;
}
.projects-bucket-inner article
{	margin-right:0.250em;														/* BASE FONT = 16px  >>> 4px/16px = 0.250em */
}
.image-right
{	float:right;
	margin-left:1em;															/* BASE FONT = 16px  >>> 16px/16px = 1em */
}
.image-center img,
.image-right img
{	width:12.188em;																/* BASE FONT = 16px  >>> 195px/16px = 12.188em */
}
.line-card article
{	width:49%;
	display:inline-block;
	vertical-align:top;
}
.corporate-address-bucket article
{	width:49%;
	display:inline-block;
	vertical-align:top;
}
.column50 
{	text-align:left;
}
.column50 article
{	width:32%;
	min-height:9.250em;															/* BASE FONT = 16px  >>> 148px/16px = 9.250em */
}
.google-map
{	width:60%;
	float:right;
	margin-top:0;
}
.align-left
{	text-align:left;
}
/* =============================================================================
   Product Description Table
* ============================================================================= */
.product-description-table dl dt
{	width: 30%;
}
.show-mobile
{	display:none;
}
.line-card
{	text-align:left;
}
.contact-center strong
{	text-align:right;
	width:40%;
	display:inline-block;
}
.contact-information
{	display:inline-block;
	vertical-align:top;
}
/* =============================================================================
   Form Style
   ============================================================================= */
.form-fields fieldset label
{  display:inline-block;
   width:35%;
   text-align:right;
   margin-right:0.5em;
}
.fieldset-right
{  display:inline-block;
   width:47%;   
   vertical-align:top;
}
.form-fields fieldset input[type="text"],
.form-fields fieldset select,
.form-fields fieldset textarea
{  width:45%;   
}
.form-fields fieldset .fieldset-right textarea
{	width:96%;
}
.form-fields fieldset .fieldset-right input[type="text"]
{	width:96%;
}
.form-fields fieldset select
{	width:auto;
}

}


/*=================================================================================
**********************Tablet Landscape Ciew Styles Start**************************
=================================================================================*/ 
@media screen and (min-width:50em) {
/**800px/16px=50em**/
/* =============================================================================
    Header Styles
 * ============================================================================= */
.logo
{	max-width:25.500em;                                  			/* BASE FONT = 16px >>> 408px/16px = 25.500em */
	top:-1.250em;                                  					/* BASE FONT = 16px >>> 20px/16px = 1.250em */
}
.logo-background
{	height:7.313em;                                  				/* BASE FONT = 16px >>> 117px/16px = 7.313em */
}
.utility-nav span
{	font-size:0.875em;                                  			/* BASE FONT = 16px >>> 14px/16px = 0.875em */
}
.utility-nav span a
{	font-size:1.571em;                                  			/* BASE FONT = 14px >>> 22px/14px = 1.571em */
}
.utility-nav a.email-icon
{	font-size:0.875em;                                  			/* BASE FONT = 16px >>> 14px/16px = 0.875em */
}
.header-right
{	padding:1.375em 0 0 0;                                  		/* BASE FONT = 16px >>> 22px/16px = 1.375em */
}
.search-top
{	margin-top:0.938em;                                  			/* BASE FONT = 16px >>> 15px/16px = 0.938em */
	width:13.750em;                                  				/* BASE FONT = 16px >>> 220px/16px = 13.750em */
}
.search-box1
{	width:13.000em;                                  				/* BASE FONT = 14px >>> 182px/14px = 13.000em */
}

/* =============================================================================
   Header Banner
* ============================================================================= */
.header-banner h1
{	font-size:1.5em;                                  				/* BASE FONT = 16px >>> 24px/16px = 1.5em */
	line-height:1.292em;                                  			/* BASE FONT = 24px >>> 31px/24px = 1.292em */
}
.header-banner img
{	width:27.375em;                                  				/* BASE FONT = 16px >>> 16px/16px = 27.375em */
}

/* =============================================================================
   Inner Page Style
* ============================================================================= */
.projects-bucket-inner article
{	margin-right:1.250em;										/* BASE FONT = 16px  >>> 20px/16px = 1.250em */
}
.image-center img,
.image-right img
{	width:inherit;
}
.column50 article
{	width:32%;
	min-height:9.250em;											/* BASE FONT = 16px  >>> 148px/16px = 9.250em */									
}
.min-height article:last-child,
.min-height article
{	min-height:6.875em;											/* BASE FONT = 16px  >>> 110px/16px = 6.875em */
}
.google-map
{	width:63%;
	float:right;
	margin-top:0;
}
}


/*=================================================================================
********************************Desktop Styles Start*****************************
=================================================================================*/ 
@media screen and (min-width:60em) {
/**960px/16px=60em**/
/* =============================================================================
    Header Styles
 * ============================================================================= */
.logo-background
{	background:url(../images/logo-background.png) no-repeat center top #FFF;
}
.logo
{	max-width:inherit;
	top:-1.688em;                                  						/* BASE FONT = 16px >>> 27px/16px = 1.688em */
}
/* =============================================================================
   Header Banner
* ============================================================================= */
.header-banner img
{	width:auto;
}
.header-banner
{	background:url(../images/banner-effect.png) repeat-x top #005487;
	background-size:auto;
}
.header-banner h1
{	padding:3.333em 0 1.667em;                                  		/* BASE FONT = 24px >>> 80px 0 40px/24px = 3.333em 0 1.667em */
}

/* =============================================================================
   Top Menu Style
* ============================================================================= */
.menu-trigger
{	display:none;
}
.first-menu-item
{	display:block; 
	padding:0 0 1.938em;	                                   			/* BASE FONT = 16px >>> 31px/16px = 1.938em */
	background:none;
	float:left;
	width:100%;
}
.top-nav
{	float:left; 
	width:100%;
}
.top-nav li
{	float:left; 
	padding:0 0 0 0.125em;                                  			/* BASE FONT = 16px >>> 2px/16px = 0.125em */
	border:0;
	position:relative;
	z-index:9999;
	background:url(../images/menu-separator.png) repeat-y left top;
}
.top-nav li:hover
{	background:url(../images/menu-separator.png) repeat-y left top;
}
.top-nav li:hover a
{	color:#83C65F;
}
.top-nav li li
{	float:none;	
	padding:0;
	background:none;
	border-bottom:1px solid #004a77;
}
.top-nav li a
{	padding:0.929em 0.857em 0.643em 0.714em;                            /* BASE FONT = 14px >>> 13px 11px 9px 10px/14px = 0.929em 0.857em 0.643em 0.714em */
	float:left;
	font-size:0.875em;                                  				/* BASE FONT = 16px >>> 16px/16px = 0.875em */
	color:#ffffff;
	font-weight:normal;
}
.top-nav li:hover li a,
.top-nav li ul li a
{	padding:0.5em 1.25em;                                  				/* BASE FONT = 13px >>> 6px 0 16px/13px = 0.5em 1.25em */
	font-size:0.813em;                                  				/* BASE FONT = 16px >>> 13px/16px = 0.813em */
	float:none;
	color:#fff;
	display:block !important;
}
.top-nav li:hover a.selected
{	color:#83C65F;
}
.top-nav li:hover ul li a.selected,
.top-nav li ul li a.selected,
.top-nav li ul li a:hover
{	color:#83C65F;
	background:#012033;
}
.top-nav li ul
{	position:absolute; 
	top:2.563em;                                  				/* BASE FONT = 16px >>> 41px/16px = 2.563em */
	background:#002f4c;
	width:22.500em;                                  			/* BASE FONT = 16px >>> 360px/16px = 22.500em */
	padding:0 0;
	display:none;
	border:0;
}
.top-nav li:hover ul
{	display:block;
}
.top-nav li.formobile
{	display:none;
}
.top-nav li.rfq-menu-link
{	padding:0;
	float:right;
	background:none;
}
.top-nav li.rfq-menu-link a
{	background:url(../images/raq-menu-button.png) no-repeat;
	width:10.071em;                                  					/* BASE FONT = 14px >>> 141px/14px = 10.071em */
	height:2.143em;                                  					/* BASE FONT = 14px >>> 30px/14px = 2.143em */
	padding:0.857em 0 0 0;                                  			/* BASE FONT = 14px >>> 12px/14px = 0.857em */
	text-align:center;
	color:#002f4c;
	font-weight:bold;
}
.top-nav li.rfq-menu-link a:hover,
.top-nav li.rfq-menu-link a.selected
{	text-decoration:underline;
	color:#002f4c;
}

/* =============================================================================
   Heading Styles
* ============================================================================= */
#content-area-inner h1
{	margin:0 0 0.667em 0;                                  			/* BASE FONT = 24px >>> 16px/24px = 0.667em */
}
/* =============================================================================
   Content Area
* ============================================================================= */
#content-area-inner
{	padding-top:2.625em;                                  			/* BASE FONT = 16px >>> 42px/16px = 2.625em */
	padding-bottom:0;
}

/* =============================================================================
   Footer Styles
* ============================================================================= */
.footer
{	float:left;
	width:100%;
	padding:0;
}
.footer h2
{	text-align:left;
	margin-bottom:1em;                                  			/* BASE FONT = 16px >>> 16px/16px = 1em */
	padding-top:1.875em;                                  			/* BASE FONT = 16px >>> 30px/16px = 1.875em */
}
.footer-column-1,
.footer-column-2, 
.footer-column-3, 
.footer-column-4
{	width:18%;
	border-right:1px solid #00629e;
	padding-bottom:0;
	height:7.500em;                                  				/* BASE FONT = 16px >>> 120px/16px = 7.500em */
	float:left;
}
.footer-column-2, 
.footer-column-3, 
.footer-column-4
{	padding-left:2%;
}
.footer-column-3
{	width:17%;
}
.footer-column-4
{	border:0;
}
.footer-column-5
{	width:21%;
	float:right;
}
.copyright
{	clear:both;
	float:left;
	width:100%;
	padding:2.375em 0 0 0;                                  			/* BASE FONT = 16px >>> 38px/16px = 2.375em */
}
.footer-column-5 span
{	padding:0.722em 0 3.500em;                                  			/* BASE FONT = 18px >>> 13px 0 63px/18px = 0.722em 0 3.500em */
}
.footer-column-5 p
{	margin:0;
}
.copyright span
{	float:left;
}
.copyright p
{	margin:0;
	padding:0;
	float:right;
}
.footer .wrap-inner
{	background:url(../images/footer-logo.jpg) no-repeat right bottom;
	height:16.000em;                                  				/* BASE FONT = 16px >>> 256px/16px = 16.000em */
}


/* =============================================================================
   Home page Styles
* ============================================================================= */
.home-services-bucket
{	float:left;
	width:100%;
}
.home-services-bucket article:first-child
{	padding-left:0.375em;                                  				/* BASE FONT = 16px >>> 6px/16px = 0.375em */
}
.home-services-bucket article
{	float:left;
	width:8.438em;                                  					/* BASE FONT = 16px >>> 16px/16px = 8.438em */
}
.home-services-bucket article:last-child
{	width:8.750em;                                  					/* BASE FONT = 16px >>> 140px/16px = 8.750em */
}
.home-products-bucket
{	clear:both;
}
.home-content
{	padding-left:0.813em;                                  				/* BASE FONT = 16px >>> 13px/16px = 0.813em */
	padding-right:0;
}
.home-content-left
{	width:67%;
}
.home-content-right
{	margin-right:0;
	width:28.5%;
	margin-top:0.188em;                                  					/* BASE FONT = 16px >>> 3px/16px = 0.188em */
}	
.home-content-left ul
{	width:50%;
}
.home-content-left ul:last-child
{	width:47%;
}

/* =============================================================================
   Left navigation Inner Page Style
* ============================================================================= */
aside
{	display:block;
	width:13em;														/* BASE FONT = 16px  >>> 208px/16px = 13em */
	float:left;
}
aside nav ul
{	margin:0;
	padding:0;
}
aside nav ul li
{	margin:0;
	margin-bottom:1px;	
	list-style-type:none;	
}
aside nav ul li a
{	font-size:0.850em;												/* BASE FONT = 16px  >>> 14px/16px = 0.850em */
	line-height:1.286em;											/* BASE FONT = 14px  >>> 18px/14px = 1.286em */
	text-decoration:none;
	color:#141414 !important;
	display:block;
	padding:0.571em 0.857em;										/* BASE FONT = 14px  >>> 8px 12px/14px = 0.571em  0.857em*/
}
aside nav ul li a:hover,
aside nav ul li a.selected
{	color:#fefefe !important;
	background:#00588d;
}
.certificates-box
{	position:relative;
	margin-left:0.750em;									/* BASE FONT = 16px  >>> 12px/16px = 0.750em */
	margin-right:0.563em;									/* BASE FONT = 16px  >>> 9px/16px = 0.563em */
	background:#f5f4f3;
	padding:0.5em 0;										/* BASE FONT = 16px  >>> 8px 0/16px = 0.5em 0 */
	margin-top:1em;											/* BASE FONT = 16px  >>> 16px/16px = 1em */
	border:1px solid #e6e5e3;
	border-radius:0.375em;									/* BASE FONT = 16px  >>> 6px/16px = 0.375em */
	height:6.875em;											/* BASE FONT = 16px  >>> 110px/16px = 6.875em */
	text-align:center;
}
.certificates-box img
{	padding:0 0.313em;										/* BASE FONT = 16px  >>> 0 5px/16px = 0 0.313em */
}
.certificates-box a
{	position:absolute;
	display:block;
	font-size:0.625em;										/* BASE FONT = 16px  >>> 10px/16px = 0.625em */
	line-height:1.200em;									/* BASE FONT = 10px  >>> 12px/10px = 1.200em */
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
	padding-top:0.700em;										/* BASE FONT = 10px  >>> 7px/10px = 0.700em */
	background:url(../images/cgc-button2.png) no-repeat;
	width:15.500em;												/* BASE FONT = 10px  >>> 155px/10px = 15.500em */
	height:4.200em;												/* BASE FONT = 10px  >>> -42px/10px = -4.200em */
	right:-0.900em;												/* BASE FONT = 10px  >>> -9px/10px = -0.900em */
	bottom:0;
}
.certificates-box a:hover
{	color:#002f4c;
}
/* =============================================================================
   Inner Page Style
* ============================================================================= */
.content-area-inner-right
{	width:43.750em;												/* BASE FONT = 16px  >>> 700px/16px = 43.750em */
	float:right;
}

}