* {
	margin: 0; padding: 0; border: 0;
}

body {
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.skipLinks {
	position: absolute;
	left: -3000em;
	visibility: hidden;
	width: 1em;	
}

#container {
	width: 770px;
	float: left; /*float enclose*/
}
#contentNavHeaderWrapper {
	border-right: 3px solid #39F;
	float: left; /*float enclose*/
}
h1, h2, h3 {
	color: #039;
}
#content h1 {
	padding-bottom: 13px;
	font-size: 18px;
}
#content h2 {
	padding-bottom: 10px;
	font-size: 14px;
}
#content h4 {
	padding-bottom: 9px;
}
#content p {
	padding-bottom: 9px;
}
#content ul {
	padding: 0 0 9px 20px;
}
#content ul img {
	vertical-align: middle;
	margin-bottom: 7px;
}

hr {
	border: 0;
	border-top: 1px solid #039;
	height: 0;
	margin: 0 0 9px 0;
}

a {
	color: #36F;
	text-decoration: underline;
}
/*the logos on protect planet earth*/
p.partnerlink {
	clear: left;
	overflow: hidden; /*float enclose*/
}
* html p.partnerlink {
	height: 1%;	
}
p.partnerlink a img {
	border: 1px solid #36F;
	float: left;
	margin-right: 7px;
}

#headerWrapper {
	background: #FFF;
}
#header {
	width: 767px;
	overflow: hidden;
	background: #6FB5FD url(img/headerBg.gif) no-repeat;
}
#header img.logo {
	float: left;	
}
#header .nav {
	width: 523px;
	height: 43px;
	padding-left: 244px;
	background: url(img/topnavBg.gif) #004ECF;
	position: relative;
	clear: left;	
}
#header .nav li {
	list-style-type: none;
	border-right: 1px solid #0CF;
	float: left;
	text-align: center;
	width: 76px;
	padding-top: 12px;
	line-height: 1.1em;
}
#header .nav li.investors {
	width: 73px;
}
#header .nav li.partnerships {
	width: 92px;
}
#header .nav li.careers {
	width: 65px;
}
#header .nav li.ppe {
	width: 83px;
	padding-top: 7px;
}
#header .nav li.press {
	width: 53px;
	border-right: 0;
}
#header .nav a {
	color: #FFF;
	padding: 12px 9px 15px 9px;
	text-decoration: none;
	font-weight: bold;
}
#header .nav li.ppe a {
	padding: 7px 0 10px 0;
}
#header .nav a:hover {
	text-decoration: underline;
}
#header .nav .current a, #overview .overview a, #investors .investors a, #partnerships .partnerships a, #careers .careers a, #ppe .ppe a, #press .press a {
	color: #F90;	
}
body#contact ul li {
	margin-bottom: 6px;	
}

#nav {
	background: #FFF url(img/navBottomGradient.gif) repeat-x 0 100%;
	padding-bottom: 13px;
	float: left;
	width: 160px;
}

#nav ul {
	list-style-type: none;
}
#nav .navBox {
	font-weight: bold;
}

#nav .navBox.firstBox h2 {
	background-position: 0 -14px;
	padding-top: 9px;
	padding-bottom: 22px;
}
#nav .navBox li {
	padding-bottom: 8px;
}
#nav .navBox li li {
	padding: 8px 0 0 0;
}
#nav .navBox ul ul {
	font-weight: normal;
	padding-left: 6px;
}
#nav h2 {
	background: url(img/navBoxHeaderBg.gif) no-repeat;
	padding: 23px 18px 23px 18px;
	color: #FFF;
	font-size: 16px;
}
#nav .navBoxContent {
	background: url(img/navBoxGradient.gif) repeat-y 100% 0;
	padding: 10px 17px 13px 22px;
}


#content {
	background: #FFF;
	border-left: 160px #39F solid;
	padding: 23px 24px 0 18px;
}
#footerWrapper {
	clear: left;
	background: url(img/bodyBg.gif) repeat-x 0 100% #39F;
}
#footer {
	padding: 27px 16px 16px 16px;
	margin-left: 160px;
	background: #FFF url(img/bottomCurve.gif) no-repeat 100% 0;
}
#footer p.contact {
	padding-bottom: 15px;
}
#footer ul {
	list-style-type: none;
	display: block;
	overflow: hidden;
}

#footer li {
	float: left;
	border-right: 1px solid #CCC;
	padding-right: 6px;
	margin-right: 6px;
	margin-bottom: 2px;
	white-space: nowrap;
}
#footer li.last {
	border-right: 0;
	padding-right: 0;
}
#footer ul.sites {
	padding-top: 13px;
}
#footer ul.sites li {
	border: 0;
	margin-right: 0;
}
#footer p.copyright {
	background: #FFF;
	color: #999;
	padding-top: 13px;
}

/*styles and overrides for the overview/front page*/
#overview #header .nav {
	background-image: url(img/topnavBg_overview.gif);	
}
#overview #content {
	border-left: 0;
	padding-left: 160px;
	padding-right: 224px;
	background: url(img/overviewBg.jpg);
	width: 383px;
	height: 290px;
	overflow: hidden;
}
#overview #content * {
	color: #FFF;	
}
#overview #content h1 {
	font-size: 23px;
	line-height: 120%;
}
#overview #content a {
	font-weight: bold;
	text-decoration: none;	
}
#overview #content a:hover {
	text-decoration: underline;	
}
#overview #content p {
	font-size: 13px;
	line-height: 20px;	
}
#overview #content h1 {
	padding-top: 60px;
}
#overview #brands {
	position: absolute;
	left: 570px;
	top: 147px;
	width: 161px;
	background: #FFF url(img/overviewBrandsGradient.jpg) repeat-x 0 100%;
	z-index: 100;
}

#overview #brands .logosWrapper {
	height: 250px;
	overflow: auto;
}
#brands h2 {
	font-family: "arial black", arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	background: url(img/overview_brands_headerBg.jpg) no-repeat #003BA9;
	border-bottom: 1px solid #0CF;
	padding: 3px 0 2px 0;	
}
#overview h1 sup {
	font-weight: normal;
	font-size: 11px;	
}
#overview #content #brands ul {
	list-style-type: none;
	padding: 0 0 12px 0;	
}
#overview #content #brands li {
	padding: 11px 0 1px 0;
	color: #000;
}
#overview #content #brands li a {
	display: block;	
	text-align: center;
}
#overview #content #brands li img {
	margin: 0;
}
#brands .logosWrapper {
	background: #FFF url(img/overviewBrandsGradient.jpg) repeat-x 0 100%;	
}
#overview #footerWrapper {
	background-image: none;
}
#overview #footer {
	margin-left: 0;
	background: #FFF url(img/overviewBg.jpg) 0 -310px no-repeat; /*this image has lots of white below it to get around a safari 2 background bug*/
}

/*fix IE 6 bugs*/
* html #overview #content #brands li {
	height: 1%;
}
* html #footer ul {
	height: 1%;	
}
/*fix IE 7 bugs*/
 *+html #overview #content #brands li {
	overflow: hidden;
}
*+html #footer {
	height: 1%;
}