body{
	background: #545768 url(../_images/grad.jpg) repeat-x; 
	color: #fff; 
	margin: 0;
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 1.6em;
	font-size: 0.75em;
}

/* 		Typography 		*/
/* -------------------- */

h1, h2, h3, h4, blockquote{
	font-family: "Rotis", Arial;
	font-weight: normal;
	letter-spacing: -0.05em;
}
h1{
	font-size: 3em;
	padding: 0;
	margin: 40px 0 30px 0;
}
h2{
	font-size: 3em;
}
h3{
	color: #F3AF10;
	font-size: 1.4em;
	padding: 0;
	margin: 0 0 10px;
}
h3 a{
	text-decoration: none;
}
h3 a:hover{
	color: #C8CCBF;
}
h4{
	color: #C8CCBF;
	font-size: 1.2em;
	padding: 0;
	margin: 0 0 10px;
}
h5{
	color: #C8CCBF;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
}
p{
	padding: 0;
	margin: 0 0 10px 0;	
}
a{
	color: #F3AF10;
}
a:hover{
	text-decoration: none;
}
a img{
	border: 0px;
}
blockquote{
	padding: 0;
	margin: 0;
	font-size: 1.3em;
	line-height: 1.6em;
	color: #C8CCBF;
	letter-spacing: 0em;
}
hr{
	background-color: #111824;
	color: #111824; 
	height: 2px; 
	margin: 3px 0 10px 0; 
	border: 0px;
	padding: 0;
}
.list{
	margin: 0 0 20px 0;
	padding-bottom: 10px;
}
.list li{
	margin: 0;
	padding: 3px 0;
	list-style: none;
	padding-left: 20px;
	background: url(../_images/tick.png) no-repeat left 5px;
}
.list h3{
	padding: 0;
	margin: 0 0 5px 0;
}

/* 		Tables			*/
/* -------------------- */

table{
	width: 100%;
	border-collapse: collapse;
}
td{
	padding: 3px;
	border-bottom: 1px solid #545768;
}
td a{
	text-decoration: none;
	background: url(../_images/arrow.gif) no-repeat 0 2px;
	padding-left: 10px;
}
td a:hover{
	text-decoration: underline;
}



/* 		Layout			*/
/* -------------------- */

#wrapper{
	width: 950px; 
	margin: 0 auto;
	background: #181E2C url(../_images/grad.jpg) repeat-x center 330px;
	position: relative;
}
#logo{
	text-align: right;
	padding: 30px 25px 20px 0;
	clear: both;
	height: 37px;
}
#nav{
	position: absolute;
	left: 20px;
	top: 54px;
	margin: 0;
	padding: 0;
}
#content{
	padding: 20px 0 10px 20px;
	overflow: hidden;
}
#footer{
	background: #545768 url(../_images/shadow.jpg) no-repeat;
	padding: 20px;
	font-size: 0.9em;
	overflow: hidden;
	height: 30px;
	width: 910px;
}
.column{
	float: left;
	margin-right: 20px;
}
.column.last{
	margin: 0;
}
.span1-4{
	width: 210px !important; width: 195px;
}
.span1-5{
	width: 160px !important; width: 205px; padding: 0;
}
.span2-4{
	width: 440px !important; width: 430px;
}
.span3-4{
	width: 670px !important; width: 665px;
}
.span4-4{
	width: 920px !important; width: 870px;
}
.span3-4 .span1-2{
	width: 315px !important; width: 290px; 
}
.span2-4 .span1-4{
	width: 200px !important; width: 190px; margin-bottom: 10px;
}
#partners{
	width: 300px; float: right;
}


/* 		Banner			*/
/* -------------------- */
#banner{
	overflow: hidden;
	padding: 0 0 0 20px;
	color: #111824;
	position: relative;
	background: #fff url(../_images/white-grad.jpg) repeat-x left top;
	border-bottom: 2px solid #F3AF10;
	width: 930px;
	position: relative;
}
/* Rounded corners fix */
#banner:before , #rounded{
  background: url(../_images/top-right.png) scroll no-repeat top right;
  margin-bottom: -20px;
  height: 10px;
  display: block;
  border: none;
  content: url(../_images/top-left.png);
  padding: 0;
  line-height: 0.1;
  font-size: 1px;
  position: absolute;
  width: 950px;
  left: 0;
  top: 0;
}
#banner p{
	margin: 0 0 20px 0;
	padding: 0;
}
#banner .slide{
	position: absolute;
	top: 0px;
	left: 20px;
	overflow: hidden;
	float: left;
	height: 255px;
	z-index: 1;
	width: 950px;
	display: none;
}
#banner .tight{
	margin: 0;
	padding: 0;	
}
#banner .next a{
	color: #111824;
	margin-top: 10px;
}
#banner .next a:hover{
	color: #F3AF10;
	text-decoration: underline;
}
#banner .span3-4{
	height: 160px;
}
#banner .span3-4 .next a{
	border: 0px;
	width: auto;
	display: inline;
	background-position: 0 6px;
}
#banner .span1-4 h3{
	color: #111824;
	padding: 0 0 5px 0;
	margin: 5px 0;
	border-bottom: 1px solid #111824;
}
#banner .span3-4 h3, #banner .span2-4 h3{
	color: #494E5D;
	font-size: 1.6em;
	width: 400px;
	padding: 0;
	margin: 0;
	line-height: 1em;
}
#banner .span3-4 h2{
	margin: 80px 0 20px 0;
	padding: 0;
}
#banner .span1-4 li{
	float: none;
}
#banner .span1-4 li a{
	color: #111824;
	padding: 2px 0 0 10px;
	background: url(../_images/arrow.gif) no-repeat 0 5px;
}
#banner .span1-4 li a:hover{
	text-decoration: underline;
}
#banner .span1-4 li.on a, #banner .span1-4 li.on a:hover{
	cursor: default;
	color: #F3AF10;
	text-decoration: none;
}

#slider{
	position: absolute;
	left: 20px;
	top: 20px;
	font-size: 0.9em;
	text-transform: uppercase;
	width: 400px;
	height: 200px;
	overflow: hidden;
	z-index: 10;
}
#slider li a span{
	padding: 2px 5px;
	margin-right: 1px;
}
#slider li a{
	color: #111824; 
}
#slider li a:hover span{
	color: #fff; 
	background-color: #C8CCBF;
}
#slider li.on a span{
	color: #fff;
	background-color: #F3AF10;
}

#slide-vision{
	background: url(../_images/pic-girl.jpg) no-repeat 300px top;
} 
#slide-trust{
	background: url(../_images/pic-boss.jpg) no-repeat 300px top;
} 
#slide-resources{
	background: url(../_images/pic-team.jpg) no-repeat 300px top;
} 


/* 		Navigation		*/
/* -------------------- */
.nav{
}
.nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav li{
	margin: 0 5px 0 0;
	padding: 0;
	list-style: none;
	float: left
}
.nav li a{
	display: block;
	color: #fff;
	text-decoration: none;
}
.nav li.on a{
	color: #F3AF10;
	font-weight: bold;
}
#nav li.on{
	background: url(../_images/tab.jpg) top left;
}
#nav li.on a{
	background: url(../_images/tab.jpg) top right;
	cursor: default;
}
#nav li a{
	padding: 7px 15px 7px 10px; 
	margin-left: 5px;
}
#nav li.hover, #nav li:hover{
	background: url(../_images/tab-over.jpg) top left;
}
#nav li.hover a, #nav li:hover a{
	background: url(../_images/tab-over.jpg) top right;
}
#nav li a:hover, #nav li:hover a, #nav li.hover a{
	color: #F3AF10;
	cursor: pointer;
}

#nav{
	z-index: 10001; 
}
#nav li ul{
	position: absolute; 
	top: 30px; 
	visibility: hidden; 
	font-size: 0.9em;
	padding-bottom: 10px;
	background-color: #464B56;
}
#nav li.hover ul, #nav li:hover ul{
	visibility: visible; 
	margin: 0;
	padding: 5px 0;
	width: 180px;
}
#nav li.hover ul li, #nav li:hover ul li{
	margin: 1px 0;
	background: none;
	width: 180px;
	padding: 0;
	margin: 0;
}
#nav li:hover ul li a, #nav li:hover ul li a:hover, #nav li.hover ul li a, #nav li.hover ul li a:hover, #nav li.on.hover ul li a, #nav li.on.hover ul li a:hover{
	background-image: none;
	padding: 3px 8px;
	margin: 0 5px;
	color: #fff;
	border-bottom: 1px solid #3F434D;
	font-weight: normal;
	cursor: pointer;
}
#nav li.hover ul li a:hover, #nav li:hover ul li a:hover{
	color: #F3AF10;
	background: #1E222D;
}
#nav li.on ul li.on a, #nav li.on ul li.on a:hover{
	background: #F3AF10;
	color: #1E222D;
	font-weight: bold;
	cursor: default;
}


/* 		Tabs			*/
/* -------------------- */

.tabs{
	margin-bottom: 15px;
	border-bottom: 1px solid #F3AF10;
	width: 100%;
}
.tabs ul{
	position: relative;
	overflow: hidden;
}
.tabs li a{
	margin-bottom: 3px; 
	padding: 0 5px 5px 5px;
}
.tabs li a:hover{
	color: #C8CCBF;
}
.tabs li.on a, .tabs li.on a:hover{
	color: #F3AF10;
	border-bottom: 3px solid #F3AF10; 
	margin-bottom: 0;
	cursor: default;
}

.tab{
	display: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.tab.on{
	display: block;
}

/* 		Other			*/
/* -------------------- */
.next a{
	text-decoration: none;
	color: #fff;
}
.next a:hover{
	color: #F3AF10;
}
p.next a{
	display: block;
	padding: 5px 0 0 10px;
	border-top: 1px solid #C8CCBF;
	background: url(../_images/arrow.gif) no-repeat 0 10px;
}

ul.next{
	margin: 0;
	padding: 0;
	list-style: none;	
}
ul.next li{
	margin: 5px 0;
}
ul.next a{
	background: url(../_images/arrow.gif) no-repeat 0 4px;
	display: block;
	padding-left: 10px;
	border-bottom: 1px solid #545768;
}

.accordion{
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
	font-size: 0.9em;
}

.accordion li{
	margin: 0;
	padding: 0;
	list-style: none;
}
.accordion li a{
	display: block;
	text-decoration: none;
	width: 193px;
	padding: 3px 8px;
	height: 20px;
	color: #fff;
	border-bottom: 1px solid #545768;
}
.accordion li a:hover{
	color: #F3AF10;
}
.accordion li.on a, .accordion li.on a:hover{
	background: url(../_images/accordion-on.png);
	color: #fff;
	border: 1px solid #fff;
}
.accordion li:last-child a{
	border: 0px;
}

.hide{
	display: none;
}
ul.hide{
	display: block;
}
ul.hide li{
	display: none;
}

.sample-reporting{
	background: url(../_images/sample-clientreport.jpg) no-repeat right bottom;
}


@font-face {
    font-family: "Rotis";
    src: url(../_files/RotisSans.eot);
    src: local("Rotis"), url(../_files/RotisSans.ttf) format("truetype");
}