/*
Theme Name: Fletcher Foale
Theme URI: http://www.fletcherfoale.com/
Description: Fletcher Foale Site Theme.
Version: 1.0
Author: MAW Associates
Tags: Fletcher Foale, Red, two column
*/

html
	{
	color:#000;
	background:#FFF;
	}
	
body
	{
	margin:0;
	padding:0;
	}


/*container*/
#fletcherfoale
	{
	width:100%;
	text-align:left;
	font-size:0.923em;
	position:relative;
	/*background:none !important;*/
	}


/*skip navigation*/
.skip-nav, .top
	{
	display:none;
	}
	
.content
	{
	width:820px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	}
	
#top-bar
	{
	background-color:#9e2655;
	padding:0px;
	margin:0px;
	height:10px;
	}
	


	
/*******************************  maw css  *******************************/	
/* Login CSS											    		     */
/*******************************  maw css  *******************************/	

#login
	{
	border-top:solid 2px #3b6e2f;
	padding:0;
	margin:0;
	z-index:3;	
	position:relative;
	width:100%;
	}

#login-box
	{
	background-image:url(../gifs/login_bg.jpg);
	background-repeat:no-repeat;
	height:28px;
	width:176px;
	float:right;
	}

#login-box ul
	{
	padding:5px 0 0 32px;
	margin:0;
	}

#login-box li
	{
	display:inline;
	padding:0;
	margin:0;
	}

#login-box a
	{
	color:#FFFFFF;
	font:normal 0.8em Arial, Helvetica, sans-serif;
	text-decoration:none;
	}

#login-box a:hover
	{
	color:#FFFFFF;
	text-decoration:underline;
	}

/*******************************  maw css  *******************************/	
/* Login CSS											    		     */
/*******************************  maw css  *******************************/




/*******************************  maw css  *******************************/	
/* Header CSS											    		     */
/*******************************  maw css  *******************************/	



/*header*/
#fletcherfoale #head
	{
	
	/*border-style:solid;
	border-width:0 0 1px;*/
	position:relative;
	z-index:2;
	width:100%;
	
		}


/*top panel*/
.home #header-area
	{
	width:100%;
	height:540px;
	overflow:hidden;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	}

#header-area
	{
	width:100%;
	height:340px;
	overflow:hidden;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	}

/*site logo*/

.logo
	{
	float:left;
	width:800px;
	height:90px;
	padding:0px 10px;
	margin:0px;
	}
.home .banner
	{
	float:left;
	width:800px;
	height:450px;
	padding:0px 0px;
	margin:0px;
	background-image:url(../images/banner_bg.jpg);
	background-repeat:repeat-y;
	}

.banner
	{
	float:left;
	width:800px;
	height:250px;
	padding:0px 10px;
	margin:0px;
	background-image:url(../images/banner_bg.jpg);
	background-repeat:no-repeat;
	}

/*header banner*/
.header-banner
	{
	/*position:absolute;
	right:0;
	top:-4px;*/
	float:right;
	width:468px;
	border-style:solid;
	border-width:1px;
	border-color:#cccccc;
	padding:1px;
	}

.header-banner img
	{
	display:block;
	}


/*******************************  maw css  *******************************/	
/* Header CSS											    		     */
/*******************************  maw css  *******************************/	



/*******************************  maw css  *******************************/	
/* Navigation CSS											    		 */
/*******************************  maw css  *******************************/	

.menu{
	padding:1px 0;
	margin-bottom:-1px;
	position:relative;
	z-index:3;
	}
	
#nav
	{
	padding:0px;
	margin:0px;
	width:800px;
	height:50px;
	float:left;
	background-image:url(../images/nav_bg.jpg);
	background-repeat:repeat-x;
	}

#nav ul
	{
	padding:0px;
	margin:0px;
	/*margin-top:10px;*/
	float:left;
	vertical-align:middle;
	}
	
#nav li
	{
	list-style:none;
	float:left;
	display:table-cell;
	vertical-align:middle;
	}

#nav li a 
	{
	display: block;
	color:#ffffff;
	text-decoration:none;
	/*text-transform:uppercase;*/
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	/*border-left:solid 1px #7a0001;*/
	border-right:solid 1px #fff;
	font:bold 0.9em Arial, Helvetica, sans-serif;
	background-image:url(../gifs/nav_divide.jpg);
	background-repeat:no-repeat;
	background-position:right;
	}
	
#nav li a:hover
	{
	text-decoration:underline;
	} 

.nav-menu
	{
	}
	
.highlight
	{
	background-color:#7c173f;
	height:35px;
	}

/*******************************  maw css  *******************************/	
/* Navigation CSS											    		 */
/*******************************  maw css  *******************************/	




/*******************************  maw css  *******************************/	
/* Content CSS											    		     */
/*******************************  maw css  *******************************/	

#content
	{
	z-index:1;
	background-image:url(../images/content_bg.jpg);
	background-repeat:repeat-x;
	}

#content-area
	{
	width:800px;
	padding:0px 10px;
	margin:0px;
	float:left;
	background-image:url(../images/content_area_bg.jpg);
	background-repeat:no-repeat;
	}

#content-left
	{
	width:500px;
	float:left;
	padding: 20px 0px 20px 20px;
	margin:0;
	}

#content-left-full
	{
	width:760px;
	float:left;
	padding: 20px 0px 20px 20px;
	margin:0;
	}
	
#content-right
	{
	width:240px;
	float:right;
	padding: 20px 20px 20px 20px;
	margin:0;
	}

	
#content-right-top
	{
	width:300px;
	float:right;
	padding: 0;
	margin:0 0 10px 0;
	}
	
#content-right-bottom
	{
	width:300px;
	float:right;
	padding: 0;
	margin:0 0 10px 0;
	}
	
	

/* Generic Page Styles */
	
h1
	{
	font:Bold 1.8em Arial, Helvetica, sans-serif;
	color:#9e2655;
	padding:0;
	margin:0;
	line-height:1.6em;
	}
	
h2
	{
	font:Bold 1.4em Arial, Helvetica, sans-serif;
	color:#9e2655;
	padding:0;
	padding-top:10px;
	margin:0;
	}

h3
	{
	font:Bold 1.0em Arial, Helvetica, sans-serif;
	color:#9e2655;
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
	margin:0;
	}

h4
	{
	font:Bold 0.8em Arial, Helvetica, sans-serif;
	color:#9e2655;
	padding:0;
	margin:0;
	}

a 
	{
	color:#9e2655;
	text-decoration:none;
	}

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

p
	{
	font:normal 0.9em Arial, Helvetica, sans-serif;
	color:#888888;
	padding:0;
	margin:0;
	line-height:1.2;
	text-align:justify;
	}

ul
	{
	padding:10px;
	margin:0;
	}

li
	{
	padding:0;
	padding-bottom:5px;
	margin:0;
	font:normal 1.0em Arial, Helvetica, sans-serif;
	color:#888888;
	list-style:url(../images/ff_list_style.jpg);
	}

/* Generic Page Styles */


/* Specific Table Styles */

.grey-box 
	{
	background-color:#f5f5f5;
	border:solid 1px #e7e7e7;
	padding:10px;
	}
	
td.part-time
	{
	font:normal 1.0em Arial, Helvetica, sans-serif;
	color:#666;
	padding:10px;
	margin:0;
	line-height:1.0;
	background-color:#eeeeee;
	}

tr.table-title
	{
	font:bold 1.2em Arial, Helvetica, sans-serif;
	color:#9e2655;
	padding:5px;
	margin-bottom:5px;	
	}

tr.client-profile
	{
	font:normal 1.0em Arial, Helvetica, sans-serif;
	color:#666;
	padding:10px 0px;
	margin:0;
	line-height:1.0;
	}

tr.client-profile-alt
	{
	font:normal 1.0em Arial, Helvetica, sans-serif;
	color:#666;
	padding:10px 0px;
	margin:0;
	line-height:1.0;
	background-color:#eee;
	}
	
.client-profile td
	{
	padding:5px;
	}

.client-profile-alt td
	{
	padding:5px;
	}





td.article-item
	{
	font:1.0em Arial, Helvetica, sans-serif;
	color:#888888;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:dotted 1px #999999;
	}


tr.find-financehead
	{
	background-color:#f5f5f5;
	}

#profile-table
	{
	background-color:#f5f5f5;
	padding:0;
	margin:0;
	}

td.profile-image
	{
	padding:2px;
	}

td.other-item-top
	{
	background-image:url(../gifs/other-bg-top.jpg);
	background-repeat:no-repeat;
	height:10px;
	padding:0;
	margin:0;
	}

td.other-item-middle
	{
	background-image:url(../gifs/other-bg-middle.jpg);
	background-repeat:repeat-y;
	padding:0;
	margin:0;
	}
	

td.other-item-bottom
	{
	background-image:url(../gifs/other-bg-bottom.jpg);
	background-repeat:no-repeat;
	height:30px;
	padding:0;
	margin:0;
	}
	
.contact-form td
	{
	font:1.0em Arial, Helvetica, sans-serif;
	color:#888888;
	}

	
/* Specific Table Styles */

/* Specific Styles */

.grey-text
	{
	color:#888888;
	}

.red-text
	{
	color:#9e2655;
	}

.red-text-bold
	{
	font-weight:bold;
	color:#9e2655;
	}

.padding-left-20
	{
	padding-left:20px;
	}

.padding-left-40
	{
	padding-left:40px;
	}

#content-right label
	{
	width:70px;
	float:left;
	padding:0px;
	margin:0px;
	font:0.9em Arial, Helvetica, sans-serif;
	color:#888888;
	}

/* Specific Styles */


/* Side boxes*/

#side-box
	{
	width:300px;
	margin:0 0 10px 0;
	padding:0;
	float:left;
	}
	
/*Side boxes */

	
/* Call Outs */

#content-bottom
	{
	width:780px;
	padding:10px 0px;
	float:left;
	}

#callout-left
	{
	width:240px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	padding:0px;
	}

#callout-middle
	{
	width:240px;
	float:left;
	padding:0px;
	margin-left:10px;
	margin-right:10px
	}

#callout-right
	{
	width:240px;
	float:left;
	padding:0px;
	margin-left:10px;
	}
	
/* Call Outs */

/* Profile Styles */

#profile-area
	{
	float:left;
	width:740px;
	padding:0 10px 10px 10px;
	margin:10px 0 0 0;
	background-color:#eeeeee;
	
	}
	
#profile-area img
	{
	padding-top:10px;
	}

/* Profile Styles */

/* Testimonial Styles */

.testimonial
	{
	float:left;
	width:740px;
	padding:10px 10px 10px 10px;
	margin:0 0 10px 0;
	background-color:#eeeeee;
	font:0.9em Arial, Helvetica, sans-serif;
	color:#888888;
	}

.testimonial-alt
	{
	float:left;
	width:740px;
	padding:10px 10px 10px 10px;
	margin:0 0 10px 0;
	font:0.9em Arial, Helvetica, sans-serif;
	color:#888888;
	}

/* Testimonial Styles */

	
.floatleft
	{
	float:left;
	padding:0 10px 0 0;
	
	}


/*******************************  maw css  *******************************/	
/* Content CSS											    		     */
/*******************************  maw css  *******************************/	



/*******************************  maw css  *******************************/	
/* Footer CSS											    		     */
/*******************************  maw css  *******************************/	

#footer-area
	{
	border-top:solid 1px #d8d9da;
	padding:10px 0 0 0;
	margin:10px 10px 0 10px;
	}

#footer-area p
	{
	font:normal 0.7em Arial, Helvetica, sans-serif;
	color:#bcb2ab;
	line-height:0.6;
	text-align:justify;
	padding:0 0 0 20px;
	margin:0 0 10px 0;
	}

#footer-area ul
	{
	padding:0 0 0 20px;
	margin:0 0 10px 0;
	}

#footer-area li
	{
	display:inline;
	padding:0 5px 0 0;
	font:bold 0.8em Arial, Helvetica, sans-serif;
	border-right: solid 1px #bcb2ab;
	}

#footer-area a
	{
	text-decoration:none;
	color:#3f7431;
	text-transform:uppercase;
	}
	
#footer-area a:hover
	{
	text-decoration:underline;
	color:#3f7431;
	}
/*******************************  maw css  *******************************/	
/* Footer CSS											    		     */
/*******************************  maw css  *******************************/