/*
kenneth mukiria
www.mukiria.com
*/

.clouds					{
	width:100%;
	height:580px;
	overflow:hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
}
#cloud1					{
	position:absolute;
	top:0px;
}


#product-slide {
	background-repeat: no-repeat;
	float: left;
	height: 580px;
	width: 2500px;
	background-image: url(../images/product-slide.png);
	background-position: left bottom;
}


#desk {
	background-repeat: no-repeat;
	float: left;
	height: 580px;
	width: 2500px;
	background-image: url(../images/desk.png);
	background-position: left bottom;
}
#gardener {
	background-repeat: no-repeat;
	float: left;
	height: 580px;
	width: 2500px;
	background-image: url(../images/gardener.png);
	background-position: 980px bottom;
}
#bull {
	background-repeat: no-repeat;
	float: left;
	height: 580px;
	width: 2500px;
	background-image: url(../images/matador.png);
	background-position: 50px bottom;
}
#rugby-ball {
	background-repeat: no-repeat;
	float: left;
	height: 580px;
	width: 2500px;
	background-image: url(../images/rugby-ball.png);
	background-position: 153px bottom;
}
#bball-player {
	background-repeat: no-repeat;
	float: left;
	height: 580px;
	width: 2500px;
	background-image: url(../images/bball-player.png);
	background-position: 800px bottom;
}
#telle {
	background-repeat: no-repeat;
	float: left;
	height: 580px;
	width: 2500px;
	background-image: url(../images/telle.png);
	background-position: 905px bottom;
}
#laptop {
	background-repeat: no-repeat;
	float: left;
	height: 580px;
	width: 2500px;
	background-image: url(../images/laptop.png);
	background-position: left bottom;
}
#lego-truck {
	background-repeat: no-repeat;
	float: left;
	height: 580px;
	width: 2500px;
	background-image: url(../images/lego-truck.png);
	background-position: 880px bottom;
}
#disco-ball {
	background-repeat: no-repeat;
	float: left;
	height: 580px;
	width: 1600px;
	padding-left: 900px;
}
#team {
	background-repeat: no-repeat;
	float: left;
	height: 580px;
	width: 2500px;
	background-image: url(../images/team.png);
	background-position: 153px bottom;
}
#firstbg {
	background-repeat: repeat-x;
	background-position: center center;
	float: left;
	height: 600px;
	width: 1920px;
	background-image: url(../images/first.png);
}
#secondbg {
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 600px;
	width: 1920px;
	background-image: url(../images/lad-grafitti.jpg);
}
#thirdbg {
	background-image: url(../images/park.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 600px;
	width: 1920px;
	float: left;
}
#cloud2					{
	position:absolute;
	top:0px;
}
#contactsbg{
	float: left;
	height: 580px;
	width: 1920px;
	background-image: url(../images/contacts.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#first{
	float: left;
	height: 580px;
	width: 1920px;
	background-image: url(../images/gourmet.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#second{
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 580px;
	width: 1920px;
	background-image: url(../images/wine.jpg);
}
#third{
	background-repeat: no-repeat;
	background-position: right center;
	float: left;
	height: 580px;
	width: 1920px;
	background-image: url(../images/cocktails.jpg);
}
#fourth{
	float: left;
	height: 580px;
	width: 1920px;
	background-image: url(../images/gourmet.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#alternative{
	float: left;
	height: 580px;
	width: 1920px;
	background-image: url(../images/alternative-gal.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#lady-relaxing{
	float: left;
	height: 580px;
	width: 1920px;
	background-image: url(../images/lady-relaxing.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#tree{
	float: left;
	height: 580px;
	width: 1920px;
	background-image: url(../images/tree.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#matador{
	float: left;
	height: 580px;
	width: 1920px;
	background-image: url(../images/bull.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#rugby{
	float: left;
	height: 580px;
	width: 1920px;
	background-image: url(../images/rugby.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#building{
	float: left;
	height: 580px;
	width: 1920px;
	background-image: url(../images/building.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#bball-rim{
	float: left;
	height: 580px;
	width: 1920px;
	background-image: url(../images/bball-rim.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#sofa{
	float: left;
	height: 580px;
	width: 1920px;
	background-image: url(../images/sofa.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#lego-block{
	float: left;
	height: 580px;
	width: 1920px;
	background-image: url(../images/lego-block.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#disco-guy{
	float: left;
	height: 580px;
	width: 1920px;
	background-image: url(../images/disco-guy.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#wrapper	{
	width:100%;
	height:580px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	background-color: #FFFFFF;
}

#mask		{
	width:400%;
	height:580px;
}


.box		{ width:25%; height:100%; float:left; }
#commentbox {
	height: 400px;
	width: 480px;
	position: relative;
	z-index: 10;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	top: 133px;
}
#commentbox h1 {
	font-size: 36px;
	color: #ed078e;
}
#commentbox h2 {
	font-size: 24px;
	color: #ed078e;
}
#commentbox h3 {
	font-size: 18px;
	font-style: italic;
	color: #ed078e;
}

#commentbox .wht {
	background-image: url(../images/comment.png);
	width: 440px;
	padding: 20px;
	float: left;
}
#commentbox  span {
	color: #000000;
	float: left;
	width: 250px;
	margin-top: 10px;
}
#commentbox p {
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}
#commentbox p a {
	background-image: url(../images/menu-off2.png);
	background-repeat: no-repeat;
	float: left;
	color: #FFF;
	background-position: right center;
	height: 25px;
	padding-right: 20px;
	padding-left: 10px;
}
#commentbox p a:hover {
	background-image: url(../images/menu-on2.png);
}


#commentbox .blk {
	background-image: url(../images/black.png);
	width: 440px;
	padding: 20px;
}
#commentbox .purp {
	background-image: url(../images/purp.png);
	width: 100%;
	height: 100%;
	padding: 10px;
}
#commentboxtwo {
	height: 400px;
	width: 600px;
	position: relative;
	z-index: 10;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	top: 133px;
}
#commentboxtwo h1 {
	font-size: 36px;
	color: #ed078e;
}
#commentboxtwo h2 {
	font-size: 24px;
	color: #ed078e;
}
#commentboxtwo h3 {
	font-size: 18px;
	font-style: italic;
	color: #ed078e;
}
#commentboxtwo p {
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}