/*---------------------------------------------------------------------------------------------
	Main Layout
---------------------------------------------------------------------------------------------*/

html, body {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

form {
	margin: 0;
	padding: 0;
}

body {
	background-image: url("images/background.jpg");
	background-repeat: repeat-x;
}

#header {
	position: relative;
	margin: 0 auto;
	width: 910px;
	height: 108px;
	background-image: url("images/background_header.jpg");
	background-repeat: no-repeat;
}

#header img.logo {
	position: absolute;
	top: 14px;
	left: 144px;
}

#header #login {
	position: absolute;
	top: 30px;
	left: 514px;
}

#header #login div {
	float: left;
	width: 100px;
	margin-top: 9px;
	margin-right: 11px;
	font-size: 9px;
}

#header #login div input.field {
	width: 100px;
	border: 0;
}

#header #login div input.button {
	margin-top: 5px;
	width: 86px;
	height: 29px;
}

#header #login div input.checkbox {
	border: 0;
}

#navTop {
	margin: 0 auto;
	width: 761px;
	padding-left: 15px;
	height: 34px;
	
	overflow:hidden;
}

#container {
	position: relative;
	margin: 0 auto;
	width: 744px;
	padding: 16px 16px;
	background-color: #FFFFFF;
	background-image: url("images/background_page.gif");
	background-repeat: no-repeat;
}

#ndxSplash {
	position: relative;
	height: 288px;
	width: 742px;
}

#ndxSplash #ndx01 {	position: absolute;	top: 0;	left: 0; }
#ndxSplash #ndx02 {	position: absolute;	top: 0;	left: 414px; }
#ndxSplash #ndx03 {	position: absolute;	top: 190px;	left: 414px; }
#ndxSplash #ndx04 {	position: absolute;	top: 270px;	left: 414px; }

#joinbox {
	position: relative;
	height: 158px;
	width: 742px;
}

#joinbox #join01 { position: absolute; top: 0; left; 0; }
#joinbox #join02 { position: absolute; top: 0; left: 432px; }
#joinbox #join03 { position: absolute; top: 58px; left: 432px; }
#joinbox #join04 { position: absolute; top: 132px; left: 432px; }

#ndxInfo {
	position: relative;
	margin-top: 15px;
	padding: 26px 22px;
	height: 168px;
	width: 698px;
	background-image: url("images/background_info.jpg");
	background-repeat: no-repeat;
}

#ndxInfo .col01 {
	float: left;
	width: 293px;
	height: 167px;
}
	
#ndxInfo .col02 {
	float: left;
	margin-left: 8px;
	width: 126px;
	height: 167px;
}

#content_outside {
	width: 742px;
	margin-top: 15px;
	background-image: url("images/background_content.gif");
	background-repeat: repeat-y;
}

#content_middle {
	width: 742px;
	background-image: url("images/background_content_top.jpg");
	background-repeat: no-repeat;
	background-position: top left;
}

#content_inside {
	width: 702px;
	padding: 20px 20px 50px 20px;
	background-image: url("images/background_content_bottom.jpg");
	background-repeat: no-repeat;
	background-position: bottom left;
}

#content_inside .heading {
	margin-top: 5px;
	margin-bottom: 15px;
	display: block;
}

#footer {
	position: relative;
	margin: 0 auto 40px auto;
	width: 776px;
	height: 55px;
	background-image: url("images/background_footer.gif");
	background-repeat: no-repeat;
}

#footer img.logo {
	position: absolute;
	top: 11px;
	left: 9px;
}

/*******************************************************************
		Text styles
*******************************************************************/

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 1.4;
}

a {
 color: #FF5200;
 text-decoration: none;
}

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

h1 {
	margin: 0 0 20px 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #ffcc00;
	font-size: 19px;
}

h2 {
	margin: 20px 0 6px 0;
	font-size: 12px;
	color: #ffcc00;
	font-weight: bold;
}

h3 {
	margin: 15px 0 6px 0;
	font-size: 11px;
	color: #ffcc00;
}

li {
	padding-bottom: 10px;
}

#navTop a {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 34px;
	padding: 34px 0 0;
}

#navTop span {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 34px;
	line-height: 30px;
}

#navTop a:hover {
	background-position: 0 -34px;
}

#navTop #nav_details { width: 196px; background-image: url(images/nav_details.gif); }
#navTop #nav_marketing { width: 144px; background-image: url(images/nav_marketing.gif); }
#navTop #nav_faq { width: 53px; background-image: url(images/nav_faq.gif); }
#navTop #nav_contact { width: 110px; background-image: url(images/nav_contact.gif); }
#navTop #nav_fade { padding-left: 20px; width: 206px; background-image: url(images/nav_fade.gif); }

#ndxInfo a {
	color: #f7cb00;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}

#ndxInfo a:hover {
	color: #ffe361;
	text-decoration: none;
}

#footer span {
	margin-left: 140px;
	padding-top: 7px;
	display: block;
}

#footer span.links a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer span.links a:hover {
	color: #fddb3d;
	text-decoration: underline;
}

#footer span.copyright {
	color: #aac2db;
}

p.tab1 {
	margin-left: 30px;
}

p.tab2 {
	margin-left: 60px;
}

p.tab3 {
	margin-left: 90px;
}

p.tab4 {
	margin-left: 120px;
}