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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #000000;
	background: transparent;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* now we start */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color: black;
} 
 
#pagewidth{ 
 width:715px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 margin-top:70px;
 position:relative; 
 height:100px; 

 background: black url(images/gradient_line.jpg) no-repeat bottom left;
 width:100%;
} 
 
#maincol{margin-top:20px;  
 float: right; 
 display:inline; 
/* position: relative; */
 width:715px; 
 height:385px;
 background: #322f30 url(images/gradient_line.jpg) no-repeat bottom left;
 }
 
#footer{
 height:100px; 
 background-color: black;
 clear:both;
 } 
 

 .clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* live site */

#sw{float:left;}
#message{padding:50px 20px 0px 300px; color:white;background-color: #322f30;}
#message a{color:#c0c0b0;}
#message h1{color:white;font: normal 20px Arial, Helvetica, sans-serif;margin-bottom:15px;}
#message h2{color:white;font: normal 18px Arial, Helvetica, sans-serif;margin:10px 0px;}
#message p,ul{color:white;font: normal 10px/15px Verdana, Arial, Helvetica, sans-serif;margin-top:10px;padding:0;}
#message p span{color:#c0c0b0;}

#mainmenu{padding-top:31px;padding-left:0px;width:715px;height:25px;}

#topnav ul{list-style-type: none;margin-left:0px;padding:0px;}
#topnav ul li{padding: 0px 0px 0px 0px;margin:0px;display: block;float:left;color:#ffffff;font: normal 12px Arial, Helvetica, sans-serif;text-align: center;}
#topnav a{color: #c0c0b0; text-decoration: none;display: block;padding:5px 0px;width:73px;}


#topnav a.home{width:73px;}
#topnav a.about{width:170px;}
#topnav a.ser{width:110px;}
#topnav a.pub{width:110px;}
#topnav a.re{width:110px;}
#topnav a.con{width:110px;}

#topnav a:hover{color:#ffffff;}
#topnav a.active{color:#ffffff;}

ul{margin-left:20px;list-style:disc;}
li{margin-top:5px;}

#timebox{color:#ffffff;font: normal 12px Arial, Helvetica, sans-serif;float:left;margin:10px 10px 0px 0px}
#twitter{float:left;margin:10px 0px 0px 100px}
#cbox{color:#ffffff;font: normal 12px Arial, Helvetica, sans-serif;float:right;margin:10px 10px 0px 0px}
#cbox a.ca{display:block;color:#ffffff;text-decoration:none;background: url('images/client_icon.gif') no-repeat;padding-left:30px; padding-right:0px; padding-top:4px; padding-bottom:6px}
#cbox a.al{display:block;color:#ffffff;text-decoration:none;background: url('images/account_icon.gif') no-repeat;padding-left:30px; padding-right:0px; padding-top:4px; padding-bottom:6px}

.cbox2{color:#ffffff;font: normal 12px Arial, Helvetica, sans-serif;margin:10px 10px 0px 0px}
.cbox2 a.al{display:block;color:#ffffff !important;text-decoration:none;font: normal 12px Arial, Helvetica, sans-serif;text-decoration:none;background: url('http://www.dartcapital.co.uk/images/account_icon.gif') no-repeat;padding-left:30px; padding-right:0px; padding-top:4px; padding-bottom:6px}

a.sca{display:block;color:#ffffff;text-decoration:none;background: url('images/internal_icon.gif') no-repeat 0% 65%;padding-left:20px; padding-right:0px; padding-top:14px; padding-bottom:6px; font: normal 12px Arial, Helvetica, sans-serif;}
a.sca1{display:block;color:#e4ddc5;text-decoration:none;padding-left:0px; padding-right:0px; padding-top:14px; padding-bottom:6px; font: normal 12px Arial, Helvetica, sans-serif;}
#sw a:hover{color:white}
#sw a.active{color:white}


ul#cssMenu ul{display:none}
ul#cssMenu li:hover>*{display:block}
ul#cssMenu li:hover{position:relative;}
ul#cssMenu ul{position: absolute;left:-1px;top:98%;}
ul#cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul#cssMenu,ul#cssMenu ul{margin:0px;list-style:none;padding:3px 0 3px 3px;background-color:#000000;border-width:0px;border-style:solid;border-color:#C0AF62;}
ul#cssMenu table {border-collapse:collapse}
ul#cssMenu {display:block;font-size:0;zoom:1;width:715px;height:25px;position:absolute;z-index: 1000;left: 0px;top: 65px;}
ul#cssMenu ul{margin:0px;list-style:none;width:130px;padding:3px 3px 0px 3px;margin-left:20px;opacity:0.8;filter:alpha(opacity=80)}
ul#cssMenu ul.serv{width:130px;padding:3px 3px 0px 3px;margin-left:10px;opacity:0.8;/*filter:alpha(opacity=80)*/}
ul#cssMenu li{display:block;zoom:1;margin:0 3px 0 0;font-size:0;float:left;}
ul#cssMenu ul li{margin:0 0 0px;}
ul#cssMenu a:active, ul#cssMenu a:focus {outline-style:none}
ul#cssMenu a, ul#cssMenu li.dis a:hover,ul#cssMenu li.sep a:hover{
        display:block;vertical-align:middle;_display:inline-block;_vertical-align:top;background-color:#000000;border:0px solid #FCEEB0;text-align: center;text-decoration:none;padding:3px;_padding-left:0;font:normal 12px Arial, Helvetica, sans-serif;;color: #c0c0b0;text-decoration:none;cursor:pointer;}
ul#cssMenu span{overflow:hidden;}
ul#cssMenu ul li {float:none;}
ul#cssMenu ul a, ul#cssMenu ul li.dis a:hover{display:block;text-align:left;white-space:nowrap;}
ul#cssMenu li.sep{text-align:left;padding:0px;line-height:0;height:100%;}
ul#cssMenu li.sep span{float:none;padding-right:0;width:3px;height:100%;display:inline-block;background-color:#C0AF62;background-image:none;}
ul#cssMenu ul li.sep span{width:100%;height:3px;}
ul#cssMenu li:hover>a{background-color:#000000;border-color:#4C99AB;border-style:solid;font:normal 12px Arial, Helvetica, sans-serif;;color: #FFFFFF;text-decoration:none;}
ul#cssMenu li a:hover{_position:relative;background-color:#000000;border-color:#4C99AB;border-style:solid;font:normal 12px Arial, Helvetica, sans-serif;;color: #FFFFFF;text-decoration:none;}
ul#cssMenu li.dis a{color: #AAAAAA !important;}
ul#cssMenu img{border: none;vertical-align: middle;margin-right:6px;}
ul#cssMenu img.over{display:none}
ul#cssMenu li.dis a:hover img.over{display:none !important}
ul#cssMenu li.dis a:hover img.def {display:inline !important}
ul#cssMenu li:hover > a img.def  {display:none}
ul#cssMenu li:hover > a img.over {display:inline}
ul#cssMenu a:hover img.over,ul#cssMenu a:hover ul img.def,ul#cssMenu a:hover a:hover ul img.def,ul#cssMenu a:hover a:hover img.over,ul#cssMenu a:hover a:hover a:hover img.over{display:inline}
ul#cssMenu a:hover img.def,ul#cssMenu a:hover ul img.over,ul#cssMenu a:hover a:hover ul img.over,ul#cssMenu a:hover a:hover img.def,ul#cssMenu a:hover a:hover a:hover img.def{display:none}
ul#cssMenu a:hover ul,ul#cssMenu a:hover a:hover ul{display:block}
ul#cssMenu a:hover ul ul{display:none}
/*
ul#cssMenu span{display:block;background-image:url(arrowmain.gif);background-position:right center;background-repeat: no-repeat;padding-right:14px;}
ul#cssMenu li:hover>a>span{background-image:url(arrowmaino.gif);}
ul#cssMenu a:hover span{_background-image:url(arrowmaino.gif)}
ul#cssMenu ul span,ul#cssMenu a:hover table span{background-image:url(arrowsub.gif)}
ul#cssMenu ul li:hover > a span{background-image:url(arrowsubo.gif);}
ul#cssMenu a:hover span,ul#cssMenu a:hover a:hover span{background-image:url(arrowsubo.gif)}
ul#cssMenu table span,ul#cssMenu a:hover table span{background-image:url(arrowsub.gif)}
*/

#cssMenu a.home{width:69px;}
#cssMenu a.about{width:166px;}
#cssMenu a.ser{width:106px;}
#cssMenu a.pub{width:106px;}
#cssMenu a.re{width:106px;}
#cssMenu a.con{width:106px;}

#cssMenu a:hover{color:#ffffff;}
#cssMenu a.active{color:#ffffff;}
#inner{padding:0px 10px 0px 0px; height:270px; overflow : auto;  color:white;margin-bottom:0px;}

#inner a{text-decoration:none;}

.imageright{float:right;margin-left:15px;margin-bottom:20px;}