/*-------------------------------------------------------------------------------------------
	
	TransferFactor.Com
	Jon Cazier - jonc@4life.com
	12.8.08
	
	Glossary -
	
		1.0 CSS Reset
		2.0 General Styles
			2.1 Forms
		3.0 General Layout
			3.1 Header
			3.2 Content
			3.3 Footer
	
--------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------
	1.0 CSS Reset - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
--------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*-------------------------------------------------------------------------------------------
	2.0 General Styles
--------------------------------------------------------------------------------------------*/

body {
	background: #003e74 url(images/bgPattern.gif) repeat; 
	font-family: "Times New Roman", Times, serif;
	color: #FFF;
	font-size: 13px;
	line-height: 1.4em;}

a {color: #FFF; text-decoration: none;}
a:hover {color: #ffd457;}
a.active {color: #ffd457;}

#main a {color: #003E74; text-decoration: underline;}
#main a:hover {color: #000;}

p, ul, ol {margin: 15px 0;}

h3 {font-weight: bold;}

i, em {font-style: italic}
b, strong {font-weight: bold;}

ol li {list-style: outside decimal; margin-left: 25px;}
ul li {list-style: outside disc; margin-left: 25px;}

dt {font-weight: bold;}
dd {margin-bottom: 10px;}

.clear {clear: both; height: 0; font-size: 0; line-height: 0; padding: 0px; margin: 0px;}

/* 	2.1 Forms
---------------------------------------------------------------------------------------*/

.formDiv {width: 45%; float: left; margin-bottom: 10px;}

.inputStyle {border: solid 1px #999; margin: 3px 0;}

/*-------------------------------------------------------------------------------------------
	3.0 General Layout
--------------------------------------------------------------------------------------------*/

/* 	3.1 Header
---------------------------------------------------------------------------------------*/
#header {
	height: 66px; 
	width: 690px; 
	margin: auto;
	font-weight: bold;
	font-size: 1.3em;
	text-transform: uppercase;
	line-height: 66px;
	padding-left: 250px;
	position: relative;}
	
	#header a {margin: 0 15px;}
	
	.tfTab {
		display: block;
		float: left;
		width: 216px; 
		height: 97px;
		position: absolute;
		left: 0px;
		z-index: 100;
		text-indent: -5000px; 
		background: transparent url(images/tfTab.gif) no-repeat;}
		
		h1 > .tfTab {background: transparent url(images/tfTab.png) no-repeat;}
		
	.tfTabRight {
		display: block;
		float: right;
		width: 216px; 
		height: 97px;
		position: absolute;
		right: -50px;
		top: 0;
		z-index: 100;
		text-indent: -5000px; 
		background: transparent url(images/tfTab_right.gif) no-repeat;}
		
		h1 > .tfTabRight {background: transparent url(images/tfTab_right.png) no-repeat;}
		
		
		
		

/* 	3.2 Content
---------------------------------------------------------------------------------------*/
#content {background: #FFF url(images/bgTop.gif) repeat-x top;}
#contentInner {background: transparent url(images/bgBtm.gif) repeat-x bottom;}

	#main {
		min-height: 350px;
		height: auto !important;
		height: 350px; 
		width: 940px;
		padding: 6px 0;
		margin: auto;
		color: #333;}
		
		.mainHeader {text-align: center; width: 560px; margin: 70px auto 50px auto;}
		.mainHeader h2 {font-size: 2em; text-transform: uppercase;}
		.mainHeader p {font-size: 1.2em; font-style: italic;}
		
		.mainContent {overflow: hidden; width: 850px; margin: 0 auto 50px auto;}
			.contentColumn, .faqItem {width: 400px; margin: 0 10px; float: left;}
			

/* 	3.3 Footer
---------------------------------------------------------------------------------------*/
#footer {padding: 10px 0; width: 940px; margin: auto; position: relative;}

	#footer a {text-transform: uppercase; margin: 0 15px;}
	
	.logo4life, .logo4life-esp {
		display: block; 
		width: 125px; 
		height: 47px;
		position: absolute;
		right: 15px;
		top: 70px;
		text-indent: -5000px;}
		
		.logo4life {background: transparent url(images/logo4life.gif) no-repeat;}
		.logo4life-esp {background: transparent url(images/logo4life-esp.gif) no-repeat;}
	
	.footerInfo {padding-right: 180px;}
	
	.shareLinks {margin-top: 0px;}
	.langSelect, .footerInfo {margin-left: 15px;}