/* CSS Document */

.videoLink, .snapsLink{
	color:#003366 !important;
	text-decoration:none;
}


/*Main background of the page*/

#p2pGlobalHub-background {
	width:960px;
	height:736px;
	background:url(images/hub-pretty-bg.jpg) no-repeat top left;
	position:relative;
}

.p2pGlobalHub-backgroundhome {
	width:960px;
	height:736px;
	margin:0px !important;
	padding:0px !important;
	background:url(http://www.peopletopeople.com/PTP%20Documents/globalHub/css/p2pGlobalHub/images/hub-pretty-bg_home.jpg) no-repeat top center;
	position:relative;
}

/*Positioning and style for social links box*/
#links-wrapper {
	width:234px;
	height:22x;
	position:absolute;
	left:475px;
	top:43px;

}

/* Positioning and style for Clips Box */
#clips-wrapper {
	width:651px;
	height:369px;
	background:url(images/clips-background.jpg) no-repeat top left;
	position:absolute;
	left:59px;
	top:71px;
}

#videoHub-list {
	position:absolute;
	width:276px;
	height:266px;
	font-size:8pt;
	top:58px;
	left:343px;
}

#videoHub-current {
	position:absolute;
	left:37px;
	top:42px;
}

#videoHub-current-title {
	position: absolute;
	width:250px;
	height:20px;
	top:280px;
	left:44px;
	text-transform:lowercase;
	
	color:#003366;
	font-family:tahoma, helvetica, sans-serif;
	font-size:16px;
	overflow:hidden;
}

#videoHub-current-info{
	position:absolute;
	width:250px;
	height:36px;
	top:302px;
	left:44px;
	
	color: #003366;
	font-family:tahoma, helvetica, sans-serif;
	font-size:10px;
	overflow:hidden;
}

#videoHub-button-share {
	position:absolute;
	width:25px;
	height:61px;
	top:52px;
	left:12px;
	cursor:pointer;
}

#videoHub-button-embed {
	position:absolute;
	width:25px;
	height:61px;
	top:115px;
	left:12px;
	cursor:pointer;
}

#videoHub-button-seeMore {
	position:absolute;
	width:65px;
	height:20px;
	top:340px;
	left:562px;
	cursor:pointer;
}

#videoHub-button-learnHow {
	position:absolute;
	width:65px;
	height:22px;
	top:343px;
	left:135px;
	cursor:pointer;	
}

#videoHub-button-shareYourVision {
	position:absolute;
	width:100px;
	height:22px;
	top:343px;
	left:200px;
	cursor:pointer;	
}

#videoHub-wrapper h3 {margin-bottom:0px !important; }


/*Positioning and style for Tweets Box */
#tweets-wrapper {
	width:198px;
	height:380px;
	background:url(images/tweets-background.jpg) no-repeat top left;
	position:absolute;
	left:719px;
	top:71px;
}

.tweet {margin-bottom:12px; font-size:10pt;}
.tweetLatest {font-weight:bold;}
.tweetDefault {font-size:10pt;}
.twitterUser {font-size:7pt; color:#003366;}
.twitterTime {font-size:7pt; color:#999999;}

#tweets-content {
	position:absolute;
	left:22px;
	top:50px;
	width:157px;
	height:298px;
	overflow:auto;
}

#tweetsHub-button-learnHow {
	position:absolute;
	width:63px;
	height:22px;
	top:363px;
	left:4px;
	cursor:pointer;	
}

#tweetsHub-button-joinIn {
	position:absolute;
	width:63px;
	height:22px;
	top:359px;
	left:67px;
	cursor:pointer;	
}

#tweetsHub-button-archive {
	position:absolute;
	width:63px;
	height:22px;
	top:359px;
	left:130px;
	cursor:pointer;	
}



/*Positioning and style for Snaps Box */
#snaps-wrapper {
	width:357px;
	height:258px;
	background:url(images/snaps-background.jpg) no-repeat top left;
	position:absolute;
	left:34px;
	top:445px;

}

#snaps-container {
	position:absolute;
	left:59px;
	top:33px;
	width:240px;
	height:180px;
	background:#CCCCCC center no-repeat; 
	cursor:pointer;
	overflow:hidden;
	text-align:center;
}

#snaps-credit {
	position:absolute;
	left:50px;
	top:230px;
	width:220px;
	height:16px;
	font-size:9px;	
}

#snapsHub-button-morePhotos {
	position:absolute;
	width:22px;
	height:90px;
	top:30px;
	left:315px;
	cursor:pointer;	
}

#snapsHub-button-getThePicture {
	position:absolute;
	width:22px;
	height:95px;
	top:125px;
	left:315px;
	cursor:pointer;	
}

#snapsHub-button-learnHow {
	position:absolute;
	width:63px;
	height:22px;
	top:225px;
	left:275px;
	cursor:pointer;	
}

.snapsCaption {
font-size:10pt;
text-align:center;
}

/*Positioning and style for Blogs & website blox*/
#blog-wrapper {
	width:342px;
	height:258px;
	background:url(images/blogs-background.jpg) no-repeat top left;
	position:absolute;
	left:391px;
	top:445px;
}
#blogGrid {
	width:244px;
	height:148px;
	margin-top:65px;
	margin-left:65px;
	font-size:10pt;
}
#blog-wrapper a {color:#003366; text-decoration:none; font-weight:bold;}
#blog-wrapper a:hover {color:#a4bed5; text-decoration:none; font-weight:bold;}

#blog-wrapper li {color:#BF0010; margin-bottom:4px; list-style:disc outside; padding-left:0px; margin-left:20px;}

#blogHub-button-learnHow {
	position:absolute;
	width:63px;
	height:22px;
	top:225px;
	left:105px;
	cursor:pointer;	
}

#blogHub-button-shareYourSite {
	position:absolute;
	width:83px;
	height:22px;
	top:225px;
	left:175px;
	cursor:pointer;	

}

#blogHub-button-seeMore {
	position:absolute;
	width:63px;
	height:22px;
	top:225px;
	left:260px;
	cursor:pointer;	

}


/* Positioning and Style for other box */
#other-wrapper {
	width:182px;
	height:252px;
	position:absolute;
	left:733px;
	top:451px;
}
.hubwelcome {
	color:#FFFFFF;
	font-family:tahoma, helvetica, sans-serif;
	font-size:22px;
	line-height:20px;
}
.hubtitlesm {
	color:#FFFFFF;
	font-family:tahoma, helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
}
.hubcopy {
	color:#FFFFFF;
	font-family:tahoma, helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
}