/* ===========================================================================
Julius Finance Website Stylesheet
http://www.juliusfinance.com
Copyright 2008 - All Rights Reserved
=========================================================================== */

/* -------------- Essential Styling --------------- */
body{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	color: #6a6a6a;
	text-align: left;
	font-size: 62.8%;
	line-height: 1.4em;
	background: #f9fbfd url('/global/images/background2.jpg') repeat-x;
	behavior: url('/global/js/hover.htc');
	}
	
p {
	margin: .5em 0 1em 0;
	text-align: left;
	}
	
.bodycopy {
	color: #6a6a6a;	
	font-size: 1.2em;
	text-align: left;
	line-height: 1.3em;
	}
.bodycopywhite {
	color: #ffffff;	
	font-size: 1.2em;
	text-align: left;
	}
.largebodycopy {
	color: #6a6a6a;	
	font-size: 1.4em;
	text-align: left;
	}

input.buttonstyle, input.buttonstyle:link, input.buttonstyle:visited, input.buttonstyle:hover, input.buttonstyle:active {
	color: #3c3c3c;	
	font-size: 11px;
	text-align: center;
	}
	
.menustyle {
	color: #6a6a6a;	
	font-size: 1.1em;
	text-align: left;
	}
.menustylepx {
	color: #6a6a6a;	
	font-size: 11px;
	text-align: left;
	line-height: 1.1em;
	}
.menustylewhite {
	color: #ffffff;	
	font-size: 1.1em;
	text-align: left;
	}
.menustylegrey {
	color: #a1a1a1;	
	font-size: 1.1em;
	text-align: left;
	}
	
.small {
	color: #6a6a6a;	
	font-size: 1.0em;
	font-weight: normal;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	}
.smallwhite {
	color: #FFFFFF;	
	font-size: 1.0em;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	}
	
/* Heading Text */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #2f99d1;
	text-align: left;
	margin: 0px;
	padding: 0px;
	line-height: 1.4em;
	}
h1 {
	font-size: 2.0em;
	letter-spacing: -.04em;
	}
h2 {
	font-size: 1.8em;
	letter-spacing: -.03em;
	}
h3 {
	font-size: 1.6em;
	letter-spacing: -.02em;
	}
h4 {
	font-size: 1.4em;
	letter-spacing: -.01em;
	}
h5 {
	font-size: 1.2em;
	letter-spacing: .01em;
}
h6 {
	font-size: 1.0em;
	letter-spacing: .06em;
	}
	
/* List Styling */
li {
	background: url("/global/images/bullet.gif") no-repeat 0em 0.5em;
	padding-left: 15px;
	padding-right: 5px;
	list-style: none;
	margin: 0px;
}

ul {
	margin: 0px;
	padding: 0px;
}
	
/* Default Link Colours */
a:link, a:visited {
	color: #2f99d1;
	text-decoration: none;
	}
a:hover,a:active {
	color: #2079a4;
	text-decoration: underline;
	border-bottom-color: #2079a4;
	}
	
/* White Links */
a.white:link, a.white:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
a.white:hover,a.white:active {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
/* Base Grey Links */
a.grey:link, a.grey:visited {
	color: #a1a1a1;
	text-decoration: none;
	}
a.grey:hover,a.grey:active {
	color: #a1a1a1;
	text-decoration: underline;
	}
	
/* Body Grey Links */
a.grey2:link, a.grey2:visited {
	color: #752a00;
	text-decoration: none;
	}
a.grey2:hover,a.grey2:active {
	color: #c4894e;
	text-decoration: underline;
	}

/* Image  Link Colours */
a.imglink:link, a.imglink:visited {
	color: #ffffff;
	}
a.imglink:hover,a.imglink:active {
	color: #ffffff;
	}
	
/* Table styling */
.none {
	padding: 0px;
	margin: 0px;
	border: none;
	}
/* End Table styling */

/* -------------- Layout Div Styling --------------- */
div#Main_Wrapper {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 808px;
	}
div.img {
	margin: 0px;
	padding: 0px;
	clear: both;
	}
div#Main_Backer {
	margin: 0px;
	padding: 0px 5px;
	background: transparent url('/global/images/content_backer.png') repeat-y;
	}
div#Main_Backer2 {
	margin: 0px;
	padding: 0px;
	background: #fff;
	}
div#Header_Wrapper {
	margin: 0px;
	padding: 0px;
	height: 78px;
	width: 100%;
	background: url('/global/images/header_backer.gif') no-repeat;
	}
div#Header {
	margin: 0px;
	padding: 0px;
	float:left;
	}
div#Menu_Wrapper {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	height: 27px;
	background: #2674a0 url('/global/images/menu_backer.gif') repeat-x;
	}
div#Main_Menu {
	margin: 0px;
	padding: 0px;
	height: 27px;
	width: 100%;
	}
div#Image_Wrapper {
	margin: 0px;
	padding: 0px;
	}
	
/* Content Area Styling */
div#Content_Wrapper {
	margin: 0px;
	padding: 10px 5px 0px 5px;
	}
div.column1 {
	margin: 0px;
	padding: 0px;
	width: 538px;
	float: left;
	/* edit default font below */
	color: #6a6a6a;	
	font-size: 1.2em;
	text-align: left;
	line-height: 1.5em;
	}
	
div.column2 {
	margin: 0px;
	padding: 0px 0px 5px 5px;
	width: 240px;
	float: right;
	display: inline;
	/* edit default font below */
	color: #6a6a6a;	
	font-size: 1.1em;
	text-align: left;
	line-height: 1.4em;
	}

div.column1as1 {
	margin: 0px;
	padding: 0px;
	width: 778px;
	float: left;
	/* edit default font below */
	color: #6a6a6a;	
	font-size: 1.2em;
	text-align: left;
	line-height: 1.4em;
	}
	
div.seperator {
	height: 1px;
	background: url('/global/images/dotted_seperator.gif') repeat-x;
	}
div.box {
	margin: 5px;
	padding: 0px;
	background: #f7f8f7;
	border: 1px solid #e4e3e4;
	}
	
div.box_header_red{
	text-align: center;
	margin: 0px;
	height: 18px;
	padding: 3px 8px 0px 8px;
	color: #ffffff;
	font-weight: bold;
	background: #ff6666
	}
	
div.box_header_sampledata{
	text-align: center;
	margin: 0px;
	height: 18px;
	padding: 3px 8px 0px 8px;
	color: #ffffff;
	font-weight: bold;
	background: #006600
	}

div.box_header {
	margin: 0px;
	height: 24px;
	padding: 3px 8px 0px 8px;
	color: #ffffff;
	font-weight: bold;
	background: url('/global/images/table_header.gif') repeat-x;
	}
div.box_content {
	margin: 0px;
	padding: 3px 8px 0px 8px;
	}
	
/* Footer Styling */
div#Footer_Wrapper {
	margin: 0px;
	padding: 0px;
	width: 100%;
	clear: both;
	color: #fff;
	background: #2674a0 url('/global/images/footer_backer.gif') repeat-x;
	}
div#Footer {
	margin: 0px;
	padding: 4px 8px 0px 8px;
	text-align: left;
	line-height: 1.5em;
	width: auto;
	float: left;
	}
div#Footer a:link, div#Footer a:visited {
	color: #fff;
	text-decoration: none;
	}
div#Footer a:hover, div#Footer a:active {
	color: #fff;
	text-decoration: underline;
	}
div.clearline {
	margin: 0px;
	padding: 0px;
	clear:both;
	}

/* Common Styling */
.imageleft {
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: left;
	}
.imageright {
	margin: 0px;
	padding: 0px;
	float: right;
	text-align: right;
	}
	
.left {
	float: left;
	text-align: left;
	}
.center {
	text-align: center;
	}
.right {
	float: right;
	text-align: right;
	}
	
/* MAIN MENU Styling */
* { margin: 0; padding: 0; }
	.nav a:hover { text-decoration: none; }

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

.clear { display: inline-block; }
	
/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */
	
/* image replacement general properties */
ul.IR li { 
	position: relative;
	/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
	But overflow also includes our dropdown list, so we need the overflow to be visible. */
	/*overflow: hidden; */
	font-size: 0.9em;
	}
			
.IR em {
	display: block;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
	}
	
/* For IE5.x mac only */
* html>body	.IR { 
	position: static;
	overflow: visible;
	font-size: 10px;
	}
* html>body .IR em  { position: static; }
	
/* image replacement specific properties */
.nav { list-style: none; }
.nav li { float: left; padding: 0px; height: 27px;} /* add a little bottom padding to make sure the sub menus don't disappear before selecting them */
.nav li em.item1 { width: 66px; height: 27px; }	/* HOME */
.nav li em.item2 { width: 88px; height: 27px; }	/* COMPANY */
.nav li em.item3 { width: 92px; height: 27px; }	/* PRODUCTS */
.nav li em.item4 { width: 110px; height: 27px; }	/* TECHNOLOGY */
.nav li em.item5 { width: 83px; height: 27px; }	/* SUPPORT */
.nav li em.item6 { width: 63px; height: 27px; }	/* NEWS */
.nav li em.item7 { width: 88px; height: 27px; }	/* CONTACT */
.nav li em.item8 { width: 89px; height: 27px; }	/* PARTNERS*/
	
* html>body ul.nav li em { margin-bottom: -27px; } /* for ie5.x/mac only */
	
.link1 em, .link2 em, .link3 em, .link4 em, .link6 em, .link5 em, .link7 em, .link8 em { 
	background: url('/global/images/menuitems.gif') no-repeat; 
	cursor: pointer;
	/* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
.link1 { left: 0px; width: 66px;}			/* HOME */
.link1 em { background-position: 0 0; }			/* HOME */
.link1:hover em { background-position: 0 -27px; }	/* HOME */
.link2 { left: 0px; width:88px;}				/* COMAPNY */
.link2 em { background-position: -66px -0; }		/* COMAPNY */
.link2:hover em { background-position: -66px -27px; }	/* COMAPNY */
.link3 { left: 0px; width: 92px;}			/* PRODUCTS */
.link3 em { background-position: -154px 0; }		/* PRODUCTS */
.link3:hover em { background-position: -154px -27px; }	/* PRODUCTS */
.link4 { left: 0px; width: 110px;}			/* TECHNOLOGY */
.link4 em { background-position: -246px 0; }		/* TECHNOLOGY */
.link4:hover em { background-position: -246px -27px; }	/* TECHNOLOGY */
.link5 { left: 0px; width: 83px;}			/* SUPPORT */
.link5 em { background-position: -356px 0; }		/* SUPPORT */
.link5:hover em { background-position: -356px -27px; }	/* SUPPORT */
.link6 { left: 0px; width: 63px;}			/* NEWS */
.link6 em { background-position: -439px 0; }		/* NEWS */
.link6:hover em { background-position: -439px -27px; }	/* NEWS */
.link7 { left: 0px; width: 88px;}			/* CONTACT */
.link7 em { background-position: -502px 0; }		/* CONTACT */
.link7:hover em { background-position: -502px -27px; }	/* CONTACT */
.link8 { left: 0px; width: 89px;}			/* CONTACT */
.link8 em { background-position: -587px 0; }		/* CONTACT */
.link8:hover em { background-position: -587px -27px; }	/* CONTACT */

/* DROP-DOWNS (Suckerfish) styles */
.nav a { display: block; font-weight: normal; }
* html .nav a { height: 1%; }
	
.nav li ul {
	position: absolute;
	z-index: 100; /* show the dropdowns above the images */
	top: 27px; /* position the dropdowns a set distance from the top of the image */
	left: -999em;
	list-style: none;
	rules: box;
	frame: hsides;
	border: 1px solid #006193;
	background-color: #5db1e1;
	width: 150px;
	}
	
.nav li:hover ul { left: auto; }
	
.nav li li {
	margin: 0px;
	padding: 0px;
	height: auto; /* reset the height and padding set on the IR list items */
	width: 100%;
	font-weight: bold;
	font-size: 1.2em;
	}
	
.nav li ul a:link, .nav li ul a:visited {
	padding: 0.25em;
	color: #fff;
	text-decoration: none;
	}
.nav li ul a:hover, .nav li ul a:active {
	padding: 0.25em;
	color: #fff;
	background: #0076b7;
	text-decoration: none;
	}