/* IMPORT FONTS
------------------------------------------------------------ */
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

/* RESET 
------------------------------------------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/     v2.0 | 20110126     License: none (public domain)   */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0px; padding:0px; border:0px; font-size:100%; vertical-align:top; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul { list-style: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0px; }

/* GENERAL   
------------------------------------------------------------------------------- */
body{ background:#3b3e41 url(../images/glow.png) top fixed no-repeat; color:#616c6e; font-family: 'Droid Sans', "Helvetica Neue", sans-serif; font-size:90%;  line-height:1.2em;  }
	a{ color:#056aff; text-decoration:none; }
	a:hover{ color:#125da2; }
	h1, h2, h3, h4, h5, p{ margin-bottom:0.6em; line-height:1.3em;}
	h1 { font-size:1.8em; color:#464a4d; }
	.banner_text1{ font-size:1.7em; font-weight:lighter; }
	h2 { font-size:1.3em; }
	.banner_text2{ font-size:1.2em; font-weight:lighter;}
	h3, .faqSubTitle { font-size:1em; }
	.show, .faq{ background-color:#eaeef2; padding:10px; margin-bottom:0px;}
	.faq a, #faq a { display:inline !important }
	#bodyWrap{ width:915px; margin:0 auto; }
	h1 sup, .banner_text1 sup { font-size:11pt; }

/* HEADER
------------------------------------------------------------------------------- */
header{ width:915px; height:150px; align:center; position:absolute; top:0px; display:block; margin:auto; margin-top:-18px; margin-bottom:20px; z-index:5; background-color:#3b3e41; }
	#logo a{ display:block; width:250px; height:45px; }
	#logo{ padding:50px; }
	#headerHome{ position:relative; margin-bottom:0px; }
	.sub_header { margin-bottom:20px; }	
	.headerSpace { height:20px; }
	.space{ margin-top:1.5em; }
	
/* MENU
------------------------------------------------------------------------------- */
.menu-wrap { width:500px; padding:20px; position:absolute; margin-left:432px; margin-top:-117px; }
	#navbar { margin:0px; padding:0px; height:1em; }
	#navbar li { list-style:none; float:left; }
	#navbar li a { display:block; padding:3px 8px; text-decoration:none; }
	#navbar li ul { display: none; width:10em; width:130px;/* Width to help Opera out */ }
	#navbar li:hover ul, #navbar li.hover ul { display:block; position:absolute; margin:0px; padding:0px; }
	#navbar li a, #navbar li.hover li a { color: #cecccd; }
	#navbar li a:hover, #navbar li li a:hover { color:#fff; }
	#menu-wrap-phone, .phone-footer { display:none;}
.legal-menu{ text-align:center; font-size:small; margin-top:2em; }

/* CONTENT
------------------------------------------------------------------------------- */
.section{ width:100%; float:left; padding:0 0 50px 0;  }
	.content{ margin-top:160px; background-color:#fff; padding-bottom:50px; }
	.line{ width:100%; clear:both; margin-top:20px; margin-bottom:20px; border-bottom:solid 1px #ccc; }
	a.more, .faq a  { font-weight: normal; text_decoration:none; display:block; margin-top:10px; margin-bottom:10px; }
	.more-all{ float:right; margin-right:74px; font-size:80%; }
	.noPaddingBottom  {padding:0 0 0px 0;}
	.grayborder{ border:1pt solid #ddd; border-collapse:collapse; width:100%;}
	.grayborder tr{ vertical-align: top; }
	.grayborder th{ background-color:#bdbcbc; }
	.grayborder tr td{ border:1pt solid #ddd; margin:0px; padding:10px; }
	.grayborderlogo{ padding:1px; text-align:center;  }
	.content_border{ border:solid 1pt #ccc;background-color:#fff;padding:20px; }
	#myMap{ width:500px; height:300px }
	#visit_column{ margin-top:0px; }
	
/* fix for the IE9 compatibility */
.ie9_compatibility {  clear:left; }
	
/* CONTENT
------------------------------------------------------------------------------- */
.column { width:801px; display:table-cell; z-index:1; padding-top:30px; padding-right:70px; padding-left:70px; }
	.space_left{ padding: 0px 0px 0px 20px; }
	.space_both{ padding: 0px 20px 0px 20px; }
	.column_img{ display:inline; margin:0px; z-index:1;position:absolute; margin-top:3px; z-index:0; }
	.column ul{ margin-top:10px; margin-left:15px;}
	.column ul li{ margin-top:10px; list-style:disc outside; }
	.column_border{ border:solid 1px #ccc; } 
	.secBox{ float:left; height:185px; width:237px; }
	.secBox p{ margin-top:5px; text-align:center; font-size:16px; }
	.secBox:hover, div.secBox_over{ background-position: 0 0; }
	.margin_left { margin-left:20px;}
	.colmn_photo{ width:237px; float:left; margin-right:20px; }
	.colmn_photo p{ width:237px; text-align:center; margin-top:10px; }
	.twoColumnsText{ width:500px; height:80px; float:left; clear:right; align:left; display:block; margin-top:0px; margin-bottom:0px;}
	.newPara{ clear:both; }
	.oneColumnText { align:left; width:240px; display:block; text-align:center; }
				
/* BANNER FOR HOME
------------------------------------------------------------------------------- */
#sec_banners{ width:915px; height:285px; float:left; overflow:hidden; padding-bottom:0px; background-color:#3b3e41; /* CT added position */ position:relative; }
	.banner{ width:915px; height:285px; left:0px;top:95px;z-index:5; /* CT position:relative;*/ }
		.banner_text_wrap{ width:95%; height:20%; position:absolute; top:0px; left:3px; margin-bottom:20px; z-index:1; }
		.banner_text1{ font-family: 'Droid Serif', serif; line-height:1.2em; font-size:1.8em; color:#cecfd1; }
		.banner_text2{ font-family: 'Droid Serif', serif; line-height:1.2em; font-size:1.4em; color:#a1a7af; }
			.textOnly{ width:830px; margin-right:53px; margin-left:53px;}
		.banner_img{ position:absolute;right:0px;top:0px;z-index:2;}

/* BLUE BOXES
------------------------------------------------------------------------------- */
/* visiting */
#feature2_wrap{ border:none; position:relative;}	
	.feature2{ width:240px; height:110px; float:left; margin-right:15px; margin-bottom:30px; background:url('../images/box/box4.png') bottom; align:center; }
/*index */
#feature_wrap{ width:915px; padding:18px 0 0 0; border:none; }
	.feature{ width:295px; height:185px; float:left; margin-right:15px; margin-bottom:18px; background:url('../images/box/box3.png') bottom; }				
		.feature:hover, li.feature_over, .feature2:hover, li.feature2_over, .feature3:hover, li.feature3_over{ background-position: 0 0; }
		.feature img { position:relative; bottom:0px; border:none; padding-top:30px; padding-bottom:10px; }
		.feature2 img{ position:relative; bottom:0px; border:none; padding-top:2px; padding-bottom:0px; }
			.last_feature{ margin-right:0px; }										
			.caption{ height:15px; padding:0px; padding-top:10px; position:relative; color:#FFF; text-align:center; vertical-align:top; }
				.caption p{ font-family:'DroidSansBold', Sans-serif; font-size:110%; padding:9px; padding-top:10px; line-height:1.3em; align:center; display:block; text-transform:uppercase; }
				.caption p a{ text-decoration:none;}	
				.center { text-align:center; margin-top:10px;}
				.grid_wrap{ position:relative; width:100%; display:table-row; }
				.grid { float:left; display:table-column; margin-top:0px; }
				.ms { width:623px; }
				.grid_img{ width:250px; }
				.pdf { width:100%; background-color:#ccc; }
				.box{float:left; margin-right:30px; margin-bottom:20px; }
		/* workforce */
		#feature3_wrap{ border:none; position:relative; width:100%; }
		.feature3{ width:500px; height:90px;}
		.feature3noArrow{ width:500px; height:20px; align:center;}
		.feature3arrow{ width:750px; height:55px; align:center; background:url('../images/box/arrow.png') top no-repeat; }
			.feature3arrow p{ padding-top:10px; padding-left:410px; }
			.wz1, .wz2, .wz3, .wz4, .wz5, .wz6  { background:url('../images/box/box7.png') bottom; }
			.feature3 .caption{ height:15px; padding:0px; padding-top:5px; position:relative; color:#FFF; text-align:center; vertical-align:top; }
			.feature3 p{ font-family:'DroidSansBold', Sans-serif; font-size:10pt; align:center; text-transform:none; line-height:1.3em; margin-bottom:20px;}		
			.proName { font-size:15pt; line-height:1.3em; margin-bottom:20px; }
			.wz, .wzo { vertical-align:middle; color:#b6b6b6; font-size:10pt;}					
			#test1{ background-position: 0 0; }

/* TAGGLE (BLUE BOX OPEN/CLOSE CONTENT)
------------------------------------------------------------------------------- */
#slidingDiv, #slidingDiv_2, #slidingDiv_3, #slidingDiv_4, #slidingDiv_5, #slidingDiv_6{ display:none; }
#slidingDiv_0{ display:visible; }
	.toggleDiv{ width:873px; height:auto; position:relative; background-color:#fff; padding:20px; }
	.buttonClose { position:absolute; width:48px; height:50px; text-align:right; margin-left:840px; top:5px; cursor:pointer; background:url(../images/button/closeButton.png) bottom;}
	.buttonClose:hover, .buttonClose_over{ background-position:0 0; }
	#space{ display:none;}
	.taggleSpace { height:18px; width:875px; }
	.go { width:48px; height:50px; text-align:right; margin-left:840px; margin-bottom:-16px; top:400px; border:none; cursor:pointer; background:url(../images/button/b_go.png) bottom; }
	.go:hover, .go_over{ background-position:0 0; }

/* FOOTER
------------------------------------------------------------------------------- */
#footerSlideContainer { width:915px; position:fixed; bottom:0px; z-index:5;  }
	#footerSlideButton { width:50px; height:50px; position:absolute; top:-55px; right:5px; border:none; cursor: pointer; background:url(../images/button/sliderButton.png) top left no-repeat transparent; }
	#footerSlideContent { width:100%; height:0px; background:#54585d; color:#ccc; border:none; }
	#footerSlideText { padding:0px 10px 0px 55px; }
	#footerSlideContent a { color:#fff }
	#footerSlideContent a, #footerSlideContent a:hover { color:#fff; }
	#footerSlideContent a:hover, #footerSlideContent a:hover { color:#cecccd;  }
.footer-short{ width:100%; margin-top:20px; color:#696c72; font-size:80%; text-align:center; margin-bottom:20px;}
.footer-index{ width:850px; color:#696c72; font-size:12px; text-align:left; position:absolute; bottom:20px; }


/* MEDIA QUERIES
------------------------------------------------------------------------------- */
/* https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */
/* iPhone 4 and 4S Portrait and Landscape */
/* iPhone 5 and 5S Portrait and Landscape */
/* iPhone 6 Portrait and Landscape */
/* iPhone 6+  Portrait and Landscape */
/* Galaxy S3 Portrait and Landscape */
/* Galaxy S4 Portrait and Landscape */
/* Galaxy S5 Portrait and Landscape */
/* HTC One Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), 
screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2),
screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3),
screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3),
screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
	#sec_banners, #showcase_wrap, .sub_header, .column_img, .colmn_photo, .footer-index, #footerSlideContainer, #footerSlideText{ display:none; }
	html, body, #bodyWrap, .column, .content, .section { width:100%; padding:0px; margin:0px; }
	.content { padding:3%; padding-bottom:20px; }
	body{ background:#3b3e41 url(../images/utility/phone.gif) top fixed no-repeat; font-size:200%;}
	header, #header, #headerHome { width:480px; position:relative; text-align:center; margin:0 auto; }
		#header { height:280px;  }
	 	#headerHome { height:150px; }
		#logo img { width:480px; margin-left:-30px; }
		
		.space_left{ padding:0px 0px 0px 0px; display:block; }
	    /*.four,*/ #feature3_wrap, .line { width:100%; }
		/*.four, #six_column { margin-top:60px; }*/
		h1, h2{ margin-top:5%; }
		p{ margin-bottom:3%; }
		.grayborder, #myMap, .map, #faq, #benefit, #find, #eat, #sta { width:100%; margin-top:2px;}
		.grayborder th, .grayborder tr td { padding:3%; }
		.grayborder img { margin:0px; }
		.grayborderlogo img { width:60px; margin:0px; }
		.content_border {padding:5px;}
		.grayborder th, .grayborderlogo td { font-size:small; }
		.feature2{ padding-bottom:3%; width:31%; height:200px; background:url('../images/box/box9.png') top center repeat-x;}
		/* workforce */
		.feature3 { width:100%; left:0px; height:150px; }
		.feature3noArrow{ width:100%; height:20px; align:center; font-size:70%;}
		.feature3arrow{ width:100%; height:55px; text-align:center; background:url('../images/box/arrow.png') top center no-repeat; margin-bottom:50px;  }
			.feature3arrow p{ padding-top:50px; padding-left:0px; font-size:70%; line-height:1.2em; text-align:center; }
			.feature3 .caption{ height:15px; padding:0px; padding-top:5px; }
			.proName { font-size:200%; line-height:1.2em;}
			ul li{ padding-top:3%; }
					
	.phone-footer{ align:center; width:90%; padding:20px; text-align:center; font-size:small; color:#ccc; background-color:none; clear:both; display:block; }
	/* index menu */
	.menu-wrap, .footer-index { display:none;}
	
	#menu-wrap-phone{ display:table; width:90%; margin:0 auto; margin-top:100px; text-align:center; }
	.phone-row{ display:table-row; height:200px; margin:0 auto; margin-bottom:2%; }
	.phone-cell{ display:table-cell; text-align:center; width:50%; background-color:#125da2; vertical-align:middle;  }
	.phone-cell a { color:white; font-size:130%; line-height:130%; }
	.phone-gap { margin-right:0.8em; margin-bottom:0.8em; clear:both; }
}