body {
	margin: 0;
	padding: 0;
	min-width: 960px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
}

/* layout */

#container {
	margin: auto;
	width: 57.5em;
	padding-left: 1.25em;
	padding-right: 1.25em;
}

#header {
	float: left;
	height: 110px;
	width: 100%;
}

#main {
	float: left;
}

#footer {
	width: 57.5em;
	margin: auto;
	padding-left: 1.25em;
	padding-right: 1.25em;
}

/* text styles */

h1, h2, h3, h3 {
	margin: 0;
}

h1 {
	font-size: 1em;
}

h2 {
	font-size: 1em;
}

h3 {
	font-size: 1em;
	line-height: 1.4em;
}

a {
	text-decoration: none;
}

p a {
	font-weight: bold;
	font-style: italic;
}
p a:hover {
	border-bottom: solid 2px;
}

p {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 0;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

img {
	border: none;
}

/* colours */

.publishing a, .publishing p, .publishing h2, .publishing h3 {
	color: #00c000;
}

.management a, .management p, .management h2, .management h3 {
	color: #005fff;
}

.about a, .about p, .about h2, .about h3 {
	color: #eb0005;
}

.news a, .news p, .news h2, .news h3 {
	color: #ff9c00;
}

/* header styles */

#header h1 {
	float: left;
	padding-left: 5em;
}

#header h1 a {
	text-indent: -5000em;
	display: block;
	width: 174px;
	height: 104px;
	background: url(images/pglogotop.png) no-repeat;
}

ul#navigation {
	float: left;
	padding-left: 6.75em;
	font-weight: bold;
}

ul#navigation li {
	float: left;
	border-left: solid 0.25em;
}

ul#navigation li.publishing {
	border-color: #00c000;
}
ul#navigation li.management {
	border-color: #005fff;
}
ul#navigation li.about {
	border-color: #eb0005;
}
ul#navigation li.news {
	border-color: #ff9c00;
}

/*
ul#navigation li.publishing a, li.management a {
	padding-top: 2.7em;
}
ul#navigation li.about a, li.news a {
	padding-top: 5.1em;
}
*/

ul#navigation li a {
	-webkit-transition: background-color 0.5s ease;
	display: block;
	padding-left: 0.75em;
	padding-right: 3em;
	padding-bottom: 0.4em;
	padding-top: 5.1em;
	background-color: #fff;
}

span.linktext {
	display: block;
	height: 1.4em;
}
/*
li.about span.linktext, li.news span.linktext {
	height: 1.4em;
}
*/

ul#navigation li.publishing a:hover {
	background-color: #00c000;
}
ul#navigation li.management a:hover {
	background-color: #005fff;
}
ul#navigation li.about a:hover {
	background-color: #eb0005;
}
ul#navigation li.news a:hover {
	background-color: #ff9c00;
}

ul#navigation li.publishing a .linktext {
	-webkit-transition: color 1s ease;
	color: #00c000;
}
ul#navigation li.management a .linktext {
	-webkit-transition: color 1s ease;
	color: #005fff;
}
ul#navigation li.about a .linktext {
	-webkit-transition: color 1s ease;
	color: #eb0005;
}
ul#navigation li.news a .linktext {
	-webkit-transition: color 1s ease;
	color: #ff9c00;
}

ul#navigation li a:hover .linktext {
	color: #fff;
}

.publishing ul#navigation li.publishing a {
	background-color: #00c000;
}
.publishing ul#navigation li.publishing a .linktext {
	color: #fff;
}
.management ul#navigation li.management a {
	background-color: #005fff;
}
.management ul#navigation li.management a .linktext {
	color: #fff;
}
.about ul#navigation li.about a {
	background-color: #eb0005;
}
.about ul#navigation li.about a .linktext {
	color: #fff;
}
.news ul#navigation li.news a {
	background-color: #ff9c00;
}
.news ul#navigation li.news a .linktext {
	color: #fff;
}

span.lightweight {
	font-weight: normal;
}

/* front page */

div#circlesfront {
	margin-top: 5em;
	width: 100%;
	height: 418px;
	background: url(images/circlesfront.png) no-repeat 50% 0%;
}

div.introtext {
	float: right;
	width: 100%;
	margin-top: 4.5em;
}
div.introtext h3 {
	float: left;
	width: 20.5em;
	display: block;
	text-align: right;
}
div.introtext p {
	width: 33.5em;
	margin-left: 22.5em;
	margin-top: 0;
	margin-bottom: 0.75em;
}

div.front {
	float: left;
	width: 26em;
	margin-top: 2em;
}

div.front.publishing {
	padding-left: 1.5em;
	padding-right: 1.25em;
}
div.front.management {
	padding-left: 1.25em;
	padding-right: 1.5em
}

div.front.publishing h2 a {
	display: block;
	text-indent: -5000em;
	width: 416px;
	height: 417px;
	background: url(images/circlepub.png) no-repeat 0px 0px;
}
div.front.publishing h2 a:hover {
	background: url(images/circlepub.png) no-repeat 0px -417px;
}

div.front.management h2 a {
	display: block;
	text-indent: -5000em;
	width: 416px;
	height: 417px;
	background: url(images/circleman.png) no-repeat 0px 0px;
}
div.front.management h2 a:hover {
	background: url(images/circleman.png) no-repeat 0px -417px;
}

div.twocolumntext {
	float: right;
	width: 26.25em;
	margin-top: 2.25em;
}
div.twocolumntext h3 {
	float: left;
	width: 9em;
	padding-left: 2em;
	display: block;
	text-align: right;
}
div.twocolumntext p {
	width: 13.25em;
	margin-left: 13em;
	margin-top: 0;
	margin-bottom: 0.75em;
}
div.twocolumntext ul {
	width: 13.25em;
	margin-left: 13em;
}
div.twocolumntext ul li {
	margin-top: 0;
	margin-bottom: 0.75em;
}

/* artist profile */

div.artistprofile {
	float: left;
	position: relative;
	width: 100%;
	margin-top: 5.25em;
}

.artistprofile .artistimage {
	float: left;
	height: 416px;
	width: 416px;
	position: relative;
	overflow: hidden;
}

.artistprofile .artistimage img {
	z-index: 500;
	position: absolute;
	top: 85px;
	left: 85px;
}

.artistprofile .artistimage .imageborder {
	z-index: 1000;
	position: absolute;
	top: 0px;
	display: block;
	height: 416px;
	width: 416px;
}

.publishing .artistprofile .artistimage .imageborder {
	background: url(images/circleimageborderpub.png) no-repeat;
}

.management .artistprofile .artistimage .imageborder {
	background: url(images/circleimageborderman.png) no-repeat;
}

.artistprofile .artisttext {
	float: left;
	width: 27em;
	padding-left: 2em;
	padding-top: 10.75em;
}

.artistprofile h2 {
	float: left;
	font-size: 2em;
	line-height: 1em;
	letter-spacing: -1px;
}

div.onecolumntext {
	float: left;
	margin-top: 1em;
}
div.onecolumntext p {
	margin-top: 0;
	margin-bottom: 0.75em;
}

.artistprofile .twocolumntext {
	margin-top: 1em;
}

.artistprofile .twocolumntext a {
	font-weight: normal;
	word-wrap: break-word;
}

.artistprofile li a {
	font-style: italic;
}
.artistprofile li a:hover {
	border-bottom: solid 2px;
}

.artistprofile .tracks li a:hover {
	border: none;
	cursor: default;
}

/* artists listing */

div.artistslisting{
	float: left;
	position: relative;
	width: 57em;
	margin-top: 5.25em;
}

.artistslisting ul li {
	float: left;
	position: relative;
	width: 26.5em;
	padding-left: 2em;
	padding-bottom: 2em;
}

.artistslisting .artistimage, .about_section .teamimage {
	float: left;
	height: 226px;
	width: 226px;
	position: relative;
	overflow: hidden;
}

.artistslisting .artistimage img, .about_section .teamimage img {
	z-index: 500;
	position: absolute;
	top: 30px;
	left: 30px;
}

.artistslisting .artistimage .imageborder, .about_section .teamimage .imageborder {
	z-index: 1000;
	position: absolute;
	top: 0px;
	display: block;
	height: 226px;
	width: 226px;
}

.publishing .artistslisting .artistimage .imageborder {
	background: url(images/circleimagebordersmallpub.png) no-repeat;
}

.management .artistslisting .artistimage .imageborder {
	background: url(images/circleimagebordersmallman.png) no-repeat;
}

.artistslisting .artisttext {
	float: left;
	width: 10em;
	padding-left: 1em;
	padding-top: 6em;
}

.artistslisting h2 {
	float: left;
	font-size: 1.2em;
	line-height: 1.2em;
	letter-spacing: -1px;
}

.artistslisting h2 a:hover {
	border-bottom: solid 2px;
}

/* about */

 div.about_section {
 	float: left;
	position: relative;
	width: 57em;
	margin-top: 1em;
 }

 div.about_section.team {
	margin-top: 5.25em;
}

.about_section ul {
	padding-left: 6em;
}

.about_section ul li {
	float: left;
	padding-left: 2em;
	padding-bottom: 2em;
}

.about_section .teamtext {
	float: left;
	width: 26em;
	padding-left: 1em;
	padding-top: 6em;
}

.about_section h2 {
	float: left;
	font-size: 1.2em;
	line-height: 1.2em;
	letter-spacing: -1px;
}

.about_section .teamtext p {
	float: left;
	width: 100%;
}

.about .about_section .teamimage .imageborder {
	background: url(images/circleimagebordersmallabout.png) no-repeat;
}

.about_section div.twocolumntext {
	padding-left: 10em;
	float: left;
	width: 38em;
	margin-top: 0;
}

.about_section div.twocolumntext p {
	width: 25em;
}

/* news */

.news #main {
	padding-top: 4em;
}

.news .newsitem {
	padding-left: 10em;	
}

.news div.twocolumntext {
	float: left;
	width: 39em;
}

.news div.twocolumntext p {
	width: 26em;
}

.news div.twocolumntext img {
	margin-left: 2em;
	margin-bottom: 1em;
}

.news div.twocolumntext h3 {
	width: 11em;
	padding-left: 0;
}

.newsitem h3 .itemdate {
	display: block;
	font-weight: normal;
}

#newsnav {
	float: left;
	padding-left: 22em;
	padding-top: 2em;
}

#newsnav a {
	margin: 1em;
}

/* footer */

#footer p {
	color: #545454;
}

#footer h1 {
	float: left;
	padding-left: 5em;
	padding-right: 6.75em;
}

#footer h1 a {
	text-indent: -5000em;
	display: block;
	width: 174px;
	height: 5.5em;
	background: url(images/pglogobottom.png) no-repeat bottom;
}

div.infotext {
	float: left;
	margin-right: 1em;
	padding-left: 1em;
	border-left: solid 4px #555555;
	height: 100%;
	width: 15em;
}

div.infotext p {
	font-size: 0.6em;
	margin-top: 0.6em;
}

div.infotext a {
	color: #ff2ef2;
}

#umpglogo {
	float: right;
	margin-top: -0.5em;
}

/* sticky footer code from http://www.cssstickyfooter.com/using-sticky-footer-code.html */

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#main {padding-bottom: 8.5em;}  /* must be same height as the footer (or more in this case to create some whitespace above the footer) */

#footer {position: relative;
	margin-top: -5.5em; /* negative value of footer height */
	height: 5.5em;
	clear:both;} 

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */