/* CSS Document */
body  { color: #171717; font: 13px/20px Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background: #ffa622 url(images/bg.gif) repeat-x; margin: 0; padding: 0 }
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}
/* -- top navigation start -- */
#topNav { margin: 0 auto; width: 800px; height: 37px }
#topNav ul { margin: 0 auto; width: 800px }
#topNav ul li{
	height:37px; float:left;
	background:url(images/bg.gif) repeat-x 0 0 #292929; color:#C1C1C1;
	font:bold 12px/37px Arial, Helvetica, sans-serif;}
#topNav ul li a{
	padding:0 18px; height:37px; float:left; text-decoration:none; display:block;
	background:url(images/bg.gif) repeat-x 0 0 #292929; color:#C1C1C1;
	font:bold 12px/37px Arial, Helvetica, sans-serif;}
#topNav ul li a:hover { color: #fff; background: #fff url(images/top_btn_hN.gif) repeat-x center }
/* -- top navigation start -- */

/* -- body start -- */
#body   { background-color: #ffa622; background-image: url(images/PClogo.jpg); background-repeat: no-repeat; background-position: right top; margin: 0 auto; padding: 0 0 60px; width: 800px }
#body img.logo  { margin: 30px 0 0; border: none }
#body div.bodyText  { padding: 290px 0 0 }
#body div.bodyText h2  { color: #252525; font: bold 24px/34px Verdana, Arial, Helvetica, sans-serif }
#body div.bodyText h2 span { color: #252525; background-color: transparent }
#body div.bodyText h3   { color: #252525; font: bold 20px/24px Verdana, Arial, Helvetica, sans-serif; padding-top: 15px; padding-right: 2px; padding-bottom: 0 }
#body div.bodyText h4   { color: #252525; font: 20px/24px Arial; padding: 15px 0 0 10px }
#body div.bodyText p { color: #252525; font: 13px/20px Arial; background-color: #ffa622; padding: 10px 0 }
#body div.bodyText p a  { color: #252525; text-decoration: underline; background-color: transparent }
#body div.bodyText p a:hover{
	text-decoration:none;}
#body div.catagory{
	padding:25px 0 0 0;}
.contact { color: #252525; background-color: #c1c1c1; background-repeat: no-repeat; background-attachment: fixed; background-position: 0 0; margin-bottom: 30px; padding-top: 20px; padding-bottom: 30px; padding-left: 30px; width: 770px }
.left { color: #252525; background-position: 0 0; margin-bottom: 40px; padding-top: 7px; width: 250px; float: left }
.left p { color: #252525; font-size: 13px; font-family: Arial; line-height: 11px }
.leftLg { color: #252525; background-position: 0 0; margin-bottom: 40px; padding-top: 7px; width: 526px; float: left }
.pink   { color: #252525; background-color: #c1c1c1; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-bottom: 30px; padding: 7px 15px 50px; width: 221px; float: left }
.pink h3  { color: #252525; font: bold 20px/38px Verdana, Arial, Helvetica, sans-serif; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 13px }
.pink h4 { color: #252525; font: bold 12px/39px Arial, Helvetica, sans-serif; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 13px; text-align: center; width: 56px }
.pink h5  { color: #252525; font: bold 10px/11px Arial; text-transform: uppercase }
.pink p { color: #252525; font: 11px/17px Arial; padding: 3px 0 10px }
.pink a.more  { color: #252525; line-height: 0; text-decoration: none; background: #c1c1c1 url(images/blue_more_btn.gif) no-repeat; text-indent: -2000px; display: block; padding: 0; width: 46px; height: 11px; float: right }
.pink a.more:hover  { color: #252525; background: #c1c1c1 url(images/blue_more_btn_h.gif) no-repeat }
.middle { color: #252525; background-repeat: no-repeat; background-position: 0 0; margin: 0 23px 40px 25px; padding-top: 7px; width: 250px; float: left }
.middle p { color: #252525; font: 13px/11px Arial }
.green   { color: #252525; background-color: #c1c1c1; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin: 0 23px 30px; padding: 7px 15px 50px; width: 221px; float: left }
.green h3  { color: #252525; font: bold 20px/38px Verdana, Arial, Helvetica, sans-serif; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 13px }
.green h5 { color: #252525; font: bold 10px/11px Arial; text-transform: uppercase }
.green p  { color: #252525; font: 11px/17px Arial; padding: 3px 0 10px }
.green a.more   { color: #252525; line-height: 0; text-decoration: none; background: #c1c1c1 url(images/view_btn.gif) no-repeat; text-indent: -2000px; display: block; padding: 0; width: 46px; height: 11px; float: right }
.green a.more:hover   { color: #252525; background: #c1c1c1 url(images/view_btn_h.gif) no-repeat }
.right { color: #252525; background-repeat: no-repeat; background-position: 0 0; margin-bottom: 40px; padding-top: 7px; width: 250px; float: right }
.right p { color: #252525; font: 13px/11px Arial }
.rightLg  { background-color: white; background-image: url(images/brand-identity-03.jpg); background-repeat: no-repeat; background-position: 0 center; margin-bottom: 10px; width: 250px; height: 325px; float: right }
.rightLg2  { background-color: white; background-image: url(images/brand-identity-04.jpg); background-repeat: no-repeat; background-position: 0 center; margin-bottom: 10px; width: 250px; height: 325px; float: right }
.rightLg3  { background-color: white; background-image: url(images/brand-identity-14.jpg); background-repeat: no-repeat; background-position: 0 center; margin-bottom: 10px; width: 250px; height: 325px; float: right }
.rightLg4   { background-color: white; background-image: url(images/brand-identity-18.jpg); background-repeat: no-repeat; background-position: 0 center; margin-bottom: 10px; width: 250px; height: 325px; float: right }
.rightLg5  { background-color: white; background-image: url(images/brand-identity-17.jpg); background-repeat: no-repeat; background-position: 0 center; margin-bottom: 10px; width: 250px; height: 325px; float: right }
.rightLg6   { background-color: white; background-image: url(images/brand-identity-25.jpg); background-repeat: no-repeat; background-position: 0 center; margin-bottom: 10px; width: 250px; height: 325px; float: right }
.rightLg7  { background-color: white; background-image: url(images/brand-identity-21.jpg); background-repeat: no-repeat; background-position: 0 center; margin-bottom: 10px; width: 250px; height: 325px; float: right }
.rightLg8  { background-color: white; background-image: url(images/brand-identity-22.jpg); background-repeat: no-repeat; background-position: 0 center; margin-bottom: 10px; width: 250px; height: 325px; float: right }
.rightLg9  { background-color: white; background-image: url(images/brand-identity-24.jpg); background-repeat: no-repeat; background-position: 0 center; margin-bottom: 10px; width: 250px; height: 325px; float: right }
.rightLg10  { background-color: white; background-image: url(images/brand-identity-28.jpg); background-repeat: no-repeat; background-position: 0 center; margin-bottom: 10px; width: 250px; height: 397px; float: right }
.rightLg11  { background-color: white; background-image: url(images/brand-identity-32.jpg); background-repeat: no-repeat; background-position: 0 center; margin-bottom: 10px; width: 250px; height: 325px; float: right }
.rightLg12  { background-color: white; background-image: url(images/brand-identity-35.jpg); background-repeat: no-repeat; background-position: 0 center; margin-bottom: 10px; width: 250px; height: 325px; float: right }
.rightLg13  { background-color: white; background-image: url(images/brand-identity-36.jpg); background-repeat: no-repeat; background-position: 0 center; margin-bottom: 10px; width: 250px; height: 325px; float: right }
.blue   { color: #252525; background-color: #c1c1c1; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; margin-bottom: 30px; padding: 7px 15px 50px; width: 221px; float: left }
.blue h3  { color: #252525; font: bold 20px/38px Verdana, Arial, Helvetica, sans-serif; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 11px }
.blue h5 { color: #252525; font: bold 10px/11px Arial; text-transform: uppercase }
.blue p { color: #252525; font: 11px/17px Arial; padding: 3px 0 10px }
.blue a.more   { color: #252525; line-height: 0; text-decoration: none; background: #c1c1c1 url(images/view_btn.gif) no-repeat; text-indent: -2000px; display: block; padding: 0; width: 46px; height: 11px; float: right }
.blue a.more:hover  { color: #252525; background: #c1c1c1 url(images/view_btn_h.gif) no-repeat }
.goal     { width: 530px; float: left }
.goal h2 { color: #252525; font-size: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal; font-weight: bold; line-height: 34px; background-color: transparent }
.goal h2 span { color: #252525; background-color: transparent }
.goal p { color: #252525; font: 13px/20px Verdana, Arial, Helvetica, sans-serif; background-color: #f7f7f7; padding: 10px 0 }
.goal p.greenText { color: #252525; font: 13px/20px Verdana, Arial, Helvetica, sans-serif; background-color: transparent; padding: 6px 0 }
.goal ul li  { color: #252525; font: 13px/20px Arial; background-color: transparent; background-attachment: scroll; margin: 0 0 5px }
.image1     { background-image: url(images/brand-identity.jpg); width: 250px; height: 220px; float: right }
.image2    { background-image: url(images/brand-identity-02.jpg); width: 250px; height: 220px; float: right }
.image3  { background-image: url(images/brand-identity-03.jpg); margin-bottom: 10px; width: 250px; height: 220px; float: left }
.image4   { background-image: url(images/brand-identity-04.jpg); margin: 0 23px 10px 25px; width: 250px; height: 220px; float: left }
.image5  { background-image: url(images/brand-identity-05.jpg); margin-bottom: 10px; width: 250px; height: 220px; float: right }
.image6  { background-image: url(images/brand-identity-06.jpg); margin-bottom: 10px; width: 250px; height: 220px; float: left }
.image7   { background-image: url(images/brand-identity-07.jpg); margin: 0 23px 10px 25px; width: 250px; height: 220px; float: left }
.image8  { background-image: url(images/brand-identity-08.jpg); margin-bottom: 10px; width: 250px; height: 220px; float: right }
.image9   { background-image: url(images/brand-identity-09.jpg); margin: 0 23px 10px 25px; width: 250px; height: 220px; float: left }
.image10   { background-image: url(images/brand-identity-10.jpg); margin-bottom: 10px; width: 250px; height: 220px; float: left }
.image11  { background-color: white; background-image: url(images/brand-identity-11.jpg); margin-bottom: 10px; width: 526px; height: 325px; float: left }
.image12  { background-color: white; background-image: url(images/brand-identity-12.jpg); margin-bottom: 10px; width: 526px; height: 325px; float: left }
.image13  { background-color: white; background-image: url(images/brand-identity-13.jpg); margin-bottom: 10px; width: 526px; height: 325px; float: left }
.image14  { background-color: white; background-image: url(images/brand-identity-15.jpg); margin-bottom: 10px; width: 526px; height: 325px; float: left }
.image15   { background-color: white; background-image: url(images/brand-identity-26.jpg); margin-bottom: 10px; width: 526px; height: 325px; float: left }
.image16  { background-color: white; background-image: url(images/brand-identity-16.jpg); margin-bottom: 10px; width: 526px; height: 325px; float: left }
.image17  { background-color: white; background-image: url(images/brand-identity-19.jpg); margin-bottom: 10px; width: 526px; height: 325px; float: left }
.image18  { background-color: white; background-image: url(images/brand-identity-20.jpg); margin-bottom: 10px; width: 526px; height: 325px; float: left }
.image19  { background-color: white; background-image: url(images/brand-identity-23.jpg); margin-bottom: 10px; width: 526px; height: 325px; float: left }
.image20 { background-image: url(images/advertising.jpg); margin-bottom: 10px; width: 250px; height: 220px; float: left }
.image21 { background-image: url(images/collateral.jpg); margin: 0 23px 10px 25px; width: 250px; height: 220px; float: left }
.image22 { background-image: url(images/packaging.jpg); margin-bottom: 10px; width: 250px; height: 220px; float: right }
.image23   { background-image: url(images/brand-identity-27.jpg); width: 250px; height: 220px; float: right }
.image24  { background-image: url(images/brand-identity-29.jpg); width: 250px; height: 220px; float: right }
.image25  { background-color: white; background-image: url(images/brand-identity-30.jpg); margin-bottom: 10px; width: 526px; height: 162px; float: left }
.image26  { background-color: white; background-image: url(images/brand-identity-31.jpg); margin-bottom: 10px; width: 526px; height: 325px; float: left }
.image27  { background-color: white; background-image: url(images/brand-identity-34.jpg); margin-bottom: 10px; width: 526px; height: 325px; float: left }
.image28  { background-color: white; background-image: url(images/brand-identity-33.jpg); margin-bottom: 10px; width: 526px; height: 325px; float: left }
.image29  { background-image: url(images/brand-identity-37.jpg); width: 250px; height: 220px; float: right }
.floatLeft { float: left }
/* -- body end -- */

/* footer start -- */
#footer { color: #ffffff; background-color: #292929 }
.footer   { margin: 0 auto; padding: 18px 0 0; width: 400px; height: 115px }
.footer ul  { margin: 0 auto; width: 365px }
.footer ul li { color: #fafafa; font: bold 12px/20px Arial, Helvetica, sans-serif; background-color: transparent; float: left }
.footer ul li a { color: #fafafa; font: bold 12px/20px Arial, Helvetica, sans-serif; text-decoration: none; background-color: transparent; padding: 0 8px }
.footer ul li a:hover { color: #c1c1c1; font: bold 12px/20px Arial, Helvetica, sans-serif; text-decoration: none; padding: 0 8px }
.footer p     { color: #ffa622; font: 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: transparent; text-align: center; width: 398px }
/* footer end -- */