/*-----------------------------------------------------------------------------
	Perceptions, Inc., Public Relations Philippines Stylesheet v1.0
	By: Lester Reyes (jlrworks.com)
	Main Stylesheet
-----------------------------------------------------------------------------*/

body {
	background: #00081E url(../images/bg-overall.jpg) repeat-x 0 0;
	font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	margin-bottom: 0;
	margin-top: 0;
}

div.container {
	background: transparent url(../images/logo-tip.jpg) no-repeat center 7px;
	padding-top: 15px;
}

#wrapper {
	background-color: #001B87;
	border: 1px solid #6E7DBB;
	border-top: none;
	color: #5185FC;
	clear: both;
	font-size: 11px;
}

#page {
	background-color: #010B28;
	border: 2px solid #2D354D;
	clear: both;
	margin: 0 13px 0 11px;
}

#page-footer {
	clear: both;
}

blockquote {
	background: transparent url(../images/quote.gif) no-repeat 5px 5px;
	color: #EEEEEE;
	font-style: normal;
	padding: 0;
}

a {
	color: #3775E2;
	text-decoration: none;
}

a:hover {
	color: #00BADA;
}

blockquote p 	{ padding: 0 20px 0 30px; }
hr 				{ background: #CCC; height: 1px; }
img				{ margin: 0; }
p {
	text-align: left;
}
p img			{ float: none; }
a.button 		{ float: left; }
input 			{ padding-left: 0; border: 1px solid #CCCCCC;  }
ul 				{ margin-left: 15px; list-style-type: none; }
ul li 			{ padding: 2px 0 2px 9px; background: url(../images/icons/bullet_square_white.gif) left 5px no-repeat; }
ol				{ margin-left: 35px; }
ol li {
	background-image: none;
}
label			{ font-weight: normal; }
.small			{ font-size: .9em; }
.nomargin		{ margin: 0; }
a.button, button { font-weight: normal; }

h2 a {
	color: #3B4A25;
	text-decoration: none;
}

h3, h3 a {
	color: #0B7FBF;
	font-size: 1.3em;
	font-weight: bold;
 	letter-spacing: 0px;
	line-height: 1.2;
	margin-bottom: 7px;
	text-decoration: none;
}

h4 {
	margin-bottom: 5px;
}

em {
	font-size: 10px;
}

/*-----------------------------------------------------------------------------
	Header
-----------------------------------------------------------------------------*/

#header {
	background: #FFFFFF url(../images/logo.jpg) no-repeat 0 0;
	clear: both;
	height: 141px;
}

#logo {
}

#logo h1.logo-title {
	margin: 0;
}

#logo a {
	display: block;
	height: 141px;
	text-decoration: none;
	text-indent: -10000px;
	width: 875px;
}

/*-----------------------------------------------------------------------------
	Navigation & Buttons
-----------------------------------------------------------------------------*/

#nav {
	padding: 0 13px 0 11px;
}

#nav-inner {
	background: #001B87 url(../images/bg-nav.jpg) repeat-x 0 0;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	height: 42px;
	text-align: center;
}

#nav ul {
	margin: 0 auto;
	padding: 0;
	width: 775px;
}

#nav ul li {
	background: none;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 8px 10px 0 10px;
	width: 110px;
}

#nav ul li a {
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	text-align: center;
}

#nav ul li a span {
	visibility: hidden;
}

#nav li.home a {
	background: transparent url(../images/nav-home.jpg) no-repeat 0 0;
	width: 110px;
}

#nav li.corporate-profile a {
	background: transparent url(../images/nav-corp-profile.jpg) no-repeat 0 0;
	width: 110px;
}

#nav li.basic-services a {
	background: transparent url(../images/nav-basic-services.jpg) no-repeat 0 0;
	width: 109px;
}

#nav li.clients a {
	background: transparent url(../images/nav-clients.jpg) no-repeat 0 0;
	width: 109px;
}

#nav li.recognitions a {
	background: transparent url(../images/nav-recognitions.jpg) no-repeat 0 0;
	width: 108px;
}

#nav li.careers a {
	background: transparent url(../images/nav-careers.jpg) no-repeat 0 0;
	width: 109px;
}

#nav li.basic-services,
#nav li.clients,
#nav li.careers {
	width: 109px;
}

#nav li.recognitions {
	width: 108px;
}

/*-----------------------------------------------------------------------------
	Main Content
-----------------------------------------------------------------------------*/
#maincontent {
	clear: both;
}

#maincontent h2.title {
	color: #00AEFF;
}

#maincontent h2.sub-title {
	color: #3B69D6;
	font-size: 14px;
	font-weight: bold;
}

#maincontent h2.logo-text1 {
	background: transparent url(../images/images-home-logo-text1.gif) no-repeat 0 8px;
	text-indent: -10000px;
}

#maincontent h2.logo-text2 {
	background: transparent url(../images/images-home-logo-text2.gif) no-repeat 0 0;
	text-indent: -10000px;
}

#maincontent h2.careers-fix {
	line-height: 1em;
	margin-bottom: 10px;
}

#maincontent h3.title {
	color: #FFFFFF;
	font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
	font-size: 16px;
}

#maincontent h3.sub-title {
	color: #457AFF;
	font-size: 15px;
}

#maincontent h3.headline-title {
	background: transparent url(../images/images-home-headline.jpg) no-repeat 0 0;
	margin-bottom: 1em;
	text-indent: -10000px;
}

#maincontent h3.features-title {
	background: transparent url(../images/images-home-perceptions-features.jpg) no-repeat 0 0;
	height: 28px;
	text-indent: -10000px;
	width: 464px;
}

#maincontent h3.executive-title {
	background: transparent url(../images/images-corp-executive-profile.jpg) no-repeat center top;
	height: 29px;
	margin: 5px 0;
	text-indent: -10000px;
	width: 827px;
}

#maincontent h3.services-title {
	background: transparent url(../images/images-services-basic-services.jpg) no-repeat center top;
	height: 29px;
	margin: 5px 0;
	text-indent: -10000px;
	width: 827px;
}

#maincontent h3.outstanding-title {
	background: transparent url(../images/images-clients-outstanding-projects.jpg) no-repeat center top;
	height: 29px;
	margin: 5px 0;
	text-indent: -10000px;
	width: 827px;
}

#maincontent h3.careers-title {
	color: #457AFF;
	font-size: 16px;
}

#maincontent h3.opportunities-title {
	background: transparent url(../images/images-careers-career-opportunities.jpg) no-repeat center top;
	height: 29px;
	margin: 5px 0;
	text-indent: -10000px;
	width: 588px;
}
#maincontent h3.job-title {
	color: #113481;
}

#maincontent h3.lyrics-title {
	color: #021577;
}

#maincontent h3.campaign-title {
	background: transparent url(../images/images-biyahe-about-campaign.jpg) no-repeat center top;
	height: 29px;
	margin: 5px 0;
	text-indent: -10000px;
	width: 827px;
}

#maincontent h3.hk-title {
	color: #FCE100;
	font-size: 18px;
}

#maincontent h3.aling-title {
	color: #0007AF;
	font-size: 20px;
}

#maincontent h4.sub-title {
	color: #E10688;
	font-size: 18px;
}

#maincontent h4.name-title {
	color: #FFFFFF;
	margin-bottom: 15px;
}

#maincontent h4.client-title {
	color: #406CCD;
	font-size: 12px;
}

#maincontent h4.services-title {
	font-size: 16px;
}

#maincontent h4.name-title span {
	color: #011650;
	font-weight: normal;
}

#maincontent div.content {
	padding: 0 70px 0 30px;
}

/*-----------------------------------------------------------------------------
	Divisions
-----------------------------------------------------------------------------*/

.home-left {
	float: left;
	width: 186px;
}

.home-right {
	float: right;
	width: 175px;
}

.home-middle {
	float: left;
	width: 484px;
}

.home-limelight {
	background: transparent url(../images/images-home-limelight.jpg) no-repeat 0 0;
	color: #000000;
	padding: 12px 0 2px 30px;
}

.home-boxstar {
	background-color: #516DFC;
	color: #021D51;
}

.home-inner-left {
	float: left;
	width: 192px;
}

.home-inner-right {
	float: right;
	width: 135px;
}

.home-inner-middle {
	float: left;
	min-height: 185px;
	width: 135px;
}

.home-right-inner {
	background: #1E1EBD url(../images/images-home-bg-right.jpg) repeat-x 0 0;
	color: #FFFFFF;
	min-height: 560px;
}

.corp-top,
.services-top,
.clients-top {
	background: #1E1EBD url(../images/images-div-bg-top.jpg) repeat-x 0 0;
	clear: both;
	min-height: 1px;
}

.corp-bottom,
.services-bottom {
	clear: both;
}

.corp-top-left {
	float: left;
	width: 320px;
}

.corp-top-right {
	float: right;
	width: 269px;
}

.corp-top-middle {
	float: left;
	width: 238px;
}

.corp-bottom-left {
	float: left;
	width: 413px;
}

.corp-bottom-right {
	float: left;
	width: 413px;
}

.corp-bottom-inner,
.services-bottom-wrapper {
	background-color: #516DFC;
	min-height: 940px;
}

.services-top-left {
	float: left;
	width: 276px;
}

.services-top-right {
	float: right;
	width: 276px;
}

.services-top-middle {
	float: left;
	width: 275px;
}

.services-bottom {
	background: transparent url(../images/images-services-pr-events.jpg) no-repeat 0 34px;
}

.services-bottom-wrapper {
	float: right;
	margin-bottom: 10px;
	width: 574px;
}

.services-bottom-left {
	float: left;
	width: 287px;
}

.services-bottom-right {
	float: left;
	width: 287px;
}

.clients-top-left {
	float: left;
	width: 185px;
}

.clients-top-right {
	float: right;
	width: 320px;
}

.clients-top-middle {
	float: left;
	width: 321px;
}

.clients-bottom-left,
.recognitions-left {
	float: left;
	width: 413px;
}

.clients-bottom-right,
.recognitions-right {
	float: left;
	width: 413px;
}

.recognitions-wrapper {
	background: #010B28 url(../images/images-div-bg-top.jpg) repeat-x bottom left;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.careers-left {
	float: left;
	width: 238px;
}

.careers-left-inner {
	background: #1E1EBD url(../images/images-div-bg-top.jpg) repeat-x 0 0;
	min-height: 437px;
}

.careers-right {
	float: left;
	width: 608px;
}

.careers-right-inner {
	background: #78E7FF url(../images/images-careers-bg-right.jpg) repeat-x 0 0;
}

.sea-left {
	float: left;
	width: 366px;
}

.sea-right {
	float: left;
	width: 480px;
}

.sea-inner-wrapper {
	background-color: #FFFFFF;
	min-height: 1px;
}

.sea-inner-left,
.sea-inner-right {
	float: left;
	width: 229px;
}

.lyrics-left,
.lyrics-right {
	float: left;
	position: relative;
	width: 173px;
}

.biyahe-top {
	background: #65E4FF url(../images/images-biyahe-bg-lyrics.jpg) repeat-x 0 0;
}

.col1 {
	float: left;
	width: 648px;
}

.col2 {
	float: right;
	width: 177px;
}

.cell1 {
	float: left;
	width: 225px
}

.cell3 {
	float: right;
	width: 211px
}

.cell2 {
	float: left;
	width: 212px
}

.cell4 {
	width: 177px;
}

.biyahe-bottom {
	background-color: #457AFF;
}

.biyahe-bottom-left {
	float: left;
	width: 235px;
}

.biyahe-bottom-right {
	float: right;
	padding-top: 45px;
	width: 296px;
}

.biyahe-bottom-middle {
	float: left;
	width: 296px;
}

.hk-left {
	float: left;
	width: 302px;
}

.hk-left-inner {
	background-color: #516DFC;
	min-height: 1082px;
}

.hk-right {
	float: left;
	width: 538px;
}

.hk-inner-wrapper {
	background: #FFD83F url(../images/images-hk-bg-right.jpg) repeat-x 0 0;
	min-height: 1px;
}

.hk-inner-left,
.hk-inner-right {
	float: left;
	position: relative;
	width: 259px;
}

.aling-left {
	float: left;
	width: 365px;
}

.aling-right {
	float: left;
	width: 479px;
}

.aling-right-inner {
	background-color: #FFFFFF;
	min-height: 1px;
}

/*-----------------------------------------------------------------------------
	Elements
-----------------------------------------------------------------------------*/

div.player {
	margin: 0 auto;
	margin-bottom: 20px;
}

div.player2 {
	margin-left: 270px;
	margin-top: 10px;
}

div.lyrics {
	background-color: #516DFC;
	font-size: 10px;
	padding-top: 103px;
	position: relative;
	margin-top: 133px;
	min-height: 786px;
}

div.disc {
	position: relative;
}

ol.fix li {
	padding-bottom: 15px;
}

/*-----------------------------------------------------------------------------
	Footer
-----------------------------------------------------------------------------*/

#footer {
	background: transparent url(../images/bg-footer.jpg) no-repeat 0 0;
	font-size: 10px;
	height: 18px;
	line-height: 18px;
	text-align: center;
}

/*-----------------------------------------------------------------------------
	Images
-----------------------------------------------------------------------------*/

img.left {
	float: left;
	margin: 0 5px 10px 0;
	text-align: left;
}

img.right {
	float: right;
	margin: -5px 5px 10px 10px;
	text-align: right;
}

img.center {
	text-align: center;
}

img.head {
	margin-top: -30px;
}

img.head2 {
	left: 107px;
	position: absolute;
	top: -83px;
}

img.logo {
	margin-top: -20px;
}

img.logo2 {
	margin-top: -35px;
}

img.logo3 {
	margin-top: -50px;
}

img#disc {
	position: absolute;
	right: 20px;
	top: -150px;
}

img.hk {
	left: -40px;
	position: absolute;
}

img.hk2 {
	margin-top: -30px;
}

/*-----------------------------------------------------------------------------
	Misc
-----------------------------------------------------------------------------*/

.clear {
	clear: both;
}

.hidden {
	display: none;
	visibility: hidden;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-justify {
	text-align: justify;
}

.align-justify p {
	text-align: justify;
}

.mall5 {
	margin: 5px;
}

.mall10 {
	margin: 10px;
}

.mlr10 {
	margin-left: 10px;
	margin-right: 10px;
}

.mtb10 {
	margin-bottom: 10px;
	margin-top: 10px;
}

.mrb10 {
	margin-bottom: 10px;
	margin-right: 10px;
}

.mlb10 {
	margin-bottom: 10px;
	margin-left: 10px;
}

.mb10 {
	margin-bottom: 10px;
}

.ml10 {
	margin-left: 10px;
}

.mr10 {
	margin-right: 10px;
}

.mt10 {
	margin-top: 10px;
}

.pall5 {
	padding: 5px;
}

.pall10 {
	padding: 10px;
}

.plr10 {
	padding-left: 10px;
	padding-right: 10px;
}

.ptb10 {
	padding-bottom: 10px;
	padding-top: 10px;
}

.pall20 {
	padding: 20px;
}

.nomar {
	margin: 0;
}

.nopad {
	padding: 0;
}

.border-left {
	border-left: 1px solid #6A7596;
}

.border-right {
	border-right: 1px solid #6A7596;
}

.divider {
	border-bottom: 1px solid #6A7596;
	margin: 0 10px;
}

.white {
	color: #FFFFFF;
}

.black {
	color: #000000;
}

.corp-color {
	color: #011650;
}

.services-color {
	color: #5185FC;
}

.careers-color {
	color: #113481;
}

.sea-color {
	color: #0A2365;
}

.sea2-color {
	color: #516DFC;
}

.aling-color {
	color: #010B28;
}

.size11 {
	font-size: 11px;
}

span.limelight {
	color: #013294;
	font-size: 13px;
}

p.empha {
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
}

p.title {
	color: #516DFC;
	font-size: 16px;
}

div.home-middle-fix {
	padding-top: 11px;
}

div.home-right-fix {
	padding-top: 8px;
}