/* This CSS contains styles for:
	About Us pages
	It's mainly a copy of _PS.css (especially the darkened areas).
	It also contains the CSS styles for H1, H2, etc. for text over darkened areas*/
/* commented out background colours are used for debugging. uncomment them to see how big a div is */
/* naming convention:
		Box: when the div's primary purpose is to provide a spacing rules for children divs/content
			 if it has DIRECT content, it follows the item's name.
		corners: start with "corner", then position, then _type. ie. ".cornerTR_selected"
	Colours:
		Links (on black background:)
			EA8154
			FA9164 (hover)
		Links (on white background: DRAFT. Will likely need to go slightly different for now)
			E66D00			
		Button Colour (bright orange)
			EA8154
		"Highlighted" box 
			FFEEBB
		Page Title:
			E3E3E3
*/

/* ----------About Us----------- */

/* How the prof services boxes need to be constructed is as follows:
	class: profServBox -> sets basic param (ie. bg color)
   leftBox -> diff size for each page
   rightBox -> doing this in order to use 2 images as the background, because hard edges suck for jpg compression. We can get away from this by using image. This is text-align CENTER, so that...
   rightBoxContent -> this automatically falls in the middle of the outer box. Set the width, WITHOUT PADDING, because "padding" is automatically done via it being narrower than the outer box. (ie. rightBox = 400px. rightBoxContent = 360px. There'll be 30px padding.)
 
	UPDATE:
		To minimze requests, we will be using an outerbox that has the shaded areas built in.
		EVERYTHING ELSE REMAINS THE SAME (except to include a line: "background: none;" instead of a background pic). 
		That means we still use "left" and "right", and those boxes still should follow the size of the shaded areas.
		See "aboutUsTeam" for prime example. 

   		class: Content -> No Margin/Padding. Using the WIDTH, we create a natural padding, since this box is centered by "rightBox". Uncouples background from padding, etc.
			Centering this div:
				margin: 0px auto 0px auto; (miraculously, it works on: IE6, 7, FF, Safari!!!)
					
			H1 = title -> pads top
			H2 = sub title -> pads the top
			H3 = image (so it takes up whole row
			P => only for new block of lots of text. Pads top
			ul, li
		ID for content decides width
			
/* list of professional services pages:
	CellMap Overview -> CellMapOverview.html -> 
	Why CellMap? -> 	whyCellMap.html
	Our Service ->		ourService.html
	Get with CellMap ->	getWithCellMap.html 
	
	Remember, max width = 878px (width of rightMainBox) */
	
/* @group OLD CSS for New Cellmap Service Pages */
.main_content_box {
    position: relative;
}

.content{
	text-align: left;
	padding: 0px 0px 15px 0px; 
	color: #FFFFFF;
	margin: 0px auto 0px auto;	
	font-size: 1em;
	overflow:hidden;
/*	border: 1px solid #3333FF; */
}

.content h1{
	text-align: left;
	padding: 28px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 1.4em;
	font-weight: 800;
}

.content h1.bottomLink{
	padding: 20px 0px 8px 0px;
}

.content h2{
	text-align: left;
	padding: 1.4em 0px 0.15em 0px;
	margin: 0px 0px 0px 0px;
	font-size: 1.25em;
	font-weight: 400;
	line-height: 1em;
}

.content p{
	padding: 0.9em 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 1.2em;
	line-height: 1.25em;
}

.content ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.content li{
	padding: 0.3em 0px 0px 0.3em;
	margin: 0px 0px 0px 1.5em;
}

.content ul.fullSize li{
	padding: 0.1em 0px 0px 0.3em;
	margin: 0px 0px 0px 1.5em;
	font-size: 1.2em;
}

.content p img, .content ul li img{
	vertical-align:bottom;
}

/* @end */

/* @group New CSS for New Cellmap About Pages */
.clear {
	clear: both;
}

.contactForm
{
	padding: 0 0 0 20px;
}

.contactForm p /* need more space for error and thankyou messages, so reduced padding from .content p  - Aaron.*/
{
    padding:1em 0px 0px 0px;
}

.contactForm .error
{
    color: #F33;
}

.contactForm small
{
    font-size: 0.7em;
    color: #888;
}

.services_contact_text_box {
	width: 330px;
	position: absolute;
	top: 20px;
	left: 640px;
}

.services_contact_text_box h1{
	padding: 0px;
}

.services_contact_text_box_left {
	width: 200px;
	position: absolute;
	top: 20px;
	left: 30px;
}

/* @end */