/* Lotomo Group Structure - CSS Document */

body 			{	margin: 0px;	padding: 0px;	text-align: left;
					font-family: Helvetica, Arial, Geneva, Lucida Sans, Verdana, sans-serif;	font-size: 10pt; background-color: #000;
}

body[class="group"] 	{	background-color: #E5E5E5;	background-image: url(../images/structure/bg-pattern.jpg);	background-repeat: repeat;	}
body[class="invest"] 	{	background-color: #E5E5E5;	background-image: url(../images/structure/bg-pattern.jpg);	background-repeat: repeat;	}


/* Divs */
#grouphome		{	position: relative; 	clear:both;		overflow: auto;	width: 100%;	padding: 1px 0px 2px 0px;	margin: 0px auto -10px auto;	background-color: #231f20;	}
#content 		{	position: relative; 	clear:both;		overflow: auto;	width: 925px;	padding: 0px;	margin: 10px auto 0px auto;		background-color: #FFF;		}

#header 		{ 	position: relative; 	float: left;	text-align: left;	width: 330px; 	padding: 0px; 	margin: 30px 0px 0px 0px;	}
#primary-nav 	{ 	position: relative; 	float: right;	text-align: right;	width: 400px; 	padding: 0px; 	margin: 34px 20px 0px 0px;	}

#main-column	{	position: relative;		clear: both;	overflow: auto;		text-align: left;	width: 865px;	padding: 5px 30px 0px 30px;	margin: 0px 0px 20px 0px;	}
#intro			{	position: relative;		clear: both;	text-align: left;	width: 865px;	padding: 0px;	margin: 15px 0px 0px 0px;	}
#services		{	position: relative;		clear: both;	text-align: left;	width: 865px;	padding: 0px;	margin: 15px 0px 0px 0px;	}

#column-left	{	position: relative;		float: left;	text-align: left;	width: 545px;	padding: 0px;	margin: 30px 0px 20px 0px;	}
.column-left-1	{	position: relative;		float: left;	text-align: left;	width: 265px;	padding: 0px;	margin: 0px;	}
.column-left-2	{	position: relative;		float: right;	text-align: left;	width: 265px;	padding: 0px;	margin: 0px;	}

.column-right	{	position: relative;		float: right;	text-align: left;	width: 305px;	padding: 0px;	margin: 30px 0px 0px 0px;	}
#panel			{	position: relative;		padding: 0px;	margin-bottom: 20px;	}
#project-panel	{	position: relative;		padding: 0px;	margin-bottom: 30px;	}
#partners-panel	{	position: relative;		padding: 0px;	margin-bottom: 30px;	}
#contact-panel	{	position: relative;		padding: 0px;	margin-bottom: 30px;	}
#blog-post		{	position: relative;		clear: both;	padding: 0px;	margin-bottom: 30px;	}

#contact-panel-fix	{	position: relative;	margin: -10px 0px 30px 0px;	}


/* Footer Elements */
#footer 				{	position: relative;		clear:both;		overflow: auto;		text-align: left;	background:	#F2F2F2;	width: 865px;
							padding: -10px 30px 20px 30px;	margin: -10px 0px 10px 0px; }
							
#footer-main			{	position: relative;		float: left;	text-align: left;	width: 545px;	padding: 0px;	margin: 30px 0px 20px 0px;	}
#footer-column-left		{	position: relative;		float: left;	text-align: left;	width: 545px;	padding: 0px;	margin: 0px 0px 0px 0px;	}
#footer-column-right	{	position: relative;		float: right;	text-align: left;	width: 305px;	padding: 0px;	margin: 0px 0px 0px 0px;	}
#follow-us				{	position: relative;		float: left;	padding: 0px;	margin-bottom: 0px;	}

#legal			{	position: relative;		clear:both;		overflow: auto;		text-align: left;	background:	#E6E6E6;	width: 865px;
					padding: 0px 30px 10px 30px;	margin: 20px -30px 10px -30px;	}


.align-right	{	float: right;	}

/* Partners Logo Slideshow */

.slideshow-partners { 		position: relative;		width: 265px;	height: 130px;  margin-bottom: 20px;	}
.slideshow-partners img { 	background-color: #E5E5E5;	padding-bottom: 5px;  }

.slideshow-partners-home { 		position: relative;		width: 265px;	height: 130px;	margin-bottom: 20px;	}
.slideshow-partners-home img { 	background-color: #E5E5E5;	padding-bottom: 5px;  }
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */
	clear:left;
    position:relative; 
    overflow:hidden; 
    width: 865px; 
    height:275px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/structure/scroll-arrow.gif) no-repeat;
	display:block;
	width:20px;
	height:40px;
	float:left;
	margin:0px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 			{ background-position: 0px -40px; float: right;	clear:right; margin-right: -20px; margin-top: -160px;	}
a.right:hover 		{ background-position: -20px -40px; }
a.right:active 		{ background-position: 0px -40px; }


/* left */
a.left				{ margin: 115px 0px -275px -20px; float:left;	clear: left;	} 
a.left:hover  		{ background-position:-20px 0px; }
a.left:active  		{ s }

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 


/*
#footer a { 		text-decoration: none;	color: #00c2ec;	padding: 1px 2px 1px 2px; }
#footer a:link {	text-decoration: none;	color: #00c2ec; }
#footer a:hover {	text-decoration: none;	color: #FFFFFF;	background-color: #00c2ec; }

.copyright { 	text-align:left;	font-size: 11px;	font-weight: bold; padding: 0px;	margin-top: 0px;	color: #D3D3C7; }*/