@charset "UTF-8";
/* 
	Background-Styles 
*/
@import url("about_style.css");
@import url("services_style.css");
@import url("information_style.css");
@import url("location_style.css");
@import url("group_style.css");
@import url("design_style.css");
@import url("contact_style.css");
@import url("it_style.css");
@import url("estores_style.css");
@import url("international_style.css");

body {
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#7f7d78;
	font-size:11px;
	line-height:19px;
	background-repeat:no-repeat;
	background-position:right;
	
}
u{
	text-decoration:none;
	color:#000000;
}
b{
	text-decoration:none;
	color:#000000;
}
#main {

}
#main .container {
	background-repeat:no-repeat;
}
#footer {
	background-repeat:repeat-x;
	position:relative;
}

/* NAVIGATION */
#navigation {
	position: relative;
	display:inline;
	padding:0;
	margin: 0;
	top: -66px;
	left: 0px;
	height: 65px;
	background: url(images/topnav.gif) no-repeat;
	width: 650px;
	float: left;
	background-position:left bottom;

}
#navigation li {
	width: 57px;
	display: inline;

}
#navigation li a {
	display:inline;
	margin:0;
	padding:0;
	width: 57px;
	height: 65px;
	overflow: hidden;
	background: #000;
	float:left;

}
#navigation .warehousing a       { background: url(images/topnav_01.gif) no-repeat top right; display:inline;}
#navigation .fulfilment a      { background: url(images/topnav_02.gif) no-repeat top right; display:inline;}
#navigation .distribution a      { background: url(images/topnav_03.gif) no-repeat top right; display:inline;}
#navigation .customer a   { background: url(images/topnav_04.gif) no-repeat top right; display:inline;}
#navigation .specialist a        { background: url(images/topnav_05.gif) no-repeat top right; display:inline;}
#navigation .interface a { background: url(images/topnav_06.gif) no-repeat top right; display:inline;}
#navigation .design a     { background: url(images/topnav_07.gif) no-repeat top right; display:inline; }
#navigation .estores a     { background: url(images/topnav_08.gif) no-repeat top right; display:inline;}

#footer_inside {
	position:relative;
	padding-top:18px;
	padding-left:20px;
	background-color:#FFFFFF;
	height:38px;
	background-image: url(images/images/footer.jpg);
	color: #666666;
}
.container {
	width:1007px;
	margin:0 auto;
	position:relative;
}


/* 
	Header-Styles 
*/

#header {
	padding-top:10px;
	padding-bottom:10px;
	height:80px;
}
#logo h1, #logo small {
	margin:0px;
	display:block;
	text-indent:-9999px;
}
#logo {
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	width:194px;
	height:83px;
	float:left;
	
}
#nav_holder {
	padding-top:23px;
	background-image: url(images/images/nav.gif);
	background-repeat:no-repeat;
	height: 50px;

}
#menu {
	float:left;
	width: 900px;
	margin:10px 0 0 0;
	height:40px;
	padding:0px;
}
#nav {
	list-style: none;
	width: 859px;
	margin:0 0 0 0;
	height:50px;
	padding:0px;
	float:right;
}
#nav_top {
	width: 800px;
	height: 75px;
	position:relative;
	float: left;
}
#nav ul {
	background: none;
	float: left;
	padding: 0px;
	width: 120px;
	height:60px;
}
#nav li {
	background: none;
	float: left;
	padding: 0;
	width:120px;
	height:60px;
	text-align: center;
	text-transform:uppercase;
	font-size:10px;
}
#nav a, #nav a:visited {
	text-decoration: none;
	color: #000;
	
}
#nav a:hover {
	text-decoration: none;
	color:#FF0000;
}
#nav span {
	display: none;
	position: absolute;
}
#nav a:hover span {
	display: block;
}
#nav-home span {
	width: 48px;
	height: 40px;
	position:absolute;
	top:175px;
	left:176px;
}
#nav-about span {
	width: 48px;
	height: 40px;
	padding:0px;
	margin:0px;
	position:absolute;
	top:175px;
	left:280px;
}
#nav-services span {
	width: 48px;
	height: 40px;
	left:389px;
	position:absolute;
	top:175px;

}
#nav-location span {
	width: 48px;
	height: 40px;
	left:490px;
	position:absolute;
	top:175px;
}
#nav-news span {
	width: 48px;
	height: 40px;
	left:616px;
	position:absolute;
	top:175px;

}
#nav-group span {
	width: 48px;
	height: 40px;
	left:757px;
	position:absolute;
	top:175px;
}
#nav-contact span {
	width: 48px;
	height: 40px;
	left:880px;
	position:absolute;
	top:175px;
}
/* 
	Block-Styles 
*/

.block {
	background-color:#ffffff;
	margin-bottom:0px;
	position:relative;
	height:auto;
	padding-bottom: 5px;
}
a.bottomblocks_links{
	text-decoration:none;
	}
a:hover.bottomblocks_links{
	color:#999999;
	text-decoration:none;
	}
#bottomblocks_items1 {
	width:239px;
	float:left;
	height:105px;
	min-height:10px;
	background-image:url(images/images/bottom_block1.jpg);
	background-color: #FFFFFF;
	padding: 20px 0 0 18px;
	font-size:10px;
	color:#0066FF;

}
#bottomblocks_items2 {
	width:234px;
	float:left;
	height:105px;
	min-height:10px;
	padding-top:3px;
	background-image:url(images/images/bottom_block2.jpg);
	background-color: #FFFFFF;
	padding: 20px 0 0 15px;
	font-size:10px;
	color:#0066FF;


}
#bottomblocks_items3 {
	width:234px;
	float:left;
	height:105px;
	min-height:10px;
	padding-top:3px;
	background-image:url(images/images/bottom_block3.jpg);
	background-color: #FFFFFF;
	padding: 20px 0 0 15px;
	font-size:10px;
	color:#0066FF;


}
#bottomblocks_items4 {
	width:236px;
	float:left;
	min-height:10px;
	height:105px;
	padding-top:3px;
	background-image:url(images/images/bottom_block4.jpg);
	background-color: #FFFFFF;
	padding: 20px 0 0 15px;
	font-size:10px;
	color:#0066FF;


}

.block_inside {
	display:block;
	padding:0px;
	overflow:auto;
}
.bottom_block_inside {
	display:block;
	padding:5px 0 5px 0px;
	overflow:auto;
	margin: 0px;
}
.image_block {
	border:1px solid #b5b5b5;
	background-color:#d2d2d2;
	padding:5px 5px 1px 5px;
	float:left;
}
.image_block img {
	border:1px solid #b5b5b5;
}
.text_block {
	float:left;
	margin-left:0px;
	padding-top:0px;
	height: 230px;
	padding: 0px;
	margin: 0px;
}

#block_featuredblog .text_block { padding-top:5px }


/*
	Portfolio-Home-Styles
*/

.block_content .header_text {
	display:block;
	background:none;
	font-size:10px;
	padding:5px 5px 5px 15px;
	overflow:auto;
	margin: 0px;
	height: 24px;
}
#block_content {
	overflow:auto;
	margin: 0px;
}
#block_portfolio {
	overflow:auto;
	margin-bottom:20px;
}
#portfolio_items {
	width:263px;
	float:left;
	padding: 1px 0 0 0;
	margin: 0px;

}
#portfolio_items_content_page1 {
	width:263px;
	float:left;
	padding: 0px;
	margin: 4px 0 0 0;

}
#portfolio_items_content_page2 {
	width:263px;
	float:left;
	padding: 0px;
	margin: 4px 0 0 0;

}
#text_column {
	float:right;
	width:310px;
}
#text_column img { margin-bottom:20px; position:relative; left:-3px;}
#text_column h2#text_title { 
	text-indent:-9999px;
	background-image:url(images/creatif.jpg);
	background-repeat:no-repeat;
	width:310px;
	height:129px;
}
.blockbg1{
	display:block;
	background:url(images/images/block1.jpg);
	height: 73px;
	margin: 0px;
	padding: 0px;
}
.blockbg1 .text{
	padding: 25px;
	font-size: 10px;
	padding-left:13px;
	color:#FF0000;
	padding-top:28px;
	text-align:left;
	width:65px;
	/*border:1px solid #b5b5b5;*/
}
.blockbg2{
	display:block;
	background:url(images/images/block2.jpg);
	height: 73px;
	margin: 1px 0 0px 0;
	padding: 0px;
}
.blockbg2 .text{
	padding: 25px;
	font-size: 10px;
	padding-left:13px;
	padding-top:29px;
	text-align:left;
	width:75px;
	/*border:1px solid #b5b5b5;*/
}
.blockbg3{
	display:block;
	background:url(images/images/block3.jpg);
	height: 75px;
	margin: 0px;
	padding: 0px;
}

.blockbg3 .text{
	padding: 25px;
	padding-left:13px;
	font-size: 10px;
	padding-top:30px;
	text-align:left;
	width:65px;
	/*border:1px solid #b5b5b5;*/
}
.blockbg3 .a{
	color:#FF0000;
	text-decoration:none;
}
.blockbg_contentpage{
	display:block;
	background:url(images/images/content_block2.jpg);
	height: 27px;
	margin: 0px;
	padding: 0px;
}
.blockbg_contentpage .text{
	padding-left:13px;
	font-size: 10px;
	text-align:left;
	width:125px;
	text-transform:uppercase;
	padding-top: 4px;
	/*border:1px solid #b5b5b5;*/
}
.blockbg_contentpage_about{
	border:1px solid #b5b5b5;
	display:block;
	background:url(images/images/content_block1.jpg);
	height: 27px;
	margin: 20px 0 20px 0;
	padding: 0px;
}
.blockbg_contentpage_about .text{
	padding-left:13px;
	font-size: 10px;
	text-align:left;
	width:125px;
	text-transform:uppercase;
	padding-top: 4px;
	/*border:1px solid #b5b5b5;*/
}
.blockbg_contentpage .a{
	color:#FF0000;
	text-decoration:none;
}
.main_block_image {
	display:block;
	margin-bottom:0px;
	position:relative;
	width: 100%;
}
.main_block_image .block_inside{
	display:block;
	background-image:url(images/images/mainblock2.jpg);
	height:229px;
	width:744px;
	background-color:#FFFFFF;
	padding:0px 0px 0px 0px;
	background-repeat: no-repeat;
}
.mini_portfolio_item {
	display:block;
	position:relative;
	margin: 0px;
}
.main_text_block {
	display:block;
	position:relative;
	margin: 0px;
	padding-left: 10px;
	overflow: hidden;
}
.main_text_block .block_inside {
	display:block;
	background:none;
	padding:5px 10px 5px 5px;
	text-align:justify;
	margin-bottom: 5px;
}
.mini_portfolio_item .block_inside {
	display:block;
	background:none;
	background-color:#e2dddc;
	padding:5px 5px 5px 5px;
}
.mini_portfolio_item .thumbnail { float:left; margin-right:20px; border:1px solid #979390; }


/*
	Block-Content-Styles
*/

#content_area {
	width:665px;
	float:left;
}
#content_area .block_inside {
	min-height:400px;
}



/* 
	Text-Styles   
*/


h3 {
	margin:0px 0px 0px 0px;
	font-size:14px;
	line-height:21px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
	padding-top: 5px;
}
h4 {
	color:#007de2;
	margin:0px 0px 0px 0px;
}
small {
	color:#595856;
	font-weight:bold;
	font-size:11px;
	display:block;
	margin-bottom:15px;
}
a {
	color:#26689f;
	text-decoration:none;
}
a.block_contentpage {
	color:#FF0000;
	text-decoration:none;
}
a:hover.block_contentpage {
	color:#999999;
	text-decoration:none;
}
a.block1 {
	color:#FF0000;
	text-decoration:none;
}
a.block2 {
	color:#009900;
	text-decoration:none;
}
a.block3{
	color:#0066CC;
	text-decoration:none;
}
a:hover.block1{
	color:#999999;
	text-decoration:none;
}
a:hover.block2{
	color:#999999;
	text-decoration:none;
}
a:hover.block3{
	color:#999999;
	text-decoration:none;
}
small a {
	color:#007de2;
}
a:hover {
	text-decoration:none;
	color: #FF0000;
}
p {
	margin: 0px 0px 0px 0px;
}

a.button {
	background:#32312f url(images/button_bg.jpg) repeat-x;
	padding:5px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:9px;
	line-height:25px;	
}
a.button:hover {
	background:#007de2 url(images/button_bg_o.jpg) repeat-x;
	border-color:#007de2;
}

/*
	Footer-Styles
*/

#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.footer_column {
	float:left;
	width:120px;
	margin-right:30px;
}
#footer .long {
	width:610px;
}
#footer h3 {
	color:#e2dddc;
	text-transform:uppercase;
	font-size:10px;
}
.footer_column ul li, .footer_column ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#footer a{
text-transform:uppercase;
	color:#999999;
	text-decoration:none;
}
#footer a:hover{
	color:#0172dd;
	text-decoration:none;
}





/* 
	Miscellaneous-Styles   
*/



#glance{
	width:300px;
	float:left;
	padding-bottom: 0px;
	position: absolute;
	left: 0px;
	top: 61px;
}
#management_block{
	width:310px;
	height:210px;
	float:left;
	padding-bottom: 0px;
	margin-left: 8px;
	margin-right: 10px;
}
.management_title {
	color:#FF3300;
	margin:0px 0px 0px 0px;
	text-align:left;
}
.management_detail {
	color:#000000;
	margin:0px 0px 0px 0px;
}
#management_text{
	width:120px;
	height:180px;
	float:left;
	padding-bottom: 0px;
	overflow:auto;
}
#management_image{
	width:180px;
	height:210px;
	float:left;
	padding-bottom: 0px;
}
#info_header{
	width:100%;
	height:25px;
	float:left;
	margin-top:10px;
	padding-left: 5px;
}
#info_block{
	width:520px;
	height:auto;
	float:left;
	padding-bottom: 0px;
	margin-left: 8px;
	margin-top:15px;
	margin-right: 10px;
	margin-bottom: 15px;
}
.info_title {
	color:#FF3300;
	margin:0px 0px 0px 0px;
	text-align:left;
	font-size: 12px;
	font-family: Helvetica, Arial, Sans-serif;
}
.info_detail {
	color:#000000;
	margin:0px 0px 0px 0px;
}
#info_text{
	width:315px;
	height:auto;
	float:left;
	overflow:hidden;
	background-color: #FFFFFF;
	padding: 7px;
	margin-top: 28px;
}
#info_image{
	width:178px;
	height:153px;
	float:left;
	padding-bottom: 0px;
}
.info_detail a{
	font-size:11px;
	color:#000000;
}

.info_detail a:hover{
	color:#999999;
	font-size:11px;
}
.casestudy_title {
	color:#31a831;
	margin:0px 0px 0px 0px;
	text-align:left;
}
#brochure_download_header{
	width:100%;
	height:25px;
	float:left;
	margin-top:10px;
	padding-left: 20px;
}
#brochure_download_container{
	width:420px;
	height:auto;
	float:left;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-top:10px;
	margin-right: 0px;
}
#casestudy_header{
	width:100%;
	height:25px;
	float:left;
	margin-top:10px;
	padding-left: 5px;
}
#casestudy_container{
	width:530px;
	height:auto;
	float:left;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-top:10px;
	margin-right: 5px;
}
#brochure_download_block{
	width:500px;
	height:530px;
	float:left;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-top:15px;
	margin-right: 0px;
}
.brochure_download_detail a{
	font-size:11px;
	color:#000000;
}

.brochure_download_detail a:hover{
	color:#999999;
	font-size:11px;
}

#brochure_download_text{
	width:200px;
	height:25px;
	float:left;
	padding-top: 20px;

}
.brochure_download_title {
	color:#FF3300;
	margin:0px 0px 0px 0px;
	text-align:left;
}
.brochure_download_detail {
	color:#000000;
	margin:0px 0px 0px 0px;
}
#brochure_download_image{
	width:80px;
	height:68px;
	float:left;
	padding-bottom: 0px;
}
#spacer{
	width:100%;
	height:1px;
	background-color:#CCCCCC;
	float:left;
	padding-bottom: 0px;
}
#infolink {
	width:390px;
	height:70px;
	background-image:url(images/info_block.gif);
	float: left;
	margin: 0;
	padding: 40px;
	color:#FFFFFF;
	padding-top: 50px;
}
#infolink h2{
	color:#FFFFFF;
	line-height:7px;
	font-size:12px;
	padding-left:70px;
}
#infolink p{
	color:#FFFFFF;
	padding-left:55px;

}

#brochure_download_blocka:hover { color: #007f9e; }
#brochure_download_block a.icon1 {
	position: relative;
	float: left;
	display: block;
	padding-top: 180px;
	width: 155px;
	height: 0px;
	background: url(images/images/info_icon1.gif) no-repeat;
	overflow: hidden;
}
#brochure_download_block a.icon1:hover { background-position: 0 -166px; }
#brochure_download_block a.icon2 {
	position: relative;
	float: left;
	display: block;
	padding-top: 180px;
	width: 155px;
	height: 0px;
	background: url(images/images/info_icon2.gif) no-repeat;
	overflow: hidden;
}
#brochure_download_block a.icon2:hover { background-position: 0 -166px; }
#brochure_download_block a.icon3 {
	position:relative;
	float: left;
	display: block;
	padding-top: 180px;
	width: 155px;
	height: 0px;
	background: url(images/images/info_icon3.gif) no-repeat;
	overflow: hidden;
}
#brochure_download_block a.icon3:hover { background-position: 0 -166px; }
#brochure_download_block a.icon4 {
	position: relative;
	float: left;
	display: block;
	padding-top: 180px;
	width: 155px;
	height: 0px;
	background: url(images/images/info_icon4.gif) no-repeat;
	overflow: hidden;
}
#brochure_download_block a.icon4:hover { background-position: 0 -166px; }
#brochure_download_block a.icon5{
	position: relative;
	float: left;
	display: block;
	padding-top: 180px;
	width: 155px;
	height: 0px;
	background: url(images/images/info_icon5.gif) no-repeat;
	overflow: hidden;
}
#brochure_download_block a.icon5:hover { background-position: 0 -166px; }
#brochure_download_block a.icon6 {
	position:relative;
	float: left;
	display: block;
	padding-top: 180px;
	width: 155px;
	height: 0px;
	background: url(images/images/info_icon6.gif) no-repeat;
	overflow: hidden;
}
#brochure_download_block a.icon6:hover { background-position: 0 -166px; }


#brochure_download_block a.icon7 {
	position:relative;
	float: left;
	display: block;
	padding-top: 180px;
	margin-left:310px;
	width: 155px;
	height: 0px;
	background: url(images/images/info_icon7.gif) no-repeat;
	overflow: hidden;
}
#brochure_download_block a.icon7:hover { background-position: 0 -167px; }



#ajaxticker1{
width: 200px;
height: 100px;
padding: 15px;
padding-left:50px;
color:#ffffff;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
color: #ffffff;
}

.infolink{ 
	width:390px;
	height:70px;
	float: left;
	margin: 0;
	color:#FFFFFF;
}
.infolink h1{ 
	width:255px;
	color:#FFFFFF;
	font-size:12px;
	padding-left:0;
	margin: 0;
}
.infolink a:hover{ 
	color:#000000;
}
.message{ 
	color:#FFFFFF;
}
.message a{ 
	color:#FFFFFF;
}