/*------------------------------------
Xalles Limited
Global Stylesheet

Browser Compatability
Firefox, Internet Explorer 6/7, Safari

Author / Beanstalk Search Engine Positioning, Daryl Quenet
website / www.beanstalk-inc.com
-------------------------------------*/

* {
	border: 0;
	padding: 0;
	margin: 0;
}

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	background: #fff url(/img/BodyBG.gif) center top repeat-x;
	color: #000;
}

a {
	color: #000080;
	text-decoration: none;
}

#container {
	width: 780px;
	margin: 0 auto;
}

#header {
	background: url(/img/hdtop.jpg) no-repeat;
	height: 103px;
	display: block;
}

#header p {
	padding: 67px 0 0 240px;
	color: #fff;
}

#header a {
	color: #fff;
}

#masthead {
	background: #fff;
	margin-bottom: 10px;
}

#container .wrapper {
	width: 780px;
	background: url(/img/WrapperBG.gif) repeat-y;
}

.leftnav {
	width: 150px;
	display: block;
	float: left;
}

.leftnav blockquote {
	padding: 10px;
	clear: both;
	color: #fff;
}

.leftnav blockquote address {
	float: right;
	font-weight: bolder;
	font-size: 10px;
	padding: 3px 0 3px 0;
}

.nav {
	width: 150px;
	height: 200px;
	background: #6868b3;
	display: block;
	
}

.nav ul {
	padding: 10px 10px 0 10px;
}

.nav li {
	list-style: none;
	padding: 5px 0 10px 0;
}

.nav li a {
	color: #fff;
	font-weight: bold;
}

.nav li.active a {
	color: #000;
}

.content {
	float: left;
	width: 620px;
	display: block;
	margin-left: 10px;
}

.content h1 {
	color: #3333dd;
	font-size: 11px;
	margin: 10px 0 10px 0;	
}

.content h2 {
	font-size: 11px;
	margin: 5px 0 5px 0;
	clear: both;
	color:#9a3466;
}

.content p {
	margin: 10px 0 10px 0;
}

.content ul {
	list-style-type: disc;
	padding:0 0 0 16px;
}

.content img {
	margin: 5px 0 5px 0;
}

.content td.tblhdr {
	background: #9a3466;
	color: #fff;
	font-weight: bolder;
	width: 50%;
}

#footer {
	display: block;
	padding: 5px;
	background: #131d7c;
	text-align: center;
	color: #fff;
	margin-top: 10px;
	line-height: 1.4em;
}

#footer a {
	color: #fff;
}

p.feature {
	margin: 0;
	font-weight: bolder;
}

img.feature {
	float: left;
	margin: 0 5px 5px 0;
}

br.clear {
	height: 0;
	line-height: 0;
	font-size: 0px;
	clear: both;
}

/* Case Studies */

.casestudy {
	margin-bottom: 10px;
}

.casestudy table, .casestudy td {
	border-color: #000;
	width: auto;
}

#bodyRight .casestudy h3 {
	margin: 0;
	padding: 0;
}

#bodyRight .casestudy p {
	margin: 0;
	padding: 0;
}

.casestudy td.situation, .casestudy td.action, .casestudy td.results {
	 width: 100px;
	 background: #9a3466;
	 color: #fff;
	 font-weight: bolder;
	 text-align: center;
	 padding: 5px 0 5px 0;
}

.casestudy  td.action {
	background: #6868b3;
}

.casestudy  td.results {
	background: #131d7c;
}

.casestudy  td.desc {
	width: 400px;
}

.casestudy li {
	height: auto;
}

.service {
	margin: 0 0 10px 0;
}
.services ul {
	margin-top: 0;
	padding-top: 0;
}

img.content {
	margin: 5px 0 5px 0;
}

.content table, .content td {
	border: #000 solid 1px;
	margin: 5px 0 5px 0;
}

.content td {
	padding: 3px;
	vertical-align: top;
}

.content td li {
	margin: 0;
}

.content td.tblhdr {
	background: #9a3466;
	color: #fff;
	font-weight: bolder;
	width: 50%;
}

.content .events td.tblhdr {
	width: 33%;
}

.news a {
	text-decoration: underline;
	color: #9a3466;
}

a.more {
	color: #000080;
}

/* Global Element Classes */

.blue {
	color: #3333cc;
}

.purple {
	color: #9a3466;
}

/* Splash */

.splash h1 {

}

.splash a.about, .splash a.services {
	width: 260px;
	float: left;
	text-align: center;
	padding: 5px 0 5px 0;
	background: #000080;
	color: #fff;
	display: block;
	font-size: 20px;
}

.splash .pad {
	background: url(/img/PadBG.gif) top left repeat-y;
	height: 15px;
}

.splash a.services {
	background: #9a3466;
}

.splash  #container .wrapper {
	background: none;
}

.splash .leftnav {
	width: 520px;
}

.splash .text {
	background: #6868b3;
	color: #fff;
	font-size: 15px;
	width: 520px;
	padding: 5px 0 5px 0;
	margin: 0 0 5px 0;
	text-align: center;
	clear: both;
}

.splash .leftnav p {
	padding: 5px 0 5px 0;
}

.splash .content {
	width: 255px;
	margin: 0 0 0 5px;
	background: url("/img/SplashContentBG.gif") top right repeat-y;
	border-bottom: solid 1px #8d8d8d;
}

.splash .content img {
	margin: 0;
}

.splash .content p {
	margin: 5px 5px 5px 6px;
}

.splash .content h1 {
	text-align: center;
	margin: 5px 5px 5px 6px;
	font-size: 16px;
}

.splash .content h2 {
	color: #fff;
	background: #9a3466;
	text-align: center;
	padding: 3px 0 3px 0;
	margin: 0 1px 0 1px;
}

.reg {
	display: block;
	background: #000080;
	padding: 5px;
	text-align: center;
	margin: 5px 0 0 0;
}

.reg a {
	color: #fff;
	font-weight: bolder;
}

.contact #container table {
	border: none;
}

.contact #container td {
	border: none;
}

.contact #container table p {
	margin: 0;
}

.contact #container table b {
	color: #3333dd;
}

.sitemap #container .content a {
	font-weight: bolder;
	font-size: 12px;
	display: block;
	padding: 3px 0 3px 0;
}

.sitemap #container .content ul {
	width: 520px;
	text-align: left;
	padding: 0 0 3px 0;
	clear: both;
}

.sitemap #container .content ul.border {
	border-top: solid 2px #9a3466;
}

.sitemap #container .content li {
	list-style: none;
	margin: 0;
	padding: 3px 0 5px 0;
	float: left;
	display: block;
}

.sitemap #container .content li.section {
	width: 190px;
	clear: both;
}

.sitemap #container .content li.page {
	width: 160px;
}

.sitemap #container .content li.anchors {
	margin-left: 10px;
	width: 160px;
}

.sitemap #container .content li.section a {
	color: #3333cc;
}

.sitemap #container .content li.anchors a {
	color: #9a3481;
}