@import url("../css/reset.css");
@import url("../css/superfish.css");

/*  
Globals
--------------------------------------------------------------------------------------------------- */
* {margin:0; padding:0;}

body {
    font: 12px/1.4em Cambria, Georgia, "Times New Roman", Times, serif;
	background: url(../gfx/bg_short.jpg) repeat-x 0 0;
    color:#666;
	margin: 0;
} 

body#home {
	background: url(../gfx/bg.jpg) repeat-x 0 0;
}

hr { display: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
.thumb_spacer {
	padding: 3px;
	border: 1px solid #ccc;
	background: #fff;
	margin: 0 0 5px 0;
}

a {
	color: #3F6284;
	text-decoration: none;
}
a:hover {
	color: #000;
}

img.right { float: right; }
img.left { float: left; }

h1 {
	font-size: 26px;
	color: #3C6081;
	background: url(../gfx/h1_bgline.png) no-repeat 0 100%;
	padding: 10px 90px 25px 60px;
	font-weight: normal;
	margin: 0 0 25px 0;
	line-height: 35px;
}

h2 {
	color: #A33038;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	font-weight: normal;
	line-height: 1.2em;
}

h3 {
	color: #A33038;
	font-size: 16px;
	margin: 0 0 10px 0;
	font-weight: normal;
	line-height: 1.2em;
}

h4 {
	color: #333333;
	font-size: 16px;
	margin: 0 0 10px 0;
	font-weight: normal;
	line-height: 1.2em;
}

h5 {
	color: #A33038;
	font-size: 14px;
	margin: 0 0 10px 0;
	font-weight: normal;
	line-height: 1.2em;
}

h6 {
	color: #333333;
	font-size: 14px;
	margin: 0 0 10px 0;
	font-weight: normal;
	line-height: 1.2em;
}

.inner_content ul,
.inner_content ol {
	margin: 0 0 15px;
}
.inner_content ul li {
	margin: 0 0 5px 50px;
	list-style: disc;
	font-size: 13px;
	line-height: 20px;
}
.inner_content ol li {
	margin: 0 0 5px 50px;
	list-style: decimal;
	font-size: 13px;
	line-height: 20px;
}

/* case studies */

.inner_content ul.caseStudies li {
	margin: 0 0 20px;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
.caseStudies li .image {
	float: left;
	width: 130px;
}
.caseStudies li .info {
	float: left;
	width: 350px;
}
.caseStudies .image img {
	border: 1px solid #ccc;
	padding: 3px;
}

.inner_content .caseDetail {
	float: right;
	width: 302px;
	padding: 15px;
	margin: 15px;
	border: 1px solid #ccc;
	background: #eee;
}
.inner_content .caseDetail ul {
	margin: 0;
	padding: 0;
}
.inner_content .caseDetail ul li {
	list-style: none;
	margin: 5px 0;
	padding: 0;
}
.inner_content .caseDetail ul li img {
	border: 1px solid #666;
}

/* teams */

.inner_content ul.teamRoster {
	margin: 0;
	padding: 0;
} 
.inner_content ul.teamRoster li {
	margin: 0 0 25px;
	padding: 0 0 15px;
	list-style: none;
	border-bottom: 1px solid #ccc;
}
.inner_content ul.teamRoster li .mug {
	float: left;
	width: 125px;
}
.inner_content ul.teamRoster li .mug img {
	border: 1px solid #3F6284;
}
.inner_content ul.teamRoster li .detail {
	float: right;
	width: 490px;
}
.inner_content ul.teamRoster li h3 {
	margin: 0 0 5px !important;
	font-size: 18px;
}
.inner_content ul.teamRoster li h4 {
	margin: 0 0 20px;
	font-size: 16px;
	display: block;
}
.inner_content ul.teamRoster li h4 span.title {
	font-style: italic;
	color: #333;
}
.inner_content ul.teamRoster li p {
	margin: 0 0 10px !important;
	padding: 0 !important;
	line-height: 1.4em;
}
span.email a {
	height: 18px;
	width: 35px;
	text-indent: -999em;
	background: url(../gfx/icon_email.gif) no-repeat 50% 50%;
	display: block;
	float: left;
}
.inner_content ul.teamContacts .title {
	font-style: italic;
}
.inner_content ul.teamContacts .phone {
	color: #333;
}

/* press releases */
.inner_content ul.pressReleases li {
	margin: 0 0 20px;
	list-style: none;	
}
.inner_content ul.pressReleases li a .date {
	color: #666;
}
.inner_content ul.pressReleases li a:hover .date {
	color: #000;
}

/* secondary content */

#secondary .content {
	padding: 0 20px 0 0;
}
#secondary .content p {
	margin: 0 0 20px;
	line-height: 1.4em;
	font-size: 14px;
}

/* primary content  */
.inner_content p.more,
#secondary p.more {
	padding: 15px 0;
}
.inner_content p.more a,
#secondary p.more a {
	padding: 8px 20px;
	direction: block;
	background: #3F6284;
	border:1px solid #21486E;
	color: #fff;
}

p.logout a {
	padding: 8px 20px;
	direction: block;
	background: #3F6284;
	border:1px solid #21486E;
	color: #fff;
}

p.logout a:hover {
	background: #A33038;
	border: 1px solid #7B0810;
}

.inner_content p.more a:hover,
#secondary p.more a:hover {
	background: #A33038;
	border: 1px solid #7B0810;
}

/* Layout Divisions
--------------------------------------------------------------------------------------------------- */
.colA {
	float: left;
	width: 48%;
}
.colB {
	float: right;
	width: 48%;
}
#wrapper {
	margin: 0 auto;
	width: 990px;  
	position: relative;
}
#header {
	height: 90px;
	position: relative;
}
#header #logo {
	display: block;
	width: 266px;
	height: 84px;
	text-indent: -999em;
	background: url(../gfx/logo.png) no-repeat 0 0;
	position: absolute;
	top: 5px;
	left: 0;
}
body#home #flash_header {
	height: 200px;
	background: none;
}
#flash_header {
	height: 185px;
}


/* --- HOME CONTENT ---*/
#content {
	position: relative;
	padding: 20px 0;
	/* background: url(../gfx/mid_divider.gif) repeat-y 658px 0; */
}

#content #primary {
	width: 480px;
	float: left;
	position: relative;
}
#content #primary .content {
	padding: 0 0 0 40px;
}
#content #primary .content h2 {
}
#content #primary .content p {
	font-size: 14px;
	margin: 0 0 15px;
	color: #000;
}

#content #secondary {
	width: 400px;
	padding: 0 10px 0 20px;
	float: right;
}

#content #tertiary {
	width: 230px;
	padding: 0 0 0 25px;
	float: left;
}

#content #tertiary h3 {
	font-size: 15px;
	margin: 0 0 10px 0;
	background: url(../gfx/arrow-blue.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
}	

#content #tertiary p {
	margin: 0 0 10px 0;
}

#content .cta_button {
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	background: #264261;
	padding: 5px 10px;
	font-weight: bold;
	border: 1px solid #264261;
}

#content .cta_button:hover {
	color: #fff;
	/* background: url(../gfx/cta-bg.jpg) repeat-x 0 100% #fff; */
	background: #A33038;
	border: 1px solid #A33038;
}	

#content .cta_btn_clean {
	font-size: 12px;
	color: #264261;
	padding: 5px 10px;
	background: url(../gfx/arrow-blue.gif) no-repeat 0 50%;
	padding: 0 0 0 10px;
	text-decoration: none;
	font-weight: bold;
}
#content .cta_btn_clean:hover {
	color: #000;
}

/* --- INSIDE CONTENT ---*/
#inside_content {
	position: relative;
	padding: 20px 0;
	background: url(../gfx/mid_divider_single.gif) repeat-y 260px 0;
}

#inside_content #primary {
	width: 730px;
	float: right;
	position: relative;
}

#inside_content #primary .inner_content {
	padding: 0 90px 0 60px;
}
body.team #inside_content #primary .inner_content,
body#sitemap #inside_content #primary .inner_content {
	padding: 0 30px 0 60px;
}
#inside_content #primary .inner_content p {
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 20px 0;
}



#inside_content #secondary {
	width: 260px;
	padding: 0;
	float: left;
}

#inside_content #secondary .accent_image {
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff;
	margin: 0 0 0 15px;
}

#inside_content .cta_button {
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	background: #264261;
	padding: 5px 10px;
	font-weight: bold;
}

#inside_content .cta_button:hover {
	color: #264261;
	background: url(../gfx/cta-bg.jpg) repeat-x 0 100% #fff;
	border: 1px solid #7B0810;
}	


/* ------- LATEST NEWS -----------*/
#content #latest_news {
	margin: 0 0 20px 0;
}
#content #latest_news li {
	border-bottom: 1px solid #ccc;
	padding: 3px 0;
}
#content #latest_news li a {
	font-weight: bold;
}
#content #latest_news li a:hover {
	text-decoration: underline;
}
#content #latest_news li .news_date {
	color: #555;
	display: block;
	clear: both;
}
	
	
/* FEATURED CASES
--------------------------------------------------------------------------------------------------- */	
#feat_cases .casebox {
	background: url(../gfx/featcase_topbg.png) no-repeat 0 0;
	padding: 6px 0 0 0;
}
#feat_cases .casebox .inner_case {
	padding: 5px 10px 10px 10px;
	background: url(../gfx/featcase_bg.png) no-repeat 0 100%;
}

#feat_photos {
	position: relative;
}
#feat_photos .btn_allcases {
	position: absolute;
	bottom: 0;
	left: 175px;
	background: url(../gfx/arrow-blue.gif) no-repeat 0 50%;
	padding: 0 0 0 15px;
	text-decoration: underline;
	font-weight: bold;
}



/*#feat_photos #switches .active {
  font-weight: bold;
}
#feat_photos #slides div {
  display: none;
}
#feat_photos #slides div.active {
  display: block;
  float: left;
}
*/


#feat_cases .casebox h3 {
	font-size: 16px;
	color: #375D81;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ccc;
}
#feat_cases .casebox h3 .case_location {
	font-size: 12px;
	color: #555;
	display: block;
}
#feat_cases .casebox .case_btn {
	display: block;
	background: #183152;
	text-align: center;
	float: left;
	text-transform: uppercase;
	color: #fff;
	font-size: 10px;
}
#feat_cases .casebox .case_btn span {
	clear: both;
	display: block;
	padding: 5px 0;
	border-top: 1px solid #fff;
	font-weight: bold;
}

#feat_cases .casebox .case_btn:hover {
	background: #A33038;
}

#feat_cases .casebox .case_price {
	font-weight: bold;
	color: #555;	
	margin: 0 0 10px 0;
}
#feat_cases .casebox .case_price strong {
	color: #375D81;	
}

	

/* MAIN NAVIGATION
--------------------------------------------------------------------------------------------------- */
#glob_nav {
	width: 620px;
	height: 37px;
	position: absolute;
	top: 30px;
	right: -20px;
}
#glob_nav ul {
	padding: 0;
	margin: 0;
}
#glob_nav ul li {
	float: left;
	margin: 0 7px;
}
#glob_nav ul li .g_nav {
	display: block;
	height: 37px;
	text-indent: -999em;
	background: url(../gfx/menu.png);
}


/* -------- HOME ---------- */
#glob_nav #n-home .g_nav{
	width: 70px;
	background-position: 0 0;
} 
body#home #glob_nav #n-home .g_nav, #glob_nav #n-home .g_nav:hover {
	background-position: 0 -37px;
}
#glob_nav #n-home.sfHover .g_nav {
	background-position: 0 -37px;
}

/* -------- ABOUT ---------- */
#glob_nav #n-about .g_nav {
	width: 70px;
	background-position: -78px 0;
} 
body#about #glob_nav #n-about .g_nav, #glob_nav #n-about .g_nav:hover {
	background-position: -78px -37px;
}
body#about #glob_nav #n-about .g_nav, #glob_nav #n-about .g_nav:hover {
	background-position: -78px -37px;
}
#glob_nav #n-about.sfHover .g_nav {
	background-position: -78px -37px;
}



/* -------- STRATEGIES ---------- */
#glob_nav #n-strategies .g_nav {
	width: 108px;
	background-position: -158px 0;
} 
body#strategies #glob_nav #n-strategies .g_nav, #glob_nav #n-strategies .g_nav:hover {
	background-position: -158px -37px;
}
#glob_nav #n-strategies.sfHover .g_nav {
	background-position: -158px -37px;
}

/* -------- SERVICES ---------- */
#glob_nav #n-services .g_nav{
	width: 88px;
	background-position: -278px 0;
} 
body#services #glob_nav #n-services .g_nav, #glob_nav #n-services .g_nav:hover {
	background-position: -278px -37px;
}
#glob_nav #n-services.sfHover .g_nav {
	background-position: -278px -37px;
}

/* -------- INVESTORS ---------- */
#glob_nav #n-investors .g_nav {
	width: 100px;
	background-position: -379px 0;
} 
body#investors #glob_nav #n-investors .g_nav, #glob_nav #n-investors .g_nav:hover {
	background-position: -379px -37px;
}
#glob_nav #n-investors.sfHover .g_nav {
	background-position: -379px -37px;
}

/* -------- CONTACT ---------- */
#glob_nav #n-contact .g_nav {
	width: 87px;
	background-position: -488px 0;
} 
body#contact #glob_nav #n-contact .g_nav, #glob_nav #n-contact .g_nav:hover {
	background-position: -488px -37px;
}
#glob_nav #n-contact.sfHover .g_nav {
	background-position: -488px -37px;
}



/* SUB NAV
--------------------------------------------------------------------------------------------------- */
#subnav {
	background: url(../gfx/subnav_bgline.png) no-repeat 100% 100%;
	padding: 0 0 15px 0;
	margin: 0 0 25px 0;
}
#subnav li {
	margin: 0 0 5px;
}
#subnav li ul {
	margin:5px 0 0 0;
	padding: 0;
}
#subnav li ul li {
	margin: 0;
	padding: 0 0 0 30px;
	font-size: 12px;
}
#subnav li ul li ul {
	margin: 5px 0;
	padding: 0 0 5px;
	border-bottom: 1px solid #ccc;
}
#subnav li a.parent {
	display: block;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	text-transform: uppercase;
}
#subnav li a.parent:hover,#subnav li.active a.parent {
	color: #fff;
	background: url(../gfx/hometab_bg.jpg) repeat-x 0 100% #375C7E;
}

#subnav li a.parent span {
	padding: 0 0 0 30px;
	background:  url(../gfx/arrow-blue.gif) no-repeat 15px 50%;
}

#subnav li a.parent:hover span,#subnav li.active a.parent span {
	background:  url(../gfx/arrow-white.gif) no-repeat 15px 50%;
}

#subnav li ul li a {
	display: block;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	padding: 5px 3px;	
}
#subnav li ul li.active a {
	color: #000;
	background: #eee;
	text-indent: 10px;
}
#subnav li ul li.active ul li {
	padding: 0 0 0 10px;
	margin: 0;
}
#subnav li ul li.active ul li a {
	background: none;
	color: #999;
	text-indent: 0;
	padding: 3px;
	font-size: 14px;
	line-height: 14px;
	height: 14px;
}
#subnav li ul li.active ul li a:hover {
	color: #000;
}




/* CONTACT FORM
--------------------------------------------------------------------------------------------------- */
#contact_form .field_box {
	margin: 0 0 25px 0;
}

#contact_form .field_box label {
	float: left;
	width: 100px;
}
#contact_form .field_box input, #contact_form .field_box textarea {
	float: left;
	font: 14px Arial, Helvetica, sans-serif;
	color: #444;
	padding: 5px;
	margin: 0 15px 0 0;
	width: 210px;
	border: 1px solid #ccc;
}


#tertiary #contact_form .field_box input {
	width: 140px;
	margin: 0 0 0 0;
}

#tertiary #contact_form .field_box label {
	width: 70px;
	text-align: right;
	padding-right: 5px;
	display: block;
}

#tertiary #contact_form .field_box {
	margin: 0 0 15px 0;
}

#login-page #contact_form .field_box {
	margin: 0 0 15px 0;
	padding: 0 0 25px 0;
}

#contact_form .field_box textarea {
	width: 280px;
	height: 100px;
}
#contact_form .field_box .req_txt {
	font-size: 11px;
	font-weight: bold;
	color: #666;
}

#contact_form #btn_send {
	font: 12px Cambria,"Times New Roman", Times, serif;
	width: 148px;
	height: 27px;
	display: block;
	text-align: center;
	background: #3F6284;
	color: #fff;
	border: none;
	cursor: pointer;
	margin: 0 0 0 100px;
}

#tertiary #contact_form {
	border-bottom: 1px solid #ccc;
	padding-bottom: 40px;
}

#login-page #contact_form {
	width: 400px;
}


#tertiary #password {
	background: url(http://www.virtuinvestments.com/themes/virtu09/gfx/arrow-blue.gif) no-repeat 0px 50%;
	padding-left: 10px;
}

#tertiary #contact_form #btn_send {
	font: 12px Cambria,"Times New Roman", Times, serif;
	width: 100px;
	height: 27px;
	display: block;
	text-align: center;
	background: #3F6284;
	color: #fff;
	border: none;
	cursor: pointer;
	margin: 0 0 0 75px;
}
#contact_form #btn_send:hover {
	background: #A33038;
}


/* FOOTER
--------------------------------------------------------------------------------------------------- */
#foot_wrapper {
	width: 100%;
	background: url(../gfx/foot-bg.jpg) repeat-x 0 0;
	padding: 0 0 15px;
}
#foot_wrapper #footer {
	width: 990px;
	margin: 0 auto;
	font-size: 10px;
	text-transform: uppercase;
	position: relative;
	height: 50px;
}
#foot_wrapper #footer .copy {
	position: absolute;
	top: 20px;
}
#foot_wrapper #footer .foot_nav {
	position: absolute;
	right: 85px;
	top: 20px;
}
#foot_wrapper #footer .foot_nav li {
	float: left;
	padding: 0 20px;
	border-right: 1px solid #ccc;
}
#foot_wrapper #footer .foot_nav li.last {
	padding: 0 0 0 20px;
	border: none;
}

#foot_wrapper #footer .foot_nav li a {
	font-weight: bold;
}

#logo-greenliving { display: block; height: 30px; width: 67px; float: right; background: url(../gfx/logo-greenliving.gif) no-repeat 0 0; text-indent: -999em; margin: 10px 0 0 0; }

/* Helpers 
--------------------------------------------------------------------------------------------------- */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Booyant - Changes 2010.05.26
--------------------------------------------------------------------------------------------------- */
.dataroom-folders {
	padding: 0 0 0 0px;
}

.inner_content ul.dataroom-folders li {
	list-style: none;
}


.dataroom-folders li a {
	padding: 8px 20px;
	direction: block;
	background: #3F6284;
	border:1px solid #21486E;
	color: #fff;
	width: 100%;
	display: block;
}

.dataroom-folders li a:hover {
	background: #A33038;
	border: 1px solid #7B0810;

}

.dataroom-folders li a.open {
	background-image: url('/images/icons/dwn-arrow.png');
	background-repeat: no-repeat;
	background-position: right;
}

.dataroom-folders li a.closed {
	background-image: url('/images/icons/rt-arrow.png');
	background-repeat: no-repeat;
	background-position: right;
}

.dataroom-folders li ul {
	display:none;
	padding: 10px 0 10px 50px;
}

.dataroom-folders li ul li {
	padding: 5px;
}

.dataroom-folders li ul li em {
	display: block;
	padding: 4px 0 0 0;
}

.dataroom-folders li ul li a {
	background: none;
	color: #666;
	padding: 0px;
	border: none;
	width: auto;
	display:inline;
	text-decoration: underline;
	font-weight: bold;
}

.dataroom-folders li ul li a:hover {
	background: none;
	border: none;
}

.dataroom-folders li ul.open {
	display:block;
}