@charset "UTF-8";
/* CSS Document 

Created:	08-16-13 ORJ

black: 302d28
dark grey :4d4d4f
blue: 85dadf
green: c6d23f
taupe: d3d2c5

*/
* {
	margin:0px;
	padding:0px; }
		
html, body {
	height:100%;
	background-color:#f7f7f7; }
	
#wrapper {
	width:1200px;
	color:#fff;
	margin: 0px auto;
	min-height:100%; }
	
/* Font & Lists */	
h1 {
	font:30px/30px 'OpenSansLight', Helvetica, sans-serif;
	font-weight:normal;
	margin:0px 0px 20px 0px; }
	
h2 {
	font:20px/20px 'OpenSansSemibold', Helvetica, sans-serif;
	font-weight:normal;
	margin:0px 0px 20px 0px; }
	
h3 {
	color:#d3d2c4;
	font:20px/20px 'OpenSansLight', Helvetica, sans-serif;
	font-weight:normal;
	margin:0px 0px 5px 0px; }
	
h4 {
	color:#c6d23f; 
	font:18px/20px 'OpenSansLight', Helvetica, sans-serif;
	font-weight:normal; }
	
p,
li {
	font:16px/24px 'OpenSansLight', Helvetica, sans-serif;
	font-weight:normal;
	margin:0px 0px 20px 0px; }
	
b {
	font:16px/24px 'OpenSansSemiBold', Helvetica, sans-serif;
	font-weight:normal; }

ul {
	margin:0px 0px 20px 0px; 
	padding:0px 0px 0px 10px; }
	
li {
	list-style-type:none;
	margin:0px	0px 3px 0px; }
	
a {
	color:#85dadf;
	text-decoration:none; }
	
.question-active,
.question-clicked {
	color:#c6d23f;
	font:16px/24px 'OpenSansRegular', Helvetica, sans-serif; }

.answer h1 {
	line-height:35px; }
	
.answer p,
#experience .secondary-content {
	color:#302d28; }
	
.secondary-content .heading {
	font:14px/18px 'OpenSansSemiBold', Helvetica, sans-serif;
	font-weight:normal; }

.secondary-content td {
	font:12px/16px 'OpenSansRegular', Helvetica, sans-serif;
	font-weight:normal; }
	
/* General Content */	
.blue-line {
	width:1200px;
	height:5px; 
	background-color:#85dadf;
	clear:both;
	margin:0px auto; }
	
#content {
	width:100%;
	background-color:#302d28;
	float:left;  }
	
.primary-content {
	width:550px;
	background-color:#302d28;
	color:#fff;
	float:left;
	padding:20px 50px;
	position:relative; }
	
.secondary-content {
	width:550px;
	background-color:#d3d2c5; 
	float:left; }
	
.white {
	color:#fff; }

.blue {
	color:#85dadf; }

.green {
	color:#c6d23f; }
	
.green-triangle {
	width:14px;
	height:18px;
	background:url(../images/green-triangle.png) no-repeat center;
	clear:both;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 5px; }
	
.indent {
	display:inline-block;
	width:14px;
	height:2px; }
	
/* Header */
#header {
	width:1198px;
	background-color:#fff;
	border-left:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	height:100px; }
	
#logo {
	width:250px;
	height:45px; 
	
	cursor:pointer;
	float:left;
	margin:35px 0px 0px 50px; }
	
	#logo a {
		display:block;
		width:100%;
		height:100% }
	
#nav-wrapper {
	width:875px;
	height:55px;
	float:right;
	padding:30px 0px 25px 0px; }

#nav-services,
#nav-planning,
#nav-investment,
#nav-review {
	display:block;
	height:55px;
	
	float:left; }

#nav-wrapper a{
	color:#808285;
	font-size: 10px;
	font-family: 'Microgramma', sans-serif;
	text-align: center;
	display: block;
}
#nav-wrapper a:hover{
	
	color:#b2d235;
}
#nav-wrapper ul{
	position: relative;
	widows: 100%;
}

#nav-wrapper li{
	display: inline-block;
	width:18%;
	text-align: center;
	padding: 2px;
	vertical-align: top;
}
/* Footer */
#footer {
	width:1198px;
	height:72px;
	background-color:#fff;
	border-bottom:1px solid #eaeaea;
	border-left:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	clear:both; 
	margin:0px auto; }
	
#footer-logo {
	width:151px;
	height:58px;
	background:url(../images/footer-logo.png) no-repeat center;
	cursor:pointer;
	float:left;
	padding:30px 0px 0px 50px;  }
	
	#footer-logo a {
		display:block;
		width:100%;
		height:100%; }
	
#footer-nav-wrapper {
	width:900px;
	float:right;
	padding:30px 35px 0px 0px; 
font-family: 'Microgramma', sans-serif;
text-align: right;}
#footer-nav-wrapper a{
	font-family: 'Microgramma', sans-serif;
	padding: 0 10px;
	color:#808285;
	font-size: 12px;
	text-align: right;
	
}
#footer-nav-wrapper a:hover{
	font-weight:bold;
}
.greenDots{
	color:#b2d235;
	font-weight: bold;
}
	
#nav-approach,
#nav-experience,
#nav-faq,
#nav-links,
#nav-contact,
#nav-home,
#nav-blog {
	display:block;
	height:20px;
	background:url(../images/footer-nav.png) no-repeat;
	float:left; }
	
#nav-approach {
	width:145px;
	background-position:-479px -59px;
	margin:0px 0px 0px 40px;  }
	
	#nav-approach:hover,
	#approach #nav-approach {
		background-position:-479px -4px; }

#nav-experience {
	width:120px;
	background-position:0px -59px; }
	
	#nav-experience:hover,
	#experience #nav-experience {
		background-position:0px -4px; }

#nav-faq {
	width:74px;
	background-position:-118px -59px; }
	
	#nav-faq:hover,
	#faq #nav-faq {
		background-position:-118px -4px; }
		
#nav-links {
	width:90px;
	background-position:-192px -59px; }
	
	#nav-links:hover,
	#links #nav-links {
		background-position:-192px -4px; }

#nav-contact {
	width:113px;
	background-position:-280px -59px; }
	
	#nav-contact:hover,
	#contact #nav-contact {
		background-position:-280px -4px; }

#nav-home {
 	width:77px;
	background-position:-402px -59px; }
	
	#nav-home:hover,
	#index #nav-home {
		background-position:-402px -4px; }

#nav-blog {
 	width:77px;
	background-position:-617px -59px; }
	
	#nav-blog:hover {
		background-position:-617px -4px; }
	
/* Index */	
#index .primary-content {
	width: 90%;
	display: block;
	margin:0 auto;
	text-align: center;
	}

	hr{
		margin-bottom: 20px;
	}

#index .secondary-content {
	width: 100%;
	height:600px;

	background-size: cover;
	background-position: top center;
	background:transparent url("../images/index.jpg") center center / cover no-repeat; }
	
/* Services */
#services .primary-content {
	height:885px; }

#services .secondary-content {
	height:925px;
	background:url(../images/services-image.jpg) no-repeat center; }
	
/* Services */
#investment .primary-content {
	height:461px; 
}

#investment .secondary-content {
	height:501px;
	background:url(../images/investment-image.jpg) center center / cover no-repeat; }
	
/* Planning */
.halfList {
	width:265px; 
	float:left; 
	margin:-15px 0px 10px 0px; }
	
#planning p {
	clear:left; }

#planning .secondary-content {
	height:1058px;
	background:url(../images/planning-image.jpg) no-repeat center; }
	
/* Review - Taxes */
#review .secondary-content {
	height:530px; 
	background:url(../images/review-image.jpg) no-repeat center; }
	
/* Experience */
#experience h3 {
	margin-top:60px; }

#experience h4 {
	margin:10px 0px 20px 0px; }
	
#bill-headshot {
	clear:left;
	float:right;
	margin:-203px -50px 0px 10px;
	position:relative; }
	
#experience .secondary-content {
	width:470px;
	background-color:#d3d2c5;
	padding:20px 40px; }
	
.sub-head {
	margin-top:5px; }
	
.position,
.job-description {
	padding: 10px 0px 0px 2%; }
	
.job-description {
	padding-left:5%; }
	
/* FAQ */
#faq li {
	margin:0px 0px 20px 0px; }
	
#faq #content a {
	color:#fff;}

.question {
	cursor:pointer; }
	
#download-pdf {
	width:200px; 
	height:14px;
	background:url(../images/download-hover.png) no-repeat right 0px;
	clear:left;
	cursor:pointer;
	display:block;
	position:relative;
	right:-400px;  }
	
	#download-pdf:hover {
		background-position: right -14px; }
	
#faq .secondary-content {
	height:951px;
	background:url(../images/faq-image.jpg) no-repeat center;
	overflow:hidden; }
	
.answer {
	width:450px;
	height:850px;
	background:url(../images/faq-bg.png) no-repeat center;
	padding:50px; }

	.answer ul{
		color:#302d28;
	}

.active-arrow,
.arrow-clicked {
	color:#85dadf!important; }
	
/* Contact */
.form-reveal {
	cursor:pointer; }
	
.reveal-clicked {
	color:#85dadf; }
	
.form-close {
	width:16px;
	height:19px; 
	background:url(../mailer/close.png) no-repeat center;
	cursor:pointer;
	float:right;
	margin-bottom:-8px;
	position:relative; }

#contact .secondary-content {
	height:530px; 
	background:url(../images/contact-image.jpg) no-repeat center; }
	
#form-wrapper {
	width:390px;
	height:430px;
	background-color:#4d4d4f;
	margin:50px 0px 0px 50px;
	padding:15px 30px 0px 30px; }
	
.form-error {
	background-color:#dafdff;
	color:#302d28; }

#testimonials .primary-content, #extended .primary-content{
	width: 90%;
}
	
/* Links */
.list-wrapper {
	float:left; }

.testName{
	text-align: right;
	color:#b2d235;
}
	
#links ul { }

#links li.green {
	font-size:16px; }

#links li {
	font-size:14px;
	line-height:18px; }
	
#links #content a {
	color:#fff; }
	
#links  #content a:hover {
	color:#85dadf; }
	
#links .secondary-content {
	height:997px;
	background:url(../images/links-image.jpg) no-repeat center; }


#approach .secondary-content {
	height:670px;
	background:url(../images/approach-image.jpg) no-repeat center left / cover; }


#visitus h1{
	padding-bottom: 40px;
	margin:0;
	text-align: center;

}

#visitus p{
	padding-top:40px;
	text-align: center;

}
#visitus img{
	width: 100%;
}

#visitus .primary-content{
	width:100%;
}