/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

/* ----------->>> clear <<<-----------*/
.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 */


/* ------->>> Super and sub script <<<--------*/
sup, sub {
	font-family:Geneva, Arial, Helvetica, sans-serif;
  	line-height: 1px;
	height: 0;
	font-weight: normal;
    position: relative;
	font-size: 0.6em;
}
	sup {vertical-align:text-top; _vertical-align: top;}
	sub {vertical-align:text-bottom;_vertical-align: bottom;}

/* ------->>> Text elements <<<--------*/
html{
	font-size: 100.01%;
}
body {
	font-size: 75%; /* Base font size is 12px */
	line-height:1.25em; /* 12×1.125=15 */

	color: #3b3b3b;
	font-family: Helvetica, Arial, sans-serif;
	
	text-shadow:rgba(0,0,0,0.01) 0 0 0;
	
}

h1,h2,h3,h4,h5 {
	color: #af2b25;
	font-weight: normal;
}
h2 .sub,h3 .sub,h4 .sub,h5 .sub {
	font-size: .65em;
	color: #BBB;
	font-weight: normal;
	display: block;
	text-shadow: none;
}

h1 { font-size: 26px; line-height: 32px; } 	/* Equals 18px/24px */
h2 { font-size: 20px; line-height: 26px; padding-bottom: 0.5em; } /* Equals 24px/28px */
h3 { font-size: 18px; line-height: 22px; color: #3b3b3b; padding-bottom:4px; }	
h4 { font-size: 18px; line-height: 22px; color: #939393; font-weight: bold; font-style:  }
h5 { font-size: 1.125em; line-height: 1.167em; }

p {
	font-size:1.0833em; /* Equals 13px */
	line-height: 1.2307em;  /* Equals 16px */
	padding-bottom: 1em; /* Default half*/
	color: rgb(85,85,85);
}

table {
	width: 100%;
	font-size:1em; /* Equals 12px */
	line-height: 1.25em;  /* Equals 15px */
}

	/* ------->>> Text Styles -> Custom (Nav, Sidebar, Accordion & Flipbox) <<<---------*/
	#skip-to-content{
		color: #333;
		margin-top: 40px;
		visibility: hidden;
	}
			
		/* Navigation */
		#nav a {
			font-size: 1.166662em; line-height: 1em; /* Equals 14px / 14px */
			letter-spacing: -0.025em;
			color: #FFFFFF;
		}

		#nav a:link		{ color: #FFFFFF; }
		#nav a:focus 	{ color: #FFFFFF; outline: 1px dotted #fbb03b; }
		#nav a:visited	{ color: #FFFFFF; text-decoration: none; }
		#nav a:hover	{ color: #fbb03b; text-decoration: none; }
		#nav a:active	{ color: #fbb03b; text-decoration: none; }

		/* Text Styles -> Custom -> Page header */
		#page-header h2 { 
			color: #2d2d2d; 
			text-transform: none; 
			padding: 30px 0 0 0; 
			font-weight: lighter;
			letter-spacing: -0.02em;
						
			font-size: 2.6667em; /* Equals 32px on 28px */
			line-height: 1.125em;
		}
			#page-header h3{
				text-transform:none;
				color: #95CAF4;
				text-shadow: none;
			}
		
		
		/* Text Styles -> Custom -> Footers */
		.footers {
			font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			color: #87b0d5;
		}
		.footers a{
			color: #907465; 
		}
		.footers a:link		{ color: #907465; }
		.footers a:focus 	{ color: #000; }
		.footers a:visited	{ color: #907465; text-decoration: none; }
		.footers a:hover	{ color: #000; text-decoration: none; }
		.footers a:active	{ color: #fff; }

		.footers h3 {
			color: #a0cee9;
			padding-bottom:0;
		}
		
		
			/* Text Styles -> Custom -> Footers -> Site footer */
			#site-footer-inner p { padding: 0; }
		
		/* Text Styles -> Form elements */
		input[type='text'], input[type='password'] {
			padding: 5px 5px 1px 5px;
			font-size: 14px; line-height: 16px;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
			border: 1px solid #ccc;
			background: #f6f6f0;
		}
		label {
			color: #626262;
			letter-spacing: -0.0125em;
			font-weight: bold;
		}
		
		
		
/* ------->>> Generic Links <<<---------*/

a, a:link 	{ text-decoration: none; color: #434343; }
a:focus 	{ color: #333; }
a:visited 	{ color: #434343; text-decoration:underline; }
a:hover 	{ text-decoration: underline; color: #000; }
a:active 	{ color: #333; }


a.highlight { color: #777777; }
a.highlight:hover { color: #000; border-color: #000; }
/* ------->>> Misc <<<---------*/
hr {
	border-top:1px solid rgb(38,38,38);
	border-width: 1px 0 0 0;
  	clear: both;
	margin: 1em 0;
}

#sidebar hr {
	border-top:1px solid rgb(45,45,45);
	border-bottom: 1px solid rgb(19,19,19);
	border-width: 1px 0 1px 0;
  	clear: both;
	margin: 1em 0;
}

/* ------->>> coloring <<<---------*/

.green 		{ color: #45555f; }
.red 		{ color: #C60C30; }
.purple 	{ color: #C60C30; }
.orange		{ color: #DB9E2C; }
.blue		{ color: #045da7; }
.lightblue	{ color: #a4bacb; }
.white		{ color: #FFFFFF; }
.black		{ color: #000; }
.grey		{ color: #CCCCCC; }


/* ------->>> Helpers <<<---------*/

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

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }


/* -----------------------------------*/
/* ---->>> STRUCTURE & LAYOUT <<<-----*/
/* -----------------------------------*/

body{
	height: 100%;
	background: #f6f6f0 url(../imgs/body.gif) repeat-y top center;
}

/* ------>>> page elements <<<--------*/
#outer {
	text-align:left; /* leave unchanged */ 
	width: 100%; 
  	height: 100%;
}
html>body #outer {
   
}

/* ------>>> Columns <<<--------*/
.two-column{
	width: 49%;
}
.two-column.first{
	margin-right: 2%;
}

/* ------>>> Site Header <<<--------*/
#site-header{
	height: 100px;
	padding: 0;
}
	#site-header-inner{
		margin:0 auto;
		width:940px;
		position: relative;
	}
	#logo {
		text-decoration:none;
		border:0;
		height : 45px;
		width: 520px;
		margin : 40px 0 0;
		padding : 0;
		background : url(../imgs/logo.jpg) no-repeat 0 0;
	}
	#logo a{
		display : block;
		height : 45px;
		width: 240px;
		text-indent : -9999px;
		float: left;
	}
	#logo span {
		display: block;
		float: left;
		width: 280px;
		height: 45px;
		text-indent: -9999px;
		background : url(../imgs/slogan.jpg) no-repeat 0 0;
	}
	
	#mnav {
		width: 530px;
		height: 35px;
		right: 0px;
		top:0px;
		display: block;
		position: absolute;
	}
		#mnav-inner{
			height: 35px;
			display: block;
		}
		#mnav-nav {
			height: 35px;
			width: 235px;
			display: block;
			float: right;
		}
			#mnav-nav li {
				display: block;
				float: left;
				height: 25px;
				padding-top: 10px;
				padding-right: 8px;
				margin-right: 8px;
				background: url(../imgs/mnav_div.jpg) no-repeat right 9px;
			}
			
			#mnav-nav li a, #mnav-nav li a:link, #mnav-nav li a:visited { font-size: 12px; color: #777; }
			#mnav-nav li a:hover { color: #000; }
			
			#mnav-nav .last { background: none; }
		#login-reg {
			float: right;
			height: 35px;
			width: 187px;
			display: block;
		}
			#login-reg li {
				display: block;
				float: left;
				height: 35px;
				background: url(../imgs/loginreg_sprite.png) no-repeat;	
			}
				#login-reg li a {
					display: block;
					height: 35px;
				}
				#login-reg #lr-reg { width: 97px; }
				#login-reg #lr-reg a, #login-reg #lr-reg a:visited {
					height: 25px;
					line-height: 15px;
					padding: 10px 5px 10px 15px;
					font-size: 12px;
					color: #434343;
					letter-spacing: -0.2px;
					text-decoration: none;
				}
				#login-reg #lr-reg a:hover {
					color: #000;
					text-decoration: underline;
				}
				#login-reg #lr-login a {
					width: 90px;
					height: 35px;
					text-indent: -9999px;
					background: url(../imgs/loginreg_sprite.png) no-repeat top right;
				}
				#login-reg #lr-login a:hover {
					background-position: bottom right;
				}
	

/* ------>>> Site Navigation <<<--------*/
#nav{
	height: 58px;
	background: #FFF url(../imgs/nav.png) no-repeat;
	width: 940px;
	margin: 0 auto;
	border-left: none;
	border-right: none;
}
	#nav-inner{
		height: 38px;
		padding: 10px 0;
		float:left;
	}
	#nav-inner .top-level {
		width: 940px;
		height: 38px;
		float: left;
	}
	#nav-inner .top-level li{
		float: left;
		display: block;
		height: 38px;
	}
	#nav-inner .top-level li a {
		height: 18px;
		display: block;
		text-indent: -9999px;
		padding: 10px 0px;
		line-height: 18px;
		background: #0057a2 url(../imgs/nav.png) no-repeat 0px -10px;
	
	}
		.top-level li#home a {width:69px;}
		.top-level li#home a:hover, .top-level li#home.active a {background-position: 0px -68px;}
		.top-level li#accounts a {width:132px;background-position: -69px -10px;}
		.top-level li#accounts a:hover, .top-level li#accounts.active a {background-position: -69px -68px;}
		
		
		
		.top-level li#solutions a {width:159px;background-position: -201px -10px;}
		.top-level li#solutions a:hover, .top-level li#solutions.active a {background-position: -201px -68px;}
		
		
		
		.top-level li#ecash a {width:76px;background-position: -360px -10px;}
		.top-level li#ecash a:hover, .top-level li#ecash.active a {background-position: -360px -68px;}
		
		.top-level li#assetprotection a {width:145px;background-position: -436px -10px;}
		.top-level li#assetprotection a:hover, .top-level li#assetprotection.active a {background-position: -436px -68px;}
		
		.top-level li#goldstandard a {width:129px;background-position: -581px -10px;}
		.top-level li#goldstandard a:hover, .top-level li#goldstandard.active a {background-position: -581px -68px;}
		
		.top-level li#investment a {width:114px;background-position: -710px -10px;}
		.top-level li#investment a:hover, .top-level li#investment.active a {background-position: -710px -68px;}
		.top-level li#faq a {width:116px;background-position: -824px -10px;}
		.top-level li#faq a:hover, .top-level li#faq.active a {background-position: -824px -68px;}
		
	/* ------>>> Page header <<<--------*/
#page-header{
	/* background: url(../imgs/page-header_back.gif) repeat-x #33618c; */
}
	#page-header-inner{
		max-width:940px;
		width: expression(this.width > 940 ? 940: true);
		margin: 0 auto;
		position: relative;
	}
		#page-header-banner {
			width: 700px;
			float: left;
		}
		
		#page-header-sidebar {
			width: 220px;
			margin: 0 0 0 20px;
			float: left;
		}
		
			#buttons {
				width: 220px;
				height: 147px;
				display: block;
				float: left;
				background: url(../imgs/signup_sprite.png) no-repeat bottom left;
			}
			#btn_openaccount {
				display: block;
				height: 32px;
				font-size: 16px; font-weight: bold;
				color: #000;
				text-indent: -9999px;
			}
				#btn_openaccount:hover {background: url(../imgs/signup_sprite.png) no-repeat top left;}
				
				a.btn {
					height: 18px;
					width: 195px;
					padding: 6px 0 4px 25px;
					line-height: 18px;
					font-size: 13px;
					color: #5c5c5c;
					display: block;
					text-decoration: none;
					margin: 7px 10px 0 10px;
					background: url(../imgs/btn_sprite.png) no-repeat top left;
				}
					a.btn.small { width: 135px; float: left; margin: 7px 0 0 0; font-size: 11px; letter-spacing: -0.5px; background-position: left -56px; padding: 5px 0 5px 21px; }
					a.btn.small.nom { margin-right: 0px; }
						a.btn.small:hover, a.btn.small:active {background-position: left -84px; }
					a.btn:hover, a.btn:active {background: url(../imgs/btn_sprite.png) no-repeat left -28px; color: #000; text-decoration: underline;}
						
				

/* ------>>> Sidebar <<<--------*/
#sidebar{
	width: 20%;
}
	#sidebar-inner {
		margin: 20px 0px;
		padding-left: 1.25em;
	}

/* ------>>> Content <<<--------*/
#content{
	width: 100%;
	/* Min height hack */
	min-height:600px;
	height:auto !important;
	height:600px;
	/*background: url(../imgs/content_back.png) no-repeat top center; */
	position: relative;
}
	/* ------>>> Content -> Content Header <<<--------*/
	#content-header{
		width:100%;
		height: 30px;
	}
		#page-navigation{
			padding: 0 .5em;
		}
		#page-navigation a{		
			margin: 7px 3px 0 3px;
			padding:0 0.5em;
			display: block;
			float: left;
		}
		
		#page-navigation a div{
			float: left;
			height: 16px;
			width: 16px;
			margin:0 0.5em 0 0;
		}

	
	/* ------>>> Content -> Content Inner <<<--------*/
	#content-inner{
		max-width:940px;
		width: expression(this.width > 940 ? 940: true);
		/* Min height hack */
		min-height:500px;
		height:auto !important;
		height:500px;
		
		margin: 20px auto;
		position: relative;
	}
		#content-inner-left {
			width:690px;
			margin-right: 10px;
			float: left;
		}
			.content-wrapper {
				width: 690px;
				float: left;
				margin: 0 0 20px 10px;
				position: relative;
			}
		#content-inner-right {
			float: left;
			width:240px;

		}
		
		

	/* ------>>> Content -> Content Inner -> Columns <<<--------*/
	.block {
		float: left;
		clear: both;
		margin-bottom: 30px;
	}
	.block.one {
		height: 160px;
	}
	.block.two {
		
	}
	.column.three {
		
	}
	
	/* ------>>> Content -> Content Inner -> Rounded areas <<<--------*/
	.rounded-back {
		width: 100%;
	}
	.rounded-back .header {
		background: #e4d9c8;
		padding: 5px 10px 0px 10px;
		-moz-border-radius-topleft:6px;
		-moz-border-radius-topright:6px;
		-webkit-border-top-left-radius:6px;
		-webkit-border-top-right-radius:6px;
	}
		.rounded-back .content {
			background: #eee4d3;
			padding: 5px 7px 15px 7px;
			-moz-border-radius-bottomleft:6px;
			-moz-border-radius-bottomright:6px;
			-webkit-border-bottom-left-radius:6px;
			-webkit-border-bottom-right-radius:6px;
		}
	


	
/* ------>>> site Footer <<<--------*/
#site-footer{
	width: 100%;
	height: 45px;
	font-size: 11px;
}
	#site-footer-inner{
		margin: 15px auto 0 auto;
		width: 940px;
		border-top: 1px solid #fbb03b;
		padding: 7px 0 10px 0;
		height: 25px;
	}
	#footer-links li {
		float: left;
		margin-left: 5px;
		padding-left: 5px;
		border-left: 1px solid #777;
	}
		#footer-links li a {
			line-height: 15px;
		}