@charset "UTF-8";
/* CSS Document */

/*GLOBAL*/

*{
	margin: 0;
	padding: 0;
}
body {
	font-family: Geneva, Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #68737B;
}
p {
	font-family: Geneva, Helvetica, Verdana, Arial, sans-serif;
	font-size: 1.2em;
	text-transform: none;
	color: #68737B;
	text-align: left;
	line-height: 1.8em;
}

.grey_p {
	color: #68737B;
}
.green_pb {
	color: #55671f;
	font-weight: bold;
}
.green_p {
	color: #55671f;
}

.green {
	color: #55671f;
}
.bold {
	font-weight: bold;
}
.white_p{
	color:#FFF;
}
h1 {
	font-size: 2.3em;
	text-transform:lowercase;
}
h2 {
	font-size:1.8em;
}
.scroll h1 {
	color: #55671f;
	border-bottom: dotted thin #CDCBCF;
	font-size: 3.5em;
/*	padding: 0.3em;
*/	margin-bottom: 1em;

}

.scroll h1.noborder {
	color: #55671f;
	font-size: 3.5em;
/*	padding: 0.3em;
*/	border-bottom:hidden;
	margin-bottom: 0.1em;
	font-size:3.5em;
}
.scroll h2.border {
	border-bottom: dotted thin #CDCBCF;
	margin-bottom: 2em;
	padding-bottom:0.5em;
	font-size:1.5em;
	text-transform:lowercase;
}
.scroll ul{
   	list-style: disc inside;
  	padding: .8em 0 .8em 0;
   	text-indent: 2em;
}
#nav1 li, #nav2 li, #nav3 li, #nav4 li, {
	text-transform: lowercase;
}

.style4 {
	font-size: 0.7em;
	color: #999999;
}
.date {
	font-size: 0.7em;
	color: #999999;
}

a:link.gb, a:visited.gb {
	text-decoration: underline;
	color: #55671f;
	font-weight: bold;
}
a:hover.gb, a:active.gb {
	color: #b2d748;
	text-decoration: underline;
	font-weight:bold;
} 

a:link.greenlink, a:visited.greenlink {
	text-decoration: underline;
	color: #55671f;
	font-weight: bold;
}
a:hover.greenlink, a:active.greenlink {
	color: #b2d748;
	text-decoration: underline;
	font-weight:bold;
} 

a:link, a:visited {
	text-decoration: none;
	color: #999;
}
a:hover {
	color:#b2d748;
}

a.selected {
	color:#55671f;
}
a:focus {
    outline: none;
	}
	
	/* floating */
	
	.floatL {
		float: left;
	}
	
	.floatR {
		float: right;
	}
	
	.clearB {
		clear: both;
	}
	
	/*------margins  --------------*/
	.marginB_20 {
		margin-bottom: 20px; 
	}
	.marginT_20 {
		margin-top: 20px;
	}
	.marginL_20 {
		margin-left: 20px;
	}
	.marginR_20 {
		margin-right: 20px;
	}
	
	
	.marginB_15 {
		margin-bottom: 15px; 
	}
	.marginT_15 {
		margin-top: 15px;
	}
	.marginL_15 {
		margin-left: 15px;
	}
	.marginR_15 {
		margin-right: 15px;
	}

	
	.marginB_10 {
		margin-bottom: 10px; 
	}
	.marginT_10 {
		margin-top: 10px;
	}
	.marginL_10 {
		margin-left: 10px;
	}
	.marginR_10 {
		margin-right: 10px;
	}
	
	.marginB_5 {
		margin-bottom: 5px; 
	}
	.marginT_5 {
		margin-top: 5px;
	}
	.marginL_5 {
		margin-left: 5px;
	}
	.marginR_5 {
		margin-right: 5px;
	}

	
/*PAGE STRUCTURE*/
#master {
	width: 785px;
	margin: 0px auto;
}
#header {
	width:785px;
	height:140px;
}
#header .graphics {
	width:574px;
	height:90px;
	padding:30px 0 0 15px;
	}
#header .logo{
	background:url(../images/sys_logo/sys_logo.jpg) no-repeat;
	height:90px;
	width:272px;
	overflow:hidden;
	float:left;
	border:0;
	cursor: pointer;

}
#header .engineered{
/*	background:url(../images/sys_logo/sys_engineered.jpg) no-repeat;
*/	height:70px;
	width:272px;
	float:right;
	margin-right:10px;
	position:relative;
	top: 11px;
}
#header .vline {
	height: 90px;
	width: 10px;
	float:right;
	background:url(../images/sys_logo/vline.gif) no-repeat;
}
#nav_top {
	float:right;
	position:relative;
	right:100px;
	top:40px;
	
}
#nav_top li {	
	list-style: none;
}


#dividertop {
	left:25px;
	top:122px;
	width:785px;
	height:8px;
	background-color: #666;
}

#nav1 {
	height: 31px;
	border-bottom: dotted thin #CDCBCF;
	text-transform:lowercase;
}
#nav2 {
	top: 20px;
	height:20px;
	border-bottom: dotted thin #CDCBCF;
	text-transform:lowercase;
}
#nav3 {
	height: 20px;
	border-bottom: dotted thin #CDCBCF;
	text-transform:lowercase;
}

#base {
	
	min-height:30px;
	font-family: Geneva, Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	border-top: thin dotted #CDCBCF;
	border-bottom: thin dotted #CDCBCF;
	text-align: left;
	padding-top: 10px;
	color: #68737B;
}
#base2 {
	min-height:30px;
	font-family: Geneva, Helvetica, Verdana, Arial, sans-serif;
	font-size: 10px;
	border-bottom: thin dotted #CDCBCF;
	padding-top: 10px;
	color: #68737B;
}

#base2 p {
	font-size:10px;
	padding:0 25px;
}

#base2 a:link, #base2 a:visited {
	font-weight: bold;
	color:#55671f;
	font-size:12px;
}
#base2 a:hover, #base2 a:active {
	font-weight: bold;
	color:#b2d748;
	font-size:12px;
}
	#nav4 {
		padding-left: 25px;
		width: 747px
	}
	#nav5 {
/*		width: 747px;
*/		
		position: relative;
		left: 85px;
		width:785px;
		margin-bottom:20px;

	}
#base p {
	margin-left: 25px;
}

/*NAVIGATION

*/
#nav1 ul, #nav2 ul, #nav3 ul {
	margin-left: 25px;
}
#nav1 li, #nav2 li, #nav3 li, #nav4 li {	
	display: inline;
	list-style: none;
	float: left;
	display: block;
}
#nav1 li {
	margin: .6em 3.5em 0 0; 
}
#nav2 li, #nav3 li {
	margin: .3em 2em 0 0;
}
#nav1 li a:link, #nav1 li a:visited, #nav1 li a:hover, #nav1 li a:active {
	text-decoration: none;
	font-size: 1.3em;
}
#nav4 li {
	margin: .6em 2.5em 0 0;
}
#nav4 li a:link, #nav4 li a:visited, #nav4 li a:hover, #nav4 li a:active {
	text-decoration: none;
}
#nav_top li a:link, #nav_top li a:visited, #nav_top li a:hover, #nav_top li a:active {
	text-decoration: none;
	font-size: 1.3em;
	font-size:bold;
}
#nav_top li a:link, #nav_top li a:visited {
	color: #999;
}
#nav_top li a:hover, #nav_top li a:active {
	color: #b2d748;
} 
#nav1 li a:link, #nav1 li a:visited {
	color: #999;
}
#nav1 li a:hover, #nav1 li a:active {
	color: #b2d748;
} 
#nav2 li a:link, #nav2 li a:visited{
	text-decoration: none;
	color: #999;
}
#nav2 li a:hover, #nav2 li a:active {
	color: #b2d748;
} 
#nav4 li a:link, #nav4 li a:visited {
	text-decoration: none;
	color: #999;
}
#nav4 li a:hover, #nav4 li a:active {
	color: #b2d748;
	text-decoration: none;
} 
#nav5 ul {
	list-style: none;
	line-height:1.5;
} 
.dark_link 

/*nav 3*/
ul.navigation a:link, ul.navigation a:visited {
	text-decoration: none;
	color: #999;
}
ul.navigation a:hover {
	color:#b2d748;
}

ul.navigation a.selected {
	color:#55671f;
}

ul.navigation a:focus {
    outline: none;
}

/*setting the "here" colour*/
#master #nav1 ul li.here a, #master #nav2 ul li.here a, #master #nav3 ul li.here a, #master #nav_top ul li.here a, #master #nav4 ul li.here a {
	color: #55671f; 
}


/*SLIDING STUFF + L&R ARROWS 
/////////////////////////////*/
.space {
 height: 25px;
}

#slider {
	margin: 0 auto;
	position: relative;
	visibility: visible;
}

.scroll {
	width: 735px;
	height: 475px;
	overflow: auto;
	overflow-x: hidden;
	margin-left: 25px;
	clear:left;
	position: relative;
	visibility: visible;
}

.scrollContainer div.panel {
	width: 735px;
	height: 450px;
}

.scrollButtons {
    position: absolute;
    top: 250px;
    cursor: pointer;
}

.scrollButtons.left {
	left: -30px;
}

.scrollButtons.right {
	z-index:100;
	right:-30px;
}

/* HOME */

div.panel#home{
	background: url(../images/index/new_home.jpg) no-repeat;
}
	.caption_home {
	width: 320px;
	height: 110px;
	margin-left: 20px;
	position: relative;
	top: 80px;
	line-height:1.5;
	float:left;
	}
	.column_home {
		width:160px;
		float:right;
		position:relative;
		top:0;
		
	}
	.caption_home a:link,.caption_home a:visited {
	}
	.caption_home a:hover, .caption_home a:active {
		color:#55671f;
	}

/*ABOUT

about>TEAM (no css - is plain text) */

/*about> ENVIRONMENT*/


div.panel#environment_1{
	background-image: url(../images/environment/environment_overview.jpg);
}
div.panel#environment_1 .content1 {
	width: 360px;
	position: relative;
	top: 120px;
	left: 125px;
}

div.panel#environment_2 {
	background-image: url(../images/environment/environment_designs.jpg);
}
div.panel#environment_2 .content1 {
	width: 360px;
	position: relative;
	top: 135px;
	left: 125px;
}

div.panel#environment_3{
	background-image: url(../images/environment/environment_manufacturing.jpg);
}
div.panel#environment_3 .content1 {
	width: 360px;
	position: relative;
	top: 135px;
	left: 125px;
}

div.panel#environment_4{
	background-image: url(../images/environment/environment_quality.jpg);
}
div.panel#environment_4 .content1 {
	width: 360px;
	position: relative;
	top: 98px;
	left: 125px;
}

div.panel#environment_5 {
	background-image: url(../images/environment/environment_people.jpg);
}
div.panel#environment_5 .content1 {
	width: 360px;
	position: relative;
	top: 160px;
	left: 125px;
}


/*about> CORPORATE*/


div.panel#corporate_1{
	background-image: url(../images/corporate/corporate_thumbprint_2.jpg);
}
div.panel#corporate_1 .content1 {
	width: 550px;
	position: relative;
	top: 100px;
	left: 125px;
}
div.panel#corporate_2 {
	background-image: url(../images/corporate/corporate_thumbprint_ethos.jpg);
}
div.panel#corporate_2 .content1 {
	width: 550px;
	position: relative;
	top: 30px;
	left: 125px;
}
div.panel#corporate_3 {
	background-image: url(../images/corporate/corporate_thumbprint_products.jpg);
}
div.panel#corporate_3 .content1 {
	width: 550px;
	position: relative;
	top: 75px;
	left: 125px;
}
div.panel#corporate_4 {
	background-image: url(../images/corporate/corporate_thumbprint_services.jpg);
}
div.panel#corporate_4 .content1 {
	width: 550px;
	position: relative;
	top: 100px;
	left: 125px;
}



/* PRODUCTS
/////////////////////
///////////////////////

products> BOARDROOMS */

div.panel#boardrooms_1 {
	background-image: url(../images/boardrooms/boardrooms_overview.jpg);
}
div.panel#boardrooms_1 .content1 {
	width: 360px;
	position: absolute;
	top: 98px;
	left: 125px;
}
div.panel#boardrooms_2 .content1 {
}
div.panel#boardrooms_2 .content2a {
	width: 360px;
	height: 264px;
	position:absolute;
	top: 279px;
}
div.panel#boardrooms_2 .content2b {
	width: 360px;
	height: 264px;
	position:absolute;
	top: 279px;
	left: 375px;
}
div.panel#boardrooms_3 .content2a {
	width: 360px;
	height: 264px;
	position: absolute;
	top: 171px;
	left: 375px;
}
div.panel#boardrooms_3 .content2b {
	width: 360px;
	height: 264px;
	position: absolute;
	top: 171px;
	left:375;
}
div.panel#boardrooms_4 .content1 {
	position: absolute;
}
div.panel#boardrooms_4 .content2a {
	width: 360px;
	height: 171px;
	position:absolute;
	top: 265px;
	background-repeat: no-repeat;
}
div.panel#boardrooms_4 .content2b {
	width: 360px;
	height: 171px;
	position:absolute;
	top: 265px;
	left: 375px;
	background-repeat: no-repeat;
}


/*/////////////////////
///////////////////////
products> CUSTOM JOINERY*/

div.panel#custom_j_1 {
	background-image: url(../images/custom_joinery/custom_j_overview.jpg);
}
div.panel#custom_j_1 .content1 {
	width: 360px;
	position: relative;
	top: 98px;
	left: 125px;
}
div.panel#custom_j_1 .content2 {
	float: right;
}
div.panel#custom_j_2 .content1 {
	position:absolute;
}
div.panel#custom_j_2 .content2 {
	width: 735px;
	height: 340px;
	position:absolute;
	overflow: hidden;
	top: 160px;
}

div.panel#custom_j_3 .content2 {
	width: 610px;
	height: 357px;
	position:absolute;
	top: 160px;
}
div.panel#custom_j_4 .content2 {
	width: 610px;
	height: 330px;
	position:absolute;
	overflow: hidden;
	top: 180px;
}
div.panel#custom_j_5 .content2 {
	width: 610px;
	height: 330px;
	position:absolute;
	overflow: hidden;
	top: 160px;
}


/*/////////////////////
///////////////////////
products> SEATING*/
div.panel#seating {
	width: 735px;
	height: 450px;
	display: block;
	float: left;
	position: relative;
	background-image:url(../images/seating/seating_overview.jpg);
}
div.panel#seating .content1 {
	width: 360px;
	position: relative;
	top: 98px;
	left: 125px;
}

/*SEATING> EXECUTIVE*/

div.panel#executive_1 .content1{
	width:360px;
	position: absolute;
	left:375px;
}

div.panel#executive_1 .content2 {
	width: 235px;
	height: 450px;
	position: relative;
	left: 30px;
	top: 25px;
}
div.panel#executive_2 .content1{
	width:360px;
	position: absolute;
	left:375px;
}

div.panel#executive_2 .content2 {
	width: 360px;
	height: 400px;
	position: relative;
	left: 40px;
	top:20px;
}
div.panel#executive_3 .content1{
	width:360px;
	position: absolute;
	left:375px;
}

div.panel#executive_3 .content2 {
	width: 360px;
	height: 435px;
	position: relative;
	left: 40px;
	top: 10px;
}
div.panel#executive_4 .content1{
	width:360px;
	position: absolute;
	left:375px;
}

div.panel#executive_4 .content2 {
	width: 360px;
	height: 400px;
	position: relative;
	left: 40px;
	top: 20px;
}

div.panel#executive_5 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#executive_5 .content2 {
	width: 360px;
	height: 435px;
	position: relative;
	left: 40px;
	top: 10px;
}
div.panel#executive_6 .content1{
	width:360px;
	position: absolute;
	left:375px;
}

div.panel#executive_6 .content2 {
	width: 360px;
	height: 435px;
	position: relative;
	left: 40px;
	top: 10px;
}
div.panel#executive_7 .content1{
	width:360px;
	position: absolute;
	left:375px;
}

div.panel#executive_7 .content2 {
	width: 360px;
	height: 435px;
	position: relative;
	left: 40px;
	top: 10px;
}
div.panel#executive_8 .content1{
	width:360px;
	position: absolute;
	left:375px;
}

div.panel#executive_8 .content2 {
	width: 360px;
	height: 435px;
	position: relative;
	left: 40px;
	top: 10px;
}
div.panel#executive_9 .content1{
	width:360px;
	position: absolute;
	left:375px;
}

div.panel#executive_9 .content2 {
	width: 360px;
	height: 435px;
	position: relative;
	left: 40px;
	top: 20px;
}
div.panel#executive_10 .content1{
	width:360px;
	position: absolute;
	left:375px;
}

div.panel#executive_10 .content2 {
	width: 360px;
	height: 435px;
	position: relative;
	left: 40px;
	top: 10px;
}

/*SEATING> OFFICE*/

div.panel#office_1 .content1{
	width:360px;
	position: absolute;
	left:375px;
}

div.panel#office_1 .content2 {
	width: 285px;
	height: 450px;
	position: relative;
	left: 10px;
	top: 10px;
}
div.panel#office_2 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#office_2 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
	visibility: visible;
	top: 25px;
}
div.panel#office_3 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#office_3 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
	top:15px;
}
div.panel#office_4 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#office_4 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 20px;
}
div.panel#office_5 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#office_5 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
	top:30px;
}
div.panel#office_6 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#office_6 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
	top:30px;
}
div.panel#office_7 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#office_7 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
	top:20px;
}
div.panel#office_8 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#office_8 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
	top:10px;
}
div.panel#office_9 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#office_9 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 40px;
	top:10px;
}
div.panel#office_10 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#office_10 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 20px;
	top:25px;
}
/*SEATING> TASK*/

div.panel#task_1 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#task_1 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 40px;
	top:40px;
}
div.panel#task_2 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#task_2 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 40px;
	top:40px;
}
div.panel#task_3 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#task_3 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	top:40px;
	left:40px;
}
div.panel#task_4 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#task_4 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 40px;
	top:30px;
}
div.panel#task_5 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#task_5 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 40px;
	top:30px;
}
div.panel#task_6 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#task_6 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 40px;
	top:30px;
}
div.panel#task_7 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#task_7 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 40px;
	top:30px;
}
div.panel#task_8 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#task_8 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 30px;
	top:30px;
}
div.panel#task_9 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#task_9 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
	top:30px;
}
div.panel#task_10 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#task_10 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
	top:30px;
}
/*SEATING> multi_p*/

div.panel#multi_p_1 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#multi_p_1 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left:10px;
	top: 10px;
}
div.panel#multi_p_2 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#multi_p_2 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	top:10px;
}
div.panel#multi_p_3 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#multi_p_3 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	top:20px;
}
div.panel#multi_p_4 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#multi_p_4 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
	top:30px;
}
div.panel#multi_p_5 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#multi_p_5 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
	top:40px;
}
div.panel#multi_p_6 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#multi_p_6 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 40px;
	top:30px;
}
div.panel#multi_p_7 .content1{
	width:360px;
	position: absolute;
	left:375px;
}


div.panel#multi_p_7 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 30px;
	top:40px;
}
div.panel#multi_p_8 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#multi_p_8 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 20px;
	top:30px;
}
/*SEATING> VISITOR & RECEPTION*/

div.panel#visitor_1 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#visitor_1 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	top:30px;
	left:20px;
}
div.panel#visitor_2 .content1{
	width:360px;
	position: absolute;
	left:375px;
	visibility: visible;
}
div.panel#visitor_2 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
	top:10px;
}
div.panel#visitor_3 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#visitor_3 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
}
div.panel#visitor_4 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#visitor_4 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 20px;
	top:30px;
}
div.panel#visitor_5 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#visitor_5 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 40px;
	top:20px;
}
div.panel#visitor_6 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#visitor_6 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 30px;
}
div.panel#visitor_7 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#visitor_7 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 30px;
	top:20px;
}
div.panel#visitor_8 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#visitor_8 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 40px;
	top:30px;
}
div.panel#visitor_9 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#visitor_9 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 20px;
	top:10px;
}
div.panel#visitor_10 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#visitor_10 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 25px;
	top:30px;
}
/*SEATING> COMPLETE SOLUTIONS*/

div.panel#complete_s_1 .content2 {
	width: 735px;
	height: 240px;
	position: absolute;
	top:210px;
}
div.panel#complete_s_2 .content2 {
	width: 735px;
	height: 240px;
	position: absolute;
	top:206px;
}
div.panel#complete_s_3 .content2 {
	width: 557px;
	height: 240px;
	position: absolute;
	top:206px;
}
div.panel#complete_s_4 .content2 {
	width: 735px;
	height: 240px;
	position: absolute;
	top:200px;
}
div.panel#complete_s_5 .content2 {
	width: 735px;
	height: 240px;
	position: absolute;
	top:250px;
}


/*/////////////////////
///////////////////////
products> STORAGE*/

div.panel#storage{
	background-image: url(../images/storage/storage_overview.jpg);
}
div.panel#storage .content1 {
	width: 360px;
	position: relative;
	top: 98px;
	left: 125px;
}

/*storage>PEDESTALS*/

div.panel#pedestals_1 .content2 {
	width: 610px;
	height: 300px;
	position:absolute;
	overflow: hidden;
	top: 160px;
}
div.panel#pedestals_1 .content1 {
	position: absolute;
}
div.panel#pedestals_2 .content1{
	width: 735px;
	height: 200px;
	display: block;
	float: left;
	position: relative;
}
div.panel#pedestals_2 .content2 {
	width: 610px;
	height: 200px;
	position:absolute;
	overflow: hidden;
	top: 227px;
	left: 3px;
}
div.panel#pedestals_3 .content1{
	width:360px;
	position:relative;
	left:375px;
}
div.panel#pedestals_3 .content2 {
	background-color: white;
	height: 450px;
	width: 350px;
	position:absolute;
	top: 0px;
	left: 0px;
}
div.panel#pedestals_4 .content1{
	width:360px;
	position:relative;
	left:375px;
}
div.panel#pedestals_4 .content2 {
	background-color: white;
	height: 450px;
	width: 350px;
	overflow:hidden;
	position:absolute;
	top: 0px;
	left: 0px;
}

/*storage>INTEGRATED STORAGE*/

div.panel#integrated_s .content2{
	height:250px;
	width: 600px;
	overflow: hidden;
	margin-top:20px;
	}
/*storage>FILING STORAGE*/

div.panel#filing_1 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#filing_1 .content2 {
	width: 360px;
	height: 450px;
}
div.panel#filing_2 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#filing_2 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
	top:0px;
}
div.panel#filing_3 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#filing_3 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
	top:0px;
}
/*storage>CABINETS*/

div.panel#cabinets_1 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#cabinets_1 .content2{
	width:360px;
	height:450px;
}
div.panel#cabinets_2 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#cabinets_2 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
	top:0px;
}
div.panel#cabinets_3 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#cabinets_3 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
	top:0px;
}
div.panel#cabinets_4 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#cabinets_4 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
	top:0px;
}
div.panel#cabinets_5 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#cabinets_5 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
	top: 0px;
}

/*storage>HAMPERS*/

div.panel#hampers_1 .content2{
	width:550px;
	height:300px;
	margin-top:20px;
}
div.panel#hampers_2 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#hampers_2 .content2 {
	width: 350px;
	height: 450px;
	position: absolute;
	left: 10px;
	top: 0px;
}
div.panel#hampers_3 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#hampers_3 .content2 {
	width: 350px;
	height: 450px;
	position: relative;
	left: 10px;
	top: 0px;
}

/*storage>COMPACTOR_MASS*/

div.panel#compactor_1 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#compactor_1 .content2 {
	width: 360px;
	height: 450px;
	overflow: hidden;
}
div.panel#compactor_2 .content2a {
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#compactor_2 .content2b {
	width: 360px;
	height: 450px;
	overflow: hidden;
	position: absolute;
	top: 3px;
}

/*/////////////////////
///////////////////////
products> TABLES*/
div.panel#tables_1 {
	background-image: url(../images/tables/tables_overview.jpg);
}

div.panel#tables_1 .content1{
	width: 360px;
	position: relative;
	top: 98px;
	left: 125px;
}
/*TABLES>meeting*/

div.panel#meeting_1 .content2{
	width:360px;
	position: absolute;
	top: 180px;
	width: 360px;
	height: 200px;
	left: 1px;
}

/*TABLES>folding*/

div.panel#folding_1 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#folding_1 .content2{
	width:300px;
	height:450px;
	overflow:hidden;
	position:absolute;
	top:20px;
	left:50px;
}
div.panel#folding_2 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#folding_2 .content2{
	width:360px;
	height:450px;
	overflow:hidden;
	position:absolute;
	top:0px;
}
div.panel#folding_3 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#folding_3 .content2{
	width:360px;
	height:310px;
	overflow:hidden;
	position:absolute;
	top:140px;
}
div.panel#folding_4 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#folding_4 .content2{
	width:360px;
}
div.panel#folding_4 .content2a{
	width:360px;
	height:250px;
	overflow:hidden;
	position:absolute;
	top:200px;
}
div.panel#folding_4 .content2b{
	width:360px;
	height:165px;
	overflow:hidden;
	position:absolute;
	top:15px;
	left:10px;
}
div.panel#folding_5 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#folding_5 .content2{
	width:360px;
	height:350px;
	overflow:hidden;
	position:absolute;
	top:90px;
}

div.panel#folding_6 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#folding_6 .content2{
	width:360px;
	height:310px;
	overflow:hidden;
	position:absolute;
	top:5px;
}


/*TABLES>bases*/

div.panel#bases_1 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#bases_1 .content2{
	width:360px;
	height:450px;
	overflow:hidden;
	position:absolute;
	top:80px;
}
div.panel#bases_2 .content2 {
	width:360px;
	height:160px;
	overflow:hidden;
	position:absolute;
	top:200px;
	left: 0px;
}

div.panel#bases_3 .content2 {
	width:400px;
	height:180px;
	overflow:hidden;
	position:absolute;
	top:200px;
}
div.panel#bases_4 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#bases_4 .content2 {
	width:360px;
	height:370px;
	overflow:hidden;
	position:absolute;
	top:80px;
}
div.panel#bases_5 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#bases_5 .content2 {
	width:360px;
	height:300px;
	overflow:hidden;
	position:absolute;
	top:150px;
}
div.panel#bases_6 .content1{
	width:360px;
	position: absolute;
	left:375px;
}
div.panel#bases_6 .content2 {
	width:360px;
	height:450px;
	overflow:hidden;
 }
 
 
/*/////////////////////
///////////////////////
products> WORKSTATIONS*/

div.panel#workstations_1 {
	background-image: url(../images/workstations/workstations_overview.jpg);
}
div.panel#workstations_1 .content1 {
	width: 360px;
	position: relative;
	top: 98px;
	left: 125px;
}


/*workstations>duo*/

div.panel#duo_1 .content1 {
	width:360px;
	left:375px;
	position: absolute;
}

div.panel#duo_1 .content2 {
	margin-top: 15px;
}
div.panel#duo_1 .content2a {
	width: 360px;
	height: 150px;
}
div.panel#duo_1 .content2b {
	width: 360px;
	height: 264px;
	margin-top: 15px;
}
div.panel#duo_2 .content2 {
	margin-top:5px;
}
div.panel#duo_2 .content2a {
	width: 150px;
	height: 70px;
	float:left;
}
div.panel#duo_2 .content2b {
	width: 576px;
	height: 70px;
	float: right;
}

/*workstations>sector*/

div.panel#sector_1 .content1 {
	width:360px;
	left:375px;
	position: absolute;
}

div.panel#sector_1 .content1b {
	margin-top: 15px;
	width: 360px;
	height:115px;
}
div.panel#sector_1 .content2{
	margin-top: 15px;
}
div.panel#sector_1 .content2a{
	width: 360px;
	height: 150px;
}
div.panel#sector_1 .content2b{
	width: 360px;
	height: 264px;
	margin-top: 15px;
}
div.panel#sector_2 .content2{
	margin-top:5px;
	}
div.panel#sector_2 .content2a {
	width: 150px;
	height: 70px;
	float:left;
}
div.panel#sector_2 .content2b {
	width: 576px;
	height: 70px;
	float: right;
}

/*workstations>shape*/

div.panel#shape_1 .content1 {
	width:360px;
	left:375px;
	position: absolute;
}

#slide1_shape .content2{
	margin-top: 15px;
}
div.panel#shape_1 .content2a{
	width: 360px;
	height: 150px;
}
div.panel#shape_1 .content2b{
	width: 360px;
	height: 264px;
	margin-top: 15px;
}
div.panel#shape_2 .content2{
	margin-top:5px;
}
div.panel#shape_2 .content2a {
	width: 150px;
	height: 70px;
	float:left;
}
div.panel#shape_2 .content2b {
	width: 576px;
	height: 70px;
	float: right;
}
/*workstations>snowflake*/

div.panel#snowflake_1 .content1 {
	width:360px;
	left:375px;
	position: absolute;
}

div.panel#snowflake_1 .content1b {
	margin-top: 15px;
	width: 360px;
	height:115px;
	position: absolute;
	top: 315px;	
}
div.panel#snowflake_1 .content2{
	margin-top: 15px;
}
div.panel#snowflake_1 .content2a{
	width: 360px;
	height: 150px;
}
div.panel#snowflake_1 .content2b{
	width: 360px;
	height: 264px;
	margin-top: 15px;
}
div.panel#snowflake_2 .content2{
	margin-top:5px;
}
div.panel#snowflake_2 .content2a {
	width: 150px;
	height: 70px;
	float:left;
}
div.panel#snowflake_2 .content2b {
	width: 576px;
	height: 70px;
	float: right;
}


/*workstations>jazz*/
div.panel#jazz_1 .content1 {
	width:360px;
	left:375px;
	position: absolute;
}

div.panel#jazz_1 .content2{
	width: 360px;
	height: 450px;
	background-repeat: no-repeat;
	position: relative;
	top: 0px;
	left: 0px;
}

div.panel#jazz_2 .content2{
	margin-top:5px;
}
div.panel#jazz_2 .content2a {
	width: 150px;
	height: 70px;
	float:left;
}
div.panel#jazz_2 .content2b {
	width: 576px;
	height: 70px;
	float: right;
}

/*workstations>32.5*/

div.panel#w32point5_1 .content1 {
	width:360px;
	left:375px;
	position: absolute;
}

div.panel#w32point5_1 .content2{
	position:absolute;
	top:21px;
}
div.panel#w32point5_1 .content2a{
	width: 360px;
	height: 150px;
}
div.panel#w32point5_1 .content2b{
	width: 360px;
	height: 264px;
	margin-top: 15px;
}

/*/////////////////////
///////////////////////
EXPERIENCE

EVENTS > SIDimages*/

div.panel#events_2 .content1, div.panel#events_3 .content1 {
	width:360px;
	left:375px;
	position: absolute; /*images in the HTML*/
}
div.panel#events_2 .content1b, div.panel#events_3 .content1b {
	position:absolute;
	margin-top:15px;
	width: 360px;
	height:295px; /*images in the HTML*/
}
div.panel#events_2 .content2b, div.panel#events_3 .content2b {
	margin-top:15px;
	width: 360px;
	height:295px; /*images in the HTML*/
}

div.panel#events_2 .content1, div.panel#events_3 .content1 {
	width:360px;
	left:375px;
	position: absolute; /*images in the HTML*/
}
div.panel#events_2 .content1b, div.panel#events_3 .content1b {
	position:absolute;
	margin-top:15px;
	width: 360px;
	height:295px; /*images in the HTML*/
}
div.panel#events_2 .content2b, div.panel#events_3 .content2b {
	margin-top:15px;
	width: 360px;
	height:295px; /*images in the HTML*/
}


/*CLIENTS
(no specific css - it uses the "long_page" class > at the very bottom of the css)*/



/*SITE MAP*/
div.panel#site_map ul.map {
	 list-style: disc inside;
	 padding: .8em 0 .8em 0;
	 line-height: 16px;
	 text-transform:lowercase;
	 text-indent: 0;
}
div.panel#site_map ul.map ul {
	 list-style: disc inside ;
	 text-indent: 1.5em;
}
div.panel#site_map ul.map li a:link, div.panel#site_map ul.map li a:visited, div.panel#site_map ul.map li a:hover, div.panel#site_map ul.map li a:active {
	text-decoration: none;
	font-size: 1em;
}
div.panel#site_map ul.map li a:link, div.panel#site_map ul.map li a:visited {
	color: #999;
}
div.panel#site_map ul.map li a:hover, div.panel#site_map ul.map li a:active {
	color: #b2d748;
} 
div.map#slider {
	width: 735px;
	height:auto;
	margin: 25px 25px 0px 25px;
}

#base.map p{
	margin-left:25px;
}

.scrollContainer_map {
	margin-bottom:10px;
}
div.panel#site_map h1{
	color: #55671f;
	border-bottom: dotted thin #CDCBCF;
	font-size: 3.5em;
	padding: 0.3em 0;
	margin-bottom: 1em;
}
	
	
/*THANKS*/
.border_right {
	margin-right: 10px;
}


/*LONG PAGES*/

div.panel#long_page ul.long_page {
	 list-style: disc inside;
/*	 padding: .8em 0 .8em 0;
*/	 line-height: 16px;
	 text-indent: 0;
}
/*div.panel#long_page ul.news ul {
	 list-style: disc inside ;
	 text-indent: 1.5em;
}*/
/*div.panel#long_page ul.news li a:link, div.panel#long_page ul.news li a:visited, div.panel#long_page ul.news li a:hover, div.panel#long_page ul.news li a:active {
	text-decoration: none;
	font-size: 1.5em;
}*/
/*div.panel#long_page ul.news li a:link, div.panel#long_page ul.news li a:visited {
	color: #999;
}
div.panel#long_page ul.news li a:hover, div.panel#long_page ul.news li a:active {
	color: #b2d748;
} */
div.long_page#slider {
	width: 735px;
	height: auto;
	margin: 20px 25px 0 25px;
	overflow: hidden;
}

.scrollContainer_long_page {
	margin-bottom:10px;
}

div.panel#long_page .news_content h1{
	color: #55671f;
	border-bottom: dotted thin #CDCBCF;
	font-size: 3.5em;
	margin-bottom: 1em;
}


/*NEWS PAGE*/
.news_content {
	float: left;
	width: 546px;
}
.news_list {
	float: right;
	width:145px;
	margin-top: 23px;
}

.news_list h3{
	color:#55671f;
}

.news_list ul {
	list-style: none;
	font-size:12px;
	text-transform: lowercase;
}

.news_list ul li {
	margin-bottom:0.6em;
}

.news_list h3 {
	font-size:1.3em;
	font-weight: normal;
	margin-bottom:1em;
	border-bottom: dotted thin #CDCBCF;
	padding-bottom: 0.6em;
}

.news_content td {
	padding-bottom: 3em;
}

.news_content .article p {
	margin-bottom: 1em;
}

#base.long_page p{
	margin-left:25px;
}