body {background-color: #FFFFFF;}
#logo_panel_sm { background:url('images/logo_interseps_panel.png'); 
	background-repeat:no-repeat; background-position:center; height: 50px; width: 100%;}
#logo_panel_bg { display: none;}
#logo_round { display: none; }
#what_we_do_sm { display: block; font-family : Verdana, Arial, Helvetica, sans-serif; color ;#333333; 
			font-size: 14px; line-height: 18px; width: 100%; float: left; text-align: left; padding: 0px 20px 0px 20px; 
			border-style: double; background-color: #EDEDED; margin-top: -20px;}

#address_bar {text-align: center; background-color: #BA9E22; height:20px; line-height: 16px; color: #FFFFFF; width: 100%;
			font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
.container { width: 100%; padding-right: 20px; padding-left: 20px;} 
#footer_bar {text-align: center; background-color: #333333; line-height: 14px; color: #FFFFFF; width: 100%;
			font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
#footer_copy {font-size: 10px; text-align: center;}
#footer_date {font-size: 10px; text-align: center;}
.verbiage { padding: 0px 16px 0px 16px;}


#client_para {
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 27px;
	-moz-column-gap: 27px;
	column-gap: 27px;
	-webkit-column-rule: 1px solid rgba(28,110,164,0.7);
	-moz-column-rule: 1px solid rgba(28,110,164,0.7);
	column-rule: 1px solid rgba(28,110,164,0.7);
	padding: 0px 20px; 
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	#logo_panel_sm { display: none;}
	#logo_panel_bg { display: block; background-image: url('images/interlogo.gif'); width: 100%; 
		background-repeat:no-repeat; height: 200px; background-position: left; padding: 0px }
	#logo_round { display: block; float: left; width: 30%;}
	#what_we_do {display: block; font-family : Verdana, Arial, Helvetica, sans-serif; color ;#333333; 
			font-size: 14px; line-height: 18px; width: 70%; float: left; text-align: right; padding: 20px 0px; }
	#what_we_do_sm { display: none; }
	#footer_copy {font-size: 10px; text-align: right;}
	#footer_date {font-size: 10px; text-align: left;}
	.verbiage { padding: 0px 0px 0px 30px;}
	.container { width: 100%; padding-right: 40px; padding-left: 40px;} 
	#client_para {
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
		-webkit-column-gap: 22px;
		-moz-column-gap: 22px;
		column-gap: 22px;
		-webkit-column-rule: 1px solid rgba(28,110,164,0.67);
		-moz-column-rule: 1px solid rgba(28,110,164,0.67);
		column-rule: 1px solid rgba(28,110,164,0.67);
	}
}
@media only screen and (min-width : 800px) {
	#what_we_do {padding: 30px 0px; }
}
@media only screen and (min-width : 980px) {
	#what_we_do {font-size: 16px; line-height: 20px; padding: 30px 0px; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1100px) {
	#logo_panel { width: 1100px;}
	.top_container { width: 1100px;}
	.container { width: 1100px;}
}

.char12 { color: black; font-weight: normal; font-size: 12px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; }
.char14 { color: black; font-weight: normal; font-size: 14px; line-height: 20px;}
.char16 { color: #333333; font-weight: normal; font-size: 16px; line-height: 24px; }

.gradient1 { background-image: url('images/gradient1.jpg'); background-repeat: repeat-x; width: 100%; height: 20px;
	border-top: 0px solid #EEEEEE !important;
	border-bottom: 0px solid #EEEEEE !important; 
	padding: 0px 0px 0px 0px; 
	color: #000000; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, san-serif}

hr.style18 { height: 30px; border-style: solid; border-color: #8c8b8b; border-width: 1px 0 0 0; border-radius: 20px; } 
hr.style18:before { display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; 
	border-color: #8c8b8b; border-width: 0 0 1px 0; border-radius: 20px; }
	
#shadow_box { -webkit-box-shadow: 4px 4px 4px 4px rgba(0,0,0,0.17); box-shadow: 4px 4px 4px 4px rgba(0,0,0,0.17); }

.char10 { color: #000000; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif }
.char10b { color: #000000; font-weight: bold; font-size: 10px; font-family: Arial, Helvetica, sans-serif }
.char10w { color: #FFFFFF; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif }
.char10wb { color: #FFFFFF; font-weight: bold; font-size: 10px; font-family: Arial, Helvetica, sans-serif }
.char10 a:link { color: #127C21; text-decoration:none; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif }
.char10 a:hover { color: #666666; text-decoration:none; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif }
.char10 a:visited { color: #999999; text-decoration:none; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif }
.char10g a:link { color: #CCCCCC; text-decoration:none; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif }
.char10g a:hover { color: #FFFFCC; text-decoration:none; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif }
.char10g a:visited { color: #999999; text-decoration:none; font-weight: normal; font-size: 10px; font-family: Arial, Helvetica, sans-serif }

.char11 { color: #000000; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif }
.char11blue { color: #000066; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.char11blue a:link { color: #000066 font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char11blue a:visited { color: #C11908; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.char11blue a:hover { color: #757575; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }

.char12 { color: #000000; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.char12b { color: #000000; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.char12w { color: #FFFFFF; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.char12wb { color: #FFFFFF; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.char12 a:link { color: #127C21; text-decoration:none; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.char12 a:hover { color: #666666; text-decoration:none; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.char12 a:visited { color: #999999; text-decoration:none; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.char12w a:link { color: #FFFFFF; text-decoration:none; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.char12w a:hover { color: #666666; text-decoration:none; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.char12w a:visited { color: #999999; text-decoration:none; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.char12redbold { color: #FF0000; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif }

.char14 { color: #000000; font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif; line-height: 20px; }

.char14b { color: #000000; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif }
.char14bred { color: #FF0000; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif }
.char14over16 { color: #000000; font-weight: bold; font-size: 14px; line-height: 16px;font-family: Arial, Helvetica, sans-serif }
.char14over16wb { color: #FFFFFF; font-weight: bold; font-size: 14px; line-height: 16px;font-family: Arial, Helvetica, sans-serif }
.char16b { color: #000000; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif }
.char16b a:link { color: #000000; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif }
.char16b a:hover { color: #CCCCCC; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif }
.char16b a:visited { color: #000000; font-weight: bold; font-size: 16px; font-family: Arial, Helvetica, sans-serif }

.char12blink a:link { color: #FF0000; text-decoration:blink; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif }
.char10_over16 { color: #000000; font-weight: normal; font-size: 10px; line-height: 16px;font-family: Arial, Helvetica, sans-serif }
.char20bred { color: #FF0000; font-weight: bold; font-size: 20px; font-family: Arial, Helvetica, sans-serif }

td.char10 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 14px; color: #000000; background-color: #FFFFFF; }
td.char10grey { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 14px; color: #000000; background-color: #F1F1F1; }