html * {

	margin: 0;
	padding: 0;

}

body { background: #fff; }

/*-- Global ---------- */

body, textarea { 

font: 13px/20px Verdana, Tahoma, sans-serif;
color: #000;
background: #f4f4f4 url(/public/img/header-bg.png) repeat-x;

}

a { 

	color: #00aeef;
	font-weight: bold;
	text-decoration: none;
	
}

a:hover { color: #f26522; }
img, fieldset { border: 0; }
select option { padding: 0 10px 0 0; }

h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }


p { padding: 9px 0; }

blockquote {
	
	padding: 18px;
	background: #eee;	
	margin: 0px 36px 18px 18px;
	
}

ul, ol { margin: 0px 36px 18px 18px; }
ul li, ol li { margin: 9px 0 9px 0;}


/*-- Clearing Styles & Container --*/

/*.container {

width: 910px;
margin: 0 auto;
background: #fff;

}*/

.block {

	width: 900px;
	margin: 0 auto;
	display: block;
	
}

/*.block, .clearfix { overflow: auto; }*/

.clearfix { display: inline-block; }

.block:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.column {

	float: left;
	width: 300px;

}


/*-- Main Navigation --*/

ul.navigation { 

	margin: 0;
	list-style: none;
	height: 80px;
	width: 531px;
	float: left;

}

ul.navigation li { 

	margin: 0;
	float: left; 

}

ul.navigation li a {

	display: block;
	float: left;
	text-decoration: none;
	text-indent: -999em;
	height: 80px;
	background: url(/public/img/nav.png) no-repeat;

}

ul.navigation li.nav-advantage a {

	background-position: 0 0;
	width: 137px;

}

ul.navigation li.nav-advantage a:hover,
ul.navigation li.nav-advantage a.active { background-position: 0px -80px; }

ul.navigation li.nav-solutions a {

	background-position: -137px 0;
	width: 166px;

}

ul.navigation li.nav-solutions a:hover,
ul.navigation li.nav-solutions a.active { background-position: -137px -80px; }

ul.navigation li.nav-customers a {

	background-position: -303px 0;
	width: 135px;

}

ul.navigation li.nav-customers a:hover,
ul.navigation li.nav-customers a.active { background-position: -303px -80px; }

ul.navigation li.nav-about a {

	background-position: -438px 0;
	width: 93px;

}

ul.navigation li.nav-about a:hover,
ul.navigation li.nav-about a.active { background-position: -438px -80px; }




/*-- Drop Down Main Navigation --*/


#mainnav { 

	margin: 0;
	list-style: none;
	height: 80px;
	width: 531px;
	float: left;

}


#mainnav, #mainnav ul {

	padding: 0;
	margin: 0;
	list-style: none;

}

#mainnav {

	height: 80px;

}



#mainnav a {

	display: block;
	color: #fff;
	font-weight: normal;
	
}

#mainnav li {

	float: left;
	margin: 0;
	
}



#mainnav li ul {

	position: absolute;
	width: 220px;
	left: -999em;
	border-bottom: solid 1px #6e7b89;
	z-index: 20;

}



#mainnav li:hover ul, #mainnav li.sfhover ul {

	left: auto;

}



#mainnav li ul li {



}


#mainnav li a.top {

	display: block;
	text-decoration: none;
	text-indent: -999em;
	height: 80px;
	background: url(/public/img/nav.png) no-repeat;
	
}




#mainnav li.nav-our_advantage a.top {

	background-position: 0 0;
	width: 137px;
	

}

#mainnav li.nav-our_advantage a.top:hover,
#mainnav li.nav-our_advantage a.active { background-position: 0px -80px; }

#mainnav li.nav-business_solutions a.top {

	background-position: -137px 0;
	width: 166px;

}

#mainnav li.nav-business_solutions a.top:hover,
#mainnav li.nav-business_solutions a.active { background-position: -137px -80px; }

#mainnav li.nav-our_customers a.top {

	background-position: -303px 0;
	width: 135px;

}

#mainnav li.nav-our_customers a.top:hover,
#mainnav li.nav-our_customers a.active { background-position: -303px -80px; }

#mainnav li.nav-about_us a.top {

	background-position: -438px 0;
	width: 93px;

}

#mainnav li.nav-about_us a.top:hover,
#mainnav li.nav-about_us a.active { background-position: -438px -80px; }




#mainnav li ul {
	
	background: #3389c5;

	

}

#mainnav li ul li a, #mainnav li ul li {

	
}

#mainnav li ul li {

	display: block;
	float: left;
	width: 240px;

}

#mainnav li ul li a {
	
	padding: 6px 15px;
	width: 210px;
	text-indent: 0;
	color: #fff;
	background: #01628a;
	display: block;
	float: left;
	border-bottom: solid 1px #017bad;
	
	
}

#mainnav li ul li a:hover {
	
	background: #006bb7;
	
}



#mainnav li:hover ul, #mainnav li.sfhover ul {

	left: auto;

}




#mainnav li li ul li a {
	
	font-weight: bold;
	font-size: 11px;
}

/*#mainnav li ul ul {
	margin: 0 0 0 10em;
}


#mainnav-secondary {
	
	float: right;
	margin: 0;
	list-style: none;
	
}

#mainnav-secondary li {
	
	margin: 3px 0 0 0;
	display: inline;
	float: left;
	text-align: right;
	
}

#mainnav-secondary li a {

	color: #fff;
	text-decoration: none;
	font-size: 11px;
	padding: 0 9px 0 9px;
	border-right: solid 1px #3389c5;
	
}

#mainnav-secondary li.last a {

	border: none;
	padding-right: 6px;

}
*/







/*-- Header/Logo --*/

#logo { padding: 0; }

#logo a {

	display: block;
	text-decoration: none;
	text-indent: -999em;
	width: 170px;
	height: 80px;
	background: url(/public/img/pgba-logo.png) no-repeat;
	float: left;

}

#header {

	height: 83px;

}

form#header-search {

	width: 184px;
	float: left;
	padding: 31px 0 0 15px;


}

form#header-search input, form#header-search button { vertical-align: middle; }

form#header-search input.search {

	width: 114px;
	background: transparent url(/public/img/search-bg.gif) 0px 1px no-repeat;
	border: none;
	font-size: 11px;
	color: #9c9c9c;
	padding: 6px 0 6px 23px;
	margin: 0;

}

form#header-search button {

	width: 23px;
	height: 23px;
	background: transparent url(/public/img/search-button.gif) no-repeat;
	text-indent: -999em;
	border: none;
	cursor: pointer;
	
}

/*-- Home Content --*/

#home-content-container { background: #e6e6e6; }

#home-main-container {

	background: #e6e6e6 url(/public/img/home-marquees-bg.png) 0% 100% repeat-x;
	height: 567px;

}

/*-- Home Content --*/

#home-content { 

	height: 367px; 
	background: url(/public/img/home-image.jpg) no-repeat;
	position: relative;
}

#home-box1 {
color: #fff;

}

#home-content h2 {
color: #fff;
margin: 0 0 0 25px;

}

#home-content p {
color: #fff;
width: 350px;
margin: 0 0 0 75px;

}

.home-infobox {

	width: 495px;
	height: 195px;
	position: absolute;
	left: 405px;
	top: 102px;

}

.infobox-button a {

	left: 870px;
	top: 310px;
	width: 15px;
	height: 15px;
	position: absolute;
	background: url(/public/img/blu-arrow.png) no-repeat;
	text-indent: -999em;

}

#home-launchpads { height: 200px; }

.launchpad {

	height: 130px;
	width: 240px;
	background: url(/public/img/launchpad.png) no-repeat;
	padding: 35px 30px;
	font-size: 11px;
	overflow: hidden;
	line-height: 18px;

}

.launchpad h3 {

	padding: 0;
	font-size: 20px;
	width: 240px;

}

.launchpad h3 a { color: #00293a; }
.launchpad h3 a:hover { color: #fff; }

.launchpadhover {

	background-position: 0px -200px;

}

.launchpad .more a { 
	
	background: url(/public/img/more-arrow.gif) 100% 4px no-repeat;
	padding: 0 10px 0 0;
}

.launchpad .more a:hover { 
	
	color: #fff;
	background: url(/public/img/more-arrow.gif) 100% -17px no-repeat;
	padding: 0 10px 0 0;
}

/*-- Sub Content --*/

#main-container { background: #f2f2f2; }

#sidebar {

	background: url(/public/img/sidebar-top.png) no-repeat;
	padding: 153px 0 20px 0;

}


#sidebar-element-pullouts {
color: #014765;
width: 200px;
margin: 15px 0 0 65px;

}


#sidebar-element-pullouts a {
font-weight: normal;

}


#sidebar-element-pullouts li {
margin: 0 0 3px 0;

}



#content { 
	
	width: 600px; 
	background: url(/public/img/content-top.png) no-repeat;
	padding: 15px 0 20px 0;	

}

#contentarea {

	background: url(/public/img/subhead-content-bg.png) no-repeat;
	padding: 25px 0 0 85px;
	color: #014765;
}

h2.contenttitle { 

	padding: 0 0 15px 0;
	color: #fff;
	font-size: 30px;
	margin: 0 0 0 -55px;
	text-transform: uppercase;

}

p.subhead {

	padding: 0 30px 10px 0;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	height: 110px;
	overflow: hidden;
	margin: 0 0 15px 0;
}

#cse-search-results {
width: 500px;
}


/*-- subnav --*/

.subnav { 
	
	overflow: auto; 
	overflow-y: hidden; 

}

.subnav ul, .subnav li {

	margin: 0;
	list-style: none;
	
}

.subnav ul { padding: 0 13px 0 57px; }

.subnav li {

	float: left;
	width: 210px;

}

.subnav li a {

	display: block;
	padding: 5px 10px;
	background: url(/public/img/subnav-icon.gif) -200px 8px no-repeat;
	
}

.subnav li a:hover, .subnav li a.active {
	
	background-color: #5bc3ed;
	background-position: 100% 8px;
	color: #fff;
		
}

/*-- Footer --*/

#footer-container {

	background: url(/public/img/footer-bg.png) repeat-x;
	height: 135px;

}

#footer { 

	background: url(/public/img/footer-top.png) no-repeat;
	
}

#footer-links { 
	
	width: 300px; 
	text-align: right;
	padding: 30px 0 20px 0;
	line-height: 12px;	
		
}

#footer-links ul { 
	
	border-right: solid 1px #b4b4b4; 
	padding: 0 10px 0 0;
	list-style: none;
	margin: 0;	
}

#footer-links ul li {
	
	list-style: none;
	margin: 0;
	line-height: 9px;
		
}

#footer-links li a {

	font-size: 9px;
	line-height: 20px;
	

}

#footer-content { 
	
	width: 590px; 
	padding: 30px 0px 20px 10px;
	font-size: 9px;

}

#footer-content p { padding: 0; }




/* Form */

.generic_form {



}

.generic_form {

padding: 9px 0 16px 0;
border: none;
margin: 0 0 18px 0;


}



.generic_form fieldset {

border: none;
overflow: auto;
padding: 0;

margin: 0 0 9px 0;

}

.generic_form fieldset legend {

	font-weight: bold;
	font-size: 14px;
	padding: 0 0 9px 0;
	
	

}

.generic_form h3.formsubhead {

font: 11px/18px Verdana, Tahoma, sans-serif;
font-weight: bold;
font-size: 18px;
padding: 12px 4px 6px 0px;
margin: 0 0 6px 0;

}

.generic_form ul { 

list-style: none; 
margin: 6px 12px;
padding: 0;

}


.generic_form ul li { 


margin: 0 0 6px 0;
padding: 0 0 6px 0;

}

.generic_form ul li span {

	margin: 0 0 0 6px;

} 

.generic_form p.note { 

font-size: 10px;
font-weight: bold;
color: #666;
padding: 0 0 0 4px;

}

.generic_form ul li input { 

	margin: 0 6px 0 0; 
	vertical-align: middle;	
}

.generic_form label {

display: block;


}

.generic_form ul li label {

	display: inline;

}
.generic_form input.forminput {

padding: 3px;
font-weight: bold;

}

.generic_form .small input.forminput { width: 65px; }


.generic_form fieldset {

padding: 0 0 10px 0;
border:  none;

}

.generic_form p { float: none; padding: 0; }

.generic_form p.formrow, .generic_form p.formsubmit { 

clear: both;
width: 500px;

}


/* --------------------------------------------------- */
/* ---- Here is where the form feild lengths are ---- */


.generic_form p.formsubmit { border-top: solid 1px #eee; }

.generic_form p input.title { width: 450px; padding: 3px; line-height: 20px; }

.generic_form p.formcol1 input.title, .generic_form p.formcol2 input.title { width: 220px; }

.generic_form p.formcol1 {

float: left;
clear: both;
width: 260px;

}



.generic_form p.formcol2 {



}

/* ------------------------------------------------- */



.generic_form p { padding: 9px 0; }

.generic_form span.required, .generic_form span.error {

color: #cc0000;
font-style: italic;
font-size: 11px;
margin: 0 0 9px 0;

}

.generic_form span.error { display: block; } 

.generic_form .checkbox label, #forminset .checkbox label {

display: inline;
margin: 0 0 0 6px;

}

.generic_form .checkbox { margin: 3px 0; padding: 15px 10px 6px 0; font-size: 11px; }

#forminset {

	background: #eee;
	padding: 12px;
	border: solid 1px #ddd;


}

#forminset p.checkbox {

	padding: 0;
	margin: 0;


}

p#legalerror {

	color: #cc0000;

}

.generic_form select { margin: 2px 0; }

.generic_form textarea {

width: 520px;
padding: 3px;
font-weight: bold;
height: 200px;

}

p.errornotice {

color: #b5121b;
font-size: 13px;
background: #cc0000;
padding: 9px;
margin: 0 0 18px 0;

}

/*
input.submit {

padding: 5px;
font-weight: bold;

}

.generic_form input.submit { 

	margin: 0 0 18px 0; 
	padding: 5px;
	background: #ccc;
	border: solid 1px #ddd;
	font-size: 16px;
		
}

*/
.generic_form .small input.forminput { width: 65px; }

p.error {

color: #cc0000;

}

.error {
color: #cc0000;
}

p.usernotice {

background: #eee;
padding: 9px;
margin: 9px 0 9px 0;
font-weight: bold;

}

span.note { 

font-size: 11px; 
display: block;
font-style: italic;

}


.generic_form p.captcha {
	
	background: #eee;
	padding: 18px;
	width: 400px;
	margin: 0 0 9px 0;


}

.generic_form .captcha img {

	border: solid 1px #eee;
	padding: 4px;
	background: #fff;
	margin: 5px 0 0 0;

}

.generic_form .captcha input.forminput {

	width: 170px;
	font-size: 16px;
	padding: 9px 4px;
	vertical-align: top;
	margin: 11px 0 0 6px;
	text-align: center;


}

.generic_form .captcha span.error { clear: both; }

