@charset "utf-8";
/* CSS Document */

/*************************************************/
/* Xartner styles by WebCatch.co.uk 2009         */
/*************************************************/ 

*, body, html {
    font-size:1em;
	padding:0;
	margin:0;
	line-height:1.5em;
}

img {
	border:none;
}

body {
	margin: 0;
	padding:0;
	font: normal 11px/14px Verdana, sans-serif;
	color:#3a3a3c;
}

.right {
	float:right;
}
.left {
	float:left;
}

#wrapper {
	width:760px;
	margin: 0 auto;
}

#header{
	background: transparent url(../images/header.png) top center no-repeat;
	margin: 0;
	padding: 0;
	height:134px;
	width:760px;
}

#nav ul{
	font:86% Arial, Helvetica, sans-serif;
	list-style: none;
	background: #333 url(../images/nav-bg.png) top center no-repeat;
	height:26px;
	padding-left:48px;
	clear:both;
}

#nav li
{
 float: left;
}

#nav li a, #nav li a:visited {
	margin: 0;
	width:80px;
	line-height:26px;
	text-decoration: none;
	color:#938A80;
	display: block;
	margin-right:1px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}

#nav a:hover {
	color: #938A80;
}

#nav li a#on {
	background-color:#4a4a4c;
	background-image:none;
	color: #938A80;
	font-weight:bold;
}

.menu {
	margin: 0;
	width:80px;
	line-height:26px;
	text-decoration: none;
	color:#666F77;
	display: block;
	background: #333 url(../images/nav-bg.png) top center no-repeat;
	margin-right:1px;
	text-align:center;
}

.menuOn {
	background-color:#4a4a4c;
	background-image:none;
	color: #938A80;
	font-weight:bold;
}


#content{
	background:#fff url(../images/content-bg.png) top left repeat-x;
	font-size: 1em;
	padding-top:20px;
	float:left;
	display:inline;
}

#contentText {
	width:380px;
	float:left;
	padding-left:48px;
	display:inline;
}

#contentText p{
	padding:5px 10px;
	font-size: 0.9em;
}

#contentRight{
	float:left;
	width:332px;
	display:inline;
}

#contentRight img{
	margin-left:34px;
	margin-top:10px;
}

#subMenu {
    float:left;
    padding-left:18px;
    width:100px;
    display:inline;
}

#contentSubText {
	float:left;
	width:558px;
	padding-left:42px;
	display:inline;
	padding-right:42px;
}

#contentSubText p{
	padding:5px 10px;
	font-size: 0.9em;
}

#footer {
	clear:both;
	font-size:0.8em;
	padding:0 48px;
	color:#95A7AF;
	margin:10px 0;
	width:95%;
}

.row {
	border: #ccc 1px solid;
	width:150px;
}

.row2 {
	border: #ccc 1px solid;
	width:70px;
}

/***********************************************/
/* Sub Menu                                    */
/***********************************************/ 

#subMenu ul{
    font:95% Arial, Helvetica, sans-serif;
	list-style: none;
	background: #dedede url(../images/submenu-bg.png) top center no-repeat;
	height:87px;
	width:121px;
	padding-top:10px;
}

.subMenu {
	margin:0;
	text-decoration: none;
	color:#414142;
	display: block;
	padding:3px 0px 0px 10px;
}

.subMenuOn {
	color: #414142;
	background-color:#D9D9D9;
}

#subMenu li a, #subMenu li a:visited {
	margin:0;
	text-decoration: none;
	color:#414142;
	display: block;
	padding:3px 0px 0px 10px;
}

#subMenu a:hover {
	color: #414142;
	background-color:#D9D9D9;
}

/***********************************************/
/* Text styles                                 */
/***********************************************/ 

div, p, li, ul, ol, h1, h2, h3, h4, h5, h6, img, a {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}

h1 {
	color: #3a3a3c;
	font-size:180%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0px 10px 5px 10px;
}

h2 {
	color: #3a3a3c;
	font-size:120%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:10px 10px 10px 10px;
	font-style:italic;
	font-weight:normal;
}

h3 {
    font-size:110%;
	padding:10px 10px 0px 10px;
}

p {line-height:1.5em;}
.small {font-size:10px;}

/***********************************************/
/* Link styles                               */
/***********************************************/ 

a:link, a:visited, a:hover {
	color: #1A1A1A;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/***********************************************/
/* Homepage styles                             */
/***********************************************/ 


/***********************************************/
/* Page styles                             */
/***********************************************/ 

.headQuote{
	float:right;
	width:260px;
	font-size:0.9em;
	font-style:italic;
	margin:30px 80px 0 0px;
	text-align:justify;
}

.headQuoteBy{
	font-weight:bold;
	text-align:right;
	font-style:normal;
	margin-top:5px;
}

.login{
	float:left;
	width:240px;
	font-size:0.85em;
	margin:10px 0 0 208px;
	text-align:right;
}

.quickRegister{
	background:url(../images/register-bg.png) top left no-repeat;
	width:264px;
	height:189px;
	margin-left:34px;
	padding:5px;
	font-size:0.89em;
}

.quickRegister h3 {
	padding:10px 5px 8px 5px;
}

.quickRegister a, .quickRegister a:visited{
	color:#000;
	text-decoration:underline;
}

.quickRegister a:hover{
	color:#000;
	text-decoration:none;
}

.quickRegisterJob{
	background:url(../images/register-bg.png) top left no-repeat;
	width:264px;
	height:189px;
	margin-left:0px;
	padding:5px;
	font-size:0.89em;
}

.quickRegisterJob h3 {
	padding:10px 5px 8px 5px;
}

.quickRegisterJob a, .quickRegisterJob a:visited{
	color:#000;
	text-decoration:underline;
}

.quickRegisterJob a:hover{
	color:#000;
	text-decoration:none;
}

.question {
	background:url(../images/question-bg.png) top left no-repeat;
	width:264px;
	height:219px;
	margin-left:34px;
	padding:5px;
	font-size:0.89em;
}

.question2 {
	background:url(../images/register-bg.png) top left no-repeat;
	width:264px;
	height:219px;
	margin-left:10px;
	padding:5px;
	font-size:0.89em;
}

.question h3 {
	padding:10px 5px 8px 5px;
}

.question2 h3 {
	padding:10px 5px 8px 5px;
}

.news {
	background:transparent url(../images/register-bg.png) top left repeat-y;
	width:264px;
	height:179px;
	margin-left:34px;
	padding:5px;
	font-size:0.89em;
	margin-bottom:10px;
}
.newsText {
	overflow:auto;
	height:165px;
}

.rolesText {
	overflow:auto;
	height:179px;
}

.news h3 {
	padding:10px 5px 8px 5px;
}


/***********************************************/
/* Job Roles                                   */
/***********************************************/ 

.roles{
	background: transparent url(../images/roles-bg.png) top left no-repeat;
	height: 110px;
	width: 407px;
	font-size:0.9em;
	line-height:1em;
}

.roles a, .roles a:visited{
	color:#231F20;
	font-weight:bold;
	text-decoration:underline;
}

.roles a:hover{
	color:#231F20;
	font-weight:bold;
	text-decoration:none;
}

.rolesHeader{
	background: transparent url(../images/rolesheader-bg.png) top left no-repeat;
	height: 20px;
	width: 407px;
	color:#231F20;
	font-weight:bold;
}

.rolesHeader a, .rolesHeader a:visited, .rolesHeader a:hover {
	color:#231F20;
	font-weight:bold;
	text-decoration:none;
	padding-left:10px;
	line-height:16px;
}

.rolesDetail {
	background: transparent url(../images/roles-detail-bg.png) bottom left no-repeat;
	width: 407px;
	font-size:0.9em;
	line-height:1em;
	text-align:left;
}

.rolesDetail ul {
	margin-left:20px;
}


.contentWith
{
    float:right;
    width:369px;
    display:inline;
}
.contentImg
{
    float:right;
    width:189px;
    height:100%;
    display:inline;
}