/* CSS Document */
html {
	height:100%
}
html,body {
	margin:0;
	padding:0;
}


/*  TAGS */
body {
	margin: 0;
	padding:0;
	color:#FFFFFF;
	background:#DFDFDF url(bg_body.jpg) top left repeat-x;	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

table { border-collapse:collapse; }

h1 {
	display:inline;
	font-size: 26px;
}
h2 {
	display:inline;
	font-size: 20px;
}

p.portfolio {
	margin-top: 5px;
	line-height:25px;
}

/*  links */
a {
	color:#FFFFFF;
	text-decoration:underline;
}
a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}

#portfolio a {
	text-decoration:none;
}
#portfolio a:hover {
	text-decoration:none;
}


/* IDS */
#contents_wrapper {
	width: 980px; 
	height: 337px; 
	overflow: hidden; 
	position: relative;
}
#contents {
	width: 1960px; 
	height: 100%; 
	position: relative;
}
#home {
	left: 0; 
	top: 0;
}
#service {
	left: 980px; 
	top: 0;
	font-size: 14px;
	line-height:17px;
}
#knowledge {
	left: 1960px;
	top: 0;
	font-size: 17px;
	line-height: 21px;
}
#benefits {
	left: 2940px; 
	top: 0;
	font-size: 15px;
	line-height:18px;
}
#portfolio {
	left: 3920px; 
	top: 0;
}
#contact {
	left: 4900px;
	top: 0;
}
#top {
	height: 18px;
}
#container {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	margin-top:-282px;
}
#wrapper {
	background: url(bg_content.jpg) repeat-y;
	width:1007px;
	text-align:center;
	margin: auto;
}
#page {
	background: url(bg_right.jpg) no-repeat top right;
	padding:0px 14px 0px 13px;
	text-align:left;
}
#header {
	background: url(bg_top.jpg) repeat-x bottom;
	height: 115px;
}
#footer {
	background: url(bg_bottom.jpg) repeat-x top;
	height: 79px;
	text-align:left;
}
#bottom {
	height:14px;
}


/* CLASSES */
.content {
	width: 980px; 
	position: absolute; 
	overflow: hidden; 
}
.logo {
	float: left;
}
.container-icons {
	float:right;
}
.icons {
	height:61px;
}
.icons div {
	float:right;
	padding:5px 4px 0px 0px
}
.buttons {
}
.cfb {
	float: right;
}
.mi {
	float: right;
}
.leftArrow {
	float:left;
}
.rightArrow {
	float:right;
}
.contentAbout {
	float:left;
	width:383px;
	height:277px;
	background: url(bg_about.jpg) no-repeat;
	padding: 35px 515px 30px 30px;
}
.contentService {
	float:left;
	width:623px;
	height:277px;
	background: url(bg_service.jpg) no-repeat;
	padding: 35px 275px 30px 30px;
}
.contentKnowledge {
	float:left;
	width:503px;
	height:277px;
	background: url(bg_knowledge.jpg) no-repeat;
	padding: 35px 395px 30px 30px;
}
.contentBenefits {
	float:left;
	width:523px;
	height:277px;
	background: url(bg_benefits.jpg) no-repeat;
	padding: 35px 375px 30px 30px;
}
.contentPortfolio {
	float:left;
	width:863px;
	height:277px;
	background: url(bg_portfolio.jpg) no-repeat;
	padding: 35px 35px 30px 30px;
}
.contentContact {
	float:left;
	width:533px;
	height:277px;
	background: url(bg_contact.jpg) no-repeat;
	padding: 35px 365px 30px 30px;
}
.footer {
	color: #ffffff;
	font-weight:normal;
}