body {
	text-align: center;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	font: 0.7em Arial, Verdana, sans-serif;
	color: #000;
	background-image: url(/images/bkg_body.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 100%;
}

#container {
	width: 958px;
	text-align: left;
	margin: 0 auto;
}
#header {
	position: absolute;
	top: 16px;
	width: 958px;
	height: 350px;
	background-image: url(/images/bkg_header.jpg);
	background-position: top;
}
#header div#logo {
	height: 302px;
}
#header div#logo img {
	margin: 26px 0 0 33px;
}
/*
#header ul {
	border-bottom: 1px dotted #000;
	list-style: none;
	list-style-image: none;
	margin: 0 35px;
	padding: 0 0 10px 0;
}
#header ul li {
	margin: 0;
	padding: 0 20px 0 0;
	display: inline;
	font-size: 18px;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-weight: bold;
}
#header ul li a {
	color: #000;
	text-decoration: none;
}
#header ul li a:hover {
	background-color: #eeeeee;
}
#header ul li a:hover {
	background-color: #eeeeee;
}

#header ul li a.activeHome {
	background-color: #8cdb6c;
}
#header ul li a.activeAbout {
	background-color: #ececec;
}
#header ul li a.activeDesign {
	background-color: #fcb6b6;
}
#header ul li a.activeStandards {
	background-color: #ffe178;
}
#header ul li a.activeSEO {
	background-color: #deacf5;
}
#header ul li a.activeCMS {
	background-color: #b0cefb;
}
#header ul li a.activeBespoke {
	background-color: #d4f4fb;
}
*/
#header ul {
	list-style: none;
	list-style-image: none;
	margin: 0 35px;
	padding: 6px 0 6px 10px;
	background-color: #000;
}
#header ul li {
	margin: 0;
	padding: 0 10px 0 10px;
	display: inline;
	font-size: 12px;
	font-weight: bold;
}
#header ul li a {
	color: #FFF;
	text-decoration: none;
}
#header ul li a:hover {
	text-decoration: underline;
}
#header ul li a.activeHome {
	color: #8cdb6c;
}
#header ul li a.activeAbout {
	color: #ececec;
}
#header ul li a.activeDesign {
	color: #ff58b7;
}
#header ul li a.activeStandards {
	color: #ffd653;
}
#header ul li a.activeSEO {
	color: #e851ff;
}
#header ul li a.activeCMS {
	color: #68a3ff;
}
#header ul li a.activeEcommerce {
	color: #f27c01;
}
#header ul li a.activeBespoke {
	color: #62cde8;
}
#header ul li a.activeHosting {
	color: #1a7d4e;
}

#content {
	position: absolute;
	top: 366px;
	width: 958px;
}
#content div#information {
	background-image: url(/images/bkg_content.jpg);
	background-repeat: repeat-y;
	padding: 0 35px;
}
#content div#information div#colRight {
	float: right;
	width: 180px;
	padding: 10px 0 0 0;
}
#content div#information div#colLeft {
	float: left;
	width: 677px;
}
#content div#information div#colLeft div#banner {
	padding: 0 0 15px 0;
}
#content div#information div#colLeft div#subcolLeft {
	float: left;
	width: 496px;
}
#content div#information div#colLeft div#subcolRight {
	float: right;
	width: 150px;
	padding: 10px 0 0 0;
}
#content div#information div#colLeft div#subcolRight ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
#content div#information div#colLeft div#subcolRight ul li {
	margin: 0;
	padding: 0;
	height: 100%;
}
#content div#information div#colLeft div#subcolRight ul li a {
	display: block;
	height: 100%;
	padding: 4px 20px 4px 0;
	text-decoration: none;
	border-bottom: 1px solid #000;
	color: #000;
	background-image: url(/images/arrow_menu.gif);
	background-repeat: no-repeat;
	background-position: top right;
	font-weight: bold;
}
#content div#information div#colLeft div#subcolRight ul.design {
	border-top: 1px solid #000;
}
#content div#information div#colLeft div#subcolRight ul.design li a {
	border-bottom: 1px solid #000;
	color: #ff58b7;	
}
#content div#information div#colLeft div#subcolRight ul.design li a:hover {
	color: #ff8acc;
}
#content div#information div#colLeft div#subcolRight ul.cms {
	border-top: 1px solid #000;
}
#content div#information div#colLeft div#subcolRight ul.cms li a {
	border-bottom: 1px solid #000;
	color: #0b62e5;	
}
#content div#information div#colLeft div#subcolRight ul.cms li a:hover {
	color: #68a3ff;
}

#content div#information div#colLeft div#subcolRight div.screenshots {
	padding: 15px 0 0 0;
}

#content div#information div#colRight p {
	font-size: 11px;
}

#content div#footer {
	background-image: url(/images/bkg_footer.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#content div#footer ul {
	margin: 0;
	padding: 25px 0 0 30px;
	list-style: none;
	list-style-image: none;
	height: 65px;
}
html>body #content div#footer ul {
	height: 40px;
}
#content div#footer ul li {
	margin: 0;
	padding: 0 10px 0 0;
	display: inline;
	font-size: 0.9em;
}
#content div#footer ul li a {
	color: #000;
	text-decoration: none;
}
#content div#footer ul li a:hover {
	text-decoration: underline;
}
#content div#footer p {
	font-size: 0.8em;
	padding: 0 0 15px 30px;
}
#content div#footer p a {
	text-decoration: underline;
	color: #000;
}
#content div#footer p a:hover {
	text-decoration: none;
}

/* form styles */

#colRight label {
	font-weight: bold;
	font-size: 11px;
}
#colRight input.text {
	margin: 5px 0 5px 0;
	border: 1px solid #cccccc;
	font: 11px Arial, Verdana, sans-serif;
	padding: 2px;
	width: 140px;
}
#colRight input.button {
	font: 11px Arial, Verdana, sans-serif;
	padding: 1px 2px;
}
#colRight textarea {
	margin: 5px 0 8px 0;
	border: 1px solid #cccccc;
	font: 11px Arial, Verdana, sans-serif;
	padding: 2px;
	width: 175px;
	height: 120px;
}

/* common styles */

.clear {
	clear: both;
}
.highlight {

}
.small {
/*	font-size: 0.9em;		*/
}
.dottedTop {
	border-top: 1px dotted #CCC;
	padding: 15px 0 15px 0;
}
.large {
/*	font-size: 1.2em;			*/
}
.floatLeft {
	float: left;
	margin: 0 15px 0 0;
}
.floatRight {
	float: right;
	margin: 0 0 0 15px;
}

/* standard tags */

h1 {
	color: #000;
	font-size: 26px;
	font-weight: bold;
	padding: 0 0 15px 0;
	font-family: "Arial Narrow", Arial, sans-serif;
}
h2 {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 15px 0;
	font-family: "Arial Narrow", Arial, sans-serif;
}
h3 {
	font-size: 11px;
	padding: 0 0 15px 0;
}
ul {
	margin: 0 0 15px 30px;
	list-style: square;
}
ul li {
	padding: 0 0 5px 0;
	line-height: 1.6em;
}
p {
	padding: 0 0 15px 0;
	line-height: 1.6em;
}
a {
	color: #007eff;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/* SIFR */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
/* ONLY ONES TO CUSTOMISE */

/*	.sIFR-hasFlash h1.sIFR-H1, .sIFR-hasFlash h2.sIFR-H1 {		*/
.sIFR-hasFlash h1, .sIFR-hasFlash h2 {
	visibility: hidden;
}