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

html, body { height: 100%; }

body.home div#outer-wrapper { background-image: url(../graphics/background-home.jpg); }
body.about-us div#outer-wrapper { background-image: url(../graphics/background-about-us.jpg); }
body.what-we-do div#outer-wrapper { background-image: url(../graphics/background-what-we-do.jpg); }
body.in-the-news div#outer-wrapper { background-image: url(../graphics/background-in-the-news.jpg); }
body.contact div#outer-wrapper { background-image: url(../graphics/background-contact.jpg); }

body
{
	width: 100%;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	background-color: #FFFFFF;
	color: #669900;
	text-align: center;
}

/*  =================   beginning layout   =================   */

div#welcome-to-hugo-neu
{
	width: 1px;
	height: 50%;
	margin-bottom: -295px;
	float: left;
}

body.home div#outer-wrapper,
body.home div#outer-wrapper div#inner-wrapper,
body.home div#outer-wrapper div#inner-wrapper div#hugo-news-wrapper
{
	display: none;
}

div#outer-wrapper
{
	position: relative;
	width: 100%;
	min-width: 960px;
	height: 600px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 0px;
	clear: left;
}

div#inner-wrapper
{
	position: relative;
	margin: 0px auto;
	width: 960px;
	height: 600px;
	text-align: left;
}

div#outer-wrapper div#inner-wrapper div#logo
{
	top: 31px;
	left: 31px;
}

body.home div#outer-wrapper div#inner-wrapper div#logo
{
	top: 403px;
	left: 31px;
}

div#logo
{
	position: absolute;
	top: 463px;
	left: 31px;
	width: 216px;
	height: 123px;
	background-image: url(../graphics/logo.png);
}

div#logo a h1
{
	width: 216px;
	height: 123px;
	margin: 0px;
}

div#logo a h1 span { display: none; }

div#primary-navigation
{
	position: absolute;
	top: 31px;
	left: 248px;
}

body.home div#primary-navigation
{
	position: absolute;
	top: 403px;
	left: 248px;
}

div#primary-navigation
{
	width: 154px;
	height: 123px;
	margin: 0px;
	padding: 0px;
}

div#secondary-navigation
{
	position: absolute;
	top: 31px;
	left: 403px;
	width: 154px;
	height: 123px;
	margin: 0px;
	padding: 0px;
}

div#secondary-navigation-long
{
	position: absolute;
	top: 31px;
	left: 403px;
	width: 216px;
	height: 123px;
	margin: 0px;
	padding: 0px;
}

div#third-navigation-long
{
	position: absolute;
	top: 31px;
	left: 620px;
	width: 216px;
	height: 123px;
	margin: 0px;
	padding: 0px;
}

div#home-content
{
	position: absolute;
	top: 403px;
	left: 403px;
	width: 466px;
	height: 103px;
	background-image: url(../graphics/white-panel-wide.png);
	padding: 10px 30px;
}

div#home-content p
{
	padding: 0px;
	margin: 10px 0px;
	color: #669900;
}

div#hugo-news-wrapper
{
	position: absolute;
	top: 31px;
	left: 652px;
	width: 278px;
	height: 340px;
}

div#hugo-news
{
	width: 218px;
	height: 320px;
	background-image: url(../graphics/background-news.png);
	padding: 10px 30px;
}

div#hugo-news p.p-small
{
	color: #666666;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 12px !important;
	line-height: 16px !important;
}

div#content-outer-wrapper
{
	position: absolute;
	top: 186px;
	left: 0px;
	margin: 0px;
	width: 100%;
	height: 340px;
	background-color: transparent;
	display: none;
}

div#content-outer
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px auto;
	width: 100%;
	height: 340px;
	background-color: transparent;
	background-image: url(../graphics/background-content.png);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 99;
}

div#content-outer-news
{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px auto;
	width: 100%;
	height: 340px;
	background-color: transparent;
	background-image: url(../graphics/background-content-news.png);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 99;
}

div#content-inner-news
{
	position: relative;
	margin: 0px auto;
	padding: 30px 0px;
	width: 1024px;
	height: 280px;
	text-align: left;
}


#content-arrow-left
{
	position: absolute;
	top: 122px;
	left: 0px;
	width: 32px;
	height: 63px;
	z-index: 108;
}

#content-arrow-right
{
	position: absolute;
	top: 122px;
	right: 0px;
	width: 32px;
	height: 63px;
	z-index: 108;
}

div#content-innermost-news
{
	position: absolute;
	top: 30px;
	left: 62px;
	width: 900px;
	height: 280px;
	z-index: 100;
	overflow: hidden;
}

#sliding-box
{
	position: absolute;
	top: 90px;
	left: 0px;
	width: 1395px;
	height: 280px;
	z-index: 100;
	overflow: hidden;
}

div.small-content-box
{
	float: left;
	clear: none;
}

div.small-content-box-news
{
	width: 465px;
	height: 280px;
	padding-right; 30px;
	float: left;
	clear: none;
}

div.small-content-box-news p.p-small
{
	margin: 0px 0px 10px 0px;
	width: 435px;
	padding: 0px;
	font-size: 12px !important;
	line-height: 16px !important;
}


div.small-content-box p.p-small
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 12px !important;
	line-height: 16px !important;
}

div.small-content-box-news p.p-small strong,
div.small-content-box p.p-small strong
{
	color: #666666;
	padding: 0px;
}

div.small-content-box p.p-small a,
div.small-content-box p.p-small a:link,
div.small-content-box p.p-small a:active,
div.small-content-box-news p.p-small a,
div.small-content-box-news p.p-small a:link,
div.small-content-box-news p.p-small a:active
{
	color: #336600;
	padding: 0px;
}

div.small-content-box-news p.p-small a:hover,
div.small-content-box p.p-small a:hover { color: #666666; }



div#content-inner
{
	margin: 0px auto;
	padding: 30px;
	width: 900px;
	height: 280px;
	text-align: left;
}

div#content-inner
{
	margin: 0px auto;
	padding: 30px;
	width: 900px;
	height: 280px;
	text-align: left;
}



div#content-inner p
{
	color: #666666;
	font-size: 18px;
	line-height: 24px;
}

div#people-content
{
	width: 400px;
	height: 280px;
	float: right;
	clear: none;
}


div#people-content2
{
	width: 620px;
	height: 280px;
	float: right;
	clear: none;
}

div#people-content3
{
	width: 470px;
	height: 280px;
	float: right;
	clear: none;
}

div#people-content3 p.p-small,
div#people-content p.p-small
{
	font-size: 12px !important;
	line-height: 16px !important;
}

div#people-content3 p.p-small2
{
	font-size: 12px !important;
	line-height: 16px !important;
        margin: 0 15px 5px 0;
}

div#people-content3 td{
	vertical-align: top;
}

div#people-lists2{
	width: 400px;
	float: left;
}

div#people-lists2 p.p-small,
div#people-lists p.p-small
{
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: bold;
	color: #333333;
}





div#footer-left
{
	position: absolute;
	bottom: 0px;
	left: 31px;
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	color: #666;
}

div#footer-right
{
	position: absolute;
	bottom: 0px;
	right: 31px;
	text-align: right;
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	color: #666;
}

/*  =================   ending layout   =================   */
/*  =================   beginning elements   =================   */
.green { color: #99cc00; }

.copper a, .copper a:visited, .copper a:active
{ color: #cc6633; }
.copper a:hover
{ color: #99cc00; }

.dark-green { color: #336600; }

strong
{
	color: #336600;
	font-weight: bold;
}

h1, h2, h3, p { margin: 10px 0px; }
h2 { font-size: 24px; }

a, a:visited, a:active
{
	color: #99cc00;
	text-decoration: none;
}

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

a:focus { outline: 0; }

img { border: 0; }

.left-aligned
{
	float: left;
	clear: none;
}

.right-aligned
{
	float: right;
	clear: none;
}

p { margin: 10px 0px; }

/*  =================   end elements   =================   */

/*    =================   navigation   ================= */
ul.short-navigation
{
	margin: 0px;
	padding: 0px;
	width: 154px;
	height: 123px;
	list-style: none;
	overflow: hidden;
	display: block;
}

ul.short-navigation li
{
	margin-bottom: 1px;
	padding: 0px;
	height: 30px;
	width: 154px;
	list-style: none;
	display: block;
}

ul.short-navigation li a,
ul.short-navigation li a:link,
ul.short-navigation li a:active
{
	margin: 0px;
	padding: 0px;
	display: block;
	height: 30px;
	width: 154px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

ul.short-navigation li.about-us-navigation a { background-image: url(../graphics/navigation/about-us.png); }
ul.short-navigation li.about-us-navigation-current a { background-image: url(../graphics/navigation/about-us-current.png); }
ul.short-navigation li.what-we-do-navigation a { background-image: url(../graphics/navigation/what-we-do.png); }
ul.short-navigation li.what-we-do-navigation-current a { background-image: url(../graphics/navigation/what-we-do-current.png); }
ul.short-navigation li.in-the-news-navigation a { background-image: url(../graphics/navigation/in-the-news.png); }
ul.short-navigation li.in-the-news-navigation-current a { background-image: url(../graphics/navigation/in-the-news-current.png); }
ul.short-navigation li.contact-navigation a { background-image: url(../graphics/navigation/contact.png); }
ul.short-navigation li.contact-navigation-current a { background-image: url(../graphics/navigation/contact-current.png); }
ul.short-navigation li.culture-navigation a { background-image: url(../graphics/navigation/culture.png); }
ul.short-navigation li.people-navigation a { background-image: url(../graphics/navigation/people.png); }
ul.short-navigation li.press-releases-navigation a { background-image: url(../graphics/navigation/press-releases.png); }
ul.short-navigation li.speeches-navigation a { background-image: url(../graphics/navigation/speeches.png); }

ul.long-navigation
{
	margin: 0px;
	padding: 0px;
	width: 216px;
	height: 123px;
	list-style: none;
	overflow: hidden;
	display: block;
}

ul.long-navigation li
{
	margin-bottom: 1px;
	padding: 0px;
	height: 30px;
	width: 216px;
	list-style: none;
	display: block;
}

ul.long-navigation li a,
ul.long-navigation li a:link,
ul.long-navigation li a:active
{
	margin: 0px;
	padding: 0px;
	display: block;
	height: 30px;
	width: 216px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

ul.long-navigation li.international-shipping-navigation a { background-image: url(../graphics/navigation/international-shipping.png); }
ul.long-navigation li.champions-of-recycling-navigation a { background-image: url(../graphics/navigation/champions-of-recycling.png); }
ul.long-navigation li.charitable-endeavors-navigation a { background-image: url(../graphics/navigation/charitable-endeavors.png); }
ul.long-navigation li.real-estate-navigation a { background-image: url(../graphics/navigation/real-estate.png); }

ul.long-navigation li.current a,
ul.long-navigation li a:hover,
ul.short-navigation li.current a,
ul.short-navigation li a:hover { background-position: left bottom; }

ul.long-navigation li a span,
ul.short-navigation li a span { visibility: hidden; }


/*    =================   navigation   ================= */

ul.medium-navigation
{
	margin: 0px;
	padding: 0px;
	width: 216px;
	height: 123px;
	list-style: none;
	overflow: hidden;
	display: block;
}

ul.medium-navigation li
{
	margin-bottom: 1px;
	padding: 0px;
	height: 30px;
	width: 216px;
	list-style: none;
	display: block;
}

ul.medium-navigation li a,
ul.medium-navigation li a:link,
ul.medium-navigation li a:active
{
	margin: 0px;
	padding: 0px;
	display: block;
	height: 30px;
	width: 216px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}

ul.medium-navigation li.werecycle-navigation a { background-image: url(../graphics/navigation/werecycle-navigation.png); }
ul.medium-navigation li.hugoneuamericas-navigation a { background-image: url(../graphics/navigation/hugoneuamericas-navigation.png); }

ul.medium-navigation li.current a,
ul.medium-navigation li a:hover,
ul.long-navigation li.current a,
ul.long-navigation li a:hover,
ul.short-navigation li.current a,
ul.short-navigation li a:hover { background-position: left bottom; }

ul.medium-navigation li a span,
ul.long-navigation li a span,
ul.short-navigation li a span { visibility: hidden; }


/*    =================   navigation   ================= */