* {	margin: 0;	padding: 0; }

body { background: #f2f2f2 url(../images/global/bg_body.png) repeat-y 50% 0; font: 70%/1.4 Verdana, Geneva, Arial, Helvetica, sans-serif; }

/* Site Container */
#gpf_site { width: 740px; margin: 0 auto; }

/* Header */
#cont_header { 
	width: 740px;
	height: 104px;
	position: relative; 
	background: #fff; 
}

#cont_header h1 a{
	width: 250px;
	height: 55px;
	background: url(../images/global/gpf_logo.png) no-repeat;
	text-indent: -9999em; 
	overflow: hidden;
	position: absolute;
	top: 28px;
}

ul#nav_head {
    width: 390px;
	height: 32px;
	background-image: url(../images/global/nav_head.png); 
    margin: 0;
	padding: 0;
	position: absolute;
	top: 28px;
	right: 0;
}
ul#nav_head  li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
ul#nav_head  li, ul#nav_head  a { height: 32px; display: block; text-indent: -9999px; overflow: hidden; }
#nav_a { left: 0px; width: 78px; }
#nav_b { left: 78px; width: 99px; }
#nav_c { left: 177px; width: 78px; }
#nav_d { left: 255px; width: 72px; }
#nav_e { left: 327px; width: 63px; }

#nav_a a:hover, #bd_solutions ul#nav_head #nav_a a { 
	background: transparent url(../images/global/nav_head.png) 0px -32px no-repeat; }
#nav_b a:hover, #bd_services ul#nav_head #nav_b a {
    background: transparent url(../images/global/nav_head.png) -78px -32px no-repeat; }
#nav_c a:hover, #bd_about ul#nav_head #nav_c a {
    background: transparent url(../images/global/nav_head.png) -177px -32px no-repeat; }
#nav_d a:hover, #bd_contact ul#nav_head #nav_d a {
    background: transparent url(../images/global/nav_head.png) -255px -32px no-repeat; }
#nav_e a:hover, #bd_login ul#nav_head #nav_e a { 
	background: transparent url(../images/global/nav_head.png) -327px -32px no-repeat; }

/* Sub Headers */
h1#subHead {
	width: 740px;
	height: 50px;
	text-indent: -9999em;
	margin: 0 0 25px 0;
	color: #036;
}

.sH-solutions { background: url(../images/sub/sHead_solutions.png) no-repeat; }
.sH-services { background: url(../images/sub/sHead_services.png) no-repeat; }
.sH-about { background: url(../images/sub/sHead_about.png) no-repeat; }
.sH-support { background: url(../images/sub/sHead_support.png) no-repeat; }
.sH-login { background: url(../images/sub/sHead_login.png) no-repeat; }
.sH-signup { background: url(../images/sub/sHead_signup.png) no-repeat; }

/* Layout (sub pages) */
#cont_leftBar { 
	float: left;
	display: inline;	 
	width: 180px; 
	margin: 0 20px 15px 0;
	background: #fff;
}

#cont_body {
	float: left; 
	display: inline;
	width: 345px;
	margin: 0 25px 15px 0;
	background-image: none;
	background: #fff;
}

#cont_rightBar { 
	float: right;
	display: inline;
	width: 160px;
	margin: 0 0 15px 0;
	background: #fff;
}

/* Side Nav */
#nav_left a.selected { text-decoration: underline; }
#nav_left li { text-transform: uppercase; list-style: none; border-bottom: 1px solid #e3e3e3; }
#nav_left li.last { border-bottom: none; }
#nav_left li a { display: block; width: 150px; padding: 6px 10px 6px 15px; color: #666; text-decoration: none; }
#nav_left li a:hover, #nav_left li a.selected { color: #f60; text-decoration: none; }
#nav_left li h4 { font-size: 11px; font-weight: normal; }

#nav_left ul { display: none; margin: 0 0 0 30px; padding: 0 0 5px 0; list-style: none; font-size: 10px; width: 150px; }
#nav_left ul li { color: #06f; border-bottom: none; text-transform: none; margin: 0 0 5px 4px; background: transparent; list-style-type: square; position: relative; }
#nav_left ul li a { color: #06f; padding: 0; text-decoration: none; }
#nav_left ul li a:hover { color: #06f; text-decoration: underline; }
#nav_left ul li a.selected { font-weight: bold; color: #06f; text-decoration: underline; }
#nav_left ul.expand { display: block !important; }

/* Body */
h2#bodyHead { font: 16px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #036; border-bottom: 1px solid #e3e3e3; margin: 6px 0 .5em 0; padding-bottom: .25em; }
#cont_body a { color: #06f; text-decoration: none; }
#cont_body a:hover { text-decoration: underline; }
#cont_body a img { border: 1px solid #fff; margin-bottom: 15px; }
#cont_body a:hover img { border: 1px solid #e3e3e3; }
#cont_body p { font-size: 11px; color: #333; margin-bottom: 1.5em; }
#cont_body p.subHead { font-size: 13px; color: #369; margin-bottom: 1em; }
#cont_body h3 { font-size: 11px; color: #036; text-transform: uppercase; margin-bottom: .75em; }
#cont_body ul { margin: .25em 0 1.25em 0; }
#cont_body ul li { background: url(../images/global/bullet_dotArrow.gif) no-repeat 0 .5em; padding: 0 0 .75em 12px; list-style: none; }
div.greyBox { background: #f7f7f7; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; padding: 1em 1em .25em 1em; }
img.thumb { margin-left: 10px;}

/* Right Bar */
h3#webLogin a { margin-bottom: 20px; width: 160px; height: 237px; background: url(../images/ads/ad_webLogin.png); color: #999; display: block; text-indent: -9999em; overflow: hidden; }
h3#webLogin a:hover { background-position: 0 -237px; }
h4#brochureA a { margin-bottom: 20px; width: 160px; height: 107px; background: url(../images/ads/ad_brochureA.png); color: #999; display: block; text-indent: -9999em; overflow: hidden; }
h4#brochureA a:hover { background-position: 0 -107px; }

/* Footer */
#cont_footer { 
	clear: both;
	margin: 25px 0 0 0;
	padding: 0;
	position: relative;
	width: 740px;
	height: 52px;
	font-size: 11px;
	color: #666;
	background: url(../images/global/foot_bg.png) repeat-x;
}

#nav_foot { float: left;  background: url(../images/global/foot_leftcap.png) no-repeat 0 0; height: 52px; padding: 19px 20px 0 0; }
#nav_foot ul { margin-left: 10px; padding: 0; display: inline; }
#nav_foot li { color: #666; border-left: 1px solid #666; margin: 0; padding: 0 5px 0 10px; list-style: none; display: inline; }
#nav_foot li.first { border-left: none; }
#nav_foot li a { color: #666; text-decoration: none; }
#nav_foot li a:hover { color: #06f; text-decoration: underline; }

#copyright { float: right; background: url(../images/global/foot_rightcap.png) no-repeat 100% 0; height: 52px; padding: 19px 20px 0 0; }


/* CSS Hack - Clearing float containers       */
/* positioniseverything.net/easyclearing.html */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix { display:inline-block; }
.clearfix { display:block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */