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

CSS Document

Coded by: Kefan Xie
xiekefan@gmail.com

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

body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS";
	background: url(../img/bg/bg_body.gif) repeat-x; 
}

body.portfolio {
	background: #e7f0f6 url(../img/bg/bg_portfolio.gif) repeat-x; 
}

a img {
	border: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#wrapper {
	width: 895px; 
	margin: auto; 
}

#portfolio_wrapper {
	width: 895px; 
	margin: auto; 
}

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

Header

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

#header {
	position: relative; 
	width: 895px; 
	height: 334px; 
	background: url(../img/bg/shadow0.jpg) no-repeat; 
}

#portfolio_header { 	
	position: relative; 
	width: 895px; 
	height: 249px; 
	margin: auto; 
	background: url(../img/bg/bg_portfolio_header.jpg) no-repeat; 
}

#portfolio_header span { 
	position: absolute; 
	font-size: 1.4em; 
	font-weight: bold; 
	top: 15px; 
	left: 245px; 
}

#portfolio_header h2 { 
	font-size: 5em; 
	font-weight: bold; 
	margin: 0; 
	padding-top: 20px; 
	line-height: 70px; 
	text-align: center; 
}

#portfolio_header h2 strong { 
	color: white; 
}

#portfolio_header h3 { 
	margin: 0; 
	font-size: 1.6em; 
	text-align: center; 
}

#portfolio_nav { 
	height: 29px; 
	margin-left: 200px; 
	background: url(../img/bg/bg_port_nav_divider.gif) no-repeat;
}

#portfolio_nav a { 
	float: left; 
	font-weight: bold; 
	color: white; 
	padding: 4px 20px 4px; 
	background: url(../img/bg/bg_port_nav_divider.gif) no-repeat right 0;
}

#header h1 { 
	position: absolute;
	width: 200px; 
	height: 150px; 
	margin: 0 0 0 140px; 
}

#header h1 strong a { 
	display: block; 
	padding-top: 40px; 
	width: 200px; 
	height: 150px; 
	text-indent: -9999px; 
}

#header p { 
	width: 550px; 
	margin: 0 0 0 305px; 
	padding: 10px 0 0 0; 
	color: #ebf4ff;
	text-align: right; 
	font-weight: bold; 
	font-size: 1.1em;
}

#header p span { 
	display: block; 
	padding-left: 40px; 
}

#twitter_button { 
	float: right; 
	display: inline; 
	margin-right: 40px; 
	padding-top: 3px; 
}

#rss_button { 
	float: right; 
	display: inline; 
	margin-right: 10px; 
	padding-top: 3px; 
}

#header_search { 
	clear: right; 
	float: right; 
	width: 268px; 
	height: 40px; 
	padding-top: 15px; 
}

#quote { 
	position: absolute;
	bottom: 12px; 
	clear: both; 
	width: 787px; 
	height: 50px; 
	margin-top: 43px; 
	margin-left: 63px; 
	border: 0;
	border-collapse: collapse; 
}

#quote tr td {
	vertical-align: middle; 
}

#quote_text { 
	width: 650px; 
	text-align: right; 
	font-style: italic; 
	font-weight: bold; 
}

#quote_author { 
	width: 160px; 
	margin: 0 50px 0 0; 
	padding-left: 20px; 
	font-style: italic; 
} 

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

Navigation

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

#nav {
	height: 37px; 
}

#nav ul { 
	height: 37px; 
	list-style: none; 
	margin: 0 0 0 40px; 
	padding: 0 0 0 2px; 
	background: url(../img/bg/bg_nav_separator.gif) no-repeat 0 4px;
}

#nav ul li { 
	float: left;
	height: 37px; 
	padding:0 2px 0 0; 
	background: url(../img/bg/bg_nav_separator.gif) no-repeat right 4px;
}

#nav ul li a { 
	float: left; 
	display: block; 
	height: 27px; 
	padding: 10px 27px 0 29px; 
	text-align: center;
	color: white; 
	font-weight: bold; 
	font-size: 0.9em; 
	text-decoration: none; 
} 

#nav ul li a.grey { 
	background: url(../img/bg/bg_nav_grey.gif) repeat-x 0 4px;
} 

#nav ul li a:hover { 
	color: black; 
	background: url(../img/bg/bg_nav_roll.gif) repeat-x 0 4px; 
}

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

Content

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

#content {
	width: 805px; 
	margin-left: 63px; 
	padding-top: 3px; 
}

#index_content {
	width: 830px; 
	margin-left: 53px; 
	padding-top: 3px; 
}

#gutman_fund { 
	float: left; 
	width: 367px; 
	height: 125px; 
	margin: 7px 0 10px 0; 
	background: url(../img/bg/bg_gutman_fund.gif) no-repeat; 
}

#gutman_fund p {
	display: inline;
	float: left; 
	width: 180px; 
	margin: 40px 0 0 16px;
}

#gutman_fund p a { 
	display: block; 
	font-weight: bold; 
	color: #4c75a9; 
}

#gutman_fund p span { 
	float: left;
	display: inline; 
	margin-left: 10px; 
	width: 80px; 
	font-weight: bold; 
	font-size: 0.9em; 
}

#gutman_fund p em { 
	float: left; 
	margin: 0;
	font-style: normal; 
	font-size: 1.7em; 
	font-weight: bold; 
	color: #3AAE23; 
}

#gutman_fund img { 
	float: right; 
	display: inline; 
	margin: 6px 7px 0 0;
}

#new_ebook { 
	float: left; 
	width: 427px; 
	height: 132px; 
	margin: 0 0 0 10px; 
	background: url(../img/bg/bg_book.gif) no-repeat; 
}

#new_ebook p { 
	margin: 52px 0 0 0; 
	width: 280px; 
	margin-left: 10px; 
	font-size: 1.25em; 
	font-weight: bold; 
	line-height: 24px; 
}

#new_ebook p strong { 
	color: #d43150; 
} 

#new_ebook p span { 
	font-size: 1.1em; 
} 

#new_ebook a { 
	padding-left: 10px; 
	margin: 0 0 0 0;
	color: #4f74a9; 
	font-size: 1.4em; 
	font-weight: bold; 
}

#featured { 	
	float: left; 
	display: inline; 
	width: 569px; 
	height: 280px; 
	margin: 0 0 0 0; 
	background: white url(../img/bg/bg_gutman_time.gif) no-repeat; 
}

#featured h2 {
	height: 42px; 
	margin: 6px 0 0 50px; 
	font-size: 1.7em;
	text-indent: -9999px; 
}

#featured h3 { 
	padding-right: 10px; 
}

#featured h3 a {
	color: black;
}

#featured img { 
	float: left; 
	display: inline; 
	margin: 6px 8px 0 8px; 
}

#featured h3 {
	margin: 6px 0 0 0;
	font-size: 1.2em; 
	line-height: 25px; 
}

#featured p {
	margin-top: 10px; 
	padding-right: 10px; 
	font-size: 0.8em; 
	line-height: 16px; 
}

#featured p a { 
	float: left; 
	width: 72px; 
	height: 28px; 
	color: white; 
	padding: 7px 0 0 28px; 
	font-size: 1.5em;
	background: url(../img/button_read.gif) no-repeat; 
}

#breaking_news {
	float: right; 
	width: 209px; 
	height: 580px; 
	margin: 0 7px 0 0; 
	padding: 0 35px 15px 0;
	background: url(../img/bg/bg_breaking_news.gif) no-repeat bottom left;
}

#breaking_news h2 {
	width: 209px; 
	height: 80px; 
	margin: 0; 
	text-indent: -9999px;
}

#breaking_news h2 a {
	display: block; 
	width: 209px; 
	height: 80px; 
}

#breaking_news img { 
	display: block; 
	margin: 10px auto; 
} 

#breaking_news h3 { 
	margin: 0 10px 5px; 
	color: #820909; 
} 

#breaking_news p { 
	margin: 0 12px; 
	font-size: 0.75em; 
	color: #993300;
} 

#breaking_news p a { 
	color: black;
} 

#breaking_news_read { 
	float: left; 
	width: 72px; 
	height: 28px; 
	color: white; 
	margin: 10px 0 0 10px; 
	padding: 2px 0 0 28px; 
	font-size: 1.2em;
	background: url(../img/button_read_red.gif) no-repeat; 
}

#articles { 
	float: left; 
	margin-top: 10px; 
	width: 570px; 
	height: 281px; 
	padding-top: 25px;
	background: url(../img/bg/bg_newsfeed.gif) no-repeat; 
}

#articles h3 { 
	margin: 5px 0 0 0; 
	color: #627184; 
	text-align: center; 
	font-size: 1em; 
}

#articles ul {	
	float: left; 
	list-style: none;
	width: 270px; 
	height: 90px; 
	margin: 7px 0 0 10px; 
	padding: 0; 
}

#must_read_ul_2 { 
	margin-left: 0 !important; 
}

#article_top_ul { 
	float: none !important;
	width: 540px; 
	margin-left: 10px !important; 
	height: 150px !important; 
}

#article_top_ul li { 
	width: 540px !important; 
}

#articles ul li {
	width: 257px; 
	height: 31px; 
	padding: 0 0 0 13px; 
	color: #627184; 
}

#articles ul li a { 
	font-size: 0.9em; 
	color: #627184; 
	padding-left: 15px; 
	background: url(../img/bg/bg_bullet_blue.gif) no-repeat 0 4px; 
}

.no_bullet { 
	background: none !important;
} 

#articles ul li span { 
	font-size: 0.75em; 
}

#portfolio_main { 
	width: 895px; 
	padding-top: 10px; 
} 

#portfolio_intro { 
	width: 827px; 
	height: 128px; 
	margin: 0 auto 10px; 
	background: url(../img/bg/bg_portfolio_intro.gif) no-repeat; 
}

#portfolio_intro h3 { 
	margin: 0; 
	padding: 15px 0 0 20px; 
}

#portfolio_intro p { 
	margin: 0; 
	padding: 2px 20px 0; 
	font-size: 0.9em; 
	line-height: 19px; 
}

#portfolio_performance { 
	width: 827px; 
	height: 128px; 
	margin: auto; 
	background: url(../img/bg/bg_portfolio_performance.gif) no-repeat; 
} 

#performance_left { 
	float: left;
	width: 280px;
	padding-left: 130px;
}

#performance_left p { 
	float: left; 
	width: 140px; 
	margin-top: 15px; 
	margin-bottom: 1px; 
	font-weight: bold;
	font-size: 1.3em; 
}

#performance_left em { 
	float: right; 
	padding: 10px 20px 0px 0; 
	font-style: normal; 
	font-size: 3em; 
	font-weight: bold; 
	color: #24ae04; 
} 

.border_a { 
	background: url(../img/bg/bg_return_line.gif) no-repeat 0 top; 
}

#performance_left a { 
	display: block; 
	clear: both; 
	color: black; 
	font-weight: bold; 
}

#performance_right { 
	float: right;
	width: 280px;
	padding-right: 130px;
}

#performance_right p { 
	float: left; 
	width: 140px; 
	margin-top: 15px; 
	margin-bottom: 1px; 
	font-weight: bold;
	font-size: 0.9em; 
}

#performance_right em { 
	float: right; 
	padding: 10px 20px 0px 0; 
	font-style: normal; 
	font-size: 3em; 
	font-weight: bold; 
	color: #24ae04;
} 

#performance_right a { 
	display: block; 
	clear: both; 
	color: black; 
	font-weight: bold; 
}

#latest_development { 
	width: 827px; 
	margin: auto; 
	margin-top: 10px;
	margin-bottom: 10px; 
	background: url(../img/bg/bg_development.gif) repeat-y; 
}

#latest_development_header { 
	width: 827px; 
	height: 49px; 
	background: url(../img/bg/bg_development_top.gif) no-repeat; 
} 

#latest_development_header h3 { 
	margin: 0; 
	padding: 9px 0 0 45px; 
	font-size: 1.3em; 
}

#latest_development_bottom {
	height: 14px; 
	margin: 0; 
	background: url(../img/bg/bg_development_bottom.gif) no-repeat; 
}

.development_block { 
	width: 358px; 
	margin-left: 20px; 
	padding: 0 5px 5px;
	background: url(../img/bg/bg_development_line.gif) no-repeat 0 bottom; 
}

.development_block p { 
	margin: 0; 
	font-size: 1em; 
}

.development_block p strong { 
	display: block; 
	padding-bottom: 5px; 
}

.large_th { 
	font-size: 1.2em !important; 
	padding: 5px 0 !important; 
} 

.table_alt { 
	background: #b8e3b0; 
} 

.no_border { 
	border-left: none !important;
} 

td.no_border {
	text-align: left !important; 
}

#fund_comparison { 
	width: 573px; 
	height: 187px; 
	margin: 40px auto 0; 
	background: url(../img/bg/bg_fund_comparison.gif) no-repeat; 
} 

#fund_comparison table td {
	text-align: center; 
	padding: 4px 0; 
	font-size: 1.2em; 
	font-weight: bold; 
}

#fund_comparison table strong { 
	color: #3aae23;
}

#fund_comparison table em { 
	color: #3aae23;
	font-size: 1.6em; 
	font-style: normal; 
}

.comparison_large { 
	padding-top: 0px !important; 
	font-size: 1.4em !important; 
} 

#fund_articles { 
	width: 559px; 
	height: 154px; 
	margin: 30px auto 0; 
	padding: 25px 0 0 15px; 
	background: url(../img/bg/bg_fund_article.gif) no-repeat; 
} 

#fund_articles a {
	display: block; 
	color: #5599ed; 
	font-size: 1.5em; 
	font-weight: bold; 
} 

#portfolio_bottom { 
	width: 787px; 
	height: 10px;
	margin-top: 20px; 
	font-size: 0;
	background: url(../img/bg/bg_gutman_fund_bottom.gif) no-repeat; 
} 

#inner_wrap { 
	clear: both; 
	width: 787px; 
	background: url(../img/bg/bg_plain_inner.gif) repeat-y; 
}

#inner { 
	width: 787px; 
	background: url(../img/bg/bg_plain_inner_top.gif) no-repeat; 
}

#inner h2 { 
	padding: 20px 0 0 40px; 
	margin: 0;
	font-size: 2em; 
	background: url(../img/bg/bg_plain_inner_top.gif) no-repeat; 
}

#inner p { 	
	padding-left: 40px; 
}

#inner p em { 	
	color: red; 
}

#inner form { 
	float: left; 
	width: 410px; 
	margin: 20px 0 0 40px; 
}

#inner label { 
	float: left; 
	display: inline; 
	width: 100px; 
	line-height: 26px; 
}

.input_text { 
	float: left; 
	width: 300px; 
	height: 20px; 
	border: 1px solid #5599ed; 
}

#inner textarea { 
	float: left; 
	width: 300px; 
	height: 100px; 
	border: 1px solid #5599ed; 
}

#submit_button { 
	margin: 10px 0 0 100px; 
}

#contact_ad { 
	float: right; 
	display: inline; 
	width: 178px; 
	margin-right: 70px; 
} 

#contact_ad img {
	margin: 18px 0 0 4px; 
} 

#contact_ad span {
	font-size: 0.8em; 
	padding-left: 15px; 
} 

#inner_bottom { 	
	width: 787px; 
	height: 10px; 
	font-size: 0;
	background: url(../img/bg/bg_inner_bottom.gif) no-repeat; 
}

#about_wrap { 
	clear: both; 
	width: 787px; 
	margin-top: 10px; 
	background: url(../img/bg/bg_plain_inner.gif) repeat-y; 
}

#about { 
	width: 587px; 
	padding-top: 150px; 
	padding: 150px 100px 0;
	background: url(../img/bg/bg_about_top.gif) no-repeat; 
}

#about_bottom { 	
	width: 787px; 
	height: 240px; 
	font-size: 0;
	background: url(../img/bg/bg_about_bottom.gif) no-repeat; 
}


#portfolio_chart { 
	width: 827px; 
	margin: auto; 
	margin-top: 10px;
	background: url(../img/bg/bg_stocks.gif) repeat-y; 
}

#portfolio_chart_header { 
	width: 827px; 
	height: 48px; 
	background: url(../img/bg/bg_stocks_top.gif) no-repeat; 
} 

#portfolio_chart_header h3 { 
	margin: 0; 
	padding: 10px 0 0 45px; 
	font-size: 1.3em; 
}

#portfolio_chart_bottom {
	height: 17px; 
	margin: 0; 
	background: url(../img/bg/bg_stocks_bottom.gif) no-repeat; 
}

#portfolio_chart_main {
	margin: 0 9px; 
	background: #ffdf01 url(../img/bg/bg_stocks_color.gif) repeat-x; 
}

#portfolio_chart_table { 
	color: black; 
	border-collapse: collapse;
	background: url(../img/bg/bg_stocks_mid_line.gif) repeat-y; 
} 

#portfolio_chart_table tr { 
	background: url(../img/bg/bg_stocks_horz_line.gif) no-repeat 0 bottom; 
}

#portfolio_chart_table tr td { 
	vertical-align: top; 
}

#portfolio_chart_table tr td img { 
	text-align: center; 
}

.t1{ 
	padding: 0 5px; 
}

.t1 img {
	display: block; 
	margin: 0 auto; 
}

.t1 p { 
	font-size: 0.9em; 
}

.t1 span { 
	display: block; 
	text-align: right; 
}

.t2 { 
	padding: 0 5px; 
}

.t2 p { 
	margin: 0; 
	font-size: 0.8em; 
}

.t2 p strong { 
	display: block; 
	padding: 5px 0; 
	font-size: 1.3em; 
}

.t2 p a{ 
	color: black; 
	font-size: 1.2em; 
	font-weight: bold; 
	font-style: italic;
}

#portfolio_comparison { 
	width: 827px; 
	margin: auto; 
	background: url(../img/bg/bg_development.gif) repeat-y; 
}

#portfolio_comparison_header { 
	width: 827px; 
	height: 49px; 
	background: url(../img/bg/bg_performance_top.gif) no-repeat; 
} 

#portfolio_comparison_header h3 { 
	margin: 0; 
	padding: 13px 0 0 205px; 
	font-size: 1.3em; 
}

#portfolio_comparison_bottom {
	clear: both; 
	height: 14px; 
	margin: 0; 
	background: url(../img/bg/bg_development_bottom.gif) no-repeat; 
}

#portfolio_comparison table { 
	padding: 5px 15px 0; 
	margin: 0 auto; 
	text-align: center; 
} 

#portfolio_comparison table tr { 
	background: url(../img/bg/bg_development_line.gif) no-repeat center top; 
}

#portfolio_comparison table tr.no_border {
	background: none !important; 
}

#portfolio_comparison table tr th {
	font-size: 0.8em; 
}

#portfolio_comparison table tr td {
	padding-top: 7px; 
	vertical-align: middle; 
	font-weight: bold;
	font-size: 1.5em; 
}

#portfolio_comparison table tr td strong { 
	color: #079c00; 
} 

#comparison_beating { 
	width: 700px; 
	margin: auto; 
	background: url(../img/bg/bg_development_line.gif) repeat-x center top; 
} 

#comparison_beating p { 
	width: 280px; 
	float: left;
	display: inline; 
	margin: 10px 0 0 130px; 
	font-size: 1.6em; 
	font-weight: bold; 
}

#comparison_beating p span {
	float: right; 
	display: inline; 
	margin-right: 20px; 
	font-size: 0.4em; 
}

#comparison_beating p span a {
	color: black; 
}

#comparison_beating em { 
	float: left; 
	display: inline; 
	margin: 5px 0 0 40px; 
	font-size: 3em; 
	font-weight: bold;
	font-style: normal; 
	color: #079c00; 
} 

#contact_banner { 
	display: block; 
	padding: 35px 0 0 40px; 
}

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

Footer

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

#footer {
	clear: both; 
	width: 100%; 
	margin: 20px auto 0;
	height: 45px; 
	padding-top: 42px; 
	text-align: center; 
	background: white url(../img/bg/bg_footer.gif) repeat-x bottom; 
}

#gutman_footer { 
	clear: both; 
	width: 810px; 
	margin: auto;
	padding-top: 20px; 
	text-align: center; 
} 

#footer p, #gutman_footer p {
	margin: 0; 
	padding: 0 0 0 0; 
	color: black; 
	font-size: 0.8em; 
}

#footer a, #gutman_footer a { 
	color: black; 
} 

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

Miscellaneous

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

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

.clearfix {display: inline-block;}

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