/*
	CSS for PPSCinfo.com
	Written by One Grey Paw | www.OneGreyPaw.com
	September 2009
	
	Main Style Information
-----------------------------------------------------
-----------------------------------------------------*/
 
 
/*	Imports
-----------------------------------------------------*/

@import url('reset.css');
@import url('content.css');
@import url('suckerfish.css'); 


 
/*	HTML Items
-----------------------------------------------------*/
 
body
	{
	margin: 0;
	padding: 0;
	font: 100.01%/120% georgia,"times new roman", times, serif;
	color: #373125;
	text-align: center;	
	background: #544d40 url('../images/body-bg.jpg') repeat-x 0 0;
	}
 
h1,h2,h3 { font: normal normal 1.9em 'lucida sans',tahoma,verdana,helvetica,sans-serif; color: #036; }
h1 { border-bottom: 1px dotted #857c6d; margin: 0 0 0.3em 0; padding: 0; font-weight: bold; }
h2 { margin-top: 1em; }
h2 { font-size: 1.6em; margin: 0.8em 0 0.5em 0; padding-bottom: 0; }
h3 { font-size: 1.4em; font-weight: bold; margin: 0.8em 0 0.5em 0; padding-bottom: 0; }

a { color: #4f99e1; }
a:hover { color: #aea593; text-decoration: none; }
a:active { color: #5a5245; }

img { border: none; }


/*	Layout Items
-----------------------------------------------------*/

#mainWrapper
	{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0;	
	text-align: center;
	font-size: 75%;
	background: url('../images/wrapper-bg.jpg') no-repeat center 0;
	}

#header, #content, #footer
	{
	position: relative;
	width: 940px;
	height: auto;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	}
 
#header
	{
	height: 203px;
	background: #fff url('../images/header-bg.jpg') no-repeat 0 0;
	}

#ppscLogo
	{
	position: relative;
	float: left;
	width: 368px;
	height: 150px;
	margin-left: 1px;
	background: url('../images/logo-ppsc.jpg') no-repeat 0 0;
	}
 
#mainMenu
	{
	position: relative;
	clear: both;
	z-index: 200;
	width: 100%;
	height: 40px;
	top: 9px;
	}

#content
	{
	clear: both;
	padding: 0 0 1px 0;
	z-index: 1;
	overflow: auto;
	background: #fff url('../images/content-bg.gif') repeat-y 0 0;
	}

#content.wide { background: #fff url('../images/content-bg-home.gif') repeat-y 0 0; }

#contentTopper
	{
	position: relative;
	width: 663px;
	background-color: #ccc2af;
	color: #fff;
	float: right;
	right: 1px;
	}

#contentBody
	{
	position: relative;
	padding: 1.3em 0 1em 0;
	line-height: 1.5em;
	float: right;
	right: 25px;
	width: 615px;
	}

#content.wide #contentBody { width: 95%; float: none; right: 0; margin: 0 auto; }
	
#leftPanel
	{	
	position: relative;
	float: left;
	width: 275px;
	margin: 0;
	left: 1px;
	padding: 0 0 1.5em 0;
	height: auto;
	font-family: 'lucida sans',verdana,arial,sans-serif;
	}

#leftPanelInside { padding: 0; width: 235px; margin: 0 auto; }

#footer	
	{ 
	width: 940px; 
	color: #036;
	}

#footerInside 
	{ 
	border-bottom: 1px solid #3e382b; 
	overflow: auto; 
	padding: .5em 0; 
	margin: 0 auto; 
	background: #bcd7f2 url('../images/footer-bg.jpg') no-repeat 0 0; 
	font-family: 'lucida sans',verdana,arial,sans-serif;
	}

#footerMenu 
	{
	width: auto;	
	padding: 1em 0 .6em 20px;
	color: #fff;
	line-height: 1.4em;
	font-weight: bold;
	}

.footerContact { float: left; padding: 0 10px 1em 20px;  }
	.footerContact p { margin: 0; padding: 0; }

#footerInfo
	{
	clear: both;
	padding: .6em 0 1em;
	margin: 0;
	line-height: 1.5em;
	color: #dceaf7;
	font-size: 0.9em;
	}



/*	Menus (exlcluding mainmenu)
-----------------------------------------------------*/

#breadcrumbs { font-size: 0.9em; font-family: 'lucida sans',verdana,arial,sans-serif; color: #faf9f7; padding: .2em 0 .5em 15px; }
#breadcrumbs ul { padding: 0 0 0 7px; margin: 0; list-style: none; }
#breadcrumbs ul li { padding: 0; margin: 0; display: inline; padding-left: 3px; }
#breadcrumbs ul li a { color: #fff; padding-right: 15px; background: url('../images/bc-arrow.gif') no-repeat right center; }
#breadcrumbs ul li a:hover { color: #faf9f7; text-decoration: none; }

.leftMenuHeading { display: block; width: 236px; height: 36px; }
.leftMenuHeading span { display: none; }
#lmServices.leftMenuHeading { background: url('../images/leftmenu-head-services.gif') no-repeat 0 0; }
#lmCompany.leftMenuHeading { background: url('../images/leftmenu-head-company.gif') no-repeat 0 0; }
#lmCompany.leftMenuHeading {  }


.leftMenu { width: 235px;  padding: 0 0 1em 0; margin: 0 auto 1em auto; font-size: 1em; }
.leftMenu ul { padding: 0 0 .5em 0; margin: 0 0 1.5em 1px; list-style: none; background: url('../images/leftmenu-bg.gif') repeat-x 0 0; border: 1px solid #d5cbb8; border-top-width: 0;  }
.leftMenu ul li { padding: 0 0 0 12px; list-style: none; }
.leftMenu ul li.first { border-top: none; }
.leftMenu ul li a { color: #036; text-decoration: none; padding: 0 0 0 16px; background: url('../images/leftmenu-bullet.png') no-repeat 0 2px; }
.leftMenu ul li a.selected { color: #669acc; font-weight: bold; background-position: 0 -58px; }
.leftMenu ul li a:hover { color: #669acc; background-position: 0 -58px; }
.leftMenu ul li a:active { color: #676052; background-position: 0 -118px; }
 
.lmNote { text-align: center; }

a.sideButton { display: block; width: 133px; height: 29px; margin: 0 0 1px 40px; }
a.sideButton span { display: none; }
a.sideButton#btnHome { background: url('../images/btn-home.gif') no-repeat 0 0; }
a.sideButton#btnContact { background: url('../images/btn-contact.gif') no-repeat 0 0; }
a.sideButton#btnServices { background: url('../images/btn-services.gif') no-repeat 0 0; }

#footer a { color: #00407e; }
#footerInfo a { color: #fff; }
#footerMenu ul { margin: 0; padding: 0; list-style: none; }
#footerMenu ul li { margin: 0; padding: 0 6px 0 0; display: inline; }
#footerMenu ul li .pipe { padding: 0 0 0 6px; }
#footerMenu a { text-decoration: none; padding: 0; }
#footer a:hover { color: #aea593; }
#footer a:active { color: #ccc; }



/*	Base Classes
-----------------------------------------------------*/

.tBold { font-weight: bold; }
.tItalic { font-style: italic; }
.tSmall { font-size: 0.8em; }
.tLarge { font-size: 1.2em; }
.tCenter { text-align: center; }
.tUnder { text-decoration: underline; }
.tStrike { text-decoration: line-through; }

.imgR { float: right; margin: 0.8em 0 1em 1em; }
.imgL { float: left; margin: 0.8em 1em 1em 0; }
 
.horizBorder { border-top: 1px solid #ccc; height: 1px; }
.horizDouble { border-top: 3px double #ccc; height: 3px; }

.pipe { padding: 0 4px; color: #4f99e1; }
.adobe { background: url('../images/adobe-icon.gif') no-repeat 0 0; padding-left: 20px; }
.clear { clear: both; }
.required { color: #F11B25; font-weight: bold; }
.noShow, #ppscLogo b { display: none; }
a#ogpLink { color: #8c8e8b; text-decoration: none; font-size: 0.9em; }