body {
	margin: 4px 0px 0px 0px;
	background-color: #efefef;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	background: #efefef url(../img/layout/footer_bg_deep.gif) repeat-y;
}
#wrapper {
	width: 784px;
	/* This will have to be reduced to 780px if we have problems at 800x600 -- but we'll lose the drop-shadow on the right */
	/* margin: auto; */
	margin-left: 4px;
}
#header {
	background: #feda00 url(../img/layout/header_new_bg.gif); height: 101px; width: 784px;
}
div.clear {
	clear: left;
	line-height: 0px;
	font-size: 1px;
	max-height: 0px;
	height: 0px;
}
/* MENU */
#menu {
	height: 21px;
	xwidth: 420px;
	padding-left: 6px;
	padding-top: 19px;
	background-position: left;
	background-repeat: no-repeat;
}
#menu div.item {
	float: left; text-align: center;
	cursor: pointer;
}
/* OLD:
#menu {
 background: transparent url(../img/layout/header_bg.gif) repeat-y left;
 padding: 23px 0px 0px 7px;
}
#menu div.item {
 width: 81px; height: 20px; text-align: center; padding-top: 18px;
 float: left;
 cursor: pointer;
}
#menu div.hi {
	background-image: url(../img/menu/tab_hi.gif);
	width: 81px; padding-right: 4px;
}
*/
/* SUBMENU */
#submenu {
 height: 16px; padding: 7px 0px 0px 5px; background: #fff url(../img/layout/content_bg.gif);
}
#submenu div.item {
 float: left;
 padding: 0px 22px 0px 22px;
 border-right: 1px solid #feda00;
 font-size: 0.9em;
 color: #5c5c5c;
 text-align: center;
}
#submenu a {
	text-decoration: none;
	color: #5c5c5c;
}
#submenu a:hover {
	color: #b9b9b9;
}
#submenu div.hi a {
	font-weight: bold;
}
/* CONTENT */

p.company{
margin-top:30px;
padding-top:10px;
border-top:1px solid #ccc;
color:#888;}


#content {
 padding: 7px 13px 13px 17px;
 background: #fff url(../img/layout/content_bg.gif);
 color: #4f5569;
}
#content h2 {
	font-size: 1.2em;
	margin-top: 2em;
}
#content a {
	color: #4f5569;
}
#content a:hover {
	color: #b9b9b9;
}
#content ul {
 list-style-image:url(../img/generic/bullet_slash.gif);
 margin: 0px 0px 0px 15px;
 padding: 0px;
}
#content ul li {
	margin-bottom: 5px;
}
#content th {
	text-align: left;
	vertical-align: top;
}
#content td {
	vertical-align: top;
}
#columnone {
 width: 478px; float: left;
 background: #fff url(../img/layout/dots_x.gif) repeat-x top;
}
#columnone.dotted {
	background: #fff url(../img/layout/dots_y.gif) repeat-y right;
}
#columnone div.header {
	background: transparent url(img/layout/dots_y.gif) repeat-y right; padding-right: 1px;
}
#columnone div.header div {
 background: #f7f7f7 url(../img/layout/dots_x.gif) repeat-x top;
 padding: 25px 10px 25px 10px;
}
#columnone div.copy {
 padding: 25px 40px 25px 25px;
}
#columnone div.dotted {
  background: transparent url(../img/layout/dots_x.gif) repeat-x top;
}
#columnone div.casestudy {
 padding: 10px 0px 10px 0px;
 background: #fff url(../img/layout/dots_x.gif) repeat-x bottom;
}
#columnone div.casestudy div.logo {
 text-align: center;
 width: 170px;
 float: left;
}
#columnone div.casestudy div.intro {
 padding: 0px 20px 0px 0px;
 width: 288px;
 float: left;
}
#columntwo {
 width: 266px; float: left; padding: 1px 0px 0px 10px;
}
#columntwo.dotted {
	background: #fff url(../img/layout/dots_y.gif) repeat-y left;
}
#singlecolumn {
 width: 754px;
 background: #fff url(../img/layout/dots_x.gif) repeat-x top;
 padding-top: 1px; /* To ensure that the dotted upper "border" remains visible */
}
#singlecolumn div.header {
 background: #f7f7f7 url(../img/layout/dots_x.gif) repeat-x bottom;
 padding: 25px 10px 25px 10px;
 xmargin-top: 1px; 
}
#singlecolumn div.copy {
 padding: 25px 10px 25px 10px;
}

#columnone tr.casestudy td.logo {
 width: 170px; height: 90px; text-align: center;background: #fff url(../img/layout/dots_x.gif) repeat-x bottom;
}
#columnone tr.casestudy td.logo img {
	margin: 5px 0px 10px 0px;
}
#columnone tr.casestudy td.intro {
	vertical-align: middle; padding: 0px 20px 0px 0px; width: 288px;background: #fff url(../img/layout/dots_x.gif) repeat-x bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/* Pixel font-size to cater for IE5.5 */
}


/* FOOTER */
#footer {
	height: 20px; background: transparent url(../img/layout/footer_bg.gif) repeat-y left;
	padding-top: 91px;
	font-size: 0.9em;
	position: absolute;
}
#footer div.left {
 float: left; padding-left: 18px; width: 481px;color: #a78d34;
}
#footer div.right {
 float: left; padding-left: 13px; color: #a7aab3;
}
#footer a {
	text-decoration: none;
	color: #a78d34;
}
/*
	Curved borders, including an IE5.2 hack.
	I wouldn't normally use a CSS hack but this is necessary because
	IE5.2 has problems displaying background-images in a div with content:overflow
	If we don't have content:overflow, IE PC displays the curved borders as higher than 6px
*/
#contentupper {
	height: 6px;
	overflow: visible;
}
#footerupper {
 	height: 6px;
	background-image: url(../img/layout/footer_upper.gif);
	overflow: visible;
}
/* The following is invisible to IE5.2 \*/
#contentupper { overflow: hidden; }
#footerupper { overflow: hidden; }
/* end hack */