/* CSS Document */

/* COMMON
------------------------------------------------------------------------*/
/* {
    list-style-type: none;
    list-style-position: outside;
    margin: 0px;
    padding: 0px;
} */

body {
	margin: 0 auto;
	padding: 0;
	color:#808080;
	background: #ffffff url(assets/bgrpt_sub.jpg) repeat-x top center;
	min-width:900px;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}

* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}

/* GENERIC CLEAR FOR FLOATED ELEMENTS
------------------------------------------------------------------------*/
.clearfloats{
	clear: both;
	height: 1px;
}

.leftclear{
	clear: left;
	height: 1px;
}

.left {
	float: left;
}

.right {
	float: right;
}


/* TYPOGRAPHY
------------------------------------------------------------------------*/
h1 {
	color: #F47920;
	font-size: 170%;
	font-weight:normal;
	padding: 0px;
	margin: 0px;
}

h1 em {
	color: #F47920;
	font-size: 60%;
	font-weight:normal;
	font-style: normal;
	padding: 0px;
	margin: 0px;
}

h2 {
	color: #808080;
	font-size: 100%;
	margin: 10px 0px 20px 0px;
}

h3 {
	color: #808080;
	font-size: 100%;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

h4 {
	color: #F47920;
	font-size: 90%;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

h5 {
	color: #808080;
	font-size: 90%;
	margin: 0px 0px 5px 0px;
	padding: 20px 0px 5px 0px;
}

p {
	font-size: 85%;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.pdf { 
   padding: 1px 0px 1px 25px;
   background: transparent url(assets/icon_pdf.jpg) no-repeat center left;
}

.linkarrow {
	background: url(assets/icon_linkarrow.gif) no-repeat center left;
	padding-left: 10px;
}

#topnav li {
	font-size: 80%;
	display: inline;
	list-style-type: none;
	color: #cfcfcf;
	padding: 0px;
	margin: 0px;
}


#topnav a:link, #topnav  a:visited {
	color: #cfcfcf;
	text-decoration: none;
}

#topnav a:hover, #topnav  a:active {
	color: #cfcfcf;
	text-decoration: underline;
}

a:link, a:visited {
	color: #f47920;
	text-decoration: underline;
}

a:hover, a:active {
	color: #f47920;
	text-decoration: none;
}

/* HEADER ELEMENTS
------------------------------------------------------------------------*/
#header {
	background: url(assets/header_wealthflow_yourwealthmanagementpartner.jpg) top left no-repeat;
	height: 48px;
	text-align: right;
	width: 900px;
	margin: 0 auto;
	padding-top: 10px;
}


/* NAVIGATION BAR
------------------------------------------------------------------------*/
#navcontainer {
	margin: 0px auto;
	padding: 0px;
	width: 900px;
	text-align: left;
}

#navcontainer span {display: none;}

#navigation {
	width: 900px;
	height: 50px;
	background: url(assets/nav_primary.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#navigation li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	position: absolute;
}

#navigation a {
	display: block;
	height: 50px;
	text-decoration: none;
}


/* POSITION OF THE NAVIGATION BUTTONS
---------------------------------------------------------------------------------------------------------------*/
#home 				{ left:2px; top:0; width:64px; height:50px;}
#aboutus 			{ left:68px; top:0; width:87px; height:50px;}
#suddenwealthflow 		{ left:157px; top:0; width:144px; height:50px;}
#privatewealthmanager 	{ left:303px; top:0; width:171px; height:50px;}
#personalfamilyoffice 	{ left:476px; top:0; width:163px; height:50px;}
#pressroom			{ left:641px; top:0; width:101px; height:50px;}
#blog 				{ left:744px; top:0; width:54px; height:50px;}
#contactus 			{ left:800px; top:0; width:98px; height:50px;}

#home a, #aboutus a, #suddenwealthflow a, #privatewealthmanager a, #personalfamilyoffice a, #pressroom a, #blog a, #contactus a {height:50px;}


/* HOVER AND ACTIVE STATES OF THE NAVIGATION BUTTONS
---------------------------------------------------------------------------------------------------------------*/
#home a:hover, #home .active 					{ background:url(assets/nav_primary.jpg) -2px -50px no-repeat; width:64px; height:50px;}
#aboutus a:hover, #aboutus .active 				{ background:url(assets/nav_primary.jpg) -68px -50px no-repeat; width:87px; height:50px;}
#suddenwealthflow a:hover, #suddenwealthflow .active 		{ background:url(assets/nav_primary.jpg) -157px -50px no-repeat; width:144px; height:50px;}
#privatewealthmanager a:hover, #privatewealthmanager .active	{ background:url(assets/nav_primary.jpg) -303px -50px no-repeat; width:171px; height:50px;}
#personalfamilyoffice a:hover, #personalfamilyoffice .active 	{ background:url(assets/nav_primary.jpg) -476px -50px no-repeat; width:163px; height:50px;}
#pressroom a:hover, #pressroom .active 				{ background:url(assets/nav_primary.jpg) -641px -50px no-repeat; width:101px; height:50px;}
#blog a:hover, #blog .active 					{ background:url(assets/nav_primary.jpg) -744px -50px no-repeat; width:54px; height:50px;}
#contactus a:hover, #contactus .active 				{ background:url(assets/nav_primary.jpg) -800px -50px no-repeat; width:98px; height:50px;}

/* IDs FOR THE BODY TAG TO HIGHLIGHT THE CORRECT ON STATE
---------------------------------------------------------------------------------------------------------------*/
body#pagehome #home 							{ background:url(assets/nav_primary.jpg) -2px -50px no-repeat; width:80px; height:50px;}
body#pageaboutus #aboutus 						{ background:url(assets/nav_primary.jpg) -68px -50px no-repeat; width:87px; height:50px;}
body#pagesuddenwealthflow #suddenwealthflow 			{ background:url(assets/nav_primary.jpg) -157px -50px no-repeat; width:144px; height:50px;}
body#pageprivatewealthmanager #privatewealthmanager		{ background:url(assets/nav_primary.jpg) -303px -50px no-repeat; width:171px; height:50px;}
body#pagepersonalfamilyoffice #personalfamilyoffice 		{ background:url(assets/nav_primary.jpg) -476px -50px no-repeat; width:163px; height:50px;}
body#pressroom #pressroom 						{ background:url(assets/nav_primary.jpg) -641px -50px no-repeat; width:101px; height:50px;}
body#pagecontactus #contactus 					{ background:url(assets/nav_primary.jpg) -800px -50px no-repeat; width:98px; height:50px;}

/* SUBNAV STYLING
-----------------*/
#subnavlist {
	padding-left: 0;
	margin-left: 20px;
	width: 250px;
	font-size: 90%;
}

#subnavlist li {
	list-style: none;
	margin: 0;
	padding: 0.5em 0.5em 0.6em 0em;
}

#subnavlist li a {
	text-decoration: none;
	color: #808080;
}

#subnavlist a:link, #subnavlist  a:visited {
	color: #808080;
	text-decoration: none;
}

#subnavlist a:hover, #subnavlist a:active {
	color: #F47920;
	text-decoration: none;
}

body#subone #subnavlist li #one, body#subtwo #subnavlist li #two, body#subthree #subnavlist li #three, body#subfour #subnavlist li #four, body#subfive #subnavlist li #five, body#subsix #subnavlist li #six, body#subseven #subnavlist li #seven, body#subeight #subnavlist li #eight, body#subnine #subnavlist li #nine, bodysubten #subnavlist li #ten { 
    color: #F47920;
    text-decoration: none;
}


/* CONTENT FOR THE SUBPAGE
---------------------------------------------------------------------------------------------------------------*/

#content {
	width: 900px;
	margin: 20px auto 0px auto;
	text-align: left;
}

#content .left {
	width: 630px;
}

#content .right {
	width: 250px;
	background: #f8f8f8 url(assets/bgrpt_subnav.jpg) no-repeat bottom right;
	
}

.bigindent {
	font-size: 132%;
	font-style:italic;
	padding: 10px 0px;
	text-align:center;
}

.videoleft {
	float: left;
	width: 342px;
}

.videoright {
	float: right;
	width: 288px;
}

#content  .right blockquote{ 
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
	font-size: 140%;
	color: #F47920;
	background: url(assets/dotted_line_right.gif) no-repeat top left;
}

#content .right cite{
	font-style: normal;
	font-size: 70%;
	padding-top: 5px;
	display:block;
	color: #808080;
}


#contentnosubnav {
	width: 900px;
	margin: 20px auto 0px auto;
	text-align: left;
}

#content .left li {
	font-size: 85%;
	margin: 0px 0px 0px 20px;
}

#content .left li.noleftpadding {
	font-size: 85%;
	margin: 10px 0px 0px 0px;
}
#content .left li.sublist {
	font-size: 100%;
	margin: 0px 0px 0px 0px;
}
#content blockquote{ 
	padding: 0px;
	margin: 0px 0px 30px 0px;
}

#content cite{
	font-style: normal;
	padding-top: 5px;
	display:block;
}

cite em {
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
}

.dottedlineorange {
	background: url(assets/dotted_line_right.gif) no-repeat center left;
	height: 30px;
}

.dottedlinegrey {
	background: url(assets/dotted_linegrey.gif) no-repeat center left;
	height: 30px;
}


/* EVENTS
---------------------------------------------------------------------------------------------------------------*/
.events {
	background: url(assets/event_boxes_top.jpg) no-repeat top left;
	padding-top: 2px;
	margin-bottom: 12px;
}
.eventcontent {
	background: url(assets/event_boxes_bottom.jpg) no-repeat bottom left;
}
.eventbox {
	width: 228px;
	float: left;
}
.eventboxend {
	width: 216px;
	float: left;
}

.events h3 {
	color: #F47920;
	padding: 8px 22px 10px 10px;
}

.events p {
	padding: 0px 22px 0px 10px;
}


/* RIGHT INFO
---------------------------------------------------------------------------------------------------------------*/
#rightinfo {
	background: url(assets/dotted_line_right.gif) no-repeat top left;
	width: 210px;
	margin: 0 auto;
	padding-top: 20px;

}

#rightinfonoline {
	width: 210px;
	margin: 0 auto;
	padding-top: 20px;

}

#rightinfonoline li {
	font-size: 85%;
}

/* CASE STUDIES
---------------------------------------------------------------------------------------------------------------*/
#cs_container {
	background: url(assets/dotted_line.gif) no-repeat top left;
	padding: 20px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
}
#cs_container .left {
	width: 262px;
}
#cs_container .right {
	width: 348px;
	background: transparent;
}


/* PRESS ROOM	
---------------------------------------------------------------------------------------------------------------*/
#highlights h2 {color: #F47920; font-size: 160%; font-weight:normal; padding: 0px; margin: 30px 0px 0px 0px;}

#columns { background:url(assets/bgrpt_pressroomdotted.jpg) repeat-y top left;}
#highlightsleft {float: left; width: 250px;}
#highlightsright {float: left; width: 300px;}

#highlightsleft p {width: 249px;}


#newssnippet {}

div.hr {
  height: 1px;
  background: #fff url(assets/bgrpt_pressroomdivider.jpg) no-repeat scroll left;
}
div.hr hr {
  display: none;
}

#rssfeedlisting ul {
	padding: 0;
	margin: 0px 0px 0px -18px;
}

#rssfeedlisting li {
	list-style: none;
	margin: 0px;
	padding: 5px 0px 15px 0px;
	border-bottom: 1px dotted #cccccc;
}

.rss { margin: 0; padding: 0;}

.rssfeedicon { width: 630px; background:url(assets/Feed_64x64.png) no-repeat top right;}

/* SIX PART SERIES
---------------------------------------------------------------------------------------------------------------*/
.sixpartseries {
	background: url(assets/sixpartboxes_top.jpg) no-repeat top left;
	padding-top: 2px;
	margin-bottom: 12px;
}
.sixpartcontent {
	background: url(assets/sixpartboxes_bottom.jpg) no-repeat bottom left;
}
.sixpartbox {
	width: 213px;
	float: left;
}
.sixpartboxend {
	width: 201px;
	float: left;
}

.sixpartseries h3 {
	color: #F47920;
	padding: 8px 22px 10px 10px;
}

.sixpartseries p {
	padding: 0px 22px 0px 10px;
}

/* FOOTER
---------------------------------------------------------------------------------------------------------------*/
#footer {
	background: url(assets/bgrpt_footer.jpg) repeat-x top left;
	margin: 30px auto 0px auto;
	padding: 10px 0px;
}

#footer-content{
	width: 900px;
	margin: 0 auto;
}

#footer .left { width: 700px;}
#footer .right { width: 200px;}

#footer p {
	color: #cfcfcf;
	font-size: 80%;
	text-align: left;
	margin: 0 auto;
	padding-top: 5px;
}

ul.footernav {
	padding: 5px 0px 0px 0px;
	font-size: 80%;
	margin: 0 auto;
	text-align: left;
}

.footernav li {
	display: inline;
	list-style-type: none;
	color: #cfcfcf;
}

#footer a:link, #footer a:visited {
	color: #cfcfcf;
	text-decoration: none;
}

#footer a:hover {
	color: #cfcfcf;
	text-decoration: underline;
}