﻿/* TOC

ELEMENTS

STYLES BY SITE STRUCTURE
	- HOME PAGE
	- INTERIOR PAGES
		- HEADER AREA
			- Main Nav
		- MIDDLE AREA
			- Left Nav
			- Content Area
				- Bio Pages
				- Portfolio Pages
				- Forms
			- Right Content
				- Optional Navigation Control
		- FOOTER AREA
		- GENERAL CLASSES

*/

* {
	margin: 0px;
	padding: 0px;
}

html {
	overflow-y: scroll;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 12px;
	color: #646464;
	background-color: #fff;
}

/* ELEMENTS */
a {
	color: #43820f;
}

a:hover {
	color: #132a03;
}

a.arrowLink {
	padding-left: 8px;
	background-image: url(img/bullet_arrow01.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
}

h1 a span {
	display: none;
}

h2 a span {
	display: none;
}

h3 {
}

h4 {
	font-size: 15px;
	color: #2c6209;
	margin-bottom: 16px;
}

h5 {
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 16px;
}

h6 {
	font-size: 12px;
	font-weight: bold;
}

img {
	border: none;
	outline: none;
}

label {
	font-size: 12px;
	font-weight: bold;
	color: #2c6209;
}

label span {
	display: none;
}

p {
	margin-bottom: 18px;
	line-height: 18px; /*font-size: 12px;*/
}

ul {
	list-style: none;
}

ul.arrowList li {
	padding-left: 8px;
	margin-bottom: 4px;
	background-image: url(img/bullet_arrow01.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
}

ul.arrowList li ul {
	padding-left: 6px;
	margin: 4px 0 8px 0;
}

ul.arrowList li ul li {
	margin-bottom: 2px;
}

ul.arrowList02 {
	/*padding-left: 20px;*/
	margin-bottom: 16px;
}

ul.arrowList02 li {
	padding-left: 8px;
	margin-bottom: 4px;
	background-image: url(img/bullet_arrow02.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
}

ul.arrowList02 li ul {
	padding-left: 6px;
	margin: 4px 0 8px 0;
}

ul.arrowList02 li ul li {
	margin-bottom: 2px;
}

ul.dateList li {
	padding-left: 8px;
	margin-bottom: 7px;
	background-image: url(img/bullet_arrow01.gif);
	background-position: 0 18px;
	background-repeat: no-repeat;
}

/* STYLES BY SITE STRUCTURE */

/* HOME PAGE */
#homeWrapper {
	width: 980px;
	margin: 0px auto;
}

.topFlash {
	float: left;
	width: 980px;
	height: 323px;
}

#homeWrapper .middleWrapper {
	float: left;
	width: 980px; /*height: 149px;*/
	padding: 6px 0 0 0;
	background-image: url(img/bg_homeMiddleWrapper.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#homeWrapper .leftNavWrapper {
	float: left;
	width: 193px;
}

#homeWrapper .leftNavWrapper ul {
	margin-top: 19px;
}

#homeWrapper .homeContentWrapper {
	float: left;
	width: 750px;
	padding: 0 0 0 37px;
}

#homeWrapper .centerContentWrapper {
	float: left;
	width: 493px;
	padding: 0 0 0 0;
}

#homeWrapper .rightContentWrapper {
	float: left;
	width: 257px;
	padding: 18px 0 0 0;
}

#homeWrapper .bottomWrapper {
	float: left;
	width: 980px;
	padding-top: 1px;
	background-image: url(img/bg_homeBottomWrapper.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.tickerFlashHolder {
	float: left;
	width: 747px;
	padding-left: 230px;
}

#homeWrapper .footerWrapper {
	float: left;
	width: 715px;
	padding: 20px 0 27px 265px;
	background-image: url(img/bg_homeBottomWrapper.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#homeWrapper .footerHolder {
	padding: 0;
	margin: 0;
}

/* INTERIOR PAGES */
.centeringWrapper {
	width: 1032px;
	margin: 0px auto;
}

/* HEADER AREA */
.bg_header_OurTeam {
	width: 985px;
	height: 223px;
	background-image: url(img/bg_header_OurTeam.gif);
}

.bg_header_OurTeamL3 {
	width: 985px;
	height: 223px;
	background-image: url(img/bg_header_OurTeamL3.gif);
}

.bg_header_OurExperience {
	width: 985px;
	height: 223px;
	background-image: url(img/bg_header_OurExperience.gif);
}

.bg_header_OurStrategy {
	width: 985px;
	height: 223px;
	background-image: url(img/bg_header_OurStrategy.gif);
}

.bg_header_AboutGrotechVentures {
	width: 985px;
	height: 223px;
	background-image: url(img/bg_header_AboutGrotechVentures.gif);
}

.bg_header_Portfolio {
	width: 985px;
	height: 223px;
	background-image: url(img/bg_header_Portfolio.gif);
}

.bg_header_Contacts {
	width: 985px;
	height: 223px;
	background-image: url(img/bg_header_Contacts.gif);
}

.bg_header_Careers {
	width: 985px;
	height: 223px;
	background-image: url(img/bg_header_Contacts.gif);
}

.bg_header_LPLogin {
	width: 985px;
	height: 223px;
	background-image: url(img/bg_header_LPLogin.gif);
}

.bg_header_News {
	width: 985px;
	height: 223px;
	background-image: url(img/bg_header_News.gif);
}

.bg_header_PrivacyPolicy {
	width: 985px;
	height: 223px;
	background-image: url(img/bg_header_PrivacyPolicy.gif);
}

.bg_header_TermsOfUse {
	width: 985px;
	height: 223px;
	background-image: url(img/bg_header_TermsOfUse.gif);
}

.bg_header_PrivacyAndTerms {
	width: 985px;
	height: 223px;
	background-image: url(img/bg_header_PrivacyAndTerms.gif);
}

.bg_header_SiteMap {
	width: 985px;
	height: 223px;
	background-image: url(img/bg_header_SiteMap.gif);
}

.bg_header_SubmitAPlan {
	width: 985px;
	height: 223px;
	background-image: url(img/bg_header_SubmitAPlan.gif);
}

.headerLeft {
	float: left;
	width: 233px;
	height: 223px;
}

.logoHolder {
	width: 233px;
	height: 118px;
	margin-top: 105px;
}

.logoHolder h1 a {
	display: block;
	width: 233px;
	height: 118px;
}

.printLogo {
	display: none;
}

.headerRight {
	float: left;
	width: 752px;
	height: 223px;
}

.mainTitleHolder {
	float: left;
	width: 492px;
	height: 223px;
}

.mainTitleHolder h2 a {
	display: block;
	width: 492px;
	height: 57px;
	margin-top: 122px;
}

/* Main Nav */
.mainNavHolder {
	float: left;
	width: 244px;
	height: 100px;
	padding: 123px 0 0 16px;
}

.mainNavHolder li {
	display: block;
	float: left;
	width: 212px;
	height: 17px;
	margin-bottom: 2px;
}

.mainNavHolder a {
	display: block;
	float: left;
	width: 212px;
	height: 17px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mainNavHolder a:hover {
	background-position: 0 -17px;
}

.mainNavHolder a.active, .mainNavHolder a.active:hover {
	background-position: 0 -34px;
}

.mainNavHolder a span {
	display: none;
}

li.mainNav_OurTeam a {
	background-image: url(img/mainNav_OurTeam.gif);
}

li.mainNav_OurExperience a {
	background-image: url(img/mainNav_OurExperience.gif);
}

li.mainNav_OurStrategy a {
	background-image: url(img/mainNav_OurStrategy.gif);
}

/* MIDDLE AREA */
.middleWrapper {
	width: 1032px;
}

/* Left Nav */
.leftNavWrapper {
	float: left;
	width: 240px;
}

.leftNavWrapper ul {
	margin: 10px 0 0 39px;
}

.leftNavWrapper li {
	display: block;
	float: left;
	width: 154px;
	height: 15px;
	margin-bottom: 3px;
}

.leftNavWrapper a {
	display: block;
	float: left;
	width: 154px;
	height: 15px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.leftNavWrapper a:hover {
	background-position: 0 -15px;
}


#about li.leftNav_AboutGrotechVentures a,
#portfolio li.leftNav_Portfolio a,
#contact li.leftNav_Contacts a,
#lplogin li.leftNav_LPLogin a,
#news li.leftNav_News a,
#resources li.leftNav_resources a,
#careers li.leftNav_careers a,
.leftNavWrapper a.active,
.leftNavWrapper a.active:hover {background-position: 0 -30px;}



li.leftNav_AboutGrotechVentures a {
	background-image: url(img/leftNav_AboutGrotechVentures.gif);
}

li.leftNav_Portfolio a {
	background-image: url(img/leftNav_Portfolio.gif);
}

li.leftNav_Contacts a {
	background-image: url(img/leftNav_Contacts.gif);
}

li.leftNav_LPLogin a {
	background-image: url(img/leftNav_LPLogin.gif);
}

li.leftNav_News a {
	background-image: url(img/leftNav_News.gif);
}

li.leftNav_resources a {
	background-image: url(img/nav/resources.gif);
}

li.leftNav_careers a {
	background-image: url(img/nav/careers.gif);
}

.leftNavWrapper a span {
	display: none;
}

/* Content Area */
.contentWrapper {
	float: left;
	width: 737px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	padding: 0 15px 40px 40px;
}

.centerContentWrapper {
	float: left;
	width: 475px;
	padding: 12px 17px 0 0;
}

.centerContentText {
	float: left;
	background-image: url(img/homeElevatorCopy.gif);
	width: 493px;
	height: 143px; /*padding: 12px 17px 0 0;*/
}

.centerContentText span {
	display: none;
}

.narrowContent {
	/*width: 440px;*/
	width: 421px;
	padding-left: 33px; /*padding-right: 2px;*/
	padding-right: 21px;
}

.introPara {
	width: 421px;
	margin-bottom: 16px;
	background-repeat: no-repeat;
}

.introPara span {
	display: none;
}

.OurTeam {
	background-image: url(img/introPara_OurTeam.gif);
	height: 32px;
}

.News {
	background-image: url(img/introPara_News.gif);
	height: 32px;
}


.Strategy {
	height: 32px;
	background-image: url(img/introPara_OurStrategy.gif);
}

.About {
	height: 32px;
	background-image: url(img/introPara_AboutGrotechVentures.gif);
}

.Experience {
	height: 32px;
	background-image: url(img/introPara_OurExperience.gif);
}

.Submit {
	height: 50px;
	background-image: url(img/introPara_SubmitAPlan.gif);
}

/* Bio Pages */
.bioListHolder {
	clear: both;
	width: 200px;
	height: 60px;
}

.bioThumbnailHolder {
	float: left;
	width: 53px;
}

.bioLinkHolder {
	float: left;
	width: 138px;
	padding: 14px 0 0 9px;
}

.bioDetailHolder {
	float: left;
	width: 421px;
	margin-bottom: 8px;
	padding-bottom: 11px;
	border-bottom: 1px solid #e8e8e8;
}

.bioImageHolder {
	float: left;
	width: 115px;
}

.bioInfoHolder {
	float: left;
	width: 284px;
	padding: 35px 0 0 22px;
}

.bioInfoHolder h4 {
	margin-bottom: 15px;
}

.bioLinkHolder a, .bioInfoHolder a {
	padding-left: 8px;
	background-image: url(img/bullet_arrow01.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
}

/* Portfolio Pages */
.portfolioListContent {
	float: left;
	width: 475px;
	margin-bottom: 16px;
	border-top: 1px solid #e8e8e8;
}

.portfolioListHolder {
	float: left;
	width: 475px;
	border-bottom: 1px solid #e8e8e8;
}

.portfolioLogoHolder {
	float: left;
	width: 131px;
	padding: 1px 14px;
}

.portfolioInfoHolder {
	float: left;
	width: 283px; /*font-size: 12px;*/
	padding: 20px 33px 20px 0;
}

.portfolioInfoHolder a h6 {
	color: #646464;
	margin-bottom: 6px;
}

.portfolioInfoHolder ul.arrowList a {
	text-decoration: underline;
}

/* Case Studies */
.caseStudyDetailHolder {
	float: left;
	width: 421px;
	margin-bottom: 8px;
	padding-bottom: 11px;
	border-bottom: 1px solid #e8e8e8;
}

.caseStudyLogoHolder {
	float: left;
	width: 115px;
}

.caseStudyLogoHolder img {
	border: 1px solid #dcdcdc;
}

.caseStudyTitleHolder {
	float: left;
	width: 248px;
	padding: 30px 20px 0 20px;
}

.CEOHolder {
	margin-bottom: 16px; border-width: 0px;
}

/* Forms */
.labelHolder {
	margin-bottom: 3px;
}

.inputHolder {
	margin-bottom: 16px;
}

input.textBox01 {
	width: 150px;
	border: 1px solid #b1b1b1;
	padding: 1px;
	font-size: 11px;
}

/* Tables */
.loginTable {
	background-color: #efefef;
}

.loginTable td {
	vertical-align: middle;
}

.loginTable td.leftCell {
}

.userNameLabel {
	display: block;
	width: 105px;
	height: 17px;
	background-image: url(img/label_Username.gif);
}

.passwordLabel {
	display: block;
	width: 105px;
	height: 17px;
	background-image: url(img/label_Password.gif);
}

.loginTable tr.bottomRow td {
	background-color: #e4e6e2;
	padding: 5px 0;
}

/* Right Content */
.rightContentWrapper {
	float: left;
	width: 245px;
}

/* Optional Navigation Control */
.optionalNavigationHolder {
	float: left;
	width: 220px;
	background-color: #f3f3f3;
	padding: 0 11px 15px 14px;
	margin-bottom: 20px;
}

.optionalNavigationHolder li {
	/*width: 198px;*/
	width: 220px;
	border-bottom: 1px solid #d2d2d2;
}

.optionalNavigationHolder a {
	display: block;
	width: 198px;
	color: #43820f;
	font-size: 11px;
	text-decoration: none;
	padding: 4px 11px 3px 11px;
	background-image: url(img/bullet_arrow01.gif);
	background-position: 212px 8px;
	background-repeat: no-repeat;
}

.optionalNavigationHolder a:hover {
	color: #43820f;
	text-decoration: underline;
}

.optionalNavigationHolder a.active, .optionalNavigationHolder a.active:hover {
	color: #43820f;
	font-weight: bold;
	text-decoration: none;
}

/* FOOTER AREA */
.footerWrapper {
	float: left;
	width: 985px;
	font-size: 11px;
	background-image: url(img/bg_footerWrapper.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.footerHolder {
	padding: 27px 0 0 266px;
}

.footerHolder a {
	color: #8f8f8f;
	text-decoration: none;
}

.footerHolder a:hover {
	color: #474747;
	text-decoration: underline;
}

.footerHolder a.active, .footerHolder a.active:hover {
	color: #474747;
	text-decoration: none;
}

.footerHolder p {
	color: #8f8f8f;
}

.footerHolder li {
	display: inline;
}

.footerHolder li span {
	margin: 0 2px 0 4px;
}

/* GENERAL CLASSES */
.column {
	float: left;
	width: 200px;
}

.note1 {
	color: #2c6209;
}
