/* CSS Document */
#widget {
	position: relative;
	display: block;
	width: 521px;
	height: 300px;
	background-image: url(widgetSplash.jpg);
	background-repeat: no-repeat;
}
#wFeaturesTitle {
	display: block;
	width: 212px;
	height: 170px;
	position: absolute;
	top: 12px;
	left: 55px;
	background-image: url(featureSplash.png);
	background-repeat: no-repeat;
}
#buttonLearn {
	position: absolute;
	top: 159px;
	left: 270px;
	width: 95px;
	height: 25px;
	background-image: url(buttonLearn.png);
	background-repeat: no-repeat;
	background-position: top;
}
#buttonLearn:hover {
	background-position: bottom;
}

#buttons {
	position: absolute;
	left: 15px;
	bottom: 10px;
}
#buttonFeature, #buttonTweet, #buttonShare {
	position: absolute;
	left: 0;
	height: 25px;
	background-repeat: no-repeat;
	background-position: top;
}
#buttonFeature {
	width: 61px;
	bottom: 50px;
	background-image: url(buttonFeature.png);
}
#buttonTweet {
	width: 116px;
	bottom: 25px;
	background-image: url(buttonTweetin.png);
}
#buttonShare {
	width: 81px;
	bottom: 0;
	background-image: url(buttonShare.png);
}
#a2a_button {
	display: block;
	width: 81px;
	height: 25px;
}
#buttonFeature:hover, #buttonTweet:hover, #buttonShare:hover {
	background-position: bottom;
}

#buyButton {
	position: absolute;
	top: 190px;
	left: 150px;
}
#wFeatureVid1, #wFeatureVid2,#wFeatureVid3 {
	position: absolute;
	right: 10px;
	width: 125px;
	height: 62px;
}
#wFeatureVid1 {
	top: 10px;
	background-image: url(fVid1.jpg);
	background-repeat: no-repeat; 
}
#Vid1Title, #Vid2Title, #Vid3Title {
	width: 125px;
	height: 36px;
	position: absolute;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: top;
}
#Vid1Title {
	background-image: url(fVid1Title.png);
}
#Vid2Title {
	background-image: url(fVid2Title.png);
}
#Vid3Title {
	background-image: url(fVid3Title.png);
}
#Vid1Title:hover, #Vid2Title:hover, #Vid3Title:hover {
	background-position: bottom;
}
#wFeatureVid2 {
	top: 72px;
	background-image: url(fVid2.jpg);
	background-repeat: no-repeat; 
}
#wFeatureVid3 {
	top: 134px;
	background-image: url(fVid3.jpg);
	background-repeat: no-repeat; 
}

#videos {
	position: absolute;
	top: 25px;
	left: 25px;
}
#Video1 {
 position: absolute;
}

#wTweetinTitle {
	display: block;
	width: 212px;
	height: 170px;
	position: absolute;
	top: 12px;
	right: 55px;
	background-image: url(tweetinSplash.png);
	background-repeat: no-repeat;
}
#wTweetFeed iframe {
	display: block;
	position: absolute;
	top: 75px;
	left: 25px;
	width: 480px;
	height: 130px;
	background-color: transparent;
}

#wGallery {
	position: absolute;
	display: block;
	width: 521px;
	height: 399px;
	background-image: url(gallerySplash.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#buttonsGallery {
	position: absolute;
	left: 15px;
	bottom: 10px;
}
#wButtonS1, #wButtonS2, #wButtonBehind {
	position: absolute;
	left: 0;
	height: 25px;
	background-repeat: no-repeat;
	background-position: top;
}
#wButtonS1 {
	width: 90px;
	bottom: 50px;
	background-image: url(buttonS1.png);
}
#wButtonS2 {
	width: 90px;
	bottom: 25px;
	background-image: url(buttonS2.png);
}
#wButtonBehind {
	width: 137px;
	bottom: 0px;
	background-image: url(buttonBehind.png);
}

#wButtonS1:hover, #wButtonS2:hover, #wButtonBehind:hover {
	background-position: bottom;
}

#Gallery1Title {
	display: block;
	position: absolute;
	bottom: 25px;
	right: 70px;
	width: 115px;
	height: 45px;
	background-image: url(galleryTitleS1.png);
	background-repeat: no-repeat;
}
#Gallery2Title {
	display: block;
	position: absolute;
	bottom: 25px;
	right: 66px;
	width: 119px;
	height: 45px;
	background-image: url(galleryTitleS2.png);
	background-repeat: no-repeat;
}
#Gallery3Title {
	display: block;
	position: absolute;
	bottom: 20px;
	right: 19px;
	width: 234px;
	height: 59px;
	background-image: url(galleryTitleBehind.png);
	background-repeat: no-repeat;
}