body {
	background-image: url(/images/professional/bgrd.jpg);
}
h4 {
	background: #fafdfd;
}
ul li {
	list-style-image: url(/images/listMarkerPro.gif);
}

/* Main colour for pro is #3399cc */
h4, a, a:hover, a:active, a.showHide, .infoButton strong {
	color: #3399cc;
}
ul#primaryNav ul li {
    background: #3399cc;
}
a.prettyBut:hover, input.prettyBut:hover {
	background: #3399cc;
	color: #FFF;
}

#userArea h2, #userArea h3 {
	background-color: #1b3747;
}
#twitter h2 {
	background: none;
}
#footer {
	background-color: #1b3747;
	background-image: url(/images/professional/footerBgrd.gif) ;
}

/* Special id for link to pro demo product, although a class might be better to allow for more than one such link? */
#demoLink {
    background: rgba(250, 253, 253, .75);
	border: 1px solid #ccc;
	margin: 0 10px 10px 10px;
	padding:0;
}
#demoLink a {
	font-style: normal;
	color: #3399cc;
	text-decoration: none;
}
#demoLink a:hover {
	font-style: italic;
	text-decoration: underline;
}