/* 
Author: Matt Green   
Title: Web Developer/Flaxen Design 
Company: Flaxen Design

Reset 
-------------------------------------------------------------- */
@import url("reset.css");

/* Global Styles and General Selectors
-------------------------------------------------------------- */

body { 
	background: url(../images/bg.jpg) #787677 repeat-x; 
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	position: relative;
}

h1, h2, h3, h4, h5, h6 { font-family: Georgia, Times, serif; }
h2 { color:#fff; font-size: 30px; font-weight: normal; }
h3 { color:#a29275; font-size: 20px; font-weight: normal; margin-bottom: 15px; line-height: 22px; }
h4 { font-size:10.5px; font-family: arial, verdana, helvetica, sans-serif; }
p, li, h4 { color:#7a7a7a; line-height: 18px; }
p { margin-bottom: 10px; orphans: 3; /* text-align: justify; */ }
em { color:#999; }
a { color: inherit; text-decoration: none; }
.clear { clear: both; padding:0; margin:0; }
.center { text-align: center; }
.float_right { float: right; margin-left: 25px; }
.float_left { float: left; margin-right: 25px; }
.footer a { text-decoration: underline; }
.footer a:hover { text-decoration: none; }
.float_left { border: white 3px solid; float: left; margin-right: 10px; margin-bottom: 10px; }
.float_right { border: white 3px solid; float: right; margin-left: 10px; margin-bottom: 10px; }
._con h3, .home_con h3 { font-size: 18px; }
a:hover img, a[title="Read More"]:hover { opacity: .8; }
img.articles { width:35px; height:35px; float: left; margin-right: 15px; }
h3 span { font-size: 13px; text-transform: uppercase; }

/* Loaded via javacript, after pageload it will add according to height and width of box */
.top_shadow { background: url(../images/shadow_top.jpg); height:4px; width:100%; position: absolute; top:-4px; left:0px; }
.right_shadow { background: url(../images/shadow_right.jpg); width:4px; height:100%; position: absolute; right:-4px; top:0px; }
.bottom_shadow { background: url(../images/shadow_bottom.jpg); height:4px; width:100%; position: absolute; bottom:-4px; left:0px; }
.left_shadow { background: url(../images/shadow_left.jpg); width:4px; height:100%; position: absolute; left:-4px; top:0px; }

/* divider */
.divider { border-top: 1px solid #bbb; border-bottom:#fff 1px solid; margin-bottom: 20px; position: relative; top:5px; clear: both; }

/* Major Page Layout Elements 
-------------------------------------------------------------- */

#container { width:900px; margin:0px auto; }
#page { background: white; padding:30px 30px 10px 30px; margin-bottom: 30px; }

/* All column containers */
.left, .right { float: left; }
.left { width:53%; padding-right:4%;  }
.right { width:39%; padding-left: 3%; }
.left { border-right: 1px solid #fff; }
.right { border-left: 1px solid #bbb; }
.half { width:48%; float: left; min-height: 200px; }
.half_left { padding-right: 1.5%; border-right: 1px solid #fff; }
.half_right { padding-left: 1.5%; border-left: 1px solid #bbb; }

/* Headers
-------------------------------------------------------------- */

#header { 
	background: url(../images/header.jpg) no-repeat; 
	width:900px;
	height:123px;
	position: relative;
} 

h1 a {
	text-indent: -9999px;
	display: block;
	width:200px;
	height:120px;
	position: absolute;
	top:0px;
	left:360px;
}

#header p, #header a, #header li { color: #d5bf95; }
#header ul { position:absolute; right:0px; bottom:5px; }
#header ul li { float:left; margin-left:8px; }
#header ul li a { margin-right:5px; }
#header p#date { position:absolute; bottom:-5px; left:0px; }

/* Page specific header */

img.page_image, div#community_ss { 
	float: right; 
	margin-top: 40px; 
	border-left: 8px solid #fff;
	border-bottom: 6px solid #fff;  
	margin-bottom: 10px;
}

.page_summary { 
	background: url(../images/page_summary_bg.jpg) repeat-x;
	padding: 15px;	
	clear: left;
	height:148px;
}

/* Navigation 
-------------------------------------------------------------- */

#navigation { 
	border-bottom: 31px solid #e7e1d6; 
	float: left; 
	width:470px;
	margin-bottom: 7px;
	position: relative;
}

#navigation li { float:left; padding:10px; }
#navigation li a {
	font-size: 16px;
	font-family: Georgia, serif;
	color: #cab282;
}

#navigation li:hover, #navigation li a:hover { opacity: 1; background:#f7f1e6; color:#8e7f69; }
#navigation li.selected, #navigation li.selected a:hover { background:#e7e1d6; color:#8e7f69; }
#navigation li.selected a, #navigation li:hover a { color:#8e7f69; }
#navigation li ul { 
	display: none;
	position: absolute;
	left:0px;
	bottom:-31px;
}

#navigation li.selected > ul { display: block; }
#navigation li ul li a { 
	color:#8e7f69;
	background: transparent;
	padding:8px 10px 8px 10px;
	position: relative;
	z-index: 10;
	font-size: 14px;
}

#navigation li#primary:hover ul li:hover, #navigation li#primary ul li:hover a { background: none; }
#navigation li ul li a:hover, 
#navigation li ul li:hover a { background: none; }
#navigation li ul li { position: relative; padding:6px 0px 6px 0px; }
#navigation li ul li div { position: absolute; z-index: 5; }

/* Rollover for the subnav buttons */
#navigation li ul li div.sn_top_left { top:0px; left:0px; background:url(../images/sn_top_left.jpg) no-repeat; width:6px; height:6px; }
#navigation li ul li div.sn_top { top:0px; left:6px; right:6px; background:url(../images/sn_top.jpg) repeat-x; height:6px; }
#navigation li ul li div.sn_top_right { top:0px; right:0px; background:url(../images/sn_top_right.jpg) no-repeat; width:6px; height:6px; }
#navigation li ul li div.sn_right { top:6px; bottom:6px; right:0px; background:url(../images/sn_right.jpg) repeat-y; width:6px; }
#navigation li ul li div.sn_bottom_right { bottom:0px; right:0px; background:url(../images/sn_bottom_right.jpg) no-repeat; width:6px; height:6px; }
#navigation li ul li div.sn_bottom { bottom:0px; left:6px; right:6px; background:url(../images/sn_bottom.jpg) repeat-x;  height:6px; }
#navigation li ul li div.sn_bottom_left { bottom:0px; left:0px; background:url(../images/sn_bottom_left.jpg) no-repeat; width:6px; height:6px; }
#navigation li ul li div.sn_left { top:6px; bottom:6px; left:0px; background:url(../images/sn_left.jpg) repeat-y; width:6px;  }

/* Content
-------------------------------------------------------------- */

/* That image with caption */
.content_header {
	width: 842px;
	height: 255px;
	margin-bottom: 9px;
	position: relative;
}

.content_header p.finra { 
	position: absolute; 
	color:#aaa;
	font-size: 12px;
	text-shadow: none;
	width:300px;
	right:35px;
	line-height: 15px;
	text-align: center;
}

.content_header h2 { margin-bottom: 7px;	}
.content_header p { 
	font-size: 15px; 
	line-height: 21px; 
	font-style: italic; 
	font-weight: normal;
	width: 430px;
	color:#fff; 
	font-family: Georgia, serif;
	text-shadow: 0px 1px 2px #555;
}

/* Content area, everything within grey */
.content { background:#e9e7e3; padding:25px 25px 10px 25px; width: 792px; }

/* Pages
-------------------------------------------------------------- */

/* Home page */
.home { background: url(../images/header_content_home.jpg) no-repeat; height: 274px; margin-bottom: 15px; }
.home h2, .home p { display: none; }
.home_con p, ._con p { line-height: 20px; }
ul.about_links { font-family: Georgia, serif; text-transform: uppercase; margin-top: -10px; }
ul.about_links li { float:left; margin-right:3px; color:#a29275; font-size: 11.5px; }
ul.about_links li a { margin-right:3px; }
ul.staff { float: left; margin-top: 10px; }
ul.staff li { font-size: 11px; }
.wealth { margin-right: 20px; }
ul#boxes li.primary {
	width:215px;
	height:275px;
	float: left;
	background: white;
	padding:15px;
	margin-right: 27px;
	margin-bottom: 25px;
	position: relative;
}

img.financial_guide { position: absolute; bottom:22px; right:15px; }
ul#boxes li ul.box_links li a:hover { text-decoration: none; } 
ul#boxes li.third { margin-right:0px; }
ul#boxes li h3 a:hover { color:#CAB282; } 
ul#boxes li ul.box_links li a { 
	font-size: 13px; 
	line-height: 19px;
	color:#a29275;
	text-decoration: underline;
}

a[title="Read More"] { 
	position:absolute; 
	width:238px; 
	bottom:0px; 
	left:0px; 
	padding:2px 0px 2px 7px; 
	background: #d5bf95; 
	color:#fff;
	text-transform: uppercase;
	font-size: 11px;
}

a.more { color: #d5bf95; }
.services_con p a { color:#8E7F69; }
.icons { float: right; }
img.services { margin-top: -70px; max-height: 85px;}
img.about { margin-top: 10px; margin-right: 10px; max-height: 70px; }
img.login { margin-top: -20px; margin-bottom: 8px; }
img.ii { max-height: 77px; margin-top: 0px; }

/* Services */
.content_header h2.services { margin-top: 20px; margin-bottom: 12px; }

/* Ingram Insights */
.content_header h2.ingram_insights { margin-top: 20px; margin-bottom: 12px; }
.content_header h2.monthly_house_call { margin-top: 10px; }
.content_header h2.newsletter { margin-top: 20px; margin-bottom: 8px; }
.content_header h2.in_the_news { margin-top: 17px; margin-bottom: 10px; }
.content_header h2.employee_login { margin-top: 25px; }

/* Our Mission */
.mission .page_summary p { font-size: 13px; margin-bottom: 12px; }

/* Insurance*/
ul.insurance li { margin-bottom: 10px; }
.insurance_right { position: relative; }
.insurance_right a { position: absolute; }
a.ins_cf { top:0px; left:5px; }
a.ins_quote { top:78px; left:5px; }
a.ins_links { top:78px; right:-23px; }
a.ins_calc { top:178px; right:-23px; }

/* About Us */
.about_con ul { margin-bottom: 10px; }
.about_con ul li { list-style: disc; margin-left: 20px;}

/* Investments */
.download_icon { 
	float: right;
	width: 160px;
	text-align: center; 
	line-height: 14px;
	color:#666;
	margin-left:30px;
}
.download_icon img { margin-top: 0px; } 
#family_stress { margin-top: -30px; }

/* Newsletter */
img.newsletter_ico { margin-right: 15px; float: left; }
p.title { margin-bottom: 5px; }

/* Contact */
.content_header h2.contact { margin-top: 17px; margin-bottom: 10px; }
.error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; text-align: center; }
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

#validation { margin-bottom: 25px; }
.contact_con ul {margin-bottom: 10px; margin-top: -8px; }
.contact_con ul a { text-decoration: underline; color: #999; font-style: italic; }
.contact_con ul li { line-height: 15px; margin-bottom: 0px; }
.securities { font-family: Georgia, serif; font-style: italic; font-size: 15px; color:#9f947f; }

div.map {
	border: #fff solid 7px;
	float: right;
	margin-bottom: 12px;
	position: relative;
}

/* Employee Login Links */
#employee_login_links a { display: block; float: left; margin-right: 14px; margin-bottom: 10px; }
#employee_login_links a.last { margin-right: 0px; }

/* Newsletter */
.ingram_insights_con a { text-decoration: underline; }
.ingram_insights_con #accordion a { text-decoration: none; }
.ingram_insights_con a:hover { text-decoration: none; } 
.ingram_insights_con h3 { margin-bottom: 5px; font-size: 16px; }

/* Wealth Watch */
#movie_ww { 
	float:right;
	margin-top:-15px;
	margin-right:15px;
}

/* Accordion
-------------------------------------------------------------- */

.tabs_dir { color:#999; text-align: center; margin-bottom:15px; margin-top: -5px; }
#accordion p.close, #accordion p.show { 
	color:#A29275; 
	position: absolute; 
	right:0px; 
	top:-25px; 
	cursor: pointer;
}

#accordion p.close:hover, #accordion p.show:hover { color: #666; }
#accordion p.close { right:70px; }
#accordion { margin-bottom: 15px; position: relative; }
#accordion a {
	display: block;
	background: #fff;
	padding:13px 10px;
	color:#666;
	text-transform: uppercase;
	font-weight: bold;
	background: url(../images/accordion_a.jpg) repeat-x;
	cursor: pointer;
	border-top: 1px #e3e3e3 solid;
}

#accordion a span.more { 
	background: url(../images/arrow_normal.png) no-repeat right; 
	display: block;
	float:right;
	padding-right: 15px;
	text-transform: lowercase;
	font-weight: normal;
	color: #aaa;
}

#accordion a.ui-state-active span.more, #accordion a.ui-state-hover span.more,
#accordion a.active span.more, #accordion a:hover spam.more { text-indent: -9999px; }
#accordion a span.lower { text-transform: capitalize; font-weight: normal; } 
#accordion a.ui-state-active span.more,
#accordion a.active span.more { background: url(../images/arrow_active.png) no-repeat right; }
#accordion a.ui-state-hover, #accordion a.ui-state-active, #accordion a:hover,
#accordion a.active, #accordion a:hover {
	background: url(../images/accordion_a_hover.jpg) repeat-x;
	border-top: 1px #ccc solid;
	color:#333;
}

#accordion a.ui-state-active, #accordion a.active { color:#333; }
#accordion div { background: white; padding:10px; line-height: 18px; color:#666; }
#accordion div.clear { background: none; margin:0; padding:0; }
#accordion div .wrapper { background: #e9e7e3; padding:10px 10px 5px 10px; } 
#accordion div .wrapper strong { color:#333; font-weight: bold; }
#accordion div .wrapper img {
	margin-right: 20px;
	margin-bottom: 5px;
	float: left;
	border:3px #fff solid;
}

#accordion div .wrapper ul li {	margin-left: 185px; }
#accordion div .wrapper ul li.fin {
	list-style: none;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 3px;
	margin-left: 170px;
}

#accordion div .wrapper ul.wm li { margin-left:20px; list-style: disc; }
#accordion div .wrapper a {
	background: none;
	display: inline;
	text-transform: none;
	font-weight: normal;
	margin:0;
	padding:0;
	border:none;
	color: inherit;
	text-decoration: underline;
}

#accordion div .wrapper a:hover { opacity:1; text-decoration: none; }
.about_con h4, .our_team_con h4 { 
	font-size: 15px;
	margin-bottom: 5px;
	color:#A29275;
	font-family: Georgia, serif;
	font-weight: normal;
}

/* Forms */

form p { line-height: 14px; }
form .inputs p label { 
	display: block; 
	width:100px;
	text-align: right;
	padding-top:5px;
	float: left;
	margin-right: 10px;
}

form .inputs p input, form .inputs textarea {
	width:295px;
	border:#ccc solid 1px;
	padding: 7px 5px;
	font-family: Arial, sans-serif;
	color: inherit;
	-moz-box-shadow:0 1px 0 white;
	box-shadow:0 1px 0 white;
	font-size: 12px;
} 

form .inputs textarea { height: 150px; }
form select { width:305px; }
form input[type="checkbox"] { float: left; margin-right: 10px; margin-top: -1px; }
form .checkboxes p label { margin-top: 3px;  }

form input[type="submit"], 
form input[type="reset"],
form input[type="button"],
#button {
	margin-left: 305px;
	border: none;
	background: url(../images/submit.jpg) repeat-x;
	color:white;
	font-size: 13px;
	padding:7px 30px;
	-moz-box-shadow:0 1px 0 white;
	box-shadow:0 1px 0 white;
	cursor: pointer;
}

#button { display: block; float: right; }
form { float: left; display: block; margin-bottom: 10px; width: 100%; }
div.calculators_inc { width:215px; }
.wm, .inv { float:right;margin-left:20px;margin-bottom:20px; }
div.calculators_inc p { padding-top: 3px; font-size: 11px; font-style: italic; line-height: 14px; } 
img.calc { width:45px; height:45px; float: left; margin-right:10px; }

/* 8. Footer 
-------------------------------------------------------------- */

p.footer { margin-top: 10px; }
p.securities { color:#ccc; padding: 0px 20px 10px 20px; font-style: italic; font-size: 13px; margin-top: -10px; margin-bottom: 10px; }
p.securities a { text-decoration: underline; }

/* links
-------------------------------------------------------------- */

#links table, #links p { font-family: Arial, sans-serif; font-size: 12px; color: #666; width: 98%; }
#links p { margin: 15px 30px 5px 30px; text-align: center; }
#links table td, #links table th { border:1px solid #ccc; padding:5px 8px 6px 8px; line-height: 16px; }
.right_links { padding-left: 30px; }

#links p, td, th { font-family: Arial, sans-serif; font-size: 12px; color: #666; margin-bottom: 10px; }
#links a { color:#a29275; }
#links a:hover { text-decoration: none; }
#links a:visited { color:#d4c2a2; }
#links table.quote tr th { background: url(../images/thead.jpg) repeat-x bottom; font-weight: bold; }
#links tr.odd { background: #efefef; }

/* Employee login
-------------------------------------------------------------- */

.overlay { 
	background: #000;
	position: absolute;
	width:100%;
	height:100%;
	z-index: 1000;
	top:0px;
	left:0px;
	display: none;
}

.login_container { 
	z-index: 1001;
	position: absolute;
	width:500px;
	height:280px;
	left:50%;
	margin-left: -250px;
	top:175px;
	display: none;
}

#wrapper { 
	background: #ddd;
	border:6px solid #b29555;
	width:450px;
	height:230px;
	text-align: center;
	padding:25px;
}

#wrapper h2 { 
	color: #444;
	text-shadow:0 1px 0 white;
	margin-bottom: 25px;
	font-size: 32px;
}

#wrapper form { text-align: left; }
#wrapper form label { 
	color: #a1906a;
	text-shadow:0 1px 0 white;
	font-family: Georgia, serif;
	font-size: 22px;
	width:100px;
	display: block;
	float: left;
	margin-right: 10px;
	padding-top: 10px;
}

#wrapper form input[type="text"], 
#wrapper form input[type="password"] { 
	width:300px;
	border:#c5c5c5 solid 1px;
	padding:9px;
	font-size: 16px;
	margin-bottom: 15px;
	-moz-box-shadow:0 1px 0 white;
	box-shadow:0 1px 0 white;
}

#wrapper form input[type="submit"],
#wrapper form input[type="reset"] {
	margin-right: 20px;
	float:right;
	display: block;
	margin-left: 0px;
}

#wrapper form input[type="reset"] { margin-right: 15px; }
#wrapper form input[type="submit"]:hover,
#wrapper form input[type="reset"]:hover { opacity: .9; }
.no_display { display: none; }
.calc_col { 
	float: left;
	margin-right: 20px;
	width:125px;
	text-align: center;
}