html, body { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	color: #303700;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 16px;
	height:100%;
	max-height: 100%;
	background-image: url(../images/body_background.gif);
}

#main {
	margin:0px auto 0px auto;
	text-align:center;
	height:100%;
	max-height: 100%;
	width:700px;
	background-image: url(../images/content_background.gif);
	background-repeat: repeat;
}

#content { 
	position:relative;
	margin:0px auto 0px auto;
	width:700px;
	height:auto;
	max-height: auto;
	text-align:left;
	background-image: url(../images/content_background.gif);
	background-repeat: repeat;
}

#burst {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/burst.jpg);
	width:350px;
	height:420px;
	float: left;
	background-repeat: no-repeat;
}


#left {
	z-index: 10;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:350px;
	float: left;
}

#right {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:350px;
	float: left;
}

#logo {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 107px;
	height: 108px;
	float: left;
}

#strapline {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 243px;
	height: 108px;
	background-image: url(../images/what_if_strapline.jpg);
	float: left;
}

#nav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:350px;
	height:16px;
	clear: both;
}

#nav ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline;
	float:left;
}

#nav li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:inline;
	list-style-type: none;
	float:left;
}

#nav li.nav_home { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 77px; height: 16px; background-image: url(../images/nav_home_over.jpg); background-repeat:no-repeat;display: block; }

#nav li.nav_home a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; width: 77px; height: 16px; background-image: url(../images/nav_home.jpg); }


#nav li.nav_about { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 75px; height: 16px; background-image: url(../images/nav_about_over.jpg); background-repeat:no-repeat;display: block; }

#nav li.nav_about a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; width: 75px; height: 16px; background-image: url(../images/nav_about.jpg); }


#nav li.nav_case { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 94px; height: 16px; background-image: url(../images/nav_case_over.jpg); background-repeat:no-repeat;display: block; }

#nav li.nav_case a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; width: 94px; height: 16px; background-image: url(../images/nav_case.jpg); }


#nav li.nav_contact { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 103px; height: 16px; background-image: url(../images/nav_contact_over.jpg); background-repeat:no-repeat;display: block; }

#nav li.nav_contact a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; width: 103px; height: 16px; background-image: url(../images/nav_contact.jpg); }

#nav li a:hover { padding: 0px 0px 0px 0px; display: block; background: none; }

.ScreenReaderOnly { position: absolute; top: -10000px; left: -10000px; }

#rcol_vspace {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:350px;
	height:112px;
}

#rcol_content {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:350px;
}

#rcol_lmargin {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:30px;
	float:left;
}

#rcol_copyspace {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:300px;
	float: left;
}

#rcol_rmargin {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:20px;
	float: left;
}

#lcol_content {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:350px;
}

#lcol_lmargin {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:35px;
	float:left;
}

#lcol_copyspace {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:285px;
	float: left;
}

#lcol_rmargin {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:30px;
	float: left;
}

.button {
	margin:12px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align: right;
}

#small_crystal_ball {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:140px;
	height:110px;
	background-image: url(../images/crystal_ball_small.gif);
}

/* Type etc */

a:link { color:#303700; }
a:visited { color:#303700; }
a:hover { background-color:#eaeecc; color:#303700; }

.bold { font-weight:bold; color:#95a900; }

.light { color:#eaeecc; }

.light_bold { font-weight:bold; color:#eaeecc; }

.error {

	color:#e42030;	
}

.error_ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 12px 24px;
	color:#e42030; 
}

.l_ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 12px;
	color:#eaeecc; 
}

.r_ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 12px;
	font-weight: bold;
}

/* Form */

form { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

#form {	margin:0px 0px 0px 0px;	padding:0px 0px 0px 0px; }

.label {
	font-weight:bold;
	float:left;
	width:114px;
	padding:3px 0px 5px 0px;
}

.field {
	margin:0px 0px 0px 100px;
	padding:0px 0px 6px 0px;
}

* .field {
	text-align: right;
}

.input {
	width:182px;
}

* .input {
	width:165px;
}


textarea {
	width:300px;
	height:170px;
}

/* Homepage specific */

#home_lcol_vspace {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:350px;
	height:122px;
}

#home_crystal_ball {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:350px;
	height:167px;
	background-image: url(../images/crystal_ball_homepage.jpg);
}

/* About us page specific */

#about_lcol_vspace {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:350px;
	height:92px;
}


/* Case study pages specific */

#subnav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:350px;
	height:66px;
	clear: both;
}

#subnav_lmargin {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 152px;
	float:left;
}

#subnav_container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 148px;
	float:left;
}

#subnav_container ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
}

#subnav_container li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:block;
	list-style-type: none;
}

#subnav_container li.subnav_voom { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 124px; height: 22px; background-image: url(../images/subnav_voom_over.gif); background-repeat:no-repeat;display: block; }

#subnav_container li.subnav_voom a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; width: 124px; height: 22px; background-image: url(../images/subnav_voom.gif); }


#subnav_container li.subnav_heals { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 124px; height: 22px; background-image: url(../images/subnav_heals_over.gif); background-repeat:no-repeat;display: block; }

#subnav_container li.subnav_heals a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; width: 124px; height: 22px; background-image: url(../images/subnav_heals.gif); }


#subnav_container li.subnav_fourv { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 124px; height: 22px; background-image: url(../images/subnav_fourv_over.gif); background-repeat:no-repeat;display: block; }

#subnav_container li.subnav_fourv a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; width: 124px; height: 22px; background-image: url(../images/subnav_fourv.gif); }


#subnav_container li a:hover { padding: 0px 0px 0px 0px; display: block; background: none; }

