/*  
Theme Name: Eagle Financial Inc
Theme URI: http://www.eaglefinancialinc.com/
Description: This theme was developed solely for use by the Eagle Financial Inc website.
Version: 1.0
Author: Endi Design Studio
Author URI: http://endistudio.com/

	This theme was designed and built by Endi Design Studio,
	whose website you will find at http://endistudio.com/

	The CSS, XHTML and design was created solely for use by 
        Eagle Financial Inc and therefore should not 
        be used, copied, or distributed by any party other than 
        Eagle Financial Inc or Endi Design Studio.

*/



/*
Common 
------------------------------------------------- */

* {
 margin: 0; padding: 0; border: 0;
} 
body { font-family: Arial, Helvetica, sans-serif; color: #2A2A2A; font-size: 11px; background: url(images/body_bg.jpg) #dcdcdc;
}

h1, h2, h3, h4, h5, h6 {
 /*font-weight: normal;*/
 font-family: Georgia, "Times New Roman", serif;
}

ul li { list-style-type: none; }

a, a:visited { text-decoration: none; color: #A01D22; }
a:hover { text-decoration: underline; color: #A01D22; }
 
a.lnk_a, a:visited.lnk_a { text-decoration: none; color: #A01D22; }
a:hover.lnk_a { text-decoration: underline; color: #A01D22; }

a.lnk_b, a:visited.lnk_b { text-decoration: none; color: #fff; background: #A01D22; padding: 6px 8px; }
a:hover.lnk_b { text-decoration: none; color: #fff; background: #2a2a2a; padding: 6px 8px; /*border-bottom: 2px solid #A01D22;*/ }

a.lnk_c, a:visited.lnk_c { text-decoration: none; color: #A01D22; background: #eee; padding: 6px 8px; }
a:hover.lnk_c { text-decoration: none; color: #fff; background: #A01D22; padding: 6px 8px; }

a.lnk_d, a:visited.lnk_d { text-decoration: none; color: #2a2a2a; }
a:hover.lnk_d { text-decoration: underline; color: #A01D22; }

#mini_nav a, #mini_nav a:visited, #foot a, #foot a:visited { text-decoration: none; color: #A01D22; }
#mini_nav a:hover, #foot a:hover { text-decoration: underline; color: #A01D22; }

a.foot_lnk_a, a:visited.foot_lnk_a, a.nav_lnk_a, a:visited.nav_lnk_a { text-decoration: none; color: #A01D22; }
a:hover.foot_lnk_a, a:hover.nav_lnk_a { text-decoration: underline; color: #A01D22; }

.clear { clear: both; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.inline { display: inline; }

.big { font-size: 2em; font-weight: bold; }

.mt7 { margin-top: 7px; }
.mt10 { margin-top: 10px; }
.mr10 { margin-right: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.mb15 { margin-bottom: 15px; }
.mt15 { margin-top: 15px; }

.pt5 { padding-top: 5px; }
.pb15 { padding-bottom: 15px; }
.pt15 { padding-top: 15px; }

.hidden { display: none; }

#alert { color: red; }

.dark { color: #000; }

.cA2A2A2 { color: #A2A2A2; }
.c585858 { color: #585858; }
.c2A2A2A { color: #2A2A2A; }

ol li {
	list-style: decimal outside;
	}
ol ul li {
	list-style: none;
	}

/* End Entry Lists */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 10px 30px 0 10px;
	padding-left: 20px;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

/* Begin Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal;	}

h1 { /*font-size: 4em;*/ }

h2 { font-size: 2.8em; }

h2.pagetitle { font-size: 2.8em; }

h3 { font-size: 2.3em; }

h4 { font-size: 2em; }

h5 { font-size: 1.5em; }

h6 { font-size: 1em; }

/* End Headings */

#wrap { padding: 0 10px 50px 10px; background: url(images/top_bg.jpg) top left repeat-x; }




/*
head+nav
------------------------- */

#top { width: 800px; margin: 0 auto; border-top: 3px solid #fff; padding-top: 20px; margin-bottom: 20px; }

#top #logo { width: 200px; float: left; }
#top #logo h1 { width: 200px; height: 65px; overflow: hidden; }
#top #logo h1 a { display: block; height: 65px; width: 200px; background: url(images/logo.gif) top left no-repeat; overflow: hidden; }
#top #logo h1 a strong { display: none; }

#top #nav { width: 590px; float: left; margin-left: 10px; text-align: right; }
#top #nav p#mini_nav { margin-bottom: 25px; }

#top #nav p#mini_nav span { padding-bottom: 5px; border-bottom: 2px solid #fff; }
#mini_nav a, #mini_nav a:visited {
 text-decoration: none; color: #808080; }
#mini_nav a:hover {
 text-decoration: underline; color: #A01D22; }
#mini_nav a.nav_lnk_a, #mini_nav a:visited.nav_lnk_a {
 text-decoration: none; color: #A01D22; }
#mini_nav a:hover.nav_lnk_a {
 text-decoration: underline; color: #A01D22; }

/*
#top #nav ul { padding: 0 0 6px 0; }
#top #nav ul li { display: inline; margin-left: 11px; text-transform: uppercase; }
#top #nav ul li a { padding: 6px 14px 6px 14px; color: #2A2A2A; background: url(images/clear.gif); }
#top #nav ul li a span { padding: 0 0 6px 0; background: url(images/navlink_underline.gif) bottom left repeat-x; }
#top #nav ul li a:hover, #top #nav ul li a.on { padding: 6px 14px 6px 14px; color: #fff; background: url(images/navlink_bg.jpg); }
#top #nav ul li a.on span, #top #nav ul li a:hover span { background: none !important; }
*/

#top #nav ul { width: 590px; }

#top #nav ul li {
    position: right;
		float: right;
		margin-left: 11px;

	}
	
#top #nav ul li a {
    float: left;
		display: block;
		color: #2a2a2a;
		text-decoration: none; padding: 6px 14px 6px 14px;
 text-transform: uppercase;
	}
#top #nav ul li a span { padding: 0 0 6px 0; background: url(http://www.eaglefinancialinc.com/wp-content/themes/eagle_financial/images/navlink_underline.gif) bottom left repeat-x; }
	
#top #nav ul li a:hover { color: #fff;background: #A01D22 }
	
#top #nav ul li.active { background: #A01D22 }
	
#top #nav ul li.active a { color: #fff;	}

#top #nav ul li a:hover span, #top #nav ul li.active a span { background-image: none; }
#top #nav > ul a { width: auto; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/  
#top #nav ul a {  float: none; }  
/* End IE5-Mac hack */

/*
#top #nav p#main_nav { padding: 0 0 6px 0; float: left; width: 590px; }
#top #nav p#main_nav a { padding: 6px 14px 6px 14px; color: #2A2A2A; margin-left: 11px; text-transform: uppercase; }
#top #nav p#main_nav a span { padding: 0 0 6px 0; background: url(images/navlink_underline.gif) bottom left repeat-x; }
#top #nav p#main_nav a:hover, #top #nav p#main_nav a.on { padding: 6px 14px 6px 14px; color: #fff; background-color: #A01D22; }
#top #nav p#main_nav a.on span, #top #nav p#main_nav a:hover span { background: none !important; }
*/



/*
content
------------------------- */
#content { background: #fff; width: 800px; margin: 0 auto 15px auto; }

#content #intro { background: #3A3A3A; width: 800px; border-top: 1px solid #3A3A3A; border-bottom: 1px solid #3A3A3A; }
#content #intro #opening p { width: 800px; height: 320px; background: url(images/opening_bg.jpg) top left no-repeat; overflow: hidden; }
#content #intro #inquire { width: 800px; }
#content #intro #inquire p.byphone { float: left; width: 570px; height: 49px; overflow: hidden; background: url(images/call_us_today.jpg) top left no-repeat; }
#content #intro #inquire p.byphone span { display: none; }
#content #intro #inquire p.byweb { float: left; width: 230px; height: 49px; overflow: hidden; background: url(images/inquire_online_here.jpg) top left no-repeat; }
#content #intro #inquire p.byweb a { display: block; width: 230px; height: 49px; overflow: hidden; }
#content #intro #inquire p.byweb a span { display: none; }

#content #content_body { width: 760px; padding: 20px 20px 30px 20px; }
#content #content_body #welcome { margin-bottom: 20px; }
#content #content_body #welcome h2 { font-size: 30px; line-height: 1.4em; margin-bottom: 15px; }
#content #content_body #welcome h2 em { color: #A01D22; font-style: normal; }
#content #content_body #welcome a.lnk_c { font-family: Georgia, "Times New Roman", serif; font-size: 17px; }

#content #content_body #three_panels { width: 760px; border-top: 1px solid #dcdcdc; background: url(images/3panel_bg.gif) top left repeat-y; }
#content #content_body #three_panels #panel1 { width: 225px; float: left; padding: 20px 20px 0 0; }
#content #content_body #three_panels #panel2 { width: 230px; float: left; padding: 20px 20px 0 20px; }
#content #content_body #three_panels #panel3 { width: 225px; float: left; padding: 20px 0 0 20px; }
#content #content_body #three_panels .panel h3 { margin-bottom: 15px; font-size: 20px; }
#content #content_body #three_panels .panel p { line-height: 1.25em; color: #585858; }
#content #content_body #three_panels .panel span.readmore { display: block; margin-top: 20px; padding-bottom: 6px; }

#content #content_body #two_panels { width: 760px; border-top: 1px solid #dcdcdc; background: url(images/2panel_bg.gif) top left repeat-y; }
#content #content_body #two_panels #panel1 { width: 495px; float: left; padding: 20px 20px 0 0; }
#content #content_body #two_panels #panel1 blockquote { /*padding: 10px 0 0 45px; background: url(images/quotes.gif) top left no-repeat;*/ }
#content #content_body #two_panels #panel2 { width: 225px; float: left; padding: 20px 0 0 20px; }
#content #content_body #two_panels .panel h3 { margin-bottom: 15px; font-size: 20px; }
#content #content_body #two_panels .panel p { line-height: 1.25em; color: #585858; }
#content #content_body #two_panels .panel span.readmore { display: block; margin-top: 20px; padding-bottom: 6px; }

#content #content_body #readwrap { width: 760px; margin-bottom: 20px; }
#content #content_body #readwrap #read { float: left; width: 500px; }
#content #content_body #readwrap #read h2 { padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; /*margin-bottom: 20px;*/ }
#content #content_body #readwrap #read p { line-height: 1.4em; font-size: 13px; margin-bottom: 10px; }

#content #content_body #readwrap #read .post { /*margin-top: 20px;*/ }
#content #content_body #readwrap #read .post h3 { margin-bottom: 10px; }
#content #content_body #readwrap #read .post h4 { margin-bottom: 10px; padding-top: 10px; }
#content #content_body #readwrap #read .post h5 { margin-bottom: 10px; padding-top: 10px; }
#content #content_body #readwrap #read .post h6 { margin-bottom: 10px; padding-top: 10px; }
#content #content_body #readwrap #read .post small { font-size: 11px; color: #a2a2a2; }
#content #content_body #readwrap #read .post .entry { margin-top: 10px; }


#content .col2 .post { }
#content .col2 .post h2 {  }
#content .col2 .post .entry h3 {  }
#content .col2 .post .entry p {  }


#testimonials { }
 #testimonials div.testimonial { display: none; }
 #testimonials div.first { display: block; }
 #testimonials div.testimonial { padding: 10px 0 0 35px; background: url(images/quotes.gif) top left no-repeat; }
 #testimonials div.testimonial blockquote { font-size: 12px; line-height: 1.4em; margin-bottom: 10px !important; margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 5px !important; }

/*
blockquote {
	margin: 10px 30px 0 10px;
	padding-left: 20px;
	}*/



/*
contact form
------------------------- */
input.text { width: 350px; padding: 4px 2px; color: #444; border: 1px solid #cecece; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #e4e4e4; font-size: 13px; font-family: arial, sans-serif; }
textarea.textarea { width: 400px; height: 100px; padding: 4px 2px; color: #444; border: 1px solid #cecece; border-top: 1px solid #8f8f8f; border-bottom: 1px solid #e4e4e4; font-size: 13px; font-family: arial, sans-serif; }

#contact_form_div { padding-top: 20px; }
#contact_form_div p {}
#contact_form_div p.alert { background: #a01d22; color: #fff; margin-top: 15px; padding: 8px 10px;}
#contact_form_div p label.full { display: block; margin: 15px 0 5px 0; }
#contact_form_div p#submit { margin-top: 15px; }
#contact_form_div p#submit input { border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; background: url(images/submit_bg.gif) bottom left repeat-x #fff; padding: 7px 15px; font-size: 13px; font-famliy: arial, sans-serif; }




/*
sidebar
------------------------- */

#content #content_body #readwrap #sidenav_wrap { float: left; width: 245px; margin-left: 15px; }
#content #content_body #readwrap #sidenav_wrap .sideblock { padding: 15px 10px; background: #f5f5f5; margin-bottom: 15px; }
#content #content_body #readwrap #sidenav_wrap .sideblock h3 { font-size: 20px; padding-bottom: 8px; border-bottom: 3px solid #A01D22; }
#content #content_body #readwrap #sidenav_wrap .sideblock ul li { padding: 10px 0 0 5px; font-size: 12px; }
#sidenav_wrap .sideblock ul li a { color: #585858; }
#sidenav_wrap .sideblock ul li a:hover { color: #A01D22; text-decoration: underline; }
#sidenav_wrap .sideblock ul li.current_page_item a { font-weight: bold; color: #A01D22; text-decoration: underline; }
#sidenav_wrap .sideblock ul li.current_page_item li a { font-weight: normal !important; color: #999 !important; text-decoration: none !important; }


#sidenav_wrap .sideblock ul ul li { padding-left: 10px !important; padding-top: 5px !important; padding-bottom: 0px !important; }
#sidenav_wrap .sideblock ul ul li a,
#sidenav_wrap .sideblock ul ul li a:visited { color: #999 !important; }
#sidenav_wrap .sideblock ul ul li.current_page_item a { font-weight: bold !important; color: #A01D22 !important; text-decoration: underline !important; }
#sidenav_wrap .sideblock ul ul li.current_page_item li a { font-weight: normal !important; color: #999 !important; text-decoration: none !important; }
#sidenav_wrap .sideblock ul ul li a:hover { color: #A01D22 !important; text-decoration: underline !important; }
#sidenav_wrap .sideblock ul ul li a.on { font-weight: bold !important; color: #A01D22 !important; text-decoration: underline !important; }

/*
#content .col1 ul#col1_nav ul ul li { padding: 5px 0; border: 0; }
#content .col1 ul#col1_nav ul ul li a,
#content .col1 ul#col1_nav ul ul li a:visited { padding-left: 0px; background: none; }
#content .col1 ul#col1_nav ul ul li a:hover,
#content .col1 ul#col1_nav ul ul li a.on { padding-left: 0px; background: none; }
*/




/*
foot
------------------------- */

#foot { margin: 0 auto; width: 770px; background: url(images/foot_bg.jpg) #e4e4e4; padding: 15px; color: #808080; }
#foot .upper { padding-bottom: 10px; border-bottom: 2px solid #A01D22; }
#foot .upper .l { float: left; width: 450px; color: #C0C0C0; text-align: left; }
#foot .upper .r { float: left; width: 320px; text-align: right; }
#foot .lower { padding-top: 10px; }
#foot .lower .l { float: left; width: 385px; text-align: left; }
#foot .lower .r { float: left; width: 385px; text-align: right; }
#foot a, #foot a:visited {
 text-decoration: none; color: #808080; }
#foot a:hover {
 text-decoration: none; color: #2a2a2a; }
#foot a.foot_lnk_a, #foot a:visited.foot_lnk_a {
 text-decoration: none; color: #A01D22; }
#foot a:hover.foot_lnk_a {
 text-decoration: underline; color: #A01D22; }




/*
other
------------------------- */




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Begin Lists */

.entry ul {
	padding: 0 0 0 20px;
	margin: 0;
        font-size: 12px;
	} 

.entry ul li {
	margin: 7px 0 8px 0;
        padding: 0 0 0 15px;
        line-height: 1.4em;
        font-size: 13px;
	/*list-style-type: disc;*/
        background: url(images/red_bullet.jpg) left 6px no-repeat;
	}
/*
.entry ul li:before {

	}
*/

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
        font-size: 12px;
	}

.entry ol li {
	margin: 7px 0 8px 0;
        /*padding: 0;*/
        line-height: 1.4em;
        font-size: 13px;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

.entry blockquote {
       color: #808080;
}



/* End Various Tags & Classes*/