@charset "utf-8";
/********************************************************************************/
/*    CSS Document for Profusion Planning by Vapor Web Design 2010              */
/********************************************************************************/

* :focus {outline: 0;} /* Removes dotted outline when clicking image links etc */

/* Hyperlink Styles */
a:link, a:visited {
	color: #78a742;
	text-decoration: none;}
a:hover {
	color: #797878;
	text-decoration: underline;}
#go {float:right;margin-right:20px;}
/* Heading Styles */
h1 {
	font-family: "Garamond Premr Pro", "Palatino Linotype", "Times New Roman", serif;
	font-size: 1.25em;
	color: #78a742;
	font-style: italic;
	padding-bottom: 10px;
	margin-top:0;}
h2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 0.9em;
	padding-top: 0;
	margin-top: 0;}
h3 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-transform: uppercase;
	font-size: 0.6em;
	padding-top: 0;
	margin-top: 0;}
h4 {
	font-family: "Garamond Premr Pro", "Palatino Linotype", "Times New Roman", serif;
	font-size: 2em;
	color: #78a742;
	font-style: italic;
	padding-bottom: 10px;}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #577e2f;
	font-size: 0.7em;
	padding:0;
	margin:0;
	margin-top: 5px;}
h6 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #78a742;
	font-size: 0.9em;
	padding:0;
	margin:0;
	text-transform: lowercase;}

/* Font Styles */
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #727272;}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #7c7c7c;}
.style6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #577e2f;
	font-size: 0.7em;
	padding:0;
	margin:0;
	margin-top: 5px;}
.style7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #736c6b;}
.style8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #577e2f;
	font-size: 0.7em;
	padding:0;
	margin:0;}
.style9 {
	font-family: "Garamond Premr Pro", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.5em;
	color: #281f11;
	font-style: italic;
	padding-top: 0;
	margin-top: 0;}
.style10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #78a742;
	font-size: 0.8em;
	text-transform: uppercase;}
.style11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #727272;}
.style12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #736c6b;}
	
/* Layout Styles */
body {
	padding: 0;	
	margin: 0;
	text-align: center;
	background: #3b3637; 
	width: 100%;
	font-size: 100%;}
	
html,body {
	height: 100%;}
	
#container {
	position: relative;
	text-align: center;
	width: 960px;
	height: 100%;
	margin: 0 auto;}
#container img {border: none;}

* html #container {
	height: 100%;}
	
#header {
	position: relative;
	margin: 0 auto;
	width: 960px;
	padding-top: 20px;
	height: 210px;
	text-align: center;
	background: url(../images/header_background.jpg) no-repeat 0 20px;}
#header img {
	position: absolute;
	top:20px;
	right:0;}

/* Navigation MENU */
#navigation {
	margin: 0 auto;
	position: relative;
	width: 960px;
	height: 50px;
	background: url(../images/menu_background.png) no-repeat;}
ul#navigation{margin:0; padding:0; list-style:none; clear:both;}  
#navigation li{overflow:hidden; text-indent:-9999px; display:inline; float:left;}  
#navigation li a{	width:100%; height:100%; display:block;}  

.homenav {
	position: relative;
	float: left;
	width: 90px;
	height: 50px;
	background: url(../images/home3.png) no-repeat 0 -100px;}
.homenav:hover {
	background: url(../images/home3.png) no-repeat 0 -50px;
	cursor: pointer;}
.who {
	position: relative;
	float: left;
	width: 128px;
	height: 50px;
	background: url(../images/who3.png) no-repeat 0 -100px;}
.who:hover {
	cursor: pointer;
	background: url(../images/who3.png) no-repeat 0 -50px;}
.what {
	position: relative;
	float: left;
	width: 129px;
	height: 50px;
	background: url(../images/what3.png) no-repeat 0 -100px;}
.what:hover{
	cursor: pointer;
	background: url(../images/what3.png) no-repeat 0 -50px;}
.experience {
	position: relative;
	float: left;
	width: 223px;
	height: 50px;
	background: url(../images/experience3.png) no-repeat 0 -100px;}
.experience:hover{
	cursor: pointer;
	background: url(../images/experience3.png) no-repeat 0 -50px;}
.profusionblog {
	position: relative;
	float: left;
	width: 79px;
	height: 50px;
	background: url(../images/blog.png) no-repeat 0 -100px;}
.profusionblog:hover{
	cursor: pointer;
	background: url(../images/blog.png) no-repeat 0 -50px;}
.contact {
	position: relative;
	float: left;
	width: 123px;
	height: 50px;
	background: url(../images/contact3.png) no-repeat 0 -100px;}
.contact:hover{
	cursor: pointer;
	background: url(../images/contact3.png) no-repeat 0 -50px;}
.essentials {
	position: relative;
	float: left;
	width: 180px;
	height: 50px;
	background: url(../images/essentials3.png) no-repeat 0 -100px;}
.essentials:hover{
	cursor: pointer;
	background: url(../images/essentials3.png) no-repeat 0 -50px;}

/* Content */

#content {
	width: 880px;
	position: relative;
	padding: 30px 40px 10px;
	background: #FFF;
	text-align: left;
	min-height: 300px;}
	
#mediahub {
	position: relative;
	width: 250px;
	float: right;
	margin: 0 -10px 0 30px;
	overflow:hidden;}
#mediahub img {
	padding:0;
	margin:0;
	}
#mediahub hr {display:none;}
#mediahubcontent {
	position: relative;
	width: 240px;
	min-height: 260px;
	background: url(../images/mediahub_background.png) no-repeat bottom left;
	padding: 0;
	padding-left:10px;}
#mediahubcontent img {
	padding:0;
	margin:0;
	cursor:pointer;}
.eventslist {
	padding-bottom:5px;
	margin-bottom:0;}
#mediahubcontent li {
	padding-bottom: 9px;}
#mediahubcontent ul {
	list-style:none;
	padding-left:15px;
	margin-left:0;
	overflow:hidden;
	margin-top:0;
	padding-top:5px;}
#twitter { 
	width: 230px; 
	background: transparent;}
#twitter p {
	font-family: "Times New Roman", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #727272;
	font-style: italic;
	margin:0;
	margin-bottom:5px;}
.tweet {
	padding: 10px 15px 15px;}
#securitor {
	width:580px;
	padding:10px;
	border: 1px solid #ccc;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-top:20px;
	background: #fcfcfc;
}
#securitor:hover {background:#f5f5f5;}
#securitor img {
	float:left;
	padding-right:30px;
	padding-left:15px;}
	
/* Footer */
	
#footer {}
#footer img {
	border: none;
	padding: 0;
	margin: 0;
}
#footerlinks {
	height: 20px;
	margin-top: 10px;
	position: relative;
	width: 960px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #797878;
	font-size: 0.7em;
	text-align: left;
	clear:both;}
#footerlinks a:link, #footerlinks a:visited{
	text-decoration: none;
	color: #797878;}
#footerlinks a:hover {
	text-decoration: none;
	color: #c8da3f;}

/* Profusion Experience Bubbles */
#experience {
	width: 593px; 
	margin-top: 20px;
}

#experienceleft {
	width: 280px; 
	float: left; 
	padding-right: 14px; 
	border-right: 1px solid #DFDFDF;
}
#experienceright {
	width: 280px; 
	float: right; 
}
.bubbleimg {
	display:block;}
#firstmeeting, #discovery, #preparation, #presentation, #implementation, #review {
	width: 280px;}
#presentation, #implementation {
	margin-bottom: 7px;}
#firstmeetingcontent {
	background: url(../images/firstmeeting_background.png) repeat-y;
	width: 250px;
	padding: 0 15px;
	overflow: hidden;
	text-align: center;}
#discoverycontent {
	background: url(../images/discovery_background.png) repeat-y;
	width: 250px;
	padding: 0 15px;
	overflow: hidden;
	text-align: center;}
#preparationcontent {
	background: url(../images/advicepreparation_background.png) repeat-y;
	width: 250px;
	padding: 0 15px;
	overflow: hidden;
	text-align: center;}
#presentationcontent {
	background: url(../images/advicepresentation_background.png) repeat-y;
	width: 250px;
	padding: 0 15px;
	overflow: hidden;
	text-align: center;}
#implementationcontent {
	background: url(../images/implementation_background.png) repeat-y;
	width: 250px;
	padding: 0 15px;
	overflow: hidden;
	text-align: center;}
#reviewcontent {
	background: url(../images/review_background.png) repeat-y;
	width: 250px;
	padding: 0 15px;
	overflow: hidden;
	text-align: center;}
	
/* END Profusion Experience Bubbles */

/* What we do */
#whatleft {
	width: 280px; 
	float: left; 
	padding-right: 15px;
}
#whatright {
	width: 280px; 
	float: right; 
	padding-left: 15px;
}
/* Contact Page */
#contactform {
	width: 450px; 
	float: left; 
	clear: left; 
	padding-top: 20px;
}
#contactdetails {
	width: 380px; 
	float: right; 
	margin-top: 25px; 
	height: 460px; 
	padding-top: 10px; 
	padding-left: 20px;
	background: url(../images/contact-background.png) no-repeat top left; 
	position: relative;
}
.text {
	width:260px; 
	font:0.75em Verdana, Tahoma, Arial, sans-serif; 
	padding:0;
	margin:0 0 10px;
	float: right; 
	color:#727272;
}
.label {
	display:block;
	float:left;
	clear:both;
	width:70px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #78a742; 
	font-weight: bold;
}
.clearfix {
	clear: both;
}
#googlemap {
	position: absolute; 
	bottom: 15px; 
	width: 360px; 
	height: 200px;
}
#mapnwcorner {
	position: absolute; 
	top: 0; 
	left:0;
}
#mapnecorner {
	position: absolute; 
	top: 0; 
	right:-1px;
}
#mapswcorner {
	position: absolute; 
	bottom:-1px; 
	left:0;
}
#mapsecorner {
	position: absolute; 
	bottom: -1px; 
	right:-1px;
}

/* PROFILES Page */
#accordion {
	width: 600px;}
.profile {
	border-bottom: #B2B2B2 1px dotted; 
	padding: 0 15px; 
	padding-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #727272;}

/* Financial Essentials Page */

ul#genselect {margin:0 auto; padding:0; margin-top:100px;list-style:none;width:519px;}
#genselect li{overflow:hidden; text-indent:-9999px; display:inline; float:left;}  
#genselect li a{width:100%; height:100%; display:block;}  


.gen1 {width:107px;height:99px;background:url(../images/upto1945.png) top left no-repeat;}
.gen1:hover {background:url(../images/upto1945.png) bottom left no-repeat;cursor:pointer;}
.gen2 {width:102px;height:99px;background: url(../images/1946to1965.png) top left no-repeat;}
.gen2:hover {background:url(../images/1946to1965.png) bottom left no-repeat;cursor:pointer;}
.gen3 {width:102px;height:99px;background: url(../images/1996to1980.png) top left no-repeat;}
.gen3:hover {background:url(../images/1996to1980.png) bottom left no-repeat;cursor:pointer;}
.gen4 {width:102px;height:99px;background: url(../images/1981to1995.png) top left no-repeat;}
.gen4:hover {background:url(../images/1981to1995.png) bottom left no-repeat;cursor:pointer;}
.gen5 {width:106px;height:99px;background: url(../images/1996tonow.png) top left no-repeat;}
.gen5:hover {background:url(../images/1996tonow.png) bottom left no-repeat;cursor:pointer;}

/* Client Links Page */
#clientlinks img {border:1px #ededed solid;margin:0 15px 15px 0;}
#clientlinks img:hover, #clientlinks img:active {border:1px #c8da3f solid;}
#businesslinks img {border:1px #ededed solid;margin:0 15px 15px 0;}
#businesslinks img:hover, #clientlinks img:active {border:1px #c8da3f solid;}

/* Essentials Image Rollovers */
.esstab {margin-right:30px;margin-top:20px;float:left;cursor:pointer;}