html, body { 
	padding: 0 0 13 0;
	margin: 0 0 13 0;
	text-align: center;
	background-color: White;
	font-size : 1em;
}


/* basic elements */

div {
	font-family: Trebuchet MS, Times New Roman, Times, serif;
	font-size: 0.9em;
	color: White;
}

p	{ 
	padding-right: 1.2em; 
	padding-left: 1.2em;
}

h1 {
	font-size: 1.25em;
	font-weight: normal;
	margin: 0;
	padding-top: 1.6em;
	padding-left: 1em; 
}

h2 {
	font-size: 0.95em;
	margin: 0;
	padding-top: 1.6em;
	padding-left: 1.2em;
}

h2 a {
	color: White;
}

h2 a:hover {
	color: Black;
	text-decoration: none;
}

h3 {
	font-size: 0.95em;
	font-weight: bold;
	margin: 0;
	padding-top: 0;
	padding-left: 1.2em;
}

a {
	color: #FFCCFF;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #FFCCFF;
	font-weight: bold;
	text-decoration: underline;
}



/* special elements */

span.spotfeature {
	color: #FA66B0;
}

span.smquote {
	font-size: 0.95em;
}

span.portfolio {
	color: #CCC;
	font-weight: bold;
	font-size: 0.9em;
}

span.selected {
	color: Black;
	font-weight: bold;
}

span.highlight {
	color: #FA66B0;
}

img.spot {
	margin-right: 0.9em;
	float: left;
}

p.pagelink {
	padding-top: 1em;
	font-size: 0.9em;
	color: #CCC;
}

p.pagelink a {
	font-weight: normal;
	color: White;
}

p.pagelink a:hover {
	font-weight: normal;
	color: Black;
	text-decoration: none;
}


/* specific divs */

#container {
	position: relative;
	margin: 0 auto;
	width: 742;
	text-align: left;
}

#banner {
	position: absolute;
	width: 742;
	height: 64;
	top: 13;
	left: 0;
	background-color: #FA66B0;
	z-index: 1;
}

#accessible {
	position: absolute;
	top: 19;
	right: 12;
	font-size: 0.85em;
	z-index: 2;
}

#logo {
	position: absolute;
	width: 111;
	height: 35;
	top: 0;
	left: 0;
	background-image: url(../images/digitworks_pink.gif);
	z-index: 2;
}

#menuarea {
	position: absolute;
	width: 476;
	height: 19;
	top: 78;
	left: 0;
	background-color: #BEBEBE;
	z-index: 1;
	font-size: 0.85em;
	line-height: 1.5em;
}

#menu {
	position: absolute;
	top: 1;
	left: 0;
	z-index: 2;
}

#menu ul {
	margin: 0;
	padding: 0 0 0 13;
	display: inline;
	list-style: none;
}

#menu li {
	display: inline;
	list-style: none;
}

#menu li a {
	text-decoration: none;
	color: White;
}

#menu li a:hover {
	color: Black;
}

#settings {
	position: absolute;
	width: 265;
	height: 19;
	top: 78;
	left: 477;
	background-color: #F0F0F0;
	font-size: 0.75em;
	line-height: 1.5em;
}

#textsettings {
	display: none;
}

#settings p {
	margin: 0;
	padding: 2 0 0 8;
	color: #BEBEBE;
}

#squares {
	position: absolute;
	height: 14;
	width: 265;
	top: 2;
	left: 180;
	z-index: 2;
}

#squares ul {
	margin: 0;
	padding: 0 0 0 0;
	display: inline;
	list-style: none;
}

#squares li {
	display: inline;
	list-style: none;
}

#content {
	position: absolute;
	width: 476;
	height: 257;
	top: 107;
	left: 0;
	background-color: #8A8A8A;
	font-size: 0.91em;
}

#content2 {
	position: absolute;
	width: 476;
	height: 589;
	top: 107;
	left: 0;
	background-color: #8A8A8A;
	font-size: 0.91em;
}

#content3 {
	position: absolute;
	width: 476;
	height: 331;
	top: 365;
	left: 0;
	background-color: #F9F9F9;
	font-size: 0.91em;
}

#content3 h3 {
	color: #FA66B0;
	padding-top: 0;
	padding-left: 0;
}

#content3 a {
	color: #797979;
	font-weight: normal;
	text-decoration: none;
}

#content3 a:hover {
	color: Black;
	font-weight: normal;
	text-decoration: none;
}

#content2 ul {
	margin-left: 1.3em;
	margin-right: 1.3em;
	padding: 0;
	list-style-type : square;
	line-height: 1.7em;
}

#content2 li {
	margin-left: 1em;
}

#content3 ul {
	margin-left: 0;
	padding: 0;
	list-style-type : none;
	line-height: 1.7em;
}

#content3 li {
	margin-left: 0;
	color: Black;
}

#graphiccolumn {
	position: absolute;
	width: 215;
	height: 220;
	top: 20;
	left: 1.3em;
}

#testimonials {
	position: absolute;
	width: 476;
	height: 220;
	top: 20;
	left: 1.3em;
}

#testimonials p {
	color: #666;
	padding: 0px 30px 0px 0px;
	line-height: 120%;
	margin-bottom: 5px;
}

div.credits {
	color: #666;
	text-align: right;
	line-height: 120%;
	padding-right: 30px;
	font-style: italic;
	margin-top: 0px;
}

#webcolumn {
	position: absolute;
	width: 215;
	height: 220;
	top: 20;
	right: 1.3em;
}

#digits {
	position: absolute;
	width: 57;
	height: 31;
	right: 18;
	bottom: 12;
	background-image: url(../images/digits.gif);
	z-index: 2;
}

#map {
	position: relative;
	width: 390;
	height: 300;
	left: 18;
	background-image: url(../images/location_map.gif);
	z-index: 2;
}

#webcam {
	position: relative;
	width: 320;
	height: 240;
	left: 18;
	background-image: url(http://www.digitworks.co.uk/images/webcam/webcam.jpg);
	z-index: 2;
}

#image {
	position: absolute;
	width: 265;
	height: 257;
	top: 107;
	left: 477;
}

#spotlightbanner {
	position: absolute;
	width: 265;
	height: 19;
	top: 365;
	left: 0;
	background-color: #FA66B0; 
	font-size: 0.77em;
	line-height: 1.45em;
}

#spotlightbanner2 {
	position: absolute;
	width: 265;
	height: 19;
	top: 365;
	left: 477;
	background-color: #FA66B0; 
	font-size: 0.77em;
	line-height: 1.45em;
}

#spotlightbanner p {
	margin: 0;
	padding: 2 0 0 12;
}

#spotlightbanner2 p {
	margin: 0;
	padding: 2 0 0 12;
}

#spotlight {
	position: absolute;
	width: 265;
	height: 311;
	top: 385;
	left: 0;
	background-color: #FEEFF7; 
}

#spotlight2 {
	position: absolute;
	width: 265;
	height: 311;
	top: 385;
	left: 477;
	background-color: #FEEFF7; 
}

#spot1 {
	position: absolute;
	width: 237;
	height: 57;
	top: 14;
	left: 14;
}

#spot2 {
	position: absolute;
	width: 237;
	height: 57;
	top: 88;
	left: 14;
}

#spot3 {
	position: absolute;
	width: 237;
	height: 57;
	top: 162;
	left: 14;
}

#spot4 {
	position: absolute;
	width: 237;
	height: 57;
	top: 236;
	left: 14;
}

#spotlight p {
	font-size: 0.97em;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	color: #666;
}

#spotlight2 p {
	font-size: 0.97em;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	color: #666;
}

#spotlight a {
	color: #333;
}

#spotlight2 a {
	color: #333;
}

#spotlight a:hover {
	text-decoration: underline;
}

#spotlight2 a:hover {
	text-decoration: underline;
}

#feedbanner {
	position: absolute;
	z-index: 3;
	width: 210;
	height: 19;
	top: 365;
	left: 266;
	background-color: #FBB2D7;
	font-size: 0.77em;
	line-height: 1.45em;
}

#feedbanner p {
	margin: 0;
	padding: 2 0 0 12;
}

#feed {
	position: absolute;
	margin: 0;
	padding-top: 0;
	width: 210;
	height: 312;
	top: 384;
	left: 266;
	font-size: 75%;
	color: #666;
	font-style: italic;
}

#feed p {
	margin: 0;
	padding-top: 0.7em;
	line-height: 1.35em;
}


#feed p a {
	color: #FA66B0;
}

#quicklinks {
	position: absolute;
	width: 265;
	height: 331;
	top: 365;
	left: 477;
	font-size: 0.8em;
	line-height: 1.35em;
	background-color: #FA66B0; 
}

#quicklinks p {
	margin: 0;
	padding-right: 0.9em;
	padding-left: 1.3em;
}

#footer {
	position: absolute;
	width: 742;
	top: 707;
	left: 0;
	margin: 0;
	padding: 10 0 10 0;
	text-align: center;
	font-size: 0.78em;
	border: 1px solid #F0F0F0;
}

#footer ul {
	margin: 0;
	padding: 0 0 0 0;
	display: inline;
	list-style: none;
	color: #B2B2B2;
}

#footer li {
	display: inline;
	list-style: none;
	color: #B2B2B2;
}

#footer p {
	padding: 0;
	margin: 0;
	color: #B2B2B2;
}

#footer a {
	color: #B2B2B2;
	font-weight: normal;
	text-decoration: none;
}

#footer a:hover {
	color: #B2B2B2;
	text-decoration: underline
}

/* special elements */

table.advent {
	margin-left: 0.4em;
}

table.advent td {
	width: 57px;
	height: 57px;
}

#adventcolumn1 {
	position: absolute;
	width: 143;
	height: 220;
	top: 20px;
	left: 15px;
}

#adventcolumn2 {
	position: absolute;
	width: 143;
	height: 220;
	top: 20px;
	left: 160px;
}

#adventcolumn3 {
	position: absolute;
	width: 143;
	height: 220;
	top: 20px;
	left: 330px;
}

/* special elements */

table.advent {
	margin-left: 0.4em;
}

table.advent td {
	width: 57px;
	height: 57px;
}

#adventcolumn1 {
	position: absolute;
	width: 143;
	height: 220;
	top: 20px;
	left: 15px;
}

#adventcolumn2 {
	position: absolute;
	width: 143;
	height: 220;
	top: 20px;
	left: 160px;
}

#adventcolumn3 {
	position: absolute;
	width: 143;
	height: 220;
	top: 20px;
	left: 330px;
}

div.extras {
	padding-left: 0px;
	padding-bottom: 10px;
	margin: 0px;
}

div.extras p {
	padding: 0px 0px 2px 0px;
	margin: 0px;
	line-height: 1.5em;
	color: #FA66B0;
}

div.extras img {
	float: left;
	margin-right: 3%;
	margin-top: 0.5%;
}