/*********************************
	 Potential Squared Main Site CSS Guide
	 Project: Potential Squared
	 Version: 1.0	 
 *********************************/

/*************************
		Base
*************************/
	*{outline:none;}
	BODY, TD, TH, INPUT, SELECT, TEXTAREA, DIV, P {
	font-family: Verdana;
	line-height:normal;
	font-size: 11px;
	color: #000; }
	html{ margin:0;height:100%; }
	body { border:0; padding: 0; margin: 0; height:100%;background:url(../images/bg.gif); }
	img { border: 0; padding: 0; margin: 0; }
	form { border: 0; padding: 0; margin: 0; }
	A { color:#3399cc;}
	A:Hover {color:#778595}
	P {margin-top:10px; margin-bottom:10px; line-height:17px;}
	.hide{display:none;}
.print{display:none}

/*************************
		Structure
*************************/
#container{
	height:auto !important; 
	height:100%; 
	min-height:100%; 
	width:971px;
	background:url(../images/left_bg.gif);
}

#head{
	
	width:964px;
	height:225px;
	background:url(../images/header.gif) no-repeat;

}

#head h1.logo {
	position:relative;
	top:91px;
	left:729px;
	width:197px;
	height:120px;
	margin:0px;
	display:block;
	border:none;
	background:url(../images/p2_logo.gif) no-repeat transparent;
	}
#head h1.logo a { display:block; width:197px; height:120px; }
#head h1 span { position: absolute; left: -9999px; font-size: small; }

#content{
padding-bottom:40px;
}

#col1{ float:left; width:181px; background-color:#ffffff; padding-bottom:50px;}
.Nav { padding:0; margin:0px;}
.Nav li{ list-style:none; height:30px;}
.Nav li a{display:block; width:181; height:30px; background:url(../images/Nav.gif)}
.Nav li a{text-decoration:none; }
.Nav li a span { position: relative; left: -9999px; font-size:xx-small; }

.Nav li a.home{ background-position:0px 0px; }
.Nav li a.tpp{ background-position:0px 210px; }
.Nav li a.client{ background-position:0px 180px; }
.Nav li a.team{ background-position:0px 150px; }
.Nav li a.news{ background-position:0px 120px; }
.Nav li a.event{ background-position:0px 90px; }
.Nav li a.responsibility{ background-position:0px 60px; }
.Nav li a.contact{ background-position:0px 30px; }

.Nav li a:hover.home{ background-position:-200px 0px; }
.Nav li a:hover.tpp{ background-position:-200px 210px; }
.Nav li a:hover.client{ background-position:-200px 180px; }
.Nav li a:hover.team{ background-position:-200px 150px; }
.Nav li a:hover.news{ background-position:-200px 120px; }
.Nav li a:hover.event{ background-position:-200px 90px; }
.Nav li a:hover.responsibility{ background-position:-200px 60px; }
.Nav li a:hover.contact{ background-position:-200px 30px; }

.Nav li a.home_set{ background-position:-399px 0px; }
.Nav li a.tpp_set{ background-position:-399px 210px; }
.Nav li a.client_set{ background-position:-399px 180px; }
.Nav li a.team_set{ background-position:-399px 150px; }
.Nav li a.news_set{ background-position:-399px 120px; }
.Nav li a.event_set{ background-position:-399px 90px; }
.Nav li a.responsibility_set{ background-position:-399px 60px; }
.Nav li a.contact_set{ background-position:-399px 30px; }

.Nav li a.Home{ background-position:0px 0px; }
.Nav li a.ThePotentialProposition{ background-position:0px 210px; }
.Nav li a.OurClients{ background-position:0px 180px; }
.Nav li a.OurTeam{ background-position:0px 150px; }
.Nav li a.News{ background-position:0px 120px; }
.Nav li a.Events{ background-position:0px 90px; }
.Nav li a.CorporateResponsibility{ background-position:0px 60px; }
.Nav li a.Contact{ background-position:0px 30px; }

.Nav li a:hover.Home{ background-position:-200px 0px; }
.Nav li a:hover.ThePotentialProposition{ background-position:-200px 210px; }
.Nav li a:hover.OurClients{ background-position:-200px 180px; }
.Nav li a:hover.OurTeam{ background-position:-200px 150px; }
.Nav li a:hover.News{ background-position:-200px 120px; }
.Nav li a:hover.Events{ background-position:-200px 90px; }
.Nav li a:hover.CorporateResponsibility{ background-position:-200px 60px; }
.Nav li a:hover.Contact{ background-position:-200px 30px; }

.Nav li a.Home_set{ background-position:-399px 0px; }
.Nav li a.ThePotentialProposition_set{ background-position:-399px 210px; }
.Nav li a.OurClients_set{ background-position:-399px 180px; }
.Nav li a.OurTeam_set{ background-position:-399px 150px; }
.Nav li a.News_set{ background-position:-399px 120px; }
.Nav li a.Events_set{ background-position:-399px 90px; }
.Nav li a.CorporateResponsibility_set{ background-position:-399px 60px; }
.Nav li a.Contact_set{ background-position:-399px 30px; }

#col2{ float:left; width:225px;	}


.subNavArrow{ display:block; height:28px;  background:url(../images/subNavArrow.gif) no-repeat;}
.subNav{ display:block; margin:0 0 0 20px; padding: 0; width:185px }
#secondNav {list-style:none; margin:1px 0; padding:0px; }
#secondNav li{ border-top: 1px solid #e8eadb; padding: 4px 0 0 3px }


.subNav a{ font-weight:bold; font-size:10px; text-decoration:none; color:#414B56; display:block;padding: 3px 7px 7px 0; margin: 0 0 0 3px }
* html .subNav a { height:10px } /* ie6 bug fix */ 
.subNav a:hover{ color:#778595;}
.subNav a.setNav{ color:#9DA508;}

#thirdNav {list-style:none; margin:1px 0; padding:0px; }
#thirdNav li{  border-top: 1px solid #e8eadb; padding: 4px 0 0 3px }

#thirdNav li{ width:173px; background: #F6F7E7;  }
 
.NavLine{ display: none /*display:block; line-height:1px; border:solid 0px; width:185px; height:8px; background:url(../images/subNavBG.gif) no-repeat; background-position:0px -29px; font-size:xx-small; */} 

.ThePotentialPropositionNav{ margin-top:30px;}
.OurClientsNav{ margin-top:60px;}
.OurTeamNav{ margin-top:90px;}
.NewsNav{ margin-top:120px;}
.EventsNav{ margin-top:150px;}
.CorporateResponsibilityNav{ margin-top:180px;}
.ContactNav{ margin-top:210px;}

.tppNav{ margin-top:30px;}
.clientNav{ margin-top:60px;}
.teamNav{ margin-top:90px;}
.newsNav{ margin-top:120px;}
.eventNav{ margin-top:150px;}
.responsibiltyNav{ margin-top:180px;}
.contactNav{margin-top:210px;}


/* Region Toggle */

#regionToggle {
	position: relative;
	z-index: 5;
	height: 38px;
	padding: 12px;
	margin: 1px 0 10px 0;
} 

.changeRegion { float: left; width: 40px; margin-top: 7px; }

.toggle { padding:0; margin:0 1px 0 0;	border-bottom: 1px solid #e7e8ea; float: right; width: 110px }
.toggle li{ list-style:none; width: 110px}
.toggle li a{display:block; width:110px; height:19px; background:url(../images/toggle.gif)}
.toggle li a{text-decoration:none; }
.toggle li a span { position: relative; left: -9999px; font-size:xx-small; }

.toggle li a.button1 { background-position:0px 0px; }
.toggle li a.button2 { background-position:0px 19px; }

.toggle li a:hover.button1 { background-position:-110px 0px; }
.toggle li a:hover.button2 { background-position:-110px 19px; }

.toggle li a.button1_set { background-position:-220px 0px; }
.toggle li a.button2_set { background-position:-220px 19px; }


#col3{ float:left; width:558px;	}



#footer {
	clear:both;
	width:964px;
	background:url(../images/footer.gif) no-repeat;
	padding-bottom: 9px;
 overflow: auto;
}

#footer a{ font-size:10px; }
#footer .credit{ float:left; padding-top:83px; padding-left:100px;}
#footer .reNav{float:right; padding-top:83px; padding-right:26px; color:#abb409; text-align:right;}
#footer .reNav a{color:#abb409; text-decoration:none;}
#footer .reNav a:hover{ text-decoration:underline}
#footer .copy {clear:both; font-size:10px;color:#c6cbd0; padding-right:23px; padding-top:13px; text-align:right; }
#footer .copy a, #footer .copy-right a, #footer .copy-left a {color:#c6cbd0; text-decoration:none;}
#footer .copy a:hover, #footer .copy-right a:hover, #footer .copy-left a:hover{ text-decoration:underline}
.copy-right { float: right; width: 400px; font-size: 10px;color:#c6cbd0; text-align:right; padding: 13px 23px 0 0;	line-height: 1.5em }
.copy-left { float: left; width: 500px; font-size: 10px;color:#c6cbd0; padding: 13px 0 0 17px; line-height: 1.5em  }
.hi-lite {color: #999 }



/*************************
		Content
*************************/
.home_content{ float:left; width:284px; padding-left:20px; padding-top:20px;}
.home_content h4{ font-size:11px;color:#abb409; padding-bottom:0px; padding-top:15px;}
.home_content h5{ font-size:11px;color:#abb409; padding-bottom:0px; font-weight:normal; padding-top:15px;}
.sub_content{ float:left; width:500px; border:solid 0px; padding-left:20px; padding-top:20px;}
.sub_content h2{ font-size:18px; font-weight:normal; color:#abb409; margin-bottom:0px; padding-bottom:5px; margin-top:0px;}
.sub_content h4{ font-size:11px;color:#abb409; padding-bottom:0px; padding-top:15px;}
.sub_content h5{ font-size:11px;color:#abb409; padding-bottom:0px; font-weight:normal; padding-top:15px;}
/*.sub_content strong{color:#abb409;}*/
.sub_content p{ margin-top:15px; margin-bottom:15px; }
.sub_content ul, .home_content ul { padding-top:0px; margin-bottom:17px;	}
.sub_content ul li, .home_content ul li{ list-style:url(../images/bullet.gif);line-height:17px;	}
.sub_content ul li ul, .home_content ul li ul { padding-top:0px; margin-bottom:0px;	}
.sub_content ul li ul li ul, .home_content ul li ul li ul { padding-top:0px; margin-bottom:0px;}



.box{border:solid 6px #d0d577; background:none transparent;}

.ftbox{float:left;width:193px;margin-left:20px; margin-top:20px; border-color:#f1f2d6;}
.homebox{width:193px;margin-left:10px; margin-top:20px;}
.homebox h4{ font-size:11px;color:#abb409; margin:0px; padding-bottom:5px; padding-top:0px;padding-left:10px; padding-right:10px;}
.box p{ margin-top:0px;padding-left:10px; padding-right:10px; font-size:10px; line-height:15px;}
.box a{ margin-top:0px; font-size:10px; line-height:15px; font-weight:normal;}
.news_header{ display:block; width:193px; height:36px; background:url(../images/newsBoxHeader.gif); padding:0px; margin:0px; border:solid 0px;}
.ft_header{ display:block; width:193px; height:36px; background:url(../images/ftBoxHeader.gif); padding:0px; margin:0px; border:solid 0px;}


.home_header{display:block; width:294px; height:22px; background:url(../images/pageTitle/home.gif); padding:0px; margin:0px; border:solid 0px;}
.home_header_us{display:block; width:294px; height:22px; background:url(../images/pageTitle/home_us.gif); padding:0px; margin:0px; border:solid 0px;}


#content_list{ margin:0px; padding:0px;}
#content_list li{ list-style:none; list-style-image:none; clear:both; }
.squareBox{border:solid 6px #abb409;  background:none transparent; width:94px; height:94px; margin-top:2px; float:left; margin-bottom:20px; }
.list_content{ float:left; border:solid 0px; width:370px; padding-left:20px; }
.list_content h4{ margin:0px; padding:0px; padding-bottom:0px;}
.list_content h5{ margin:0px; padding:0px;padding-bottom:0px;}
.list_content p{ margin-top:10px;}
#content_list ul  { padding-top:0px; margin-bottom:20px;}
#content_list ul li{ list-style:url(../images/bullet.gif); }
#content_list ul li ul { padding-top:0px; margin-bottom:0px;}
#content_list ul li ul li{ list-style:url(../images/bullet.gif);}
#content_list ul li ul li ul { padding-top:0px; margin-bottom:0px;}
#content_list ul li ul li ul li{ list-style:url(../images/bullet.gif);}


/***************************
			FORM
***************************/
.required_text { color:#F00; font-weight:bold; }

.formlabel { width: 75px; }

.comments{width:185px; height:75px; border: 0; background-color:#eef0ce; margin-top:5px;} /* border: 1px solid; border-color:#A5ACB2; */

.formfield { background-color:#eef0ce; border:0; width:185px; height:18px; margin-bottom:3px; }
.checkbox{ vertical-align:middle;}