@import "reset.css";

html {
    background: url('../images/body_bg.jpg') repeat-x;
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Georgia';
	font-size: 1em;
	line-height: 1em;
	color: #4b4b4b;
	text-align: center;
	background: url('../images/container_bg.jpg') no-repeat top center;
}

#container {
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

#header {
	position: relative;
	width: 960px;
    height: 130px;
}

    #logo {
    	float: left;
        height: 130px;
        width: 230px;
    }
    
	#navigation {
		float: left;
		padding: 40px 0 0 20px;
		height: 45px;
	}
	
	    .nav {
	    	font-family: 'Georgia';
	    	font-size: 15px;
			line-height: 45px;
	    }
	    
	    .nav li {
	        float: left;
	    }
	    
	    .nav li a {
	    	padding: 0 15px 0 10px;
	        display: block;
	        color: #4b4b4b;
	    }
	    
	    .nav li a:hover,
	    .nav li a.active {
	    	color: #00309e;
	    }
	    
	    .nav li a.aboutus:hover,
	    .nav li a.aboutus.active {
	    	background: url('../images/nav_bg.png') no-repeat 2px 0px;
	    }
	    
	    .nav li a.ourapproach:hover,
	    .nav li a.ourapproach.active {
	    	background: url('../images/nav_bg.png') no-repeat -87px 0px;
	    }

	    .nav li a.ourteam:hover,
	    .nav li a.ourteam.active {
	    	background: url('../images/nav_bg.png') no-repeat -210px 0px;
	    }
	    
	    .nav li a.ourinvestments:hover,
	    .nav li a.ourinvestments.active {
	    	background: url('../images/nav_bg.png') no-repeat -304px 0px;
	    }
	    
	    .nav li a.news:hover,
	    .nav li a.news.active {
	    	background: url('../images/nav_bg.png') no-repeat -448px 0px;
	    }


	#subnavigation {
		float: right;
		padding: 5px 10px 0 0;
		height: 45px;
	}
	
	    .subnav {
	    	font-family: 'Georgia';
	    	font-size: 12px;
	    	padding: 5px 0 0 0;
	    }
	    
	    .subnav li {
	        float: left;
	    }
	    
	    .subnav li a {
	    	display: block;
	        color: #4b4b4b;
	        padding: 0 0 0 20px;
	    }

		.subnav li a.contact {
	        padding: 0;
	    }
	    
	    .subnav li a:hover,
	    .subnav li a.active {
	    	color: #00309e;
	    }



	#carrousel,
	div.carrousel,
	div.carrousel ul {
		position: relative;
		height: 270px;
		width: 960px;
		overflow: hidden;
	}

	div.carrousel ul li {
		position: relative;
		height: 270px;
		width: 960px;
		float: left;
	}

	#setA,
	#setG {
		background: url('../images/visual_1.jpg') no-repeat 0px 0px;
	}
	
	#setB,
	#setE {
		background: url('../images/visual_2.jpg') no-repeat 0px 0px;
	}
	
	#setC,
	#setF {
		background: url('../images/visual_3.jpg') no-repeat 0px 0px;
	}
	
	#setD {
		background: url('../images/visual_4.jpg') no-repeat 0px 0px;
	}
	
	.overlay {
		width: 480px;
		height: 270px;
		margin: 0 0 0 480px;
		background: #00309e;
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
	}
	.message {
		position: absolute;
		top: 0;
		left: 480px;
		width: 440px;
		height: 170px;
		padding: 50px 20px;
		z-index: 40;
	}
	
	.message h1 {
		color: #fff;
	}
	
	.message a.submitbusinissplan {
		display: block;
		margin: 50px auto 0 auto;
		width: 215px;
		height: 35px;
		line-height: 35px;
		padding: 0 0 0 10px;
       	background: url('../images/button_bg.png') no-repeat 0px 0px;
	}
	
	
	ul.carrouselnav {
		position: absolute;
		top: 230px;
		left: 0px;
		height: 20px;
		padding: 10px;
		z-index: 50;
		
	}
       .carrouselnav li {
	        float: left;
	    }
	    
	    .carrouselnav li a {
	    	display: block;
	    	width: 20px;
	    	height: 20px;
	    	font-family: Georgia;
	    	line-height: 20px;
	    	text-align: center;
	        color: #4b4b4b;
	        padding: 0 5px 0 0;
	       	background: url('../images/carrouselnav_bg.gif') no-repeat 0px 0px;

	    }
	    
	    .carrouselnav li a:hover {
	    	color: #fff;
	       	background: url('../images/carrouselnav_bg.gif') no-repeat 0px -20px;
	    }


    
    
#content {
	padding: 25px 0;
}

    /* H1 headers */

    h1 {
    	font-size: 22px;
    	line-height: 25px;
    	font-weight: lighter;
    }
    
    h1 span {
    	font-size: 18px;
    	display: block;
		color: #ccc;

    }

     /* H2 headers */
    h2 {
    	font-size: 18px;
    	color: #598527;
    	line-height: 25px;
    	margin: 0 0 5px 0;
    }
        
    /* h3 headers */
    h3 {
    	font-size: 15px;
    	color: #00309e;
    	line-height: 25px;
    }
    

    /* paragraphs */
    #content p, #content ul, #content form {
    	font-size: 12px;
    	font-family: 'Verdana';
    	line-height: 25px;
    	padding: 0 0 25px 0;
    }
    
    ul.contentlist li {
    	padding: 0 0 0 15px;
    	background: url('../images/bullet.gif') no-repeat 0px 11px;
    }
    
    ul.newslist li {
    	padding: 0 0 0 15px;
    	background: url('../images/a_bullet.gif') no-repeat 0px 11px;
    }
    
    /* ankers */
    a {
        text-decoration: none;
        color: #00309e;
    }
    
	/* columns */
	#homecolumnA {
		float: left;
		width: 290px;
		padding: 0 20px 0 10px;
	}
	
	#homecolumnB {
		float: left;
		width: 280px;
		padding: 0 20px;
	}
	
	#homecolumnC {
		float: left;
		width: 290px;
		padding: 0 10px 0 20px;
	}
	
	#columnFull {
		padding: 0 10px;
	}
	
	#ourstrategycolumn {
		float: left;
		width: 610px;
		padding: 0 20px 0 10px;
	}
	
	#contactcolumn {
		float: left;
		width: 290px;
		padding: 0 20px 0 10px;
	}
	
	#contactcolumnA {
		float: left;
		width: 200px;
		padding: 0 20px 0 10px;
	}
	
	#contactcolumnB,
	#contactcolumnC {
		float: left;
		width: 200px;
		padding: 0 20px;
	}
	
	#contactcolumnD {
		float: left;
		width: 200px;
		padding: 0 10px 0 20px;
	}
	
	#formcolumn {
		float: left;
		width: 610px;
		padding: 0 10px 0 20px;

	}
	
	#newscolumn {
		float: left;
		width: 290px;
		padding: 0 10px 0 20px;
	}
	
	#columnA {
		float: left;
		width: 450px;
		padding: 0 20px 0 10px;
	}
	
	#columnB {
		float: left;
		width: 450px;
		padding: 0 10px 0 20px;
	}
	
	ul.investments {
		border-bottom: 1px dotted #ccc;
	}
	
	ul.investments li.company {
		float: left;
		width: 140px;
		padding: 25px 20px 0 0;
		cursor: pointer;
	}	
	
	#content ul.investments li ul {
		position: relative;
		padding: 0;
	}
	
	ul.investments li ul label {
		font-family: Georgia;	
    	font-size: 15px;
    	color: #00309e;
    	line-height: 25px;
	}
		
	ul.investments li ul li.companydescriptionright {
		display: none;
		position: absolute;
		left: -15px;
		top: 11px;
		width: 265px;
		height: 140px;
		padding: 25px 10px 10px 160px;
		background: url('../images/company_bg.png') no-repeat 0px 0px;
		z-index: 100;
	}
	
	
	ul.investments li ul li.companydescriptionleft {
		display: none;
		position: absolute;
		left: -290px;
		top: 11px;
		width: 265px;
		height: 140px;
		padding: 25px 160px 10px 20px;
		background: url('../images/company_bg_left.png') no-repeat 0px 0px;
		z-index: 100;
		
	}

	
	div.teammember {
		padding: 0 0 25px 0;
	}
	
	table {
		margin: 5px 0 0 0;
	}
	
	table td {
		vertical-align: top;
	}
	
	table td.position {
		width: 140px;
		padding: 0 40px 0 10px;
	}
	
	img.photo {
		border: 5px solid #ececec;
	}
	
	img.logo {
		border: 5px solid #ececec;
	}
	
	/* classes */
	.readmore {
		display: block;
		background: url('../images/readmore_bg.png') no-repeat top right;
		text-align: right;
		padding: 0 32px 0 0;
	}
	
	.more {
		font-size: 12px;
    	font-family: 'Verdana';
    	line-height: 25px;
		display: none;
		background: url('../images/more_bg.png') no-repeat top right;
		text-align: right;
		padding: 0 62px 0 0;
	}
	
	.less {
		display: none;
		background: url('../images/less_bg.png') no-repeat top right;
		text-align: right;
		padding: 0 62px 0 0;
	}
	
	div.toggle {
		width: 610px;
	}
	

	#content p.ok {
		background: #cdf1d0;
		color: #005206;	
		border: 1px solid #00940a;
		padding: 10px 20px;
		margin: 0 0 20px 0;
	}
	
	#content p.error {
		background: #feefef;
		color: #ae0101;	
		border: 1px solid #e70d0d;
		padding: 10px 20px;
		margin: 0 0 20px 0;
	
	}
	 /* form, labels and fields */
	form fieldset {
		border-bottom: 1px solid #ccc;
	}
	
	
	form fieldset.error {
		background: #feefef;
		color: #ae0101;
	}
	
	form fieldset.error input,
	form fieldset.error select,
	form fieldset.error textarea {
		border: 1px solid #e70d0d;
	}
	
	
	form fieldset:hover,
	form fieldset.active {
	   background: #fff;
	}
	
	form fieldset:hover input,
	form fieldset.active input, 
	form fieldset:hover select,
	form fieldset.active select, 
	form fieldset:hover textarea,
	form fieldset.active textarea {
		border: 1px solid #00309e;
	}
	
	
	form label {
		margin: 5px 0 0;	
		padding: 0;
		display: block;
		width: 200px;
		line-height: 25px;
		float: left;
	}
	
	input, select, textarea {
		font-family: Verdana;
		font-size: 12px;
		vertical-align: text-bottom;
	}
	
	form input,
	form select,
	form textarea {
		margin: 5px 0 5px 0;
		display: block;
		padding: 2px;		
		border: 1px solid #ccc;
		float: left;
	}
	
	form input {
		width: 244px;
		height: 18px;
	
	}
	
	form select {
		width: 250px;
		height: 22px;
	}
	
	form textarea {
		height: 68px;
		width: 244px;
	}
	
	form button {
		background: #fff;
	}
	
	form textarea.fullwidth {
		clear: both;
		padding: 2px;
		width: 394px;
		height: 118px;
		margin: 5px 0px 5px 10px;
	}
	
	form input.button {
		display: block;
		background: url('../images/readmore_bg.png') no-repeat top right;
		text-align: right;
		padding: 0 60px 0 0;
		border: 0;
		height: 25px;
		color: #00309e;
		width: 450px;
	}
	
	#content ul.error {
		list-style: disc;
		list-style-position: inside;
		background: #feefef;
		color: #ae0101;	
		border: 1px solid #e70d0d;
		padding: 10px 20px;
		margin: 0 0 20px 0;
	}


#footer {
	margin: 25px 0;
	border-top: 1px solid #4b4b4b;
}

	#footer p {
		font-size: 10px;
		font-family: 'Verdana';
		line-height: 25px;
		padding: 0 10px 25px 10px;
	}
	
	#footer p.footercolumnA {
		width: 460px;
		float: left;
	}

	#footer p.footercolumnB {
		width: 460px;
		float: left;
		text-align: right;
	}
    
  
/* extra */

.clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clear { 
    display: inline-block; 
}