/*
Horizontal Accordion
		*/
	

		
h3#welcome {
	/* REQUIRED */
	float: right;
	/* This make sure it stays horizontal */
	/* REQUIRED */
	display: block;
	height: 100%;
	width: 56px;
	background:url(../images/accordian/welcome-off.jpg) no-repeat top left;
	background-repeat:no-repeat;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	margin: 0 0 0 0;}

h3#welcome.horizontal_accordion_toggle_active {
	background: url(../images/accordian/welcome-on.jpg) no-repeat top left;}
	

h3#mechanical {
	/* REQUIRED */
	float: right;
	/* This make sure it stays horizontal */
	/* REQUIRED */
	display: block;
	height: 100%;
	width: 56px;
	background:url(../images/accordian/mechanical-off.jpg) no-repeat top left;
	background-repeat:no-repeat;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	margin: 0 0 0 0;}

h3#mechanical.horizontal_accordion_toggle_active {
	background: url(../images/accordian/mechanical-on.jpg) no-repeat top left;}
	
h3#design {
	/* REQUIRED */
	float: right;
	/* This make sure it stays horizontal */
	/* REQUIRED */
	display: block;
	height: 100%;
	width: 55px;
	background:url(../images/accordian/3d-off.jpg) no-repeat top left;
	background-repeat:no-repeat;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	margin: 0 0 0 0;}

h3#design.horizontal_accordion_toggle_active {
	background: url(../images/accordian/3d-on.jpg) no-repeat top left;}
	
	
h3#productdesign {
	/* REQUIRED */
	float: right;
	/* This make sure it stays horizontal */
	/* REQUIRED */
	display: block;
	height: 100%;
	width: 55px;
	background:url(../images/accordian/product-design-off.jpg) no-repeat top left;
	background-repeat:no-repeat;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	margin: 0 0 0 0;}

h3#productdesign.horizontal_accordion_toggle_active {
	background: url(../images/accordian/product-design-on.jpg) no-repeat top left;}
	


h3#prototyping {
	/* REQUIRED */
	float: right;
	/* This make sure it stays horizontal */
	/* REQUIRED */
	display: block;
	height: 100%;
	width: 53px;
	background:url(../images/accordian/prototyping-off.jpg) no-repeat top left;
	background-repeat:no-repeat;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	margin: 0 0 0 0;}

h3#prototyping.horizontal_accordion_toggle_active {
	background: url(../images/accordian/prototyping-on.jpg) no-repeat top left;}
	


h3#manufacturing {
	/* REQUIRED */
	float: right;
	/* This make sure it stays horizontal */
	/* REQUIRED */
	display: block;
	height: 100%;
	width: 55px;
	background:url(../images/accordian/manufacturing-off.jpg) no-repeat top left;
	background-repeat:no-repeat;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	margin: 0 0 0 0;}

h3#manufacturing.horizontal_accordion_toggle_active {
	background: url(../images/accordian/manufacturing-on.jpg) no-repeat top left;}
	
	
		
.horizontal_accordion_toggle {
	/* REQUIRED */
	float: right;
	/* This make sure it stays horizontal */
	/* REQUIRED */
	display: block;
	height: 100%;
	width: 56px;
	background:url(../images/accordian/h_accordion_toggle_1.jpg) no-repeat top left;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	margin: 0 0 0 0;}

.horizontal_accordion_toggle_active {
	background: url(../images/accordian/h_accordion_toggle_active_1.jpg) no-repeat top left;}

.horizontal_accordion_content {
	/* REQUIRED */
	height: 693px;	/* We need to define a height for the accordion as it stretches the width */
	float: right;	/* This make sure it stays horizontal */
	/* REQUIRED */		
	overflow: hidden;
	color: #444444;}

.horizontal_accordion_content p {
	width: 290px;
	line-height: 150%;
	padding: 5px 10px 5px 20px;}

/* Container styling*/
    #horizontal_container {
	margin: 0px auto 20px auto;
	padding:0 1px 0 0;
	width: 679px;
	float:right;
	height:690px;}