* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font-size: 100%;
	font-family: arial;
	text-align: left;
}

/* ----------------------------------------- HEADER */

#header_container {
	text-align: center;	
	background: #fff;
}

#header {
	margin: 0 auto;
	width: 960px;
	padding: 15px 0;
	text-align: right;
	height: 50px;
}

#header img {
	float: left;
	border: none;
	margin: -5px 80px 0 0;
}

#header_menu ul {
	list-style-type: none;
	float: right;
}

#header_menu li {
	float: left;
	margin: 18px 0 0 0;
	font-size: 0.9em;
}

#header_menu a:link, #header_menu a:visited {
	text-decoration: none;
	color: #333;
	padding: 4px 20px;
	border-right: 1px solid #eee;
}

#header_menu a:hover {
	text-decoration: underline;
	color: #111;
}

#header_menu a.active:link, #header_menu a.active:visited {
	font-weight: bold;
}

#header_menu a.last:link, #header_menu a.last:visited {
	border-right: none;
}

#header_menu a.blue:link, #header_menu a.blue:visited {
	color: #3671A1;
}

#header_menu a.green:link, #header_menu a.green:visited {
	color: #5eb922;
}

#header_menu a.box:link, #header_menu a.box:visited {
	padding: 6px 12px;
	background-color: #0a95cd;
	background-image: url('http://images.yourtradebase.com/images/sprite2.png'); 
	background-position: -0px -8px;
	background-repeat: repeat-x;
	border: 1px solid #18485c;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#header_menu .grey, #header_menu .grey {
	color: #999;
	padding: 4px;
}


/* ----------------------------------------- PAGE INTRO */

#page_intro_container {
	text-align: center;	
	background-color: #e5f2f2;
	background-image: url('http://images.yourtradebase.com/images/sprite2.png'); 
	background-position: -0px -260px;
	background-repeat: repeat-x;	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
}

#page_intro {
	position: relative;
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

#page_intro h1 {
	padding: 35px 0 35px 10px;
	font-size: 3.2em;
	letter-spacing: -1px;
	margin: 0 540px 0 0;
	line-height: 1.2em;
}

#page_intro p {
	color: #111;
	margin: 0 540px 10px 0;
	font-size: 0.95em;
	line-height: 1.2em;
}

#page_intro img {
	border: none;
}

#intro_screenshot {
	position: absolute;
	top: -5px;
	right: 5px;
	width: 520px;
	height: 360px;
}

/* -------------------------------------------------------------------------------------------- ****** DELETE THESE WHEN LIVE - START */

#page_intro_signup_container {
	text-align: center;	
	background: #f1f1f1 url('http://images.yourtradebase.com/images/background/page_signup_bg.gif') repeat-x top left;
	border-bottom: 1px solid #c4c4c4;
}

#page_intro_signup {
	margin: 0 auto;
	width: 960px;
	text-align: center;
}

#page_intro_signup div {
	margin-right: 540px;
}

#page_intro_signup img {
	border: none;
	padding: 10px 0 0 0;
}

#page_intro_signup p {
	color: #666;
	font-style: italic;
	font-size: 0.8em;
	margin: 0 0 20px 0;
}
/* -------------------------------------------------------------------------------------------- ****** DELETE THESE WHEN LIVE - END */


/* ---------------------------------------- BUTTONS */

a.button:link, a.button:visited {
	padding: 6px 20px;
	text-align: center;
	background-color: #0a95cd;
	background-image: url('http://images.yourtradebase.com/images/sprite2.png'); 
	background-position: -0px -8px;
	background-repeat: repeat-x;
	border: 1px solid #18485c;
	color: #fff;
	font-weight: normal;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 1.2em;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	font-variant: small-caps;
}

a.button:hover {
	border: 1px solid #0c5050;
	background: #01a1a1 url('http://images.yourtradebase.com/images/background/blue_gradient_over.png') repeat-x bottom left;
}


/* ----------------------------------------- PAGE LAYOUT */

#page {
	margin: 40px auto 80px auto;
	width: 900px;
}

#page_left {
	float: left;
	width: 380px;
}

#page_right {
	float: right;
	width: 540px;
	margin: 20px 0;
}

#page .clear {
	clear: both;
}


/* ----------------------------------------- HOME INTRO */

.intro_left {
	float: left;
	margin: 0 0 40px 0;
	width: 620px;
}

.intro_right {
	float: right;
	text-align: center;
	width: 230px;
}

.intro_right img {
	border: none;
}

#cost_overview {
	background: #fcfcfc url('http://images.yourtradebase.com/images/background/overview_bg.gif') repeat-x bottom left;
	border: 1px solid #d4d4d4;
	padding: 0;
	margin: 25px 0 30px 0;
	text-align: center;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#cost_overview table {
	padding: 20px 0;
	width: 100%;
}

#cost_overview td p strong {
	font-size: 2.0em;
}

#cost_overview td.left {
	width: 50%;
	border-right: 1px solid #ddd;
	color: #333;
	font-size: 1.0em;	
}

#cost_overview td.right {
	width: 50%;
	border-left: 1px solid #fff;
	color: #999;
	font-size: 1.0em;
}

#cost_overview td.text {
	padding: 10px;
	text-align: left;
}

#cost_overview td.text h4 {
	font-size: 0.8em;
	margin: 0 0 5px 0;
	color: #3671A1;
	text-transform: uppercase;
}

#cost_overview td.text p {
	color: #666;
	font-size: 0.8em;
	margin: 0 0 10px 0;
	line-height: 1.25em;
}

#cost_overview td.text p em {
	color: #999;
}

.intro_left ul {
	margin: 30px 20px 20px 20px;
}

.intro_left li {
	list-style-type: none;
	background: url('http://images.yourtradebase.com/images/icons/home_bullet.gif') no-repeat top left;
	padding: 0 0 15px 35px;
}

.intro_left li {
	color: #666;
	font-size: 0.9em;
}

.intro_left li a {
	text-decoration: none;
	color: #3671A1;
	font-size: 1.1em;
}

.intro_left li a:hover {
	color: #111;
	text-decoration: underline;
}



/* ----------------------------------------- TESTIMONIALS */

.testimonial {
	margin: 30px 0;
	background: #fafaeb;
	padding: 15px;
	border-top: 1px solid #dedda3;
	border-bottom: 1px solid #dedda3;
}

.testimonial blockquote {
	font-size: 1.4em;
	padding: 0 0 10px 0;
	font-family: georgia;
	font-style: italic;
	color: #7d641a;
}

.testimonial cite {
	margin-left: 10px;
	font-family: georgia;
	font-size: 0.9em;
	color: #7d641a;
}

/* ----------------------------------------- SCREENSHOTS */

#screenshots {
	clear: both;
	margin: 20px 0 20px 30px;
}

#screen_box {
	width: 170px;
	padding: 5px;
}

#screen_box.left {
	float: left;
	margin: 20px 35px 10px 0;
}

#screen_box.right {
	float: right;
	margin: 20px 0 10px 0;
}

#screen_box img {
	width: 168px;
	height: 148px;
	border: 1px solid #bbb;
}

#screen_box h4 {
	font-size: 0.8em;
	color: #3671A1;
	padding: 8px 0 0 0;
	font-family: arial;
	text-transform: uppercase;
}

#screen_box p {
	font-size: 0.8em;
	color: #999;
	font-style: italic;
	padding: 5px 0;
}


/* ----------------------------------------- MAIN CONTENT */



#page p.larger {
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 10px 0;
}

#page .blurb {
	margin: 20px 0 10px 0;
}

#page .blurb h3 {
	font-family: arial;
	text-transform: uppercase;
	color: #3671A1;	
	font-size: 0.9em;
	margin: 0 0 5px 0;
}

#page .blurb p {
	margin: 0 0 10px 0;
	font-size: 0.9em;
	line-height: 1.3em;
}

#page .blurb.left {
	float: left;
	width: 420px;
}

#page .blurb.right {
	float: right;
	width: 420px;
}

#page_signup {
	clear: both;
	margin: 10px 0;
	padding: 20px;
	text-align: center;	
	background: #eee url('http://images.yourtradebase.com/images/background/grey_gradient.gif') repeat-x top left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ddd;
}

#page_signup div {
	width: 920px;
	margin: 0 auto;
}

#page_signup p {
	color: #333;
	font-family: arial;
	font-size: 0.9em;
	margin: 0 0 10px 0;
}

#page_signup p.smaller {
	font-size: 0.8em;
}


/* ----------------------------------------- PRESS */

#content p.press_logo {
	text-align: center;
	color: #666;
	font-size: 0.8em;
	margin: 20px 0;
}

#content img.press {
	padding: 2px;
	margin: 0 auto;
}



/* ----------------------------------------- FOOTER */

#footer_banner {
	clear: both;
	text-align: center;	
	background-color: #e5f2f2;
	background-image: url('http://images.yourtradebase.com/images/sprite2.png'); 
	background-position: -0px -260px;
	background-repeat: repeat-x;
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	height: 90px;
}

#footer_banner .inner {
	position: relative;
	margin: 0 auto;
	width: 960px;
	text-align: left;
}	

#footer_banner .inner img.left {
	position: absolute;
	top: -50px;
	left: -30px;
}

#footer_banner .text {
	float: left;
	margin: 5px 0 0 310px;
	padding: 10px 0;
	width: 420px;
}

#footer_banner .text p {
	color: #333;
	font-size: 0.8em;
	margin-left: 5px;
	line-height: 1.3em;
}

#footer_banner .signup_button {
	float: right;
	margin-top: 18px;
}

#footer_banner .signup_button img {
	border: none;
}

#footer {
	background-image: url('http://images.yourtradebase.com/images/sprite1.png'); 
	background-position: -78px -0px;
	background-repeat: no-repeat;
	clear: both;
	width: 800px;
	margin: 10px auto;
	padding: 30px 0 30px 160px;
	text-align: left;
}

#footer #site_seal {
	float: right;
}


#footer img {
	float: left;
	border: none;
	margin: 5px 20px 0 0;
}

#footer p {
	color: #999;
	font-size: 0.7em;
	margin: 0;
}

#footer ul {
	height: 25px;
}

#footer li {
	list-style-type: none;
	float: left;
	margin: 0 10px 0 0;
	font-size: 0.8em;
	padding: 0 10px 0 0;
	border-right: 1px solid #eee;
}

#footer li.last {
	border-right: none;
}

#footer li a {
	padding: 3px;
}

#footer li a:link, #footer li a:visited, #footer_banner a:link, #footer_banner a:visited {
	text-decoration: none;
	color: #3671A1;
}

#footer li a:hover, #footer_banner a:hover {
	text-decoration: underline;
	color: #111;
}

#footer p a:link, #footer p a:visited {
	text-decoration: none;
	color: #666;
	padding: 0 5px;
}

#footer p a:hover {
	color: #111;
	text-decoration: underline;
}

#footer #newsletter {
	float: right;
	width: 280px;
	padding: 10px;
	margin: -10px 0 10px;
}

#footer #newsletter h5 {
	color: #999;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	font-size: 0.7em;
}

#footer #newsletter p {
	margin: 0;
}

#footer #newsletter input.signup {
	width: 180px;
	margin: 5px 0;
	border: 1px solid #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #fff;
	color: #666;
	padding: 3px;
	font-size: 0.8em;
}