/*
Theme Name: Investments
Description: Investments Frontend Template
Version: 1
Author: ViUU Inc.
Author URI: http://www.viuu.com
Tags: 

*/

/* RESET & INIT */

*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}
ul, li{ list-style: none; }
div.content ul, div.contentlarge ul{ list-style: circle; margin: 15px 0; padding: 0 }
div.content li, div.contentlarge li{ list-style: circle; margin-left: 15px; padding: 0 }

div.module ul, div.module li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0;
padding: 0;
}
img{ border: none; }
.left, .right{ display: inline; }
  .left{ float: left; }
  .right{ float: right; }
.end, .clear{ clear: both; }
.horizontal li{ float: left; display: inline; }


/* LAYOUT */

.wrapper, #footer .content, #copyrights{ width: 1000px; margin: 0 auto;  }

#header, #footer, .content{ clear: both; display: block; } 

#main{ float: left; display: inline; clear: none; width: 792px; }
  #main .content{ width: 644px; border-left: 1px solid #CDCDCD; float: left; display: inline; clear: none; padding: 0 0 0 12px; margin: 10px 0 0 0; min-height: 376px }
  #main .content div.texts{ margin-top: 15px }
   #main .contentlarge{ width: 615px; border-left: 1px solid #CDCDCD; float: left; display: inline; clear: none; padding: 0 0 0 12px; margin: 10px 0 0 0; min-height: 376px }
   #main .imgright{ width: 175px; float: left; display: inline; clear: none; padding: 0; margin: 50px 0 23px 0; }
   #main hr{ height: 1px; border: 1px solid #E9E9E9; margin: 10px 0; }
  
  .homepage #main{ width: 792px; }
  .homepage #main .content{ width: 748px; }


/* PAGE BACKGROUND */

#main .content{ width: 464px; margin-left: 135px; }
#main .contentlarge{ width: 615px; margin-left: 135px; }

  .homepage #main .content{ margin: 21px 21px 0; padding: 0; border-left: none;  }


/* STYLE */

body{ background: #FFF url(images/top-line.png) 0 0 repeat-x; font-size: 14px; color: #242424; }
.wrapper{ background: transparent url(images/back.png) no-repeat scroll 69px 104px; }

a{ text-decoration: none; color: #000; }
  #main a{ color: #532380; }
  .intro span strong{ color: #532380; font-size: 15px; font-weight: bold; }
  .intro span{ font-size: 15px; font-weight: bold; }
  #footer a{ color: #d9adfb; }
  a:hover, #footer a:hover{ color: #DDCDEC; }
p, li, span { font-size: 14px; color: #242424; font-weight: normal; line-height: 18px; }
p{ margin-bottom: 15px; text-align: justify }


/* TYPOGRAPHY */

body{ font-family: Arial, Helvetica, sans-serif; }
  .title, .navigation, .navigation a, .button, .quote{ font-family: "DIN Medium Alternate", Din, "Myriad Pro", "Gill Sans", Verdana, Tahoma, Sans-Serif; }


/* HEADER */

#header{ height: 126px; }
.logotype{ margin-left: 79px; padding-top: 23px; height: 89px; }
.logotype .symbol{ width: 89px; height: 89px; background: transparent url(images/exclamation-symbol.png) 0 0 no-repeat; display: block; float: left;  }
.logotype .name{ width: 206px; height: 51px; background: transparent url(images/exclamation-name.png) 0 0 no-repeat; display: block; float: left; margin: 34px 0 0 13px; }
  .logotype .t{ display: none; }


/* NAVIGATION */

.navigation{ clear: both; }
  .navigation a, #main .navigation a{ font-weight: bold; color: #000; }
  .navigation.primary{ width: 180px; float: left; clear: none; display: inline; }
    .navigation.primary li{ background: transparent url(images/nav-line.png) right bottom no-repeat; text-align: right; margin: 0 10px 0 0; }
    .navigation.primary a{ padding-right: 2px; }
      .navigation.primary a:hover{ color: #532380; }
    .navigation.primary, .navigation.primary a{ font-size: 15px; line-height: 30px; }
  .navigation.dropleft{ background:#FFFFFF none repeat scroll 0 0;
clear:none;
margin-left:183px;
margin-top:0;
opacity:0.8;
position:absolute;
top:136px;
width:129px; }

    .navigation.dropleft, .navigation.dropleft a{ font-size: 14px; line-height: 22px; }
    .navigation.dropleft li{ background: none; text-align: left; padding: 0; clear: left }
    .navigation.dropleft li a{ color:#000000;
float:left;
line-height:16px;
margin-bottom:10px;
margin-left:12px; }
    .navigation.dropleft a:hover{ color: #773ead; }
	.navigation.dropleft.hidden{ visibility: hidden }

/* NAVIGATION FOR SELECTED PAGE */

.about #about-link, 
.about #vision-link,
.vision #vision-link,
.history #about-link,
.history #history-link,
.marc #about-link,
.marc #founder-link,
.InvestmentProcess #about-link,
.InvestmentProcess #investmentprocess-link,
.team #about-link,
.team #team-link,
.overview #investments-link, 
.overview #overview-link,
.investment #investments-link, 
.investment5 #investments-link,
.investment4 #investments-link,
.investment3 #investments-link,
.investment2 #investments-link,
.investment1 #investments-link,
.investment5 #windmilldevelopments-link,
.investment4 #enssolutionsgroup-link,
.investment3 #exclamationcreations-link,
.investment1 #advantexmarketing-link,
.investment2 #chrysaliscapitalgroup-link,
.events #investors-link,
.events #events-link,
.news #investors-link,
.news #news-link,
.relations #investors-link,
.relations #investorrelations-link,
.contact1 #contact-link,
.contact1 #corporateoffices-link,
.contact2 #contact-link,
.contact2 #europe-link,
.contact3 #contact-link,
.contact3 #followus-link,
.presentation #investors-link,
.presentation #investorpresentation-link,
.whyinvest #whyinvestinexclamation-link,
.whyinvest #InvestinginExclamation-link,
.whyinvest #investors-link,
.whyinvest #investinginexclamation-link,
.shareholder #shareholderinfo-link,
.shareholder #investinginexclamation-link,
.shareholder #investors-link,
.shareholder #InvestinginExclamation-link{ 
color: #773ead; cursor: default;
}


/* FOOTER */

#footer{ background: #616265 url(images/footer-line.png) 0 0 repeat-x; padding: 12px 0 14px 0; height: 60px; }
#footer .module{ float: left; display: inline; clear: none; background: transparent url(images/footer-mod-line.png) right center no-repeat; padding-bottom: 3px; }
  #footer .module.last{ background: none; margin-bottom:15px; }
  #footer .module.one{ margin-bottom:15px;
margin-left:202px;
width:129px; }
  #footer .module.two{ margin-bottom:15px;
margin-left:22px;
width:204px; }
#footer .module.two p{ width: 178px; }
  #footer .module.three{ margin-bottom:15px;
margin-left:23px;
width:223px; }
  #footer .module.three p{ width: 200px; }
  #footer .module.four{ margin-bottom:15px;
margin-left:22px;
width:156px; }
#footer p, #footer li, #footer a{ font-size: 11px; line-height: 15px; }
#footer p { color: #FFF; margin-bottom: 0; text-align: left }

/* COPYRIGHTS */
#copyrights{ clear:both;
display:block;
width: 1000px;
margin: 0 auto;
padding: 0 }
   #copyrights p.left{ clear: left; margin-left: 190px; font-size: 10px; color: #999 }
  #copyrights p.right{ margin-right: 54px; }
  #copyrights p.right a{ font-size: 10px; color: #999 }
    #copyrights p.righta:hover{ border-bottom: 1px solid #000; }

h3{ outline: none; }

/* TYPES */

.title{ font-weight: normal; font-size: 21px; }
  #footer .title{ color: #FBFBFB; text-transform: lowercase; font-size: 19px; margin-bottom: 4px; }
    #footer .module.one .title{ margin-bottom: 9px; }
  #main .title{ color: #532380; background: transparent url(images/bullet-title.png) 0 60% no-repeat; padding-left: 17px; }

.subtitle{ font-weight: bold; margin-bottom: 13px; }
.intro{ font-size:15px;
line-height:20px; }

.p-compacted, .p-expanded{ margin-bottom: 14px; }
.p-content{ margin-left: 17px; display: block; }  
  .p-compacted .p-content{ display: none; }
.p-compacted a.p-name span{ border-bottom: 2px solid #000; }
a.p-name{ background: transparent url(images/bullet-paragraph.png) 0 center no-repeat; padding-left: 18px; display: block; }
a.p-name span{ font-weight: bold; }

.button{ cursor: pointer; font-size: 11px; color: #FFF; }

form.inline{ height: 23px; background: transparent url(images/form-inline.png) 0 0 no-repeat; }
  form.inline *{ display: inline; border: 0; }
  form.inline .textbox{ width: 80px; padding: 3px 0 0 5px; background: none; float: left; font-size: 12px; line-height: 12px; height: 14px; overflow: hidden; }
  form.inline .button.submit{ background: transparent url(images/form-inline-submit.png) 0 0 no-repeat; width: 28px; height: 24px; }
  
.list.twoCols li{ width: 49%; float: left; display: inline; }

.flash-container{ margin-bottom: 15px;  }

.quote{ position: absolute; margin: 0 0 0 -181px; width: 145px; top: 340px; padding-top: 20px; background: transparent url(images/quote-left.png) 0 0 no-repeat; text-align: right; }
  .quote span{ background: transparent url(images/quote-right.png) 115px bottom no-repeat; padding-bottom: 29px; font-weight: bold; font-size: 13px; color: #532380; display: block; }

.quote2{ background:transparent url(images/quote-left.png) no-repeat scroll 0 0;
margin:0 0 0 21px;
padding-top:20px;
text-align:right;
width:145px; }
  .quote2 span{ background: transparent url(images/quote-right.png) 115px bottom no-repeat; padding-bottom: 29px; font-weight: bold; font-size: 13px; color: #532380; display: block; }
  
  
.toggler  { cursor:pointer; font-weight:bold; color:#000; margin: 0; padding:5px; font-size:16px; font-family:Arial, sans-serif; }
.toggler:hover	 { background:#eee; }
.element	 { padding:0 5px; }

#main h2.trigger {
	background:transparent url(images/more+.gif) no-repeat scroll 0 0;
color:#FFFFFF;
float:left;
font-size:10px;
font-weight:normal;
height:26px;
line-height:26px;
margin:0 0 5px;
padding:0 0 0 10px;
width:450px;
}

div.readmorelink {
	background:transparent url(images/more+.gif) no-repeat scroll 0 0;
color:#FFFFFF;
float:left;
font-size:10px;
font-weight:normal;
height:26px;
line-height:26px;
margin:0 0 5px;
padding:0 0 0 10px;
width:450px;
}

div.readmorelink:hover {
	background:transparent url(images/more-.gif) no-repeat scroll 0 0;
}

#main h2.trigger2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/h2_trigger_a.gif) no-repeat scroll 0 0;
float:left;
font-size:2em;
font-weight:normal;
height:38px;
margin:0 0 5px;
padding:0 0 0 26px;
width:464px;
}
#main h2.trigger2:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/h2_trigger_b.gif) no-repeat scroll 0 0;
}

#main h2.trigger3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/h2_trigger2_a.gif) no-repeat scroll 0 0;
float:left;
font-size:2em;
font-weight:normal;
height:38px;
margin:0 0 5px;
padding:0 0 0 26px;
width:600px;
}
#main h2.trigger3:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/h2_trigger2_b.gif) no-repeat scroll 0 0;
}

#main h2.trigger a, #main div.readmorelink a.truncate_more_link {
	color:#FFFFFF;
display:block;
height:18px;
line-height:19px;
font-size: 11px;
font-weight: bold;
margin:0;
padding:0;
text-decoration:none;
}
#main h2.trigger2 a, #main h2.trigger3 a {
	color:#532380;
display:block;
line-height:37px;
font-size:16px;
font-weight:normal;
margin:0;
padding:0;
text-decoration:none;
}
#main h2.trigger a:hover, #main div.readmorelink a.truncate_more_link:hover {
	color: #FFF;
}
#main h2.active, div.readmorelink:active {	background: url(images/more-.gif) no-repeat;
}
#main h2.hidden.active {
display: none;
}
#main h2.trigger2 a:hover, #main h2.trigger3 a:hover {
	color: #532380;
	text-decoration: none;
}
#main h2.active2 {	background-position:left bottom;
}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	clear: both;
}
.toggle_container .block {
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}


label
{
width: 120px;
float: left;
text-align: right;
margin-right: 11px;
display: block
}

.submit input
{
background:#532380 none repeat scroll 0 0;
border:1px solid #000000;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
margin-left:130px;
padding:4px;
} 

form.appnitro p
{
clear: left;
}

table.sitemap td
{
padding: 0 4px;
}