﻿@charset "utf-8";

/* PIGEONCARE WEBSITE CSS DOCUMENT */

/* UNIVERSAL DESIGN */

BODY {
	BACKGROUND: #333333;
}
BODY,TABLE {
	FONT-SIZE: 9pt;
	COLOR: #663399;
	FONT-FAMILY: "Book Antiqua", Georgia, Arial, "Times New Roman";
	line-height: 11pt;
}
A {
	COLOR: #663399;TEXT-DECORATION: none
}
A:hover {
	COLOR: #663399;
	text-decoration: underline;
}
A:active {
	COLOR: #663399;
	text-decoration: underline overline;
}
A:visited {
}
.text_white, .text_white a, .text_white a:hover {
	COLOR: #FFFFFF;
	font-size: 9pt;
	line-height: 11pt;
}
.text_red {
	COLOR: #663399
}
.text_purple {
	COLOR: #663399
}
.text_yellow {
	COLOR: #FFCC00
}
.text_orange {
	COLOR: #FFCC00
}
.title_white {
	COLOR: #663399;
	font-size: 9pt;
	line-height: 11pt;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
}
.title_bigwhite {
	COLOR: #663399;
	font-size: 11pt;
	line-height: 12pt;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
}
.title_white {
	COLOR: #FFFFFF;
	font-size: 9pt;
	line-height: 11pt;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
}
.title_bigwhite {
	COLOR: #FFFFFF;
	font-size: 11pt;
	line-height: 12pt;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
}
ul{list-style-type:square;}
ul{list-style-position:outside;}
ul ul{list-style-type:circle!important;}
ul ul ul{list-style-type:disc!important;}
#content ul{LIST-STYLE-IMAGE: url(/images/dot.gif);}
#content li{margin:0.6em 0; line-height:1.5em; padding:0;}
#dot {LIST-STYLE-IMAGE: url(/images/dot.gif);}

/* TOP NAVIGATOR BAR */

#navbar {
	height: 25px;
	background-color:#FFCC00;
	BORDER-RIGHT: #663399 0px solid;
	BORDER-TOP: #663399 1px solid;
	BORDER-LEFT: #663399 0px solid;
	BORDER-BOTTOM: #663399 1px solid;
	width: 740px;
}


#navbar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border-left: 0px solid #663399;
	border-right: 0px solid #663399;
}

#navbar li {
	float: left;
	padding: 0;
	margin: 0;
	width: 148px; /* Should be the Total Navbar Width divided by the Number of the Buttons */
	height: 25px;
	FONT-SIZE: 15px;
}

#navbar ul a:link, #navbar ul a:visited {
	display: block;
	float: left;
	padding: 5px 43px;
	text-decoration: none;
	border-right: 1px solid #663399;
	border-left: 1px solid #663399;
	color: #663399;
}

#navbar ul li a:hover {
	background: #FFFFFF;
	color: #663399;
	text-decoration: none;
}

/* CONTENT DESIGN */
#content p {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px
}
#content {
	WIDTH: 590px; TEXT-ALIGN: left
}
#content h1{font-size:14px; font-weight:bold;PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 9px}
#content h2, #content h3{clear: both;font-size:12px; font-weight:bold; PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px}
#content-wide {
	WIDTH: 530px; TEXT-ALIGN: left
}
#content-superwide {
	WIDTH: 700px; TEXT-ALIGN: left
}
#CONTENT UL {
	LIST-STYLE-TYPE: square;
	LIST-STYLE-IMAGE: url(/images/dot.gif);
}

#wrapper-home {
	BACKGROUND: #663399; MARGIN-LEFT: auto; WIDTH: 740px; MARGIN-RIGHT: auto
}
#wrapper {
	BACKGROUND: #FFCC00; MARGIN-LEFT: auto; WIDTH: 740px; MARGIN-RIGHT: auto
}
#hackwrapper {
	TEXT-ALIGN: center
}
#wrapper {
	TEXT-ALIGN: left
}
#popwrapper {
	BACKGROUND: #663399; MARGIN-LEFT: auto; WIDTH: 440px; MARGIN-RIGHT: auto
}
#pophackwrapper {
	BACKGROUND: #663399; TEXT-ALIGN: center
}
#popcontent {
	MARGIN-LEFT: auto; WIDTH: 400px; MARGIN-RIGHT: auto; TEXT-ALIGN: left
}
#header {
	BACKGROUND: #663399;
}
#header-content {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px;
}
#menubar {
	BORDER-RIGHT: #663399 0px solid; BORDER-TOP: #663399 0px solid; BACKGROUND: #FFCC00; BORDER-LEFT: #663399 0px solid; BORDER-BOTTOM: #663399 1px solid; HEIGHT: 19px
}
#home-banner {
	BORDER-RIGHT: #663399 0px solid; BORDER-TOP: #663399 0px solid; BACKGROUND: #663399; BORDER-LEFT: #663399 0px solid; BORDER-BOTTOM: #663399 1px solid; HEIGHT: 51px
}
#home-banner-spotlight {
	BACKGROUND: #FFCC00; FLOAT: left; WIDTH: 146px; HEIGHT: 100%
}
#home-banner-mission {
	FLOAT: left; WIDTH: 594px
}
#home-centerstage {
	BORDER-RIGHT: #663399 0px solid; BORDER-TOP: #663399 0px solid; BACKGROUND: #663399; BORDER-LEFT: #663399 0px solid; BORDER-BOTTOM: #663399 1px solid; HEIGHT: 185px
}
#home-centerstage-menu {
	WIDTH: 220px
}
#banner {
	BORDER-RIGHT: #663399 0px solid; BORDER-TOP: #663399 0px solid; BACKGROUND: #663399; BORDER-LEFT: #663399 0px solid; BORDER-BOTTOM: #663399 1px solid; HEIGHT: 60px
}
#portpixmenu {
	BORDER-RIGHT: #663399 0px solid; BORDER-TOP: #663399 0px solid; BACKGROUND: #663399; BORDER-LEFT: #663399 0px solid; BORDER-BOTTOM: #663399 1px solid; HEIGHT: 60px
}
#main-home {
	BORDER-RIGHT: #663399 0px solid; BORDER-TOP: #663399 0px solid; BACKGROUND: #663399; BORDER-LEFT: #663399 0px solid; BORDER-BOTTOM: #663399 1px solid
}
#main {
	BORDER-RIGHT: #FFCC00 0px solid; BORDER-TOP: #FFCC00 0px solid; BACKGROUND: #FFCC00; BORDER-LEFT: #FFCC00 0px solid; BORDER-BOTTOM: #FFCC00 1px solid
}
#home-contentwrapper {
	WIDTH: 740px
}
#compendium-contentwrapper {
	WIDTH: 740px
}
#home-spotlight {
	BACKGROUND: #FFCC00; WIDTH: 146px; TEXT-ALIGN: left
}
#compendium-projects {
	BACKGROUND: #99ccff; WIDTH: 146px; TEXT-ALIGN: left
}
#home-wordmark {
	WIDTH: 290px
}
#compendium-wordmark {
	WIDTH: 290px
}
#home-headlines {
	BACKGROUND: #663399; WIDTH: 304px; TEXT-ALIGN: left
}
#compendium-cases {
	BACKGROUND: #FFCC00; WIDTH: 304px; TEXT-ALIGN: left
}
#ch-home-swatches {
	FLOAT: left; WIDTH: 80px
}
#ch-home-spotlight {
	FLOAT: left; WIDTH: 360px
}
#ch-home-intro {
	FLOAT: left; WIDTH: 290px
}
#ch-home-panel {
	FLOAT: left; WIDTH: 210px
}
#ch-images {
	FLOAT: left; WIDTH: 150px
}
#ch-text_original {
	FLOAT: right; WIDTH: 380px
}
#ch-text {
	FLOAT: right; WIDTH: 440px
}
#pd-images {
	FLOAT: left; WIDTH: 210px
}
#pd-text {
	FLOAT: right; WIDTH: 380px
}
.pd-pic {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 5px; TEXT-ALIGN: left
}
.thumbs {
	PADDING-RIGHT: 5px; PADDING-LEFT: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.pd-thumbs {
	FLOAT: left; WIDTH: 130px;PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
#thefineprint {
	FONT-SIZE: 10px; COLOR: white;PADDING-BOTTOM: 9px; PADDING-TOP: 9px;
}
#toolbar {
	BACKGROUND: #FFCC00
}
#footer {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; BACKGROUND: #663399; PADDING-BOTTOM: 20px; PADDING-TOP: 0px; TEXT-ALIGN: right
}
#wrapper-home {
	MARGIN-BOTTOM: 1em
}
#wrapper {
	BACKGROUND: #FFCC00; MARGIN-LEFT: auto; WIDTH: 740px; MARGIN-RIGHT: auto
}
#breadcrumbs {
	PADDING-RIGHT: 5px; PADDING-LEFT: 20px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 5px; TEXT-ALIGN: left
}
.pad5 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.pad10 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.pad15 {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px
}
.pad15r15 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; PADDING-TOP: 15px
}
.pad20r15 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; PADDING-TOP: 20px
}
.pad20 {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px
}
.pad25 {
	PADDING-RIGHT: 25px; PADDING-LEFT: 25px; PADDING-BOTTOM: 25px; PADDING-TOP: 25px
}
.pad10r20 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.pad0r20 {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.spacer-darkgray {
	CLEAR: both; BACKGROUND: #663399
}
.spacer-white {
	CLEAR: both; BACKGROUND: #ffffff
}
.spacer-darkblue {
	CLEAR: both; BACKGROUND: #000033
}
.spacer-lightgray {
	CLEAR: both; BACKGROUND: #cccccc
}
.spacer-orange {
	CLEAR: both; BACKGROUND: #FFCC00
}
.news-content {
	WIDTH: 480px; TEXT-ALIGN: left
}
#news-feature {
	BORDER-RIGHT: #cccccc 0px solid; PADDING-RIGHT: 20px; BORDER-TOP: #cccccc 0px solid; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; BORDER-LEFT: #cccccc 0px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #cccccc 1px solid; TEXT-ALIGN: left
}
#news-feature-image {
	FLOAT: left; WIDTH: 210px
}
#news-feature-text {
	WIDTH: 210px
}
#news-pressreleases {
	PADDING-RIGHT: 10px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; WIDTH: 220px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#news-inthenews {
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; WIDTH: 220px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#news-list UL {
	MARGIN-RIGHT: 15px; LIST-STYLE-TYPE: square;
}
#news-list LI {
	MARGIN: 8px 0px
}
.news-list-ext {
	LIST-STYLE-TYPE: square;
}
#news-list UL LI A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #FFFFFF
}
#news-list UL LI A:active {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #FFFFFF
}
.news-items {
	PADDING-RIGHT: 2px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px
}
.section {
	FONT-WEIGHT: bold; FONT-SIZE: 1.25em
}
#contentwrapper_original {
	BACKGROUND: #FFCC00; FLOAT: left; WIDTH: 490px
}
#contentwrapper {
	BACKGROUND: #FFCC00; FLOAT: left; WIDTH: 595px
}
#contentwrapper-wide {
	BACKGROUND: #FFCC00; FLOAT: left; WIDTH: 530px
}
#contentwrapper-superwide {
	BACKGROUND: #663399; FLOAT: left; WIDTH: 740px
}
#seclevel {
	DISPLAY: block; BACKGROUND: #663399; FLOAT: left; WIDTH: 125px
}
#thirdlevel {
	DISPLAY: block; BACKGROUND: #f5f5f5; FLOAT: left; WIDTH: 125px
}
#seclevel-wide {
	DISPLAY: block; BACKGROUND: #990000; FLOAT: left; WIDTH: 200px
}
#seclevelnav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-SIZE: 9pt; FLOAT: right; PADDING-BOTTOM: 10px; WIDTH: 110px; PADDING-TOP: 10px; TEXT-ALIGN: left
}
#seclevel-widenav {
	PADDING-RIGHT: 5px; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; MARGIN-LEFT: auto; WIDTH: 180px; MARGIN-RIGHT: auto; PADDING-TOP: 5px; TEXT-ALIGN: left
}
#seclevelgraphic {
	FLOAT: left; WIDTH: 125px
}
#thirdlevelnav {
	PADDING-RIGHT: 10px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 10px; WIDTH: 80px; PADDING-TOP: 10px; TEXT-ALIGN: left
}
#seclevelnav A {
	FONT-WEIGHT: bold; COLOR: #FFFFFF; TEXT-DECORATION: none
}
#thirdlevelnav A {
	COLOR: #6666cc; TEXT-DECORATION: none
}
#seclevelnav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; LIST-STYLE-TYPE: none; BORDER-BOTTOM-STYLE: none
}
#thirdlevelnav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; LIST-STYLE-TYPE: none; BORDER-BOTTOM-STYLE: none
}
#seclevel-widenav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; LIST-STYLE-TYPE: none; BORDER-BOTTOM-STYLE: none
}
#seclevelnav LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
#thirdlevelnav LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
#seclevel-widenav LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
#thirdlevelnav LI.compact {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; MARGIN: 0px; PADDING-TOP: 0px
}
#thirdlevelnav LI.compact A {
	FONT-WEIGHT: normal
}
#seclevelnav .select-sec A {
	BORDER-RIGHT: black 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: black 1px solid; DISPLAY: block; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: #663399; PADDING-BOTTOM: 3px; BORDER-LEFT: black 1px solid; COLOR: #FFFFFF; PADDING-TOP: 3px; BORDER-BOTTOM: black 1px solid
}
#seclevelnav A:hover {
	DISPLAY: block; BACKGROUND: #FFCC00; COLOR: #663399
}
#seclevelnav A:active {
	DISPLAY: block; BACKGROUND: #FFCC00; COLOR: #663399
}
#seclevelnav LI:hover {
	DISPLAY: block; BACKGROUND: #FFCC00; COLOR: #663399
}
#seclevel-widenav LI:hover {
	DISPLAY: block; BACKGROUND: #FFCC00; COLOR: #663399
}
#thirdlevelnav .select-third A {
	CLEAR: left; DISPLAY: block; FONT-WEIGHT: bold; COLOR: #990000
}
#thirdlevelnav A {
	CLEAR: left; BORDER-RIGHT: #f5f5f5 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #f5f5f5 1px solid; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 1px; BORDER-LEFT: #f5f5f5 0px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #f5f5f5 1px solid
}
#thirdlevelnav A:hover {
	CLEAR: left; DISPLAY: block; COLOR: #000000
}
#thirdlevelnav A:active {
	CLEAR: left; DISPLAY: block; COLOR: #000000
}
#thirdlevelnav LI:hover {
	CLEAR: left; DISPLAY: block; COLOR: #000000
}
.topmenu {
	PADDING-LEFT: 0px; BACKGROUND: #FFCC00; WIDTH: 103px; COLOR: #FFFFFF; PADDING-TOP: 3px; HEIGHT: 20px
}
.topmenu:hover {
	PADDING-LEFT: 0px; BACKGROUND: #FFFFFF; WIDTH: 103px; COLOR: #FFCC00; PADDING-TOP: 3px; HEIGHT: 20px; TEXT-DECORATION: none
}
.topmenu:link {
	COLOR: #FFFFFF
}
.topmenu:active {
	COLOR: #FFCC00
}
.topmenu:visited {
}