/*------------------------------------
Smith & Frank Stylesheet
Version:  1.0
Website: www.smithfrank.com
-------------------------------------*/


body		{margin: 0; padding: 0; background: #E8E8E8; font-family: Arial, sans-serif; font-size: 12px; color: #b0b0b0;}
#canvas		{margin: 0 auto; padding: 0; width: 982px;}
#wrapper	{margin: 0; padding: 0; overflow: hidden; width: 982px; background: url(/images/smith_frank_bkgrd_body.jpg) repeat-y;}

h1 {margin: 0 0 0 11px; padding: 0; width: 960px; height: 180px; background: url(/images/smith_frank_hdr_01.jpg)  no-repeat; text-indent: -9999px;}
#banner-about-us {margin: 0 0 0 11px; padding: 0; width: 960px; height: 180px;}
#banner-services {margin: 0 0 0 11px; padding: 0; width: 960px; height: 180px; background: url(/images/smith_frank_hdr_02.jpg)  no-repeat;}
#banner-financial-planning {margin: 0 0 0 11px; padding: 0; width: 960px; height: 180px; background: url(/images/smith_frank_hdr_02.jpg)  no-repeat;}
#banner-investment-management {margin: 0 0 0 11px; padding: 0; width: 960px; height: 180px; background: url(/images/smith_frank_hdr_03.jpg)  no-repeat;}
#banner-wealth-strategies {margin: 0 0 0 11px; padding: 0; width: 960px; height: 180px; background: url(/images/smith_frank_hdr_04.jpg)  no-repeat;}

#banner-sponsorships-alliances {margin: 0 0 0 11px; padding: 0; width: 960px; height: 180px; background: url(/images/smith_frank_hdr_03.jpg)  no-repeat;}
#banner-media-room {margin: 0 0 0 11px; padding: 0; width: 960px; height: 180px; background: url(/images/smith_frank_hdr_04.jpg)  no-repeat;}

#flash-banners {margin: 0 0 0 11px; padding: 0; width: 960px;}

h2 {color: #973D28; font-weight: bold; font-size: 18px; margin: 15px 0 20px 0; padding: 0;}
h3 {font-size: 15px; font-family: Arial, sans-serif; margin: 15px 0 15px 0; padding: 0;}
h4 {font-size: 13px; font-family: Arial, sans-serif; color: #AF7B20; margin: 5px 0 5px 0; padding: 0;}

#middle {width: 960px; padding: 11px 0 0 11px;}
#right {float: right; width: 150px; padding: 20px 20px 0 25px;}
#right p {margin-bottom: 150px; line-height: 20px; font-size: 15px; font-style: italic; color: #973D28; font-family: Trebuchet MS, Arial, sans-serif;}
#right p .source {font-size: 12px; margin: 15px 0; color: #000;}

/*
#nav {border: 0px solid green; float: left; margin: 0; padding: 0 20px 0 20px; font-family: Trebuchet MS, Arial, sans-serif; font-size: 16px; line-height: 33px; width: 160px;}
#nav ul {list-style-type: none; margin: 0; padding: 0; width: 200px;}
#nav ul li a:link {color: #393939; text-decoration: none;}
#nav ul li a:visited {color: #A2A2A2;  text-decoration: none;}
#nav ul li a:hover {color: #973D28; text-decoration: underline;}

#nav ul li ul li {font-size: 12px; font-weight: bold; margin: 0 0 0 5px; padding: 0; border: 0px solid red; line-height: normal;}
#nav ul li ul li ul li {font-weight: normal; margin: 0 0 0 5px; padding: 0; border: 0px solid blue;}
*/


/****************************************/
#nav {border: 0px solid green; float: left; margin: 0; padding: 0 20px 0 20px; font-family: Trebuchet MS, Arial, sans-serif; width: 200px;}

/* Nav ul styles */
#nav ul {list-style-type: none; margin: 0; padding: 0; }
#nav ul li ul { margin: 5px 0 0 10px; } /* level 1 list */
#nav ul li ul li ul { margin: 0 0 0 10px; } /* level 2 list */
#nav ul li ul li ul li ul { margin: 0 0 0 10px; } /* level 3 list */

/* Nav li styles */
#nav ul li { margin: 0 0 10px 0; padding: 0; } /* level 1 li */
#nav ul li ul li { margin: 5px 0 5px 0; padding: 0;} /* level 2 li */
#nav ul li ul li ul li { margin: 5px 0 5px 0; padding: 0;} /* level 3 li */

/* Nav a styles */
#nav a { text-decoration: none; }
#nav ul li a { font-size: 16px; font-weight: bold; color: #3F2604; } /* level 1 link */
#nav ul li a:hover { font-size: 16px; font-weight: bold; color: #3F2604; border-bottom: 1px solid #3F2604;} /* level 1 link hover */
#nav ul li ul li a { font-size: 13px; color: #2F2F2F; } /* level 2 link */
#nav ul li ul li a:hover { font-size: 13px; color: #2F2F2F; border-bottom: 1px solid #2F2F2F;} /* level 2 link hover */
#nav ul li ul li ul li a { font-size: 12px; font-weight: normal; color: #5F5F5F; } /* level 3 link */
#nav ul li ul li ul li a:hover { font-size: 12px; font-weight: normal; color: #5F5F5F; border-bottom: 1px solid #5F5F5F;} /* level 3 link hover */

/****************************************/

#sec-links {font-family: Arial, sans-serif; font-size: 12px; color: #2F2F2F; margin: 0 0 20px 0;}
#sec-links a:link {color: #2F2F2F; text-decoration: none;}
#sec-links a:visited {color: #2F2F2F; text-decoration: none;}
#sec-links a:hover {color: #A2A2A2; text-decoration: underline;}


#content {border: 0px solid green; float: left; text-align: left; margin: 0 0 0 0; width: 505px; font-size: 13px; color: #525252;}
#content p {margin: 0 0 10px 0; font-size: 13px; line-height: 20px; font-family: Arial, sans-serif;}
#content a:link {color: #973D28; text-decoration: underline;}
#content a:visited {color: #5F5F5F; text-decoration: underline;}
#content a:hover {color: #AE781E; text-decoration: none;}
#content ol {font-family: Arial, sans-serif;}
#content ol li {margin: 0 0 10px 0; padding: 0;}
#content ul {color: #AE4623; list-style-type: square;}
#content ul li {margin: 0 0 10px 0; padding: 0; line-height: 20px; color: #525252;}

#content .bio {float: right; border: 1px solid #000; margin: 10px 0 10px 20px;}
#content .bio-tn {border: 1px solid #000;}

#content ul li.pdf {list-style: none; background: url(/images/pdf.gif) no-repeat left 0; padding: 0 0 5px 25px;}
#content ul li.xls {list-style: none; background: url(/images/xls.gif) no-repeat left 0; padding: 0 0 5px 25px;}
#content ul li.url {list-style: none; background: url(/images/html.gif) no-repeat left 0; padding: 0 0 5px 25px;}

#compliance {margin: 150px 0 20px 0; padding: 0; text-align: justify;}
#compliance p {margin: 5px 0 5px 0; line-height: 14px; padding: 0; color: #BABABA; font-size: 10px; font-family: Arial, sans-serif;}
#compliance a {color: #BABABA;}
#footer {width: 982px; height: 20px; background: url(/images/smith_frank_ftr.jpg) no-repeat; clear: both;}

.imgcontainer {
	position:relative;
 	border: 1px solid #000;
	}
.caption {
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	background:#fff;
	width:100%;
	opacity:.75;
	filter:alpha(opacity=85);
	color:#000;}
.imgcontainer img {display:block;}

sup {font-size: 8px;}

/* ROTATING QUESTIONS */
#crossfade-container {margin: 65px 0px 0px 240px; width: 302px; height: 70px; position: absolute;}
#crossfade-container .fade-box {margin-left: 0px; position: absolute; top: 0; width: 302px; height: 70px;}
#crossfade-container .fade-box h2 {font-weight: bold; color: #fff; width: 302px; margin: 30px 0 0 10px; text-align: left; padding: 0; font-family: Arial, sans-serif; font-size: 1.4em;}

/* SITEMAP */
#sitemap { font-family: Trebuchet MS, Arial, sans-serif;}
#sitemap ul li {font-weight: bold; font-size: 16px; margin: 5px 0 5px 0;}
#sitemap ul li ul li {font-weight: normal; font-size: 14px; margin: 5px 0 5px 0;}
#sitemap ul li ul li ul li {font-weight: normal; font-size: 12px; margin: 5px 0 5px 0;}

/* REMOVE OUTLINES ON LINKS */
a:active { outline: none; }
:focus {-moz-outline-style: none;}