/*----------------------+
| INITIAL				|
+----------------------*/

body{
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-size: 11px;
	text-align:center;
	background:url(../../images/global/bg.jpg) center 0 no-repeat #6FAEBD;
	color:#fff;
}

img{
	border:none;
}

a{
	color:#fff;
	text-decoration:none;
	outline:none;
	cursor:pointer;
}


a:hover{
	text-decoration:underline;
}

/*----------------------+
| RESETTING				|
+----------------------*/
hr, h1, h2, h3, h4, h5, h6, form, ul, li, p{
	margin: 0px;
	padding: 0px;
}


ul, li{
	list-style-type:none;
}

input, select, textarea, label, table, td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/*----------------------+
| REUSEABLE				|
+----------------------*/

.clear{
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	clear: both;
}

/* 
This type of link requires a 
inner span tag as the png fix
doesnt like padding
*/

a.more{
	display:block;
	padding:1px 0 8px 0;
	background:url(../../images/global/more-info-icon.png) no-repeat;
	font-weight:bold;
}

a.more:hover{
	text-decoration:none;
}

a.more span{
	margin:0 0 0 20px;
}


h2.pinnacle-mag{
	background:url(../../images/global/pph-magazine_header.png) no-repeat;
	margin-bottom:8px;
}

/*----------------------+
| STRUCTUAL				|
+----------------------*/
#logo-bar{
	height:83px;
	background:url(../../images/global/logo-bg.gif) repeat-x;
}

#logo-bar .inner{
	width:776px;
	margin:0 auto 0 auto;
	text-align:left;
}

#logo-bar h1#logo{
	text-indent:-9999px;
	width:332px;
	height:57px;
	margin:13px 0 0 23px;
	display:inline;
	float:left;
	background:url(../../images/global/logo.gif) no-repeat;
}

#logo-bar h2#strapline{
	text-indent:-9999px;
	width:211px;
	height:18px;
	margin:34px 25px 0 0;
	display:inline;
	float:right;
	background: url(../../images/global/strapline.jpg) no-repeat;
}

#page-container{
	width:776px;
	margin:0 auto 0 auto;
	text-align:left;
}

#page-container-articles{
	width:750px;
	margin:0 auto 0 auto;
	text-align:left;
}


#flash-container{
	margin:18px 0 6px 0;
}


#flash-container .top, #flash-container .left, #flash-container .middle, #flash-container .right, #flash-container .bottom{
	float:left;
}

#flash-container .top{
	width:776px;
	height:9px;
	line-height:1px;
	background:url(../../images/global/flash-border-top.png) no-repeat;
}

#flash-container .left{
	width:9px;
	height:318px;
	background:url(../../images/global/flash-border-left.png) no-repeat;
}

#flash-container .middle{
	background:#fff;
	width:758px;
	height:318px;
}

#flash-container .middle .flash-banner{
	margin:5px 0 0 4px;
}

#flash-container .right{
	width:9px;
	height:318px;
	background:url(../../images/global/flash-border-right.png) no-repeat;
}

#flash-container .bottom{
	width:776px;
	height:9px;
	line-height:1px;
	background:url(../../images/global/flash-border-bottom.png) no-repeat;
}

#left-bar{
	width:198px;
	float:left;
	margin:0 0 0 9px;
	display:inline;
}

#left-bar .quick-links{
	height:85px;
	background:url(../../images/global/quicklinks-bg.png) no-repeat;
}

#left-bar .quick-links h2.title{
	background:url(../../images/global/quicklinks.png) no-repeat;
	margin:15px 0 0 22px;
	width:60px;
	height:13px;
	text-indent:-9999px;
	display:block;
}


#left-bar .quick-links a{
	text-indent:-9999px;
	display:inline-block;
	float:left;
}

#left-bar .quick-links a.icon1{
	width:21px;
	height:26px;
	margin:10px 0 0 30px;
	background:url(../../images/global/quick-link-icon1.png) no-repeat;
}


#left-bar .quick-links a.icon2{
	width:21px;
	height:26px;
	margin:10px 0 0 32px;
	background:url(../../images/global/quick-link-icon2.png) no-repeat;
}


#left-bar .quick-links a.icon3{
	width:17px;
	height:36px;
	margin:10px 0 0 34px;
	background:url(../../images/global/quick-link-icon3.png) no-repeat;
}

#left-bar .nav{
	background:#0D4361;
}

#left-bar .nav ul{
	list-style-type:none;
	margin:11px 0 0 0;
}

#left-bar .nav ul li{
	display:block;
	margin:0 0 3px 0;
}

#left-bar .nav ul li a{
	display:block;
	height:27px;
	text-indent:-9999px;
	background-image:url(../../images/global/nav.png);
	background-repeat:no-repeat;
}

#left-bar .nav ul li a:hover,
#left-bar .nav ul li a.on{
	background-color:#4884a6;
}

#about a		{background-position: 25px 0;}
#estates a		{background-position: 25px -30px;}
#sponsorships a	{background-position: 25px -60px;}
#awards a		{background-position: 25px -90px;}
#news a			{background-position: 25px -120px;}
#download a		{background-position: 25px -150px;}


#left-bar .financenav{
	background:#0D4361;
}


#left-bar .financenav ul{
	list-style-type:none;
	margin:11px 0 0 0;
}

#left-bar .financenav ul li{
	display:block;
	margin:0 0 3px 0;
}

#left-bar .financenav ul li a{
	display:block;
	height:27px;
	text-indent:-9999px;
	background-image:url(../../images/global/finance-nav.png);
	background-repeat:no-repeat;
}

#left-bar .financenav ul li a:hover,
#left-bar .financenav ul li a.on{
	background-color:#4884a6;
}

#financials a	{background-position: 25px 0px;}
#share-price a		{background-position: 25px -30px;}
#financial-news a	{background-position: 25px -60px;}
#downloads-fin a{background-position: 25px -90px;}

#left-bar .medianav{
	background:#0D4361;
}


#left-bar .medianav ul{
	list-style-type:none;
	margin:11px 0 0 0;
}

#left-bar .medianav ul li{
	display:block;
	margin:0 0 3px 0;
}

#left-bar .medianav ul li a{
	display:block;
	height:27px;
	text-indent:-9999px;
	background-image:url(../../images/global/media-nav.png);
	background-repeat:no-repeat;
}

#left-bar .medianav ul li a:hover,
#left-bar .medianav ul li a.on{
	background-color:#4884a6;
}

#medianews a	{background-position: 25px 0px;}
#events a		{background-position: 25px -30px;}
#video a		{background-position: 25px -60px;}
#wallpapers a	{background-position: 25px -90px;}
#download-gallery a{background-position: 25px -120px;}
#magazine a		{background-position: 25px -150px;}


#left-bar .awardsnav{
	background:#0D4361;
}


#left-bar .awardsnav ul{
	list-style-type:none;
	margin:11px 0 0 0;
}

#left-bar .awardsnav ul li{
	display:block;
	margin:0 0 3px 0;
}

#left-bar .awardsnav ul li a{
	display:block;
	height:27px;
	text-indent:-9999px;
	background-image:url(../../images/global/awards-nav.png);
	background-repeat:no-repeat;
}

#left-bar .awardsnav ul li a:hover,
#left-bar .awardsnav ul li a.on{
	background-color:#4884a6;
}

#pinnaclepoint a	{background-position: 25px 0px;}


#left-bar .nav-bottom{
	height:9px;
	line-height:1px;
	background:url(../../images/global/nav-bottom.png) no-repeat;
}

#newsletter{
	margin-top:6px;
}

#newsletter .top{
	background:url(../../images/global/newsletter-top.png) no-repeat;
	height:8px;
}

#newsletter .middle{
	background:url(../../images/global/newsletter-middle.gif) repeat-x #346188;
	min-height:160px;
}

*html #newsletter .middle{
	height:160px;
}

#newsletter .bottom{
	background:url(../../images/global/newsletter-bottom.png) no-repeat;
	height:8px;
}

#newsletter h2.title{
	text-indent:-9999px;
	display:block;
	background:url(../../images/global/newsletter.png) no-repeat;
	margin:10px 0 0 12px;
	width:80px;
	height:16px;
}

#newsletter h2.current-financials{
	text-indent:-9999px;
	display:block;
	background: url(../../images/financial/current-financials.png) no-repeat;
	margin:12px 0 18px 12px;
	width:121px;
	height:15px;
}

#newsletter h2.share-price-side{
	text-indent:-9999px;
	display:block;
	background: url(../../images/financial/share-price-side.png) no-repeat;
	margin:12px 0 4px 12px;
	width:121px;
	height:15px;
}

#newsletter table{
	margin:0 0 0 12px;
}

#newsletter table td{
	padding:4px 0 0 0;
}

#newsletter table td.signup{
	padding:20px 0 12px 0;
}

#newsletter table input{
	margin:2px 0 0 0;
	border:1px solid #477cad;
	background:#477cad;
	width:111px;
	color:#fff;
}

#newsletter table td.submit{
	padding-top:12px;
}

#newsletter table td.submit input{
	border:none;
	width:80px;
}

#footer{
	width:759px;
	float:left;
	margin:15px 0 0 9px;
	display:inline;
}

#footer .top{
	height:5px;
	line-height:1px;
	background:url(../../images/global/footer-top.png) no-repeat;
}

#footer .middle1{
	width:634px;
	height:50px;
	line-height:50px;
	padding:0 0 0 18px;
	background:#2e5d83;
	float:left;
	display:inline;
}

#footer .middle2{
	line-height:50px;
	padding:0 18px 0 0;
	background:#2e5d83;
	float:right;
	display:inline;
}

#footer .bottom{
	height:5px;
	line-height:1px;
	background:url(../../images/global/footer-bottom.png) no-repeat;
}

#footer-shadow{
	width:759px;
	float:left;
	margin:2px 0 30px 9px;
	height:18px;
	background:url(../../images/global/footer-shadow.png) no-repeat;
	display:inline;
}

#column{
	width:548px;
	float:right;
	margin:0 0 0 0;
}


#column h2{
	display:block;
	height:24px;
	text-indent:-9999px;
}


#columns{
	width:548px;
	float:right;
	margin:0 0 0 0;
	background:url(../../images/global/line-segment.gif) 256px 0 repeat-y;
}


#columns h2{
	display:block;
	height:36px;
	text-indent:-9999px;
}

#columns p{
	padding:8px 0;
}

#columns .left{
	width:240px;
	float:left;
	padding:11px 0 0 0;
}

#columns .right{
	width:240px;
	float:left;
	display:inline;
	margin:0 0 0 34px;
	padding:11px 0 0 0;
}

#column .magazine-left{
	width:262px;
	float:left;
	padding:11px 0 0 0;
}

#column .magazine-left #form-container {	
	font: normal 12px Trebuchet MS, Arial, Verdana; 
}

#column .magazine-right{
	width:221px;
	height:264px;
	float:right;
	display:inline;
	background-image:url(../../images/global/pph-magazine.jpg);
	background-repeat:no-repeat;
}


h2.downloads{
	background:url(../../images/global/downloads.png) no-repeat;
}


/*----------------------+
| PAGE - INDEX			|
+----------------------*/
h2.welcome{
	background:url(../../images/index/welcome.png) no-repeat;
}


h2.wins{
	background:url(../../images/index/pinnacle-news.gif) no-repeat;
}

.stars{
	margin:0 0 10px 0;
}


/*----------------------+
| PAGE - ABOUT			|
+----------------------*/

#about-column{
	width:548px;
	float:right;
	margin:0 0 0 0;
	padding:11px 0 0 0;
}


#about-column h2{
	display:block;
	height:22px;
	text-indent:-9999px;
}


h2.about{
	background:url(../../images/about/about-pinnacle-point.png) no-repeat;
}

#about-column p{
	padding:8px 21px 0 0;
}


/*----------------------+
| PAGE - SPONSORSHIP	|
+----------------------*/

#sponsorship-column{
	width:548px;
	float:right;
	margin:0 0 0 0;
	padding:11px 0 0 0;
}


#sponsorship-column h2{
	display:block;
	height:22px;
	text-indent:-9999px;
	margin-left:15px;
}


h2.sponsorship{
	background:url(../../images/sponsorship/sponsorship.png) no-repeat;
}

#sponsorship-column p{
	padding:8px 21px 0 15px;
}

#devider {
	height:2px; 
	float:none; 
	display:inline;
}

.sponsorship {
	margin-top:20px;
	height:121px;
}

.image-box {
	float:left;
	width:124px;
	vertical-align:top;
	display:inline;
	padding:0 0 0 11px;
	margin:0;
}

.image-box #picture {
	border:2px solid #FFFFFF;
	padding:0;
}

.sponsorship #info {
	float:right;
	width:400px;
	vertical-align:top;
	display:inline;
}

#info h2{
	display:block;
	height:16px;
	text-indent:-9999px;
	margin-left:0;
	margin-top:2px;
}

#info p{
	padding:8px 21px 0 0;
}

#info a.view-detail {
	background: url(../../images/sponsorship/view-more-doc.png) no-repeat left 10px;
	padding-left:22px;
	font-weight:bold;
	height:30px;
	padding-top:10px;
	display:block;
	vertical-align:top;
}


h2.langa{
	background:url(../../images/sponsorship/pp-street-cricket.png) no-repeat;
}


h2.golf-louis{
	background:url(../../images/sponsorship/golf-louis.png) no-repeat;
}


h2.cycling{
	background:url(../../images/sponsorship/cycling.png) no-repeat;
}


h2.street-cricket{
	background:url(../../images/sponsorship/street-cricket-07.png) no-repeat;
}


h2.kwanele{
	background:url(../../images/sponsorship/kwanele.png) no-repeat;
}


h2.township-dance{
	background:url(../../images/sponsorship/township-dance.png) no-repeat;
}

h2.sponsorship-gallery{
	background:url(../../images/sponsorship-sub-pages/gallary.png) no-repeat;
}

#sub-sponsor-column{
	width:533px;
	float:right;
	margin:0 0 0 0;
	padding-top:11px;
}

#sub-sponsor-column h2{
	display:block;
	height:22px;
	text-indent:-9999px;
}

#sub-sponsor-column p{
	padding:10px 21px 0 0;
}

#sub-sponsor-column a{
	font-weight:bold;
}

h2.langa-sub{
	background:url(../../images/sponsorship-sub-pages/langa-street-cricket/pp-street-cricket.png) no-repeat;
}

h2.louis-sub{
	background:url(../../images/sponsorship-sub-pages/golf-louis-oosthuizen/louis.png) no-repeat;
}

h2.kwanele-sub{
	background:url(../../images/sponsorship-sub-pages/kwanele/kwanele.png) no-repeat;
}

h2.amaphiko-sub{
	background:url(../../images/sponsorship-sub-pages/amaphiko-township-dance/amaphiko.png) no-repeat;
}

h2.cricket-07-sub{
	background:url(../../images/sponsorship-sub-pages/street-cricket-07/street-cricket-07.png) no-repeat;
}

h2.champions-sub{
	background:url(../../images/sponsorship-sub-pages/street-cricket-07/champions.png) no-repeat;
}

h2.cycling-sub{
	background:url(../../images/sponsorship-sub-pages/cycling/cycling.png) no-repeat;
}

h2.sub-sponsor-main-header {
	margin-top:8px;
}

h2.craig-b{
	background:url(../../images/sponsorship-sub-pages/cycling/craig-b.png) no-repeat;
}

h2.craig-gerber{
	background:url(../../images/sponsorship-sub-pages/cycling/craig-gerber.png) no-repeat;
}

h2.jamie-marais{
	background:url(../../images/sponsorship-sub-pages/cycling/jamie-marais.png) no-repeat;
}

h2.daniel-schmeisser{
	background:url(../../images/sponsorship-sub-pages/cycling/daniel-schmeisser.png) no-repeat;
}

h2.david-garrett{
	background:url(../../images/sponsorship-sub-pages/cycling/david-garrett.png) no-repeat;
}

.sponsorship-gallery-thumb {
	border:3px solid #C9E0E7;
}

.sponsorship-gallery-thumb:hover {
	border:3px solid #ffffff;
}

#sponsorship-gallery-thumb-container {
	display:inline; 
	width:89px; 
	height:84px; 
	padding-right:4px;
	_padding-right:6px;
}

#sub-sponsor-main-pic {
	float:right; 
	margin-left:20px; 
	margin-right:13px; 
	border:2px solid #ffffff;
}

#riders-main-pic {
	float:right; 
	margin-left:20px; 
	margin-right:13px; 
	margin-bottom:60px;
	border:2px solid #ffffff;
}

#sub-sponsor-top-devider {
	margin-top:20px; 
	margin-bottom:18px;
}

.sub-sponsor-gallary-row {
	margin-bottom:4px;
}



/*----------------------+
| PAGE - CONTACT US			|
+----------------------*/

#contact-column{
	width:533px;
	float:right;
	margin:0 0 0 0;
	padding:11px 0 0 0;
}


#contact-column a{
	font-weight:bold;
}


#contact-column h2{
	display:block;
	height:24px;
	text-indent:-9999px;
}

#section-devider {
	margin-top:14px; 
	margin-bottom:14px;
	width:510px;
	height:2px;
}

#xml-devider {
	margin-top:3px; 
	margin-bottom:14px;
	width:510px;
	height:2px;
}

h2.contact{
	background:url(../../images/contact/contact.png) no-repeat;
	margin-top:15px;
}


h2.cape-town-office{
	background:url(../../images/contact/cape-town.png) no-repeat;
	margin-top:6px;
}


h2.gauteng-enquiries{
	background:url(../../images/contact/gauteng.png) no-repeat;
	margin-top:6px;
}


h2.media-enquiries{
	background:url(../../images/contact/media.png) no-repeat;
}

h2.employment-enquiries{
	background:url(../../images/contact/employment-enquiries.png) no-repeat;
}


h2.registered-address{
	background:url(../../images/contact/registered-address.png) no-repeat;
}

#contact-column p{
	padding:8px 21px 0 0;
}



/*----------------------+
| PAGE - VIDEO			|
+----------------------*/

#video-column{
	width:533px;
	float:right;
	margin:0 0 0 0;
	padding:11px 0 0 0;
}


#video-column h2{
	display:block;
	height:22px;
	text-indent:-9999px;
}


h2.video-audio{
	background:url(../../images/video/video.png) no-repeat;
	margin-top:15px;
}

#video-column p{
	padding:8px 21px 0 0;
}

#video-column ul{
	line-height:18px;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:14px;
}

#video-column ul li{
	list-style:square;
}

#video-column ul li a{
	text-decoration:none;
}
/*----------------------+
| PAGE - PROFILE		|
+----------------------*/

#profile-column{
	width:548px;
	float:right;
	margin:0 0 0 0;
	padding:11px 0 0 0;
}

#profile-column h2{
	font-size:17px;	
	display:block;
	height:22px;
	text-indent:-9999px;
	margin-left:15px;
}

h2.vision{
	background:url(../../images/profile/vision.png) no-repeat;
}

h2.mission{
	background:url(../../images/profile/mission.png) no-repeat;
}
h2.structure{
	background:url(../../images/profile/structure.png) no-repeat;
}
h2.strategic-statement{
	background:url(../../images/profile/strategic-statement.png) no-repeat;
}

#profile-column p{
	padding:8px 21px 0 15px;
}

/*----------------------+
| PAGE - WHOS WHO		|
+----------------------*/

#who-column{
	width:548px;
	float:right;
	margin:0 0 0 0;
	padding:11px 0 0 0;
}

#who-column h2{
	display:block;
	height:22px;
	text-indent:-9999px;
	margin-left:15px;
}


h2.who{
	background:url(../../images/who/who.png) no-repeat;
}

#who-column p{
	padding:8px 21px 0 15px;
}

#devider {
	height:2px; 
	float:none; 
	display:inline;
}

.who-person {

}

.who-image-box {
	float:left;
	width:104px;
	vertical-align:top;
	display:inline;
	padding:0 0 0 11px;
	margin:0;
}

.who-image-box #picture {
	border:2px solid #FFFFFF;
	padding:0;
}

.who-person #info {
	float:right;
	width:420px;
	vertical-align:top;
	display:inline;
}

.who-person #info h2{
	display:block;
	height:18px;
	text-indent:-9999px;
	margin-left:0;
	margin-top:2px;
}

.who-person #info p{
	padding:10px 21px 0 0;
}

.who-person-first #info {
	float:right;
	width:420px;
	vertical-align:top;
	display:inline;
}

.who-person-first #info h2{
	display:block;
	height:12px;
	text-indent:-9999px;
	margin-left:0;
	margin-top:2px;
}

.who-person-first #info p{
	padding:10px 21px 0 0;
}


h2.polelo{
	background:url(../../images/who/polelo.png) no-repeat;
}


h2.ivor{
	background:url(../../images/who/ivor.png) no-repeat;
}


h2.wilf{
	background:url(../../images/who/wilf.png) no-repeat;
}


h2.steven{
	background:url(../../images/who/steven.png) no-repeat;
}


h2.khehla{
	background:url(../../images/who/khehla.png) no-repeat;
}


h2.ragavan{
	background:url(../../images/who/ragavan.png) no-repeat;
}


h2.bright{
	background:url(../../images/who/bright.png) no-repeat;
}


h2.adegboyega{
	background:url(../../images/who/adegboyega.png) no-repeat;
}


h2.yvonne{
	background:url(../../images/who/yvonne.png) no-repeat;
}


h2.andrew{
	background:url(../../images/who/andrew.png) no-repeat;
}


h2.stefan{
	background:url(../../images/who/stefan.png) no-repeat;
}


h2.hennie{
	background:url(../../images/who/hennie.png) no-repeat;
}


h2.khater{
	background:url(../../images/who/khater.png) no-repeat;
}

#more-images-link {
	line-height:16px;
	margin:0 0 0 4px;
}

#more-images-link strong {
	font-size:12px;
}




/*----------------------+
| PAGE - Financial			|
+----------------------*/

#finance-column{
	width:533px;
	float:right;
	margin:0 0 0 0;
	padding:11px 0 0 0;
}


#finance-column a{
	font-weight:bold;
}


#finance-column h2{
	display:block;
	height:24px;
	text-indent:-9999px;
}

#finance-column #section-devider {
	margin-top:20px; 
	margin-bottom:14px;
	width:510px;
	height:2px;
} 


h2.share-price{
	background:url(../../images/financial/share-price.png) no-repeat;
	margin-top:6px;
	margin-bottom:14px;
}


h2.transfer-secretaries{
	background:url(../../images/financial/transfer-secretaries.png) no-repeat;
	margin-top:6px;
}


h2.auditors{
	background:url(../../images/financial/auditors.png) no-repeat;
	margin-top:6px;
}


h2.financials{
	background:url(../../images/financial/financials.png) no-repeat;
	margin-top:6px;
	margin-bottom:14px;
}

#finance-column p{
	padding:8px 21px 0 0;
}


/*----------------------------------+
| PAGE - FINANCIAL DOWNLOADS		|
+----------------------------------*/

#single-column{
	width:548px;
	float:right;
	margin:0 0 0 0;
}

#single-column div.outer-frame{
	border:1px solid #49899C; 
	padding:1px; 
	width:523px;
}

#single-column h2{
	display:block;
	height:22px;
	text-indent:-9999px;
}

#single-column p{
	padding:8px 21px 0 0;
}
h2.financial-downloads{
	background:url(../../images/downloads/downloads.png) no-repeat;
	margin-top:8px;
	margin-bottom:10px;
}

.press-kit-item a  
{
	line-height:14px;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	text-align:left;
	height:58px;
	background-color:#579CB0;
	width:521px;
	border:1px solid #579CB0;
}

.press-kit-item a:hover{
	text-decoration:none;
	text-align:left;
	height:60px;
	background-color:#68A7B7;
	border:1px solid #579CB0;
	height:58px;
	width:521px;
}

.press-kit-item a img 
{
	float:left;
	border:0;
	margin: 14px 13px 0 28px;
}

.press-kit-item div 
{
	float:left;
	padding-top:14px;
	text-align:left;
}

.hr-presskit	
{
	padding:0;
	font-size: 0px;
	line-height: 0px;
	height: 1px;
	margin: 0 0 0 30px;
}



/*----------------------+
| PAGE - EVENTS			|
+----------------------*/


h2.events-gallery{
	background:url(../../images/media/events/gallery.png) no-repeat;
}