/* CSS Document */

*{
	padding:0;
	margin:0;
	list-style:none;
	border:none;
	
}

body{
	font-family: Arial, Verdana, Sans-Serif;
  	font-size: 76%;
	color:#676767;
	background:#EFEFEF;
	line-height:1.4em;
	padding-bottom:3em;
}

a{
	text-decoration:none;
	color:#208AC3;
}

a:hover{
	text-decoration:none;
	color:#87A800;
}

p{
	padding-bottom:1.4em;
}

strong{
	font-weight:normal;
	color:#333;
}

em{
	font-style:normal;
	color:#87A800;
	font-size:1.2em;
}

#wrapper{
	background:#fff;
	padding-bottom:20px;
}

/* HEADER STYLES */

#header{
	clear:both;
	width:762px;
	margin:0 auto;
	height:118px;
}

#logo{
	width:214px;
	float:left;
	padding-top:33px;
}

#logo h1{
	text-indent:-1000px;
	background:url(../images/progressive_logo.gif) no-repeat 0 0;
	height:55px;
	width:214px;
}

#logo h1 a{
	text-indent:-1000px;
	height:55px;
	width:214px;
	display:block;
}




/* CONTAINER STYLES */

#container{
	clear:both;
}

#banner{
	height:267px;
	background:url(../images/pattern-bg-banner.gif) repeat-x left bottom;
}

#banner h2{
	width:762px;
	height:242px;
	margin:0 auto;
	text-indent:-100000px;
}

#banner.home h2{
	background:url(../images/banner-home.jpg) no-repeat 0 0;
}

#banner.services h2{
	background:url(../images/banner-services.jpg) no-repeat 0 0;
}
#banner.about h2{
	background:url(../images/banner-about.jpg) no-repeat 0 0;
}
#banner.careers h2{
	background:url(../images/banner-careers.jpg) no-repeat 0 0;
}
#banner.contact h2{
	background:url(../images/banner-contact.jpg) no-repeat 0 0;
}

#content{
	width:762px;
	margin:20px auto 0;
}

.wel-loc{
	padding-bottom:18px;
	overflow:hidden;
	float:left;
}
#welcome-note{
	width:465px;
	border-right:1px solid #D9E8E2;
	float:left;
	padding-right:20px;
}

#welcome-note h3{
	height:26px;
	background:url(../images/hm_welcome_title.gif) no-repeat 0 0;
	text-indent:-10000px;
	padding-bottom:15px;
}

#welcome-note h4{
	height:54px;
	background:url(../images/hm_subtitle.gif) no-repeat 0 0;
	text-indent:-10000px;
	padding-bottom:15px;
}
.read-more{
	padding:0;
}
.read-more a{
	padding-left:1.4em;
	background:url(../images/bullet.gif) no-repeat 0 2px;
	height:18px;
	display:block;
	line-height:1.2em;
}

.read-more a:hover{
	background:url(../images/bullet.gif) no-repeat 0 -14px;
}

#location-note{
	padding-left:20px;
	float:right;
	width:250px;
}

#location-note h3{
	height:26px;
	background:url(../images/hm_location_title.gif) no-repeat 0 0;
	text-indent:-10000px;
	padding-bottom:15px;
}

#services-list{
	clear:both;
	padding-top:25px;
	background:url(../images/content-divider.gif) repeat-x 0 0;
}

#services-list ul{
	
}

#services-list li{
	width:178px;
	height:145px;
	padding-right:14px;
	float:left;
}
#services-list li.nopad{
	padding:0;
}
#services-list li a{
	width:180px;
	height:145px;
	background:#666;
	display:block;
}
#services-list li a img{
	padding:3px;
	display:block;
	width:174px;
	height:102px;
}
#services-list li a span{
	display:block;
	color:#fff;
	background:url(../images/bullet_02.gif) no-repeat 10px 10px;
	padding-left:30px;
	padding-top:9px;
}
#services-list li a:hover{
	background:#87A800;
}
#services-list li a:hover span{
	background:url(../images/bullet_02-o.gif) no-repeat 10px 10px;
}
#methodology-note{
	clear:both;
	padding-top:10px;
	padding-bottom:25px;
}

#methodology-note h3{
	height:50px;
	background:#208AC3 url(../images/hm_method_title.gif) no-repeat 0 0;
	text-indent:-10000px;
	
}

#methodology-note h3 a{
	display:block;
	height:50px;
	text-indent:-10000px;
}

/* FOOTER STYLES */

#footer{
	clear:both;
}
#footer-wrap{
	width:762px;
	padding-top:25px;
	background:url(../images/content-divider.gif) repeat-x 0 0;
	margin:0 auto;
}
#footer-links{
	float:right;
	
}
#footer-links a{
	color:#87A800;
}
#footer-links a:hover{
	color:#208AC3;

}
#footer-copyright p{
	padding-bottom:0.4em;
	color:#999;
	line-height:1em;
}

#footer-copyright a{
	color:#676767;
}
#footer-copyright a:hover{
	color:#676767;
	border-bottom:1px dashed #999;
}


/* Navigation */

#navigation{
	float:right;
	margin-top:50px;
}

.link-home, .link-about, .link-services, .link-partners, .link-careers, .link-contact{
	height:16px;
	text-indent:10000px;
	display:block;
	white-space:pre;
	overflow:hidden;
}

.link-home:hover, .link-about:hover, .link-services:hover, .link-partners:hover, .link-careers:hover, .link-contact:hover{
	background-position:0 -16px;
	display:block;
}

.link-home.sel, .link-about.sel, .link-services.sel, .link-partners.sel, .link-careers.sel, .link-contact.sel{
	background-position:0 -16px;
}

.link-home{
	background:url(../images/link-home.gif) no-repeat 0 0;
	width:61px;
}

.link-about{
	background:url(../images/link-about.gif) no-repeat 0 0;
	width:65px;
}

.link-services{
	background:url(../images/link-services.gif) no-repeat 0 0;
	width:81px;
}

.link-partners{
	background:url(../images/link-partners.gif) no-repeat 0 0;
	width:79px;
}

.link-careers{
	background:url(../images/link-careers.gif) no-repeat 0 0;
	width:76px;
}

.link-contact{
	background:url(../images/link-contact.gif) no-repeat 0 0;
	width:74px;
}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: 2em; /* I'm using ems rather than px to allow people to zoom their font */
 left: 10px;
 width: 170px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: 0px;
 left: 173px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 position: relative;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-bottom: -1px;
}
.menulist ul>li:last-child {
 margin-bottom: 1px;
}

/* Links inside the menu */
.menulist ul li a {
 display: block;
 color: #2d2d2d;
 text-decoration:none;
 border:1px solid #D3DEDA;
 padding:5px;
 background:#FFFFFF;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist ul li a:hover, .menulist ul li a.highlighted:hover, .menulist ul li a:focus {
 color: #436493;
 background:#F4F4F4;
}
.menulist ul li a.highlighted {
  color: #436493;
background:#F5F5F5;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display:  none;
}
.menulist ul a .subind {
 display:  block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist  ul li {
 float: left;
 height: 1%;
}
* html .menulist  ul a {
 height: 1%;
}
/* End Hack */




/* INNER PAGES */

#page-cont-1{
width:500px;
float:left;
border-right:1px solid #D9E8E2;
padding-right:46px;
margin-bottom:1.2em;
line-height:1.6em;
}
#page-cont-1 h2{
	color:#0174B3;
	font-size:2em;
	letter-spacing:-1px;
	font-weight:normal;
	padding-bottom:0.3em;;
	padding-top:0.3em;
	margin-bottom:0.6em;

}


#page-cont-1 h3{
	color:#333;
	font-size:1.7em;
	letter-spacing:-1px;
	font-weight:normal;
	padding-bottom:0.5em;
	padding-top:0.5em;
	/*border-bottom:1px solid #D9E8E2;
	border-top:1px solid #D9E8E2;*/
	margin-bottom:0.5em;
	margin-top:0.8em;
}

#page-cont-1 h4{
	color:#678000;
	font-size:1.2em;
	font-weight:normal;
	padding-bottom:1em;
}
#page-cont-1 ul{
	padding-left:1em;
	padding-bottom:1.4em;
}

#page-cont-1 li{
	background:url(../images/bullet-3.gif) no-repeat 0 5px;
	padding-left:1.8em;
	color:#666;
	padding-top:0.2em;
	padding-bottom:0.2em;
}

#page-cont-1 ul.list-level2{
	_margin-left:-20px;
}
#page-cont-1 ul.list-level2 li{
	background:url(../images/bullet-4.gif) no-repeat 10px 8px;
	color:#666;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-left:2em;
}

#sublink{
	border-left:1px solid #D9E8E2;
	width:210px;
	float:left;
	margin-left:-1px;
	margin-bottom:1.2em;
}

.sl-level1 li{
	border-bottom:1px solid #D9E8E2;
	padding:1px;
	width:210px;
}
.sl-level1 li a{
	display:block;
	background:#EEF5F2 url(../images/l-1-blt.gif) no-repeat 10px 10px;
	color:#166F9E;
	padding-top:7px;
	height:23px;
	padding-left:30px;
	font-size:1.14em;
}

.sl-level1 li a:hover{
	background-position:10px -19px;
	color:#678000;
}
.sl-level2{
	border-top:1px solid #D9E8E2;;
	margin:0 0 0 -1px;
}
.sl-level2 li{
	border:none;
	width:210px;
}
.sl-level2 li a{
	display:block;
	background:#F4F4F4 url(../images/l-2-blt.gif) no-repeat 10px 12px;
	color:#208AC3;
	padding-top:7px;
	height:23px;
	padding-left:30px;
	font-size:1em;

}
.sl-level2 li a:hover{
	background-position:10px -14px;
	color:#7A9800;
}

.sl-level3 li a{
	color:#666;
	border:none;
	border-top:1px solid #F4F4F4;
	background:none;
	padding-top:6px;
	height:18px;
}
.sl-level3 li a:hover{
	color:#99CC00;
}

#side-banner-01{
	background:url(../images/100-years.gif) no-repeat 0 0;
	width:203px;
	height:131px;
	margin-top:8px;
	margin-left:8px;
}
#side-banner-01 a{
	width:203px;
	height:131px;
	display:block;
	text-indent:-10000px;
}
#feedback-form{
	background:url(../images/content-divider-2.gif);
	padding:3px;
}
#feedback-form .ff-inner{
	background:#fff;
	padding:20px;
}
#feedback-form h4{
	border-bottom:1px solid #EAEAEA;
	padding:0;
	padding-bottom:0.5em;
	font-size:1.2em;
	color:#0174B3;
	margin-bottom:0.3em;
}
#feedback-form label{
	font-size:0.8em;
	padding-top:0.5em;
	display:block;
}
#feedback-form input{
	border:1px solid #ccc;
	font-size:1.2em;
	height:1.4em;
	background:#EDEDED;
	width:100%;
	color:#666;
	padding-top:0.2em;
	display:block;
}
#feedback-form textarea{
	border:1px solid #ccc;
	font-size:1em;
	height:15em;
	background:#EDEDED;
	width:100%;
	color:#666;
	padding-top:0.2em;
	font-family: Arial, Verdana, Sans-Serif;
	display:block;
}

#feedback-form input:focus,#feedback-form textarea:focus{
	border-color:#9c9c9c;
	background:#F8F8F8;
}

.waiting{
	background:#fff url(../images/preloader.gif) no-repeat 7px 2px!important;	
	margin-left:-25px;
	padding-left:25px;
}
#results{
	color:#3F8800;
	height:20px;
	display:none;
	border:1px solid #E3E3E3;
	margin-top:10px;
	padding:3px 3px 3px 25px;
	background:url(../images/icon-result.gif) no-repeat 7px 6px;
}
.sb{
	padding-top:0.5em;
}
.sb input{
	width:50px!important;
	border:none!important;
	height:30px!important;
	padding:0!important;
	background:url(../images/send.gif) no-repeat 0 0!important;
	cursor:pointer;
	text-indent:10000px;
	line-height:150em;
	overflow:hidden;
	display:block;
}
.width350{
	width:450px!important;
}
#con-det{
	width:250px;
	float:left;
	padding-top:3.5em;
}
#con-det h4{
	border-bottom:1px solid #EAEAEA;
	padding:0;
	padding-bottom:0.5em;
	font-size:1.2em;
	color:#0174B3;
	margin-bottom:0.3em;
	font-weight:normal;
	padding-left:1.5em;
}
#con-det em{
	font-size:1em;
}
#con-det .cont{
	padding-left:1.5em;
	padding-top:1em;
}