@import url("reset.css");
body {
	margin: 0px;
	padding: 0px;
	background: #000;
}
#header-nav-bg {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 167px;
	background: url(../images/header-bg.png) repeat-x;
}
#header-nav-bg #header {
	height: 120px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#header-nav-bg #header #logo {
	position: absolute;
	height: 81px;
	width: 396px;
	left: 0px;
	top: 25px;
}
#header-nav-bg #header #header-links {
	position: absolute;
	height: 22px;
	width: 500px;
	right: 0px;
	top: 10px;
	text-align: right;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #EAD37F;
}
#header-nav-bg #header #header-links a:link {
	color: #EAD581;
	text-decoration: none;
}
#header-nav-bg #header #header-links a:visited {
	color: #EAD581;
	text-decoration: none;
}
#header-nav-bg #header #header-links a:hover {
	color: #FFF;
	text-decoration: none;
}

.header-links-spacer {
	padding-right: 2px;
	padding-left: 2px;
}
#header-nav-bg #header #phone-number {
	position: absolute;
	height: 59px;
	width: 197px;
	right: 0px;
	bottom: 14px;
	background: url(../images/phone-number.png) no-repeat;
}


#header-nav-bg #nav {
	height: 47px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	color: #E9E5E0;
	font: 16px 'CopperplateGothicBoldRegular', Arial, Helvetica, sans-serif;
	vertical-align: text-top;
}
#header-nav-bg #nav #navcontainer {
	text-align: center;
	padding-top: 13px;
	margin-bottom: 7px;
}
#header-nav-bg #nav #navcontainer a:link {
	color: #E9E5Df;
	text-decoration: none;
}
#header-nav-bg #nav #navcontainer a:visited {
	color: #E9E5DF;
	text-decoration: none;
}
#header-nav-bg #nav #navcontainer a:hover {
	color: #FFF;
	text-decoration: none;
}


#navlist li
{
	display: inline;
	list-style-type: none;
	padding-right: 15px;
}
#content {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
#content #left {
	float: left;
	width: 231px;
	padding-top: 30px;
	padding-right: 10px;
}
#content #left #national-debt-clock {
	color: #FFF;
	font: 19px Arial, Helvetica, sans-serif;

}
#content #left #national-debt-clock a:link {
	color: #FFF;
	text-decoration: none;
}
#content #left #national-debt-clock a:visited {
	color: #FFF;
	text-decoration: none;
}
#content #left #national-debt-clock a:hover {
	color: #FFF;
	text-decoration: none;
}
.national-debt-red-text {
	color: #F00;
}

#content #left #online-account-form-button {
	height: 45px;
	width: 206px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#content #left #video {
	height: 203px;
	margin-top: 35px;
	width: 230px;
}
#content #left #gold-chart {
	width: 230px;
	height: 180px;
	margin-top: 25px;
}
#content #left #silver-chart {
	height: 180px;
	width: 230px;
	margin-top: 20px;
	background: url(../images/live-silver-chart.png) no-repeat;
}


#content #center {
	float: left;
	width: 425px;
	padding: 30px 9px 20px;
	font: normal 14px/18px Arial, Helvetica, sans-serif;
	color: #FFF;
}

#charts #content #center,  #tools #content #center {
	float: left;
	width: 656px;
	padding: 30px 9px 20px;
	font: normal 14px/18px Arial, Helvetica, sans-serif;
	color: #FFF;
}

#login #content #center {
	float: left;
	width: 856px;
	padding: 30px 9px 20px;
	font: normal 14px/18px Arial, Helvetica, sans-serif;
	color: #FFF;
}

#content #center ul {
	list-style: disc outside;
	padding-left: 20px;
}
#content #center ol {
	list-style: decimal;
	padding-left: 20px;
}

#content #center a:link {
	color: #EAD581;
	text-decoration: underline;
}
#content #center a:visited {
	color: #EAD581;
	text-decoration: underline;
}
#content #center a:hover {
	color: #EAD581;
	text-decoration: none;
}


#content #right {
	float: left;
	width: 267px;
	padding-top: 30px;
	padding-left: 9px;
}
.field-set {
	padding-bottom: 2px;
	padding-top: 2px;
}
.field-name {
	width: 100px;
	float: left;
	color: #EAD581;
	text-align: right;
	font: 14px Arial, Helvetica, sans-serif;
	padding-top: 5px;
}
.field-box {
	float: right;
	text-align: left;
	width: 155px;
	color: #EAD581;
	padding-top: 2px;
	padding-bottom: 2px;
	font: 14px Arial, Helvetica, sans-serif;
}

#login iframe { height: 700px; width: 100%; }

#frame-holder { 
	width: 100%;
	height: 700px;
	padding-left: 20px;
	background-color: #ffffff;
	border: 3px solid #EAD581;
}

.clear {
	clear: both;
}
.horizontal-rule {
	height: 1px;
	width: 237px;
	background: #524518;
	margin: 9px auto;
}
#content #right #submit {
	height: 45px;
	width: 207px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
}
#content #right #bbb-seal {
	height: 56px;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
}
#content #right #icta-logo {
	height: 87px;
	width: 126px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#content #right #bbb-review {
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #EAD581;
	text-align: center;
}
#content #right #bbb-review a:link {
	color: #EAD556;
	text-decoration: underline;
}
#content #right #bbb-review a:visited {
	color: #EAD581;
	text-decoration: underline;
}
#content #right #bbb-review a:hover {
	color: #FFF;
	text-decoration: underline;
}
#content #right #social-networks {
	height: 45px;
	width: 108px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 35px;
}
#content #right #social-networks #facebook {
	height: 45px;
	width: 45px;
	float: left;
}
#content #right #social-networks #youtube {
	float: right;
	height: 45px;
	width: 45px;
}



#footer-bg {
	margin-right: auto;
	margin-left: auto;
	background: url(../images/footer-bg.png) repeat-x;
	height: 96px;
}
#footer-bg #footer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
}
#footer-bg #footer #footer-links {
	font: normal 12px/23px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #C7BEAD;
}
#footer-bg #footer #footer-links a:link {
	color: #C7BEAD;
	text-decoration: none;
}
#footer-bg #footer #footer-links a:visited {
	color: #C7BEAD;
}
#footer-bg #footer #footer-links a:hover {
	color: #FFF;
	text-decoration: underline;
}


.footer-links-spacer {
	padding-right: 3px;
	padding-left: 3px;
}
#footer-bg #footer #copyright {
	color: #968567;
	font: 14px Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px;
	padding: 15px 0px 0px;
}
#footer-bg #footer #copyright a:link {
	color: #968567;
	text-decoration: none;
}
#footer-bg #footer #copyright a:visited {
	color: #968567;
	text-decoration: none;
}
#footer-bg #footer #copyright a:hover {
	color: #968567;
	text-decoration: none;
}

p.form-error { font-size: 11px; font-weight: bold; }

h1 {
	color: #EAD581;
	font: 16px 'CopperplateGothicBoldRegular', Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 8px;
}
h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #EAD581;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}

#frm_login { width: 50%; margin: 0 auto; margin-top: 12px; margin-bottom: 20px; }
#frm_login label { display: block; margin-bottom: 3px; color: #EAD581; }
#frm_login input { margin-bottom: 15px; }

a#login-button { display: block; height: 34px; width: 140px; background: url(../images/login_down.png) no-repeat; }
a#login-button:hover { display: block; height: 34px; width: 140px; background: url(../images/login.png) no-repeat; }

a#btn-investment { margin-top: 10px; margin-bottom: 10px; display: block; height: 257px; height: 37px; background: url(../images/investment-button_down.png) no-repeat;  }
a#btn-investment:hover { margin-top: 10px; margin-bottom: 10px;  display: block; height: 257px; height: 37px; background: url(../images/investment-button_over.png) no-repeat;  }

a#btn-preciousmetal { display: block; height: 257px; height: 37px; background: url(../images/preciousmetal_down.png) no-repeat;  }
a#btn-preciousmetal:hover { display: block; height: 257px; height: 37px; background: url(../images/preciousmetal_over.png) no-repeat;  }

a#btn-collateral { display: block; height: 257px; height: 37px; background: url(../images/collateral_down.png) no-repeat;  }
a#btn-collateral:hover { display: block; height: 257px; height: 37px; background: url(../images/collateral_over.png) no-repeat;  }

#buttons { width: 75%; margin: 0 auto; }
#buttons p { margin-bottom: 18px; }

#calculator td { border: 1px solid white; padding-right: 10px; }
#calculator .headings td { border: 0; }
#calculator #title { font-size: 20px; height: 35px; background-color: #6E4019; color: #ffffff; text-align: center; vertical-align: middle; }
#calculator .left-pad { padding-left: 5px; padding-bottom: 5px; padding-top: 5px; font-weight: bold; border: 0; padding-right: 10px;}
#calculator .heading { font-weight: bold; }
#calculator #silver_price, #calculator #investment { width: 65px; }

#why-metal #links { width: 75%; margin: 0 auto; }
#why-metal #links p { margin-bottom: 5px; }

#video-links { width: 75%; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; }
#video-links p { margin-bottom: 10px; }

#wire-info {	height: 45px;
	width: 206px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px; }

.wire-info { font: 14px 'CopperplateGothicBoldRegular', Arial, Helvetica, sans-serif; margin-bottom:18px}