body {
	background: #ffe url(pumaspix/black-cream.gif) 50% 40px repeat-y;
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 76%;
}

img {
	border: 0;
	margin: 0; padding: 0;
}

div#mask {
	border: 0;
	margin: 0; padding: 0;
	position: absolute; z-index: 1;
	width: 100%; height: 40px;
	top: 0px; left: 0px;
	background: transparent url(pumaspix/cream.gif) 500px repeat-y;
}

div#container {
	position: relative; z-index: 2;
	background: url(pumaspix/green-wedge.gif) no-repeat;
	width: 765px; height: 600px; overflow: hidden; 
	margin: 0 auto;
	padding: 0;
}

div#blackhalf {
	position: relative; z-index: 2;
	margin: 0; padding: 0;
	background: transparent url(pumaspix/black-triangle.gif) no-repeat;
	height: 800px; 
}

#blackhalf img.logo {
	margin-bottom: 15px;
}

#blackhalf a, #blackhalf a:link, #blackhalf a:visited {
	position: relative; z-index: 200;
	text-decoration: none; 
	display: block;
	width: 200px;
	color: #fff; 	
	font: normal bold 130% sans-serif;
	line-height: 250%;
}

#blackhalf a:hover, #blackhalf a:active { 
	color: #080;
}

.link1 {
	margin-left: 40px;
}

.link2 {
	margin-left: 80px;
}
.link3 {
	margin-left: 120px;
}
.link4 {
	margin-left: 160px;
}

#blackhalf a.logo:link, #blackhalf a.logo:visited {
	width: 120px; height: 54px;
	background: url(pumaspix/pumalogotypewh.gif) no-repeat;	
	margin: 0 0 15px 0; padding: 0;
}

#blackhalf a.logo:hover, #blackhalf a.logo:active {
	background: url(pumaspix/pumalogotypegr.gif) no-repeat;	
}

#blackhalf a span {
	display: none;
}

div#photos {	/* nested in bottom part of blackhalf div */
	margin: 0; padding: 0;
}

div#tanhalf {
	position: relative; z-index: 100;
	top: -760px; left: 200px;
	width: 565px;
	margin: 0; padding: 0;
	background: transparent url(pumaspix/red-triangle.gif) no-repeat;
	height: 600px; overflow: hidden;
}

#tanhalf img.logo {
	float: right;
}

#tanhalf img.crest {
	float: left;
	margin-left: 50px;
}

#tanhalf a.logo:link, #tanhalf a.logo:visited {
	position: relative; z-index: 200;
	float: right;
	width: 120px; height: 54px;
	background: url(pumaspix/indianlogotypewh.gif) no-repeat;	
	margin: 0 0 15px 0; padding: 0;
}

#tanhalf a.logo:hover, #tanhalf a.logo:active {
	background: url(pumaspix/indianlogotypegr.gif) no-repeat;	
}

#tanhalf a span {
	display: none;
}

#tanhalf ul {
	margin: 0;
}

#tanhalf li {
	list-style-type: none;
	float: right;
}

#tanhalf a, #tanhalf a:link, #tanhalf a:visited {
	position: relative; z-index: 200;
	text-decoration: none; 
	display: block;
	color: #fff; 	
	font: normal 130% sans-serif;
	line-height: 250%;
	padding: 0 15px;
}

#tanhalf a:hover, #tanhalf a:active { 
	color: #080;
}

#tanhalf img.slant {	/* creating slanted left margin */
	float: left; 
	clear: left; 
	margin: 0 20px 0 0;
	height: 15px;
}

#tanhalf h1 {
	font-size: 120%;
	color: #000;
	margin: 30px 0 0 0;
}

.white {
	color: #fff;
}

#tanhalf p {
	margin-right: 20px;
	line-height: 150%;
}

#tanhalf a:link.email, #tanhalf a:visited.email  {
	font-weight: bold;
	margin: 0; padding: 0;
	font-size: 120%;
	line-height: 150%;
}

#footerwrap {
	position: absolute; z-index: 100;
	top: 490px; left: 0px;
	width: 100%; height: 220px;
	background-color: #000;
}

#footer {
	width: 765px;
	margin: 10px auto;
	color: #fff;
	text-align: center;
}

#footer a, #footer a:link, #footer a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #b00;
}