/* 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: 10px 0px 0px 0px;
	margin: 0px;
}

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

h3 {
	color: #808080;
	font-size: 100%;
}

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

.nopadding {
	padding: 0px;
	margin: 0px;
}


p {
	font-size: 85%;
}

.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;}

/* CONTENT FOR THE HOMEPAGE
---------------------------------------------------------------------------------------------------------------*/
#fullwidth {width: 900px; text-align:left; margin: 0px auto 20px auto; }
#fullwidth h1 {font-size: 175%;}
#fullwidth h2 {font-size: 120%; font-weight:bold; color:#333333;}

#content {
	width: 900px;
	margin: 10px auto 0px auto;
	background: url(assets/bgrpt_dottedhome.jpg) repeat-y top left;
	text-align: left;
}

#content .column1 {float: left; width: 287px; margin: 0px; padding: 0px;}
#content .column2 {float: left; width: 325px; margin: 0px; padding: 0px;}
#content .column3 {float: left; width: 288px; margin: 0px; padding: 0px;}

#content .column1 h1{width: 257px; margin: 0px 0px 0px 0px; padding: 0px; font-size: 160%;}
#content .column1 h2{width: 257px; margin: 0px 0px 10px 0px; padding: 0px; font-size: 115%;}
#content .column1 p{width: 257px; margin: 0px 0px 5px 0px; padding: 0px;}

#content .column2 h1{width: 294px; margin: 0px 0px 0px 0px; padding: 0px; font-size: 160%;}
#content .column2 h2{width: 294px; margin: 0px 0px 10px 0px; padding: 0px; font-size: 115%;}
#content .column2 h3{width: 294px; margin: 0px 0px 0px 0px; padding: 0px; font-size: 140%; color: #F47920; font-weight:normal;}
#content .column2 p{width: 294px; margin: 0px 0px 5px 0px; padding: 0px;}

#content .column3 h1{width: 288px; margin: 0px 0px 0px 0px; padding: 0px; font-size: 160%;}
#content .column3 h2{width: 288px; margin: 0px 0px 10px 0px; padding: 0px; font-size: 115%;}
#content .column3 h3{width: 288px; margin: 0px 0px 0px 0px; padding: 0px; font-size: 115%;}
#content .column3 h4{width: 294px; margin: 10px 0px 0px 0px; padding: 0px; font-size: 140%; color: #F47920; font-weight:normal;}
#content .column3 p{width: 288px; margin: 0px 0px 5px 0px; padding: 0px;}


#box_sw { background: url(assets/box_sw_top.jpg) no-repeat top left; width: 257px; margin-top: 10px; }
.column1 #box_sw p { padding-top: 55px; margin:0 auto; width: 233px;}

#box_pfo { background: url(assets/box_pfo_top.jpg) no-repeat top left; width: 257px; margin-top: 10px; }
.column1 #box_pfo p { padding-top: 55px; margin:0 auto; width: 233px;}

#box_pwm { background: url(assets/box_pwm_top.jpg) no-repeat top left; width: 257px; margin-top: 10px; }
.column1 #box_pwm p { padding-top: 55px; margin:0 auto; width: 233px;}

.newsbox { margin-top: 10px; padding-bottom: 10px; border-bottom: dotted 1px #CCCCCC;}
.newsboxend { margin-top: 10px; padding-bottom: 10px;}


#content .column2 #twitter {margin: 10px 0px 20px 0px;}




#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;
}