* 					{
     				margin: 0;
					}
body,html			{
					padding:0px;
					margin:0px; 
					border:0px;
					height:100%;
					background-image:url('../images/mainwebpattern.jpg');
					background-repeat:repeat;
					}
					
					
.clear				{clear:both;}

a					{ outline:none;}


/************************************

Elements

************************************/

.sl					{
					position:absolute;
					width:450px;
					height:701px;
					top:0px;
					left:0px;
					background-image:url('../images/shadow_left.png');
					background-repeat:no-repeat;
					z-index:0;
					}
					
.sr					{
					position:absolute;
					width:450px;
					height:701px;
					top:0px;
					right:0px;
					background-image:url('../images/shadow_right.png');
					background-repeat:no-repeat;
					z-index:0;
					}

#container			{
                                position:absolute;
                                width:100%;
                                min-height: 100%;
                                height: auto !important;
                                height: 100%;
                                margin: 0 auto 0;
                                z-index:100;
                                }
                                        
.conveyor                       {
                                width:99999px;
                                }
                                        
.port-image                     {
                                display:block;
                                width:1010px;
                                height:300px;
                                background:none;
                                }
                                
.port-image div                 {
                                display:block;
                                float:right;
                                width:350px;
                                height:60px;
                                background:url('../images/50.png') repeat;
                                padding:20px;
                                margin-right:20px;
                                margin-top:180px;
                                font:12px 'helvetica','arial','sans-serif';
                                font-weight:bold;
                                color:#fff;
                                line-height:18px;
                                }
                                
.prev	                        {
                                position:absolute;
                                top:277px;
                                width:50px;
                                left:50%;
                                margin-left:-530px;
                                height:20px;
                                background:#000;
                                opacity:0.8;
                                z-index:1500;
                                font:14px "helvetica","arial","sans-serif";
                                color:#fff;
                                font-weight:bold;
                                text-decoration:none;
                                text-align:center;
                                padding:10px 0px 10px 0px;
                                -moz-border-radius:5px;
                                -webkit-border-radius:5px;
                                }
					
.next	                        {
                                position:absolute;
                                top:277px;
                                width:50px;
                                left:50%;
                                margin-left:480px;
                                height:20px;
                                background:#000;
                                opacity:0.8;
                                z-index:1500;
                                font:14px "helvetica","arial","sans-serif";
                                color:#fff;
                                font-weight:bold;
                                text-decoration:none;
                                text-align:center;
                                padding:10px 0px 10px 0px;
                                -moz-border-radius:5px;
                                -webkit-border-radius:5px;
                                }
					
.wrapper		        {
                                display:block;
                                width:1020px;
                                height:auto;
                                padding-bottom:0px;
                                margin:5px auto 0px auto;
                                background-image:url('../images/container-back.png');
                                background-repeat:repeat-y;
                                }
					
#showcase		        {
                                display:block;
                                width:1010px;
                                height:300px;
                                overflow:hidden;
                                margin-left:5px;
                                }
					
.item		                {
                                display:block;
                                float:left;
                                width:200px;
                                height:300px;
                                margin-right:2px;
                                background-color:#efefef;
                                }
					
.img		                {
                                position:absolute;
                                width:200px;
                                height:300px;
                                z-index:100;
                                }
					
.overlay	                {
                                position:absolute;
                                width:200px;
                                height:16px;
                                margin-top:284px;
                                background:url('../images/more-box.png') no-repeat bottom center;
                                z-index:150;
                                }
					
.overlay .more	                {
                                display:block;
                                width:50px;
                                height:16px;
                                float:right;
                                }
					
	#mid-banner		{
					width:1020px;
					height:27px;
					display:block;
					background-image:url('../images/solution.png');
					background-repeat:no-repeat;
					background-position:bottom center;
					margin:0px 0px 12px 0px;
					}
					
	.info-left		{
					display:block;
					width:383px;
					height:138px;
					padding:10px;
					float:left;
					margin-top:0px;
					background-color:#f0f1f5;
					background-image:url('../images/header-back.jpg');
					background-repeat:repeat-x;
					border:1px solid #efefef;
					}
					
	.info-right		{
					display:block;
					width:588px;
					height:138px;
					padding:10px;
					float:left;
					margin-left:5px;
					margin-top:0px;
					background-color:#f0f1f5;
					background-image:url('../images/header-back.jpg');
					background-repeat:repeat-x;
					border:1px solid #efefef;
					}
					
	.foot			{
					display:block;
					width:1020px;
					height:30px;
					margin:-10px auto 0px auto;
					background-image:url('../images/wrapper-foot.png');
					background-repeat:no-repeat;
					} 
					
					
#header				{
					display:block;
					width:1000px;
					margin:0px auto 0px auto;
					height:100px;
					background-image:url('../images/header-back.jpg');
					background-repeat:repeat-x;
					background-color:#000000;
					}
					
	.logo			{
					display:block;
					float:left;
					width:170px;
					height:80px;
					margin-left:20px;
					margin-top:10px;
					background-image:url('../images/logo.png');
					background-repeat:no-repeat;
					}
					
	#search			{
					position:absolute;
					width:170px;
					height:20px;
					top:40px;
					left:50%;
					margin-left:320px;
					z-index:1000;
					}	
	
#navigation		{
				display:block;
				width:1000px;
				height:30px;
				padding-bottom:10px;
				padding-left:20px;
				background:url('../images/nav-back.png') center bottom;
				background-repeat:no-repeat;
				}
				
	.nav		{
				display:block;
				width:100px;
				height:14px;
				padding-top:27px;
				padding-bottom:0px;
				text-align:center;
				float:left;
				font:13px "helvetica neue","helvetica","arial","sans-serif","verdana";
				color:#ffffff;
				font-weight:bold;
				background-image:none;
				text-decoration:none; 
				}
				
	#navInner	{
				position:absolute;
				width:980px;
				height:auto;
				z-index:1000; 
				}
				
	.notnav		{
				display:block;
				width:auto;
				margin-right:35px;
				height:14px;
				padding-top:9px;
				padding-bottom:9px;
				text-align:center;
				float:right;
				font:13px "helvetica neue","helvetica","arial","sans-serif","verdana";
				color:#ffffff;
				font-weight:bold;
				background-image:none;
				text-decoration:none; 
				}
	
	.nav:hover	{
				color:#444444;
				}
				
	.nav-active	{
				display:block;
				width:100px;
				height:30px;
				margin-bottom:-50px;
				background:url('../images/nav-active.jpg') center center no-repeat;
				}
					
.footer			{
				display:block;
				width:978px;
				margin:0px auto 20px auto;
				height:65px;
				padding:5px 20px 0px 20px;
				border:1px solid #81818f;
				background-color:#32373b;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				}