html, body{
	height:100%;
	background-color:#f8f8f8;
}

body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, table, a, img{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

body{
	font-family: 'Georgia', serif;
	font-size: 14px;
	font-weight: normal;
	color: #062e19;
	line-height:1.5em;
}


a, a:focus, input, textarea{
	outline: none;
}

a {
	color: #062e19;
	font-weight: normal;
	text-decoration: underline;
}

a:hover{
	color: #82c54f;
	text-decoration: underline;
}

.clear{
	clear:both;
}

.wider {
	width:920px;
}
.pwider {
	width:880px;
}


/*------------------------------------*\
	STRUCTURE
\*------------------------------------*/


#wrap {
	width:964px;
	margin: 0 auto;
	height:100%;
	padding: 0 20px 0 20px;
}

#wrap-nav {
	width:964px;
	margin: 0 auto;
	height:50px;
	background-color:#f8f8f8;
}


#wrapper{
	position:relative;
	width:100%;
	overflow:hidden;
	min-height: 100%;
}

* html #wrapper{
	height: 100%;
}

#main{
	width: 100%;
	position: relative;
	overflow: visible;
	margin: 120px auto 70px;
	padding: 0;
}

#logo {
	width:300px;
	margin-top:20px;
	display:block;
	float:left;
	text-align:left;
}





/* Sections */


.section{
	height: auto;
	padding:40px 0 60px 0;

}


.section-who {
	background-color:#f8f8f8;
	width:100%;
	height:auto;
	padding: 0 0 70px 0;
}

.section-about {
	background-color:#e1e1e1;
	width:100%;
	height:auto;
	padding: 80px 0 70px 0;
}
.section-what {
	background-color:#82c54f;
	width:100%;
	height:auto;
	padding: 80px 0 60px 0;
}
.section-where {
	background-color:#062e19;;
	width:100%;
	height:auto;
	padding: 80px 0 0px 0;
}

.section-how {
	background-color:#f8f8f8;;
	width:100%;
	height:auto;
	padding: 80px 0 60px 0;
}
.section-why {
	background-color:#82c54f;;
	width:100%;
	height:auto;
	padding: 80px 0 60px 0;
}
.section-contact {
	width:100%;
	height:auto;
	padding: 80px 0 120px 0;
}

/* Divides */

#line {
	height:20px;
	width:20px;
	border-bottom: 2px solid #062e19;
	margin-bottom:30px;
}

.divide {
	width: 20px;
	margin: 0;
	height:15px;
	display:block;
	border-top: 1px solid #062e19;
}

.page-divide {
	width: 895px;
	margin: 15px 0;
	height: 1px;
	display:block;
	border-top: 1px solid #062e19;
}

/* Column Structure */

#columns {
	width: 210px;
	margin: 10px 15px 0 0;
	height:auto;
	display:block;
	float:left;

}

#columns-how {
	width: 180px;
	margin: 10px 20px 0 0;
	height:auto;
	display:block;
	float:left;

}
#columns-how1 {
	width: 200px;
	margin: 10px 40px 0 0;
	height:auto;
	display:block;
	float:left;
}

#columns-how2 {
	width: 220px;
	margin: 10px 20px 0 0;
	height:auto;
	display:block;
	float:left;
}



#columns-how3 {
	width: 400px;
	margin: 0 20px 0 0;
	height:auto;
	display:block;
	float:left;

}

#columns-bullets {
	width: auto;
	margin: 2px 40px 0 0;
	line-height:1.7em;
	height:auto;
	display:block;
	float:left;

}

#column-about {
	width: 720px;
	margin: 0;
	height:auto;
	display:block;
	float:right;
}

#column-image  {
	width: 230px;
	margin: 0;
	height:auto;
	display:block;
	float:left;
}

#contact-body {
	width: 320px;
	margin: 10px 0;
	height:auto;
	display:block;
	float:left;
}


.column-body {
	margin:0;
	color:#fff;
	font-size:14px;
	font-weight:normal;
	line-height: 1.4em;
}
.column-title {
	color: #042c18;
	font-size: 15px;
	line-height: 1.2em;
	margin: 0 0 10px 0;
}

.column-title2 {
	color: #042c18;
	font-size: 18px;
	line-height: 1.3em;
	font-style:italic;
}

.col-image {
	width: 250px;
	margin: 10px 20px 0 0;
	height:350px;
	display:block;
	float:left;
	clear:both;
}




/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

h1 {
	font-size:85px;
	line-height: 1.2em;
	margin:40px 0 50px  0;
	font-weight: normal;
}

h2 {
	font-size:45px;
	line-height: 1.2em;
	font-weight: normal;
	width: 900px;
	margin-bottom:15px;
}

h3 {
	font-size: 22px;
	line-height: 1.5em;
	font-weight: normal;
}

h4 {
	font-size:18px;
	color:#82c54f;
	line-height: 1.3em;
	font-weight: normal;
	margin: 0  0 10px 0;
}


h5 {
	font-size:13px;
	color:#999;
	line-height: 1.5em;
	font-weight: normal;
}

p {
	font-size:16px;
	line-height: 1.5em;
	margin: 0;
}


.about li  {
	font-size: 15px;
	text-indent:20px;
	list-style: inside;
	color:#82c54f;
}
.large-bullet li{
	list-style:none;
	font-size: 22px;
	line-height: 1.5em;
	font-weight: normal;
	font-style:italic;
}

.larger-head {
	font-size: 30px;
}


/* Spans */

.italic {
	font-style:italic;
}

.litegreen {
	color:#82c54f;
}

.grey{
	color:#999;
}
.litegrey{
	color:#f8f8f8;
}
.white{
	color:#fff;
}

.section-title {
	font-style:italic;
	margin-bottom:15px;
}




/*------------------------------------*\
	SCROLLER STYLES
\*------------------------------------*/

.pageNav{
	z-index: 4;

}


.topNav{
	position: fixed !important;
	width: 100%;
	top: 0;
	left: 0;
	height:120px;
	background-color:#f8f8f8;
	padding-top:40px;
}
/*------------------------------------*\

.topNav ul{

	margin: 0 auto;
	list-style: none;

}

.topNav li{
	position:relative;
	display: inline;
	clear:both;
	margin: 0 10px 0;
}

.topNav li a{
	    height:27px;
        margin-left: 20px;
        width: 120px;
        font-size: 12px;
		font-weight: normal;
		color: #042c18;
        line-height: 30px;
        text-align: left;
        text-decoration: none;
		border-bottom: 1px solid #999999;
}
.topNav li.active a{
	color: #82c54f;


}

.topNav li a:hover {
          border-bottom: 1px solid #062e19;
}



.topNav,
.topNav.light{
	background: #f8f8f8;
}

.topNav li.active a,
.topNav.light li.active a{
	color: #82c54f;
	border-bottom: 1px solid #999999;
}

.topNav li a,
.topNav.light li a{
	color: #444444;
	text-decoration: none;
}
/*------------------------------------*\

/*------------------------------------*\
	LISTS
\*------------------------------------*/




/* separate the list from surrounding elements */
ol
{
  margin: 0 0 1em 2em;
  padding: 0;
  list-style:none;
  float:right;

}

ol li
{
  /* Stipulate the height of each item so that
  vertical return = items * height */
line-height: 1.4em;

  /* Clear the default margins & padding
  so we can style the list from scratch */

  margin: 0;
  padding: 0;

}

/* If li position is left static, Internet
Explorer disables hyperlinks in the list
in all but the final column.

This rule will be processed only by
Internet Explorer because only IE believes
that there's a level above HTML: */

* html ol li
{
	position: relative;
}

/* horizontal position of each column */

ol li.column1 { margin-left: 0em; }
ol li.column2 { margin-left: 150px; }

/* Bring the first item of each column
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

li.reset
{
  margin-top: -78px;
}
/* anchor styling */
ol li a
{
  display: block;
  width: 120px;
  height:20px;
  padding-top: 5px;
  text-decoration: none;
  color: #042c18;
	border-bottom: 1px solid #999999;
}
ol li a:hover
{
   border-bottom: 1px solid #062e19;
		  color: #042c18;
		  text-decoration:none;
}

ol li.active a{
	color: #82c54f;
}


@media screen and (max-width: 1000px), (max-device-width: 480px) {

	body{
	font-family: 'Georgia', serif;
	font-size: 15px;
	font-weight: normal;
	color: #062e19;
	line-height:1.5em;
}

#wrap-nav {
	width:auto;
	margin: 0 auto;
	height:50px;
	background-color:#f8f8f8;
	padding-left:20px;
}


	#wrap {
	width:auto;
	margin: 0 auto;
	padding: 0 20px 0 20px;}

	h1 {
	font-size:50px;
	line-height: 1.2em;
	margin:40px 0 10px  0;
}

h2 {
	font-size:35px;
	line-height: 1.3em;
	font-weight: normal;
	width:auto;
}

h3 {
	font-size: 19px;
	line-height: 1.5em;
	font-weight: normal;
}


.about li  {
	font-size: 15px;
	text-indent:0px;
	list-style: inside;
	color:#82c54f;
}


#column-about {
	width: auto;
	margin: 0px 0 0 0;
	height:auto;
	display:block;
	float:right;
}
#columns {
	width: 100%;
	margin: 10px 25px 0 0;
	height:auto;
	display:block;
	float:left;
}


#columns-how {
	width: auto;
	margin: 10px 20px 0 0;
	height:inline;
	display:list;
	float:left;

}

#columns-how2 {
	width: auto;
	margin: 10px 10px 0 0;
	height:auto;
	display:inline;
	float:left;

}
#columns-how3 {
	width: auto;
	margin: 10px  0 0 0px;
	height:auto;
	display:inline;
	float:left;


}

.column-body {
	margin:0 50px 15px 0;
	color:#fff;
	font-size:16px;
	line-height: 1.4em;
}


.map {
	width:100%;
	min-width: 340px;
}

.large-bullet li{
	list-style:none;
	font-size: 19px;
	line-height: 1.5em;
	font-weight: normal;
	font-style:italic;
}

.larger-head {
	font-size: 22px;
}


.wider {
	width:auto;
}
.pwider {
	width:auto;
}



}

@media screen and (max-width: 650px), (max-device-width: 480px) {
		.topNav{
		position: fixed !important;
		width: 100%;
		top: 0;
		left: 0;
		height:140px;
		background-color:#fff;
		padding-top:20px;
	}

	#wrap-nav {
		width:auto;
		margin: 0 auto;
		height:60px;
		background-color:#fff;
		padding-left:20px;
	}

	#header{ display:none;
	}
	#logo {
		width:300px;
		margin:0px 0 2px 0;
		display:block;
		float:left;
		text-align:left;
	}


	ol
	{
	  margin: 0 0 0 0;
	  padding: 0;
	  list-style:none;
	  float:left;
	  clear:both;

	}

	.section-who {
		background-color:#f8f8f8;
		width:100%;
		height:auto;
		padding: 60px 0 20px 0;
	}

	.section-about {
		background-color:#e1e1e1;
		width:100%;
		height:auto;
		padding: 30px 0 20px 0;
	}
	.section-what {
		background-color:#82c54f;
		width:100%;
		height:auto;
		padding: 30px 0 30px 0;
	}
	.section-where {
		background-color:#062e19;;
		width:100%;
		height:auto;
		padding: 30px 0 0px 0;
	}

	.section-how {
		background-color:#f8f8f8;;
		width:100%;
		height:auto;
		padding: 30px 0 20px 0;
	}
	.section-why {
		background-color:#82c54f;;
		width:100%;
		height:auto;
		padding: 30px 0 20px 0;
	}
	.section-contact {
		width:100%;
		height:auto;
		padding: 30px 0 0px 0;
	}
	body.corporate-finance .three {
		width: 100%;
		margin: 10px 25px 0 0;
		height:auto;
		display:block;
		float:left;
	}
}

body.corporate-finance .large-text p {
	font-size: 22px;
	line-height: 1.5em;
	font-weight: normal;
	margin-bottom: 0.5em;
}

body.corporate-finance .corporate-row {
	display: inline-block;
	height: auto;
	margin: 0 0 15px;
}

body.corporate-finance .three {
	width: 290px;
	margin: 10px 30px 0 0;
	height:auto;
	display:block;
	float:left;
}

body.corporate-finance .section-about {
	background-color:#e1e1e1;
	width:100%;
	height:auto;
	padding: 80px 0 70px 0;
}
body.corporate-finance .section-what {
	background-color:#82c54f;
	width:100%;
	height:auto;
	padding: 80px 0 60px 0;
}
body.corporate-finance .section-where {
	background-color:#062e19;;
	width:100%;
	height:auto;
	padding: 80px 0 0px 0;
}

body.corporate-finance .section-how {
	background-color:#f8f8f8;;
	width:100%;
	height:auto;
	padding: 80px 0 60px 0;
}
body.corporate-finance .section-why {
	background-color: #82c54f;
	width:100%;
	height:auto;
	padding: 80px 0 60px 0;
}
body.corporate-finance .section-contact {
	width:100%;
	height:auto;
	padding: 80px 0 120px 0;
}

body.corporate-finance .profile {
	padding-bottom: 40px;
	display: inline-block;
	width: 100%;
	height: auto;
}

body.corporate-finance .profile:last-child {
	padding-bottom: 0px;
}

body.corporate-finance span.green {
	color: #82c54f;
}

body.corporate-finance .normal {
	font-weight: normal;
}

.corporate-finance-promo {
	background-color: #82c54f;
	width: 100%;
	padding: 20px;
	text-align: center;
	color: white;
	font-size: 16px;
}

.corporate-finance-promo a {
	font-style: italic;
	color: white;
}

/*body.corporate-finance #column-about {
	width: 690px;
}*/
