/***********************************************************************************/
/*																				   */
/*  CSS Document | January 2007 | Mosaique New Media | Martin Lee  			       */
/*																				   */
/***********************************************************************************/

/* Config */
html, body, html body {
	margin: 0px;
	padding: 0px;
	height:100%;
	}
	
body {	
	
	/*background:url(../images/back_tile.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	text-align: center;*/
	background-color: #DDD2C7;
	}
	
form {
	padding:0px;
	margin: 0px;
}	
	
h1, h4, hr { display: none; 
	}

ul {
	margin:15px 15px 15px 30px;
}	



a:active, a:focus {
	
}
	
p {
	display: block;
	}	

.hidden{
	display:none;
}
		
.footer{
	clear:both;	
	margin: 0px;

}






/* Wrapper */
#wrapper {
	
	width: 850px;
	margin: auto;	
	text-align: left;
	height:100%;
	
}	

#logo{
	position:absolute;
	width:155px;
	height:74px;
	top:445px;
	right:-1px;
	background:url(../images/logo_grey_back.gif) no-repeat;
}

#blackBox{
	position:absolute;
	margin:60px auto auto auto;
	height:430px;
	width: 850px;
	background-color:#242424;
	z-index:3;
}


#greyBox{	
	position:absolute;
	margin:12px;
	height:406px;
	width:826px;
	background-color:#E3E3E3;
}



/****************  content company *************/

#contentHolderCompany{	
	margin:11px 11px 0px 11px;
	height:270px;
	background:#F78F1E;
}

#contentHolderFlash{	
	margin:0px 11px 11px 11px;
	height:114px;
	background:url(../flash/company.gif) no-repeat #F78F1E;
}

#blackDot{
	position:absolute;
	height:12px;
	width:29px;
	top:47px;
	left:-5px;
	background:url(../images/blackDot.gif) right no-repeat #242424;	
}

#leftCol{
	float:left;
	width:160px;
	height:240px;
	border-right:solid 2px #F89F3E;
}

#middleCol{
	float:left;
	width:210px;
	border-right:solid 2px #F89F3E;
}

#contactCol{
	float:left;
	width:610px;
}

#rightCol{
	float:left;
	width:425px;
}

#companyTitle{
	width:116px;
	height:43px;
	background:url(../images/company_title.gif) no-repeat;
	margin:20px 0px 0px 18px;
}

#contactTitle{
	width:122px;
	height:43px;
	background:url(../images/contact_title.gif) no-repeat;
	margin:20px 0px 0px 18px;
}

#portfolioTitle{
	width:122px;
	height:43px;
	background:url(../images/portfolio_title.gif) no-repeat;
	margin:20px 0px 0px 18px;
}

#middleCol ul{
	list-style:none;
	padding:0px;
	margin:30px 0px 0px -8px;
}

.companyText{
	height:210px;
	margin:10px 21px 0px 30px;
	padding-right:15px;
	overflow:hidden;
}
.scroller{
	overflow:auto;
}


#contactText{
	height:210px;
	margin:34px 21px 0px 30px;
	padding-right:15px;
	overflow:auto;

}

#rightCol h2{
	margin:30px 21px 0px 30px;
}


/****************  footer  *************/
#footerBottom{
	text-align: center;	
	position:absolute;
	height:15px;
	bottom:5px;
	width: 100%;
	margin: auto;
	z-index:2;
}