html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

ol, 
ul {
	list-style: none;
}

blockquote, 
q {
	quotes: none;
}

blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


html {
	font-size: 62.5%;
	overflow-y: scroll;
}

body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: white;
	font-size: 1.5em;
	background-color: #0D1011;
	overflow-y: hidden;
}

a {
	text-decoration: none;
	color: #9665AB;
}

a:hover {
	text-decoration: none;
}

#wrp {
	width: 970px;
	margin: 0 auto;
}

#hdr {
	height: 150px;
	border-bottom: 1px solid #313637;
	position:relative;
}

#vertical2 { background-image:url(http://dev.e-man.co.uk/mayfair/images/vertical_lign2.jpg); z-index:1; background-repeat:no-repeat; margin-left:540px; margin-top:88px; position:absolute;
}
#boxes_arrow { background-image:url(http://dev.e-man.co.uk/mayfair/images/boxes_arrow.jpg); z-index:1; background-repeat:no-repeat; margin-left:920px; margin-top:84px; position:absolute;
}

#hdr #log {
	display: block;
	position: absolute;
	width: 217px;
	height: 119px;
	top: 10px;
	background-image: url(img/logo.gif);
}

#hdr #clock {
	position: absolute;
	width: 330px;
	text-align:right;
	left:640px;
	top:10px;
	font-size:11px;
	color:white;
}

#hdr #nvp {
	position: absolute;
	top: 98px;
	left: 250px;
}

#hdr .act {
	color:white;
	background-color:#6f3899;
}

#hdr .sct {
	color:white;
	background-color:#6f3899;
}

#hdr #phn {
	position: absolute;
	width: 230px;
	text-align: right;
	font-size: 1em;
	top: 97px;
	left: 740px;
}

#cert { 

	margin-top:10px;
	float:right;
	width:250px;

}

#cont {

	margin-top:10px;
	float:left;
	width:560px;

}

#cnt {
	visibility:hidden;
	position:relative;
	left:300px;
}

#ftr {
	border-top: 1px solid #313637;
	padding-top:20px;
}

#ftr #nav {
	width:700px;
	margin:0 auto;
}

#ftr #nav table {
	width:100%;
	margin:0 auto;
}

#ftr #nav a:hover { 
	color:#9665ab; 
}

#ftr #nav .ttl {
	font-weight:normal;
}

#ftr #nav a {
	display:block;
	margin-bottom: 7px;
	color: #4D4D4D;
	font-size:0.75em;
}

#ftr #nav a.top {
	color:white;
	font-size:0.8em
}

#ftr #nav a.head:hover {
	text-decoration:none;
	cursor:default;
}


#ftr #nav a span {
	margin-right:10px;
	color:#313637;
}

#ftr .sep {
	clear:both;
	height:20px;
	border-bottom: 1px solid #313637;
}

#ftr #btm {
	padding:15px 0;
	font-size:.65em;
	color: #C4C4C4;
}

#ftr #btm span {
	color: #313637;
}

#cntct {
	float:right;
	width:200px;
	border:1px solid #1F2223;
	background-color:#131415;
	margin-left:10px;
	padding-left:20px;
	padding-bottom:20px;
}

#cntct .title {
	margin:20px 0;
	font-size:1.2em;
}

#cntct p {
	color:#C4C4C4;
}

#cntct .csep {
	width:150px;
	border-bottom:1px solid #313637;
	margin-bottom:20px;
	
}
.tmlink {
	margin-top:10px;
	margin-bottom:10px;
}
.tmlink a {
	padding-right:7px;
	padding-left:7px;
}
.tmlink a.first {
	padding-left:0px;
}

#nlist	{
	margin-right:10px;
	
}

.sslink {
	margin-top:10px;
	margin-bottom:10px;
}
.sslink a {
	padding-right:7px;
	padding-left:7px;
}
.sslink a.first {
	padding-left:0px;
}
	



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	0.5;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			14.5em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			14.5em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			14em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, 
.sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#68696A;
}
.sf-menu li {
	background:		#262828;
}
.sf-menu li li {
	background:		#393140;
}
.sf-menu li li a {
	color:white !IMPORTANT;
}
.sf-menu li li li {
	background:		#393140;
}
.sf-menu li:hover, 
.sf-menu li.sfHover,
.sf-menu li.sfHover > a,
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active {
	background:		#9665ab;
	color:			white;
	outline:		0;
}

/*** arrows **/

.sf-sub-indicator {
	display:none;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


#cnt {
	padding:20px 0;
}

#cnt > img {
	background-color: #141516;
}

.ttl {
	font-size:1.4em;
	font-weight:bold;
}

.tun {
	width:100px;
	height:15px;
	border-bottom:1px solid #313637;
	margin-bottom:40px;
}

p,
#cnt li {
	font-size:.85em;
	margin-bottom:1em;
	line-height:1.4em;
}

#cnt p:last-child {
	margin-bottom:0;
}

#cnt p strong {
	font-size:1.2em;
}

#cnt .sep {
	clear:both;
	height:40px;
	border-bottom:1px solid #313637;
	margin-bottom:40px;
}

#cnt ol {
    list-style: decimal outside none;
	margin-bottom:20px;
}

#cnt ol li {
	margin-left:40px;
}

#cnt ul {
    list-style: disc outside none;
	color:#9665AB;
	margin-bottom:20px;
}

#cnt ul li {
	margin-left:40px;
	color:white;
}

#cnt ul li span {
	color:white;
}


#sc {
	position: relative;
	overflow: scroll;
	height: 390px;
	width: 530px;
	/*margin: 20px 0;*/
	float:left;
	margin-right:40px;
}

#sc .b {
	position: absolute;
	left: 0;
	top: 0;
}

#sc .p {
	display:block;
	float: left;
	overflow: hidden;
	width: 530px;
	height: 450px;
	background-position:center center;
}

#sc img {
	position:absolute;
}

#sc #b0,
#sc #b2 {
	height:7px;
	width:970px;
}

#sc #b2 {
	top: 383px;
}

#sc #b1,
#sc #b3 {
	height:376px;
	width:7px;
	top:7px;
}

#sc #b3 {
	left:523px;
}

#sc #bg {
	top:400px;
	left:7px;
	width:516px;
	height:43px;
}


#areas {
	float:left;
	width:230px;
	background-color:#1E1F20;
	margin-right:20px;
	border:1px solid #1F2223;
}

#areas .title {
	text-align:center;
	margin:20px 0;
	font-size:.85em;
}
#bar { background-image:url(../images/home_bar.png); position: absolute; z-index:0; margin-left:0px; margin-top:-454px; opacity:0.6;
}
#bar2 { background-image:url(../images/home_bar.png); position: absolute; z-index:0; margin-left:29px; margin-top:-435px; opacity:0.6;
}
#bar3 { background-image:url(../images/home_bar.png); position: absolute; z-index:0; margin-left:29px; margin-top:-435px; opacity:0.6;
}

#areas .asep {
	border-top:1px solid #313637;
	width:160px;
	margin:0 auto;
	height:20px;
}

#areas ul {
	list-style:disc;
	margin-left:50px;
	line-height:1.3em;
	margin-bottom:20px;
}

#areas li {
	color:#9665AB;
}