/*------------------------------------------------------------------
> Master Stylesheet

Project:		FAM Financial Website Development
Last change:	01/01/08 (clean up, RCB)
Assigned to:	Michael del Cuore (MDC)
Coded by:		3 Roads Media

Notes: Declarations are sorted by order of appearance in a top-down
fashion, so that, e.g., the header will appear near the top of this
document and the footer near the bottom. Code is indented in a
heirarchical fashion to make it easier to read.

------------------------------------------------------------------*/


/*------------------------------*/
/* GLOBALS						*/

* 	 { margin:0; padding:0; }
html { background:#1d2d44 url(../images/bg_gradient.jpg) repeat-x; }
body { background:url(../images/header.jpg) no-repeat; font: 12px Verdana, Arial, sans-serif; }

a:link	{ text-decoration:none; }
a:visited { text-decoration:none; }
a:hover	{ text-decoration:underline; }

h2 {
	color:#888;
	border-bottom:solid 1px #999;
	font-size:24px;
	margin-bottom:20px;
	padding-top:25px;
	}
h3 { font-size:14px; margin:0 0 10px 0; }

p  { margin-bottom:5px; line-height:20px; }


/*------------------------------*/
/* STRUCTURE					*/

#wrapper { margin:0 auto; width:990px; }


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

	#header { position:relative; height:205px; }
	#header h1 {
		color:#fff;
		font:50px Georgia, "Times New Roman", Times, serif;
		padding:25px 0 0 25px;
		position:relative;
		z-index:11;
		}
	#header p {
		background:url(../images/tagline_box.png) no-repeat; 
		color:#fff;
		font-size:18px; 
		margin:70px 0 0 307px; 
		padding:5px 27px; 
		position:absolute; 
		}
	#header span	{ padding-left:160px; display:block; }
	#header img		{ z-index:10; position:absolute; margin-left:-43px; }
	#header .title	{ margin-left:60px; padding:10px 0 0 25px; }
	
	/*------------------------------*/
	/* MAIN CONTENT					*/

	#content {
		background:url(../images/bg_content.png) no-repeat center;
		height:400px;
		padding:0 0 0 40px;
		}
	#outer {
		background:url(../images/bg_outer.png) no-repeat center;
		padding:36px 0 35px 0;
		position:relative;
		}
	#outer li 	{ display:inline; padding:5px 9px 20px 4px; }
	#outer ul 	{ font-size:15px; font-weight:bold; padding:0 0 15px 444px; }
	#outer ul a { color:#000; }
	
	.column 	{ float:left; padding-right:15px; width:445px; }
	.column p, .column h3, .column h2 { padding-left:20px; }
	
	.right 		{ padding-right:0; padding-top:75px; }
	.right p, .right h3 { padding-left:25px; }


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

	#footer {
		background:url(../images/footer_box.png) no-repeat center;
		float:left; 
		font-size:11px;
		margin-top:15px; 
		padding:10px 0; 
		width:100%; 
		}
	#footer a 	{ color:#ccc; text-decoration:none; }
	#footer a:hover { text-decoration:underline; }
	#footer p 	{ float:left; padding:5px 0 0 10px; }
	#footer p, #footer ul { color:#fff; }
	#footer li 	{ display:inline; }
	#footer ul 	{ float:right; padding:7px 10px 0 0; }
	
	
/*------------------------------*/
/* PAGE SPECIFIC 				*/

#about p, #payment p 				{ line-height:20px; }
#about .info 						{ line-height:0; text-align:center; }
#about li.about 					{ background:url(../images/arrow.png) no-repeat 22px 24px; }
#about .right h3, .right.info 		{ margin-top:25px; text-align:center; }
#about .right h3 					{ margin-top:145px; }

#current h3 			{ margin:10px 0; }
#current li.current 	{ background:url(../images/arrow.png) no-repeat 50px 24px; }

#payment .address 		{ font-weight:bold; margin-top:20px; }
#payment li.payment 	{ background:url(../images/arrow.png) no-repeat 32px 24px; }

#privacy h3 			{ margin:10px 0; }
#privacy h2 			{ margin-bottom:15px; padding-top:15px; }
#privacy .right 		{ padding-top:60px; }
#privacy li.privacy		{ background:url(../images/arrow.png) no-repeat 5px 24px; }