/*************************************************************************/

/* code and design via focus design, 2005, zenforge  

	there are some validation issues here, but that's the way different browsers 

	force the issues.  thems the breaks for compatability */

/*************************************************************************/



/*************************************************************************/

/* exceptions which had to be hardcoded (for incompatabilities reasons):

	

/*************************************************************************/



/*************************************************************************/

/* items for main document general concepts */



/* fix for browser variance */

BODY {

	margin: 10px;

	color: #636363;

	/* ITC Officina Sans Book 10pt */

	font: 10pt Arial, Helvetica, sans-serif;

	line-height: 1.5em;

	background-color: #999999;

}



/* wrapper around entire site */

.borderwrap {						

	border: 1px solid #000000;

	width: 751px;

	background-color: #ffffff;

	margin-left: auto;

	margin-right: auto;
	padding:5px 0 0 0;

}

.borderwrapfico {						

	border: 1px solid #000000;

	width: 960px;

	background-color: #ffffff;

	margin-left: auto;

	margin-right: auto;
	padding:5px 0 0 0;

}

#sociallinks {
	width: 751px;
	margin-left: auto;
	margin-right: auto;
	padding:5px 0 0 0;
}

/* titlebar */

#main_titlebar {

}



/* menu - ITC Officina Sans Bold 9pt */

#main_menu {

	border: 0px solid #000000;

	/* was mntbl */

}



/* picture/flash content area between menu and detail area */

#main_piczone {

	width: 748px;

	padding-bottom: 4px;

	border-bottom: 4px solid #636363;

	background-color: #ffffff;

/*	margin-bottom: 15px;	*/

}



/* picture/flash content area between menu and detail area - front page only */

#main_piczone2 {

	width: 748px;

	background-color: #ffffff;

/*	margin-bottom: 15px;	*/

}



/* detail area between picture and copyright */

#main_details {

	width: 748px;
	height: 260px;
	/* top bottom padding didn't take in ie6 */

	padding-left: 30px;

	padding-right: 15px;

	margin-top: 15px;

	background-color: #ffffff;

}



/* insert redundant description here :) */

#main_copyright {

	/* officina sans book 7pt white */

	font: 7pt Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	padding-left: 30px; padding-top: 5px; padding-bottom: 5px;

}





/* anchors go here */

/* also: .leftlist a, a.formsubmit, .presssection a, .maintext a, .headedsection a, a.highlight, .maintext a

   and:  .leftlist a:hover, .leftlist a:active, .leftlist a:focus, a.formsubmit:hover, a.formsubmit:active, a.formsubmit:focus, .presssection a:hover, .maintext a:hover, .headedsection a:hover, a.highlight:hover, a.highlight:active, a.highlight:focus */

     

a {

	text-decoration: none;
	
	display: inline;

	color: #636363;

	/* Officina Sans Book 9pt #63 */

	font: 8pt Arial, Helvetica, sans-serif;

	font-weight: bold;

	line-height: 16px;

}



a:hover, a:active, a:focus {

	color: #FF0000;

}



/*************************************************************************/

/* menu items */



#menubar {

	font-size: 0.75em;								/* font size */

	border-bottom: 4px solid #FFFFFF;

/*

	background-image: url(p7pm/img/p7pm_goldbghz.jpg);

	background-repeat: repeat-x;

*/

}



/*************************************************************************/

/* layout */



.leftside {

	vertical-align: top;

	width: 236px;

	padding-right: 30px;

	padding-bottom: 15px;

	background-color: #ffffff;

}



.rightside {

	vertical-align: top;

	border-left: 1px solid #636363;

	padding-left: 15px;

	padding-bottom: 15px;

	background-color: #ffffff;

}



.sectionhead {		

	display: inline;

	color: #FF0000;

	/* ITC Officina Sans Book 12pt */

	font: 12pt Arial, Helvetica, sans-serif;

}



.rulea {

	border: 0px;

	height: 1px;

	color: #636363;

	background-color: #636363;

}



/* this is the list that is often on the leftside area */

.leftlist {			

	margin: 0;

	padding: 0;

	width: 150px;

	color: #636363;

	/*  Officina Sans Book 10pt */

	font: 10pt Arial, Helvetica, sans-serif;

}



.leftlist li {

	list-style-type: none;

	border-bottom: 1px solid #636363;

	padding-bottom: 5px;

	padding-top: 5px;

}





.maintext {			/* main text - see BODY */

/*

	color: #636363;

	font: 10pt Arial, Helvetica, sans-serif;

	line-height: 1.5em;

*/

}



.maintextb {

	font-weight: bold;

}



.maintextbyline {

	font-weight: normal;

	margin-top: -15px;

}



.mainfootnote {

	margin-top: -12px;

	font: 8pt Arial, Helvetica, sans-serif;



}



.mainwrapup {

	font-style: italic;

}



.maintextind {

	line-height: 1.5em;

	margin-top: 0px;

	margin-left: 2px;		/* dont ask me why this works */

	padding-left: 15px;

}



.formfull {

	float: left;

	width: 94%;

	margin-bottom: 15px;

	margin-top: 2px;

}



.formsubmitb {

	color: #636363;

	background-color: #ffffff;

	border: 1;

	padding: 0;

	margin-left: -3px;		/* stupid hack for ie vs ff compromise */

}



.redtext {

	color: #FF0000;

}



/*************************************************************************/

/* specifics */



#serv_visual, #serv_verbal, #serv_strategic {

	font-weight: bold;

}



.tagline {		/* front page main tag line */

	display: inline;

	/* Officina Sans Book 10pt, #63 */

	font: 10pt Arial, Helvetica, sans-serif;

	color: #636363;

	line-height: 2em;

}



.pointer {		/* front page for highlights bullets */

	color: #FF0000;

	font-weight: bold;

}



.highlight {		/* front page highlights links */

	display: inline;

	color: #636363;

	/* Officina Sans Book 9pt #63 */

	font: 8pt Arial, Helvetica, sans-serif;

	font-weight: bold;

	line-height: 16px;

}



.l4indent {		/* special indent case for clients page.  mimics .leftside */

	vertical-align: top;

	width: 236px;

	padding-right: 30px;

	padding-bottom: 15px;

}



.headedsection {	/* list of items with a bolded head - see clientlist */

	margin: 0;

	padding: 0;

	padding-top: 3px;

	padding-bottom: 10px;

	color: #636363;

	/*  Officina Sans Book 10pt */

	font: 10pt Arial, Helvetica, sans-serif;

	font-weight: bold;

}



.headedsection li {

	list-style-type: none;

	font-weight: normal;

}



ul.presssection {	/* list of items with a pdf icon - see press releases */

	margin: 0;

	padding: 0;

	margin-top: 10px;

	color: #636363;

	list-style-type: none;

	/*  Officina Sans Book 10pt */

	font: 10pt Arial, Helvetica, sans-serif;

	line-height: normal;

}



.presssection li {

	list-style-type: none;

	font-weight: normal;

	background: url(/images/PDFsmall.gif) left center no-repeat ;

	padding-left: 30px;

	padding-top: 5px;

	padding-bottom: 5px;

	margin-bottom: 10px;

}



.casetext {

	display: block;

	margin: 0;

	padding: 0;

	margin-top: 8px;

}



.casetext p {

	margin: 0;

	padding: 0;

	padding-bottom: 14px;

	color: #636363;

	/* Officina Sans Book 9pt #63 */

	font: 8pt Arial, Helvetica, sans-serif;

	line-height: 1.5em;

}



.casetext b {

	color: #636363;

	/* Officina Sans Book 9pt #63 */

	font: 8pt Arial, Helvetica, sans-serif;

	font-weight: bold;

	line-height: 1.5em;

}



.casepic {

	height: 281px;

	width: 375px;

	padding: 10px;

	margin-top: 8px;

	border: 1px solid #636363;

}



.casecontrolbar {

	width: 375px;

	padding: 0;

	padding-left: 10px;

	padding-right: 10px;

	margin: 0;

	padding-top: 5px;

	vertical-align: middle;

	border-left: 1px solid #636363;

	border-right: 1px solid #636363;

	border-bottom: 1px solid #636363;

	font: 8pt Arial, Helvetica, sans-serif;

}



#sexampletxt { 

	display: block;

	margin-top: -3px;

	text-align: right;

	float: right;

	border: 0px solid #636363; 

	font: 8pt Arial, Helvetica, sans-serif;

}

