/* for dropdown menus - be sure to include csshover.htc */
body{
	behavior: url("csshover.htc");
	font-size: 62.5%; /*Sets all fonts to 10px*/
	background-color: #7c7c7c;
	color: black;
	border: 0;
	margin: 7px 0 0 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;	
}
a{
	color: #68a7d8;
	background-color: transparent;	
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
.resources2{
	padding-top: 14px;
}
.resources3{
	padding-top: 10px;
}
a.resources{
	color: #478cc1;
}
h1.home{
	color: #002c74;
	background-color: transparent;	
	font: bold 170% Verdana, Arial, Helvetica, sans-serif;	
	margin: 20px 30px 10px 30px;	
	padding: 0;
	text-align: left;
}
h1{
	color: #002c74;
	background-color: transparent;	
	font: bold 160% Verdana, Arial, Helvetica, sans-serif;	
	margin: 5px 0 20px 0;	
	padding: 0;
	text-align: left;
}
h1.more{
	margin: 20px 30px 10px 30px;	
}
h2{
	color: black;
	background-color: transparent;		
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;	
	margin: 10px 30px 0 30px;	
	padding: 0;
	text-align: left;
}
h2.news{
	color: black;
	background-color: transparent;		
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;	
	margin: 0;	
	padding: 10px 0 0 0;
	text-align: left;
}
h3{
	color: #002c74;
	background-color: transparent;	
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;	
}
#wrapper{
	background-color: white;
	color: black;
}
/* for horizontal navigation  */
div#nav {
background-color: #022e75;
background: url(images/gradient-bar.jpg) repeat-y;
  width: 100%;
  float: left;
}
div#nav ul{
	margin: 0;
	padding: 0;
}
div#nav li{
	float: left;
	background-color: transparent;
	list-style-type: none;
	position: relative;   /* important! */
	color: white;
	text-align: center;
	padding: 0;
}
div#nav a {
   color: white;
   font: normal 12px Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
	line-height: 34px;
	border-right: 1px solid white;
   padding-right: 18px;
   padding-left: 18px;   
}
div#nav a#lastnav{
	border-right: 0; /* removes line next to rightmost nav */
}
div#nav a:hover {
	color: #69c;
}
div#nav a.here{
	color: #062e53;
}
li#navhome{
	width: 80px;
}
li#navabout{
	width: 95px;
}
li#navpeep{
	width: 110px;
}
li#navserv{
	width: 100px;
}
li#navres{
	width: 100px;
}
li#nav_careers{
	width: 100px;
}
li#navcontact{
	width: 105px;
}
/* for dropdowns  */
div#nav ul li ul{
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0px;
	top: 34px;
	z-index: 5;	
}
div#nav ul li#navabout ul{
	width: 125px;
}
div#nav ul li#navpeep ul{
	width: 170px;
}
div#nav ul li#navserv ul{
	width: 260px;
}
div#nav ul li#navres ul{
	width: 160px;
}
div#nav ul li#navcontact ul{
	width: 110px;
}
div#nav ul li ul a {
	text-align: left;	
   color: #002c74;
   font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
   text-decoration: none;
   border-right: none;
}
div#nav ul li ul a:hover {
   color: #2e5e9c;
   font: bold 12px Verdana, Arial, Helvetica, sans-serif; 
   text-decoration: none;
}

div#nav ul li ul li{
	text-align: left;	
	width: 100%;
	margin: 0;
	height: 25px;
	padding: 5px 0 0 0;
	z-index: 5;	
	background-color: #d9e5f2;
	background: url(images/drop-grad.jpg) repeat-x;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}
body div#nav ul li ul{
	display: none;
}
div#nav ul li:hover ul{
	display: block;
}
/*             end dropdown               */
/* search  */
#searchbox{
	width: 250px;
	padding: 5px 0 0 0;
	margin: 0;
}
.sform{
	margin: 0 0 5px 0;
}
.sinput{
	margin: 0;
	padding: 3px;
	border: 1px solid #6497cb;
}
/* end search  */
#min-nav{
	text-align: right;
	padding: 0 20px;
}
#min-nav a{
	font: normal 120% Verdana, Arial, Helvetica, sans-serif;	
	color: black;	
}
#min-nav a:hover{
	color: #3463a1;
}
.clearfloat{
	clear: both;
 overflow:hidden;
 clear:both;
 height:0;
 margin:0;
 font-size:1px;
 line-height:0;
 width:auto;
 position:relative;
}
#b-quote{
	font: bold italic 140%/160% Verdana, Arial, Helvetica, sans-serif;	
	color: #002c74;	
	background-color: transparent;
	margin: 30px 30px 0 30px;
	padding: 0;
	text-align: left;
}
#b-quote-home{
	font: bold italic 140%/160% Verdana, Arial, Helvetica, sans-serif;	
	color: #002c74;	
	background-color: transparent;
	margin: 10px 30px 0 30px;
	padding: 0;
	text-align: left;
}
#content{
	padding: 10px 30px;
	text-align: left;
	font: normal 110%/170% Verdana, Arial, Helvetica, sans-serif;
}
#content h2{
	font: bold 140% Verdana, Arial, Helvetica, sans-serif;	
	margin: 0;	
}
#content p{
	font: normal 110%/170% Verdana, Arial, Helvetica, sans-serif;	
	margin: 5px 0 12px 0;
}
#content .thegrid{
	font: normal 110%/170% Verdana, Arial, Helvetica, sans-serif;	
	margin: 0;
}
#content ul{
	font: normal 110%/170% Verdana, Arial, Helvetica, sans-serif;	
	margin-top: -12px;
}

#content .article li{
	list-style-type: none;
}
h3.right-content {
	margin: 20px 0 0 10px;
	font: bold 150% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
.test-line{
	color: #002c74;
	background-color: transparent;
	height: 1px;
}
div#outer-home{
	position: relative; top:15px;
	width: 225px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	height: 200px;
}
div#outer{
	position: relative; top:30px;
	width: 225px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
div#testimonial{
	position: absolute; top: 0px; right: 0px;
	width: 98%;
	text-align: left;
	padding: 0;
	margin: 0 0 0 0;
	color: #002c74;
	background-color: transparent;
}
div.withquote {
background:url(images/quoteL.gif) no-repeat;
background-position: 0px  7px;
padding: 5px 0 5px 12px;
text-align:left;
margin: 0;
border-top: 1px solid #002c74;
border-bottom: 1px solid #002c74;
} 
h3.withunquote {
background: url(images/quoteR.gif) no-repeat;
background-position: bottom right;
	font: normal 150%/230% Verdana, Arial, Helvetica, sans-serif;	
	margin: 0;
	padding: 0;
}
#footer {
	font: normal 110% Verdana, Arial, Helvetica, sans-serif;	
	color: white;
	background-color: #022e75;
	background: url(images/gradient-bar.jpg) repeat-y;
  margin: 0;    
  padding-top: 8px;
  list-style-type: none;
  height: 25px;
  width: 100%;
  text-align: center;
}
.footerBoxRight{
	float: right;
	text-align: right;
	height: 20px;
	width: 320px;
	font: normal 90% Verdana, Arial, Helvetica, sans-serif;	
	color: #FFFFFF;
	font-weight: normal;
	padding: 5px 0 0 0;
	margin: 0;
}
p.credit{
	font: normal 90% Verdana, Arial, Helvetica, sans-serif;	
	text-align: center;
}
a.home{
	color: #022e75;
	background: transparent;
}
#new-box{
	width: 300px;
	background-color: #d9e5f2;
	color: #002c74;
	border: 1px solid #002c74;
	padding: 5px 3px 8px 3px;
	margin: 30px 12px 0 15px;
	float: left;
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;	
	text-align: left;	
}
#new-box p{
   margin-bottom: 0;
   padding-bottom: 3px;
}
#new-box h3{
	margin: 0;
	padding: 0;
	text-align: left;
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;	
}
td#webserv{
	float: right;
	margin: 30px 10px 0 0;
}
#file-cab{
	width: 140px;
	height: 185px;
	background: url(images/cab-grad.jpg) repeat-x;
	padding: 5px 3px;
	margin: 30px 20px 0 20px;
	color: white;
	background-color: transparent;	
	font: bold 100%/130% Verdana, Arial, Helvetica, sans-serif;		
}
.cab-space{
	padding-top: 4px;	
}
form #login{
	margin: 5px 4px;
	padding: 0;
	text-align: center;
}
#login p{
	margin: 0;
	padding: 8px 0 0 0;
}
.logbutton{
	font: normal 110% Verdana, Arial, Helvetica, sans-serif;
}
.form-space{
	padding-top: 4px;
}
	
#track-refund{
	width: 144px;
	margin: 30px 50px 10px 50px;
	border: 1px solid #002c74;
}
.tr-band{
	height: 25px;
	background-color: #002c74;
	text-align: center;	
	margin: 0;
	padding: 10px 0 0 0;
	color: white;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
.tr-band a{
	color: white;
	background-color: transparent;	
}
.bott{
	margin-top: -2px;
}
#breadcrumbs{
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
	color: black;
	background-color: transparent;	
	margin: 20px 30px 10px 30px;	
	padding: 0;
	text-align: left;	
}
#breadcrumbs a{
	color: #68a7d8;
	background-color: transparent;	
}
#miniform{
	width: 170px;
	height: 215px;
	background-color: #d9e5f2;
	color: black;
	padding: 5px 5px;
	margin: 30px 20px 0 30px;
	text-align: center;	
}
#miniform p{
	margin: 0;
	padding: 0 0 8px 0;
	text-align: left;
	font: bold 110%/170% Verdana, Arial, Helvetica, sans-serif;	
}
#miniform input{
	margin: -2px 0 13px 0;
	padding: 1px;
}

#casestudy{
	width: 450px;
	background-color: #d9e5f2;
	color:  #002c74;
	border: 1px solid #002c74;
	padding: 5px 3px;
	margin-top: 30px;
	text-align: left;	
}
#casestudy h3{
	margin: 0;
}
#clientlinks{
	margin: 40px 0 0 20px;
	text-align: left;
}
#photo{
	margin-top: 50px;
	font: italic 100% Verdana, Arial, Helvetica, sans-serif;	
	text-align: left;	
}
#headshot{
	margin: 50px 0 0 0;
	padding:  0 65px 0 24px;	
}
.intro{
	color: black;
	background-color: transparent;	
	font: normal 110% Verdana, Arial, Helvetica, sans-serif;	
	margin: 20px 30px -10px 30px;	
	padding: 0;
	text-align: left;
}
.faqs{
	font-weight: bold;
	padding: 15px;
}
dt{
	padding: 5px 0;
}
#ttop{
	text-align: left;
	margin: 10px 0 10px 30px;
	font: normal 110% Verdana, Arial, Helvetica, sans-serif;	
}
#staff{
	font: bold 120%/190% Verdana, Arial, Helvetica, sans-serif;	
	margin: -70px 0 10px 0;
	padding-left: 85px;
	padding-right: 85px;
	text-align: left;
}
#contact1 p{
	text-align: center;
	font: bold 140%/150% Verdana, Arial, Helvetica, sans-serif;	
	color: black;
}

  /* for form  */
 fieldset{
 	margin: 1.5em 0 0 0;
	padding: 0;
   border: 2px solid #073478;
	background-color: transparent;
	background-image: url(images/form-grad.jpg);
	background-repeat: repeat-x;
 }
 legend{
 	margin-left: 1em;
	padding: 0 0 10px 0;
	margin-bottom: -1em;
	color: #000;
	font-weight: bold;
 }
 fieldset ol{
 	padding: .5em .5em 0 .5em;
	list-style: none;
	margin: 5px 0;	
 }
 fieldset li{
 	float: left;
	width: 100%;
 	padding-bottom: .5em;
 }
 fieldset.submit{
 	border-style: none;
 	background-color: transparent;
	background-image: none;
	font: normal 12px Verdana, Helvetica, sans-serif;	
	margin-top: -30px;
 }
  .submit{
	cursor:pointer;
 }
 label{
 	float: left;
	width: 16em;
	margin-right: 1em;
	text-align: right;
 }
  
 	/* for Zoom search */
#content-search{
	padding: 5px 30px;
	text-align: left;
	font: normal 130%/160% Verdana, Arial, Helvetica, sans-serif;
}	
.highlight{
	font-weight: bold;
	background-color: yellow;
}
#content-search a{
	font-weight: bold;
}
.summary { font-size: 100%; font-style: italic; }
.result_block, .result_altblock { 
font: normal 90%/140% Verdana, Helvetica, sans-serif;
margin-top: 15px; 
margin-bottom: 15px; 
clear: left; 
}
.results{
	padding-left: 5px;
	padding-bottom: 10px;
}
.infoline{
	text-align: left;
}
/* for Zoom search */
#smap{
	padding: 10px 30px;
	text-align: left;
	font: bold 130%/170% Verdana, Arial, Helvetica, sans-serif;
}
#smap h2{
	font: bold 140% Verdana, Arial, Helvetica, sans-serif;	
	margin: 0;	
}
#smap p{
	margin: 5px 0 12px 0;
}
#smap ul{
	margin-top: -12px;
}
.more{
	text-align: right;
	display: block;
	padding-right: 10px;
}
.news-more{
	text-align: right;
	display: block;
	padding-right: 10px;
}
.news-more1{
	text-align: right;
	display: block;
	padding-right: 10px;
	margin-top: -5px;
}
.testim{
	border-bottom: 3px dashed black;
	padding-bottom: 10px;
	padding-top: 20px;
}
#returnit{
	text-align: left;
	margin: 0;
	padding: 0 0 10px 30px;
}
/* START Social Media Nav */
.social_nav {
list-style-type:none;
margin:6px 20px 0 20px;
padding:4px 2px;
border:1px solid #6497cb;
float:left;
}

.social_nav li {
float:left;font-size:100%;
line-height:1em;
margin:0 1px 0 0;
padding:0;
border-right:1px solid #6497cb;
}
.social_nav li.first {
color: #005740;
line-height: 1.7em;
margin: 0 5px;
border: none;
}
.social_nav li.last {
margin:0;
border:none;
}
.social_nav a:link, .social_nav a:visited{
font-size: 100%;
color:#06c;
margin:0;
padding:4px 6px 4px 20px;
display:block;
text-decoration:none;
background-image:url(images/social-media-16.gif);
background-repeat:no-repeat;
}
.social_nav a:hover{
text-decoration:underline;
}
.twitternav{
background-position:3px -18px;
}
.facebooknav{
background-position:2px 2px;
}
/* END Facebook Twitter Nav */
#newsform{
	width: 200px;
	height: 120px;
	background-color: #d9e5f2;
	color: black;
	padding: 5px 5px;
	margin: 30px 20px 0 30px;
	text-align: center;	
}
#newsform p{
	margin: 0;
	padding: 0 0 8px 0;
	text-align: left;
	font: bold 110%/170% Verdana, Arial, Helvetica, sans-serif;	
}
#newsform input{
	margin: -2px 0 13px 0;
	padding: 1px;
}
h3.newsletters{
font: bold 130% Verdana, Arial, sans-serif;
background-color: #d9e5f2;
padding: 7px 0 7px 4px;
}
.archives a{
	font: bold 130% Verdana, Arial, sans-serif;
	text-align: center;
}
#summer{
	border: 2px solid #6497cb;
	text-align: center;
	width: 90%;
}
#summer p{
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 20px;
	text-align: left;
}
li.myarticle1{
	margin-top: 12px;
	list-style-type: none;	
}
li.myarticle2{
	list-style-type: none;
}
li.myarticle3{
	margin-top: 12px;
		font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
}
li.myarticle4{
	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;

}
.rt-nav{
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
}
.rt-nav ul{
	text-align: left;
}
.rt-nav a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
#content2{
	padding: 10px 30px;
	text-align: left;
	font: normal 110%/170% Verdana, Arial, Helvetica, sans-serif;
}
#content2 h2{
	font: bold 140% Verdana, Arial, Helvetica, sans-serif;	
	margin: 0;	
}
#content2 p{
	font: normal 110%/170% Verdana, Arial, Helvetica, sans-serif;	
	margin: 5px 0 12px 0;
}
#content2 .thegrid{
	font: normal 110%/170% Verdana, Arial, Helvetica, sans-serif;	
	margin: 0;
}
#content2 ul{
	font: normal 110%/170% Verdana, Arial, Helvetica, sans-serif;	
	margin-top: -12px;
}

#content2 .article li{
	list-style-type: none;
}
.service-area{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 590px;
	font: italic 100% Verdana, Arial, Helvetica, sans-serif;
}
ol li{
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
}
