/*
			  MAIN CSS DECLARATION
			  
Coded By	: Taqin of Onepixeleft.com
Email 		: taqin83@gmail.com
Created		: 21/08/2007
*/

/*---		MAIN WRAPPER		---*/
#main {
		
		width:960px;
		margin:0 auto;
		font-family: Verdana, Tahoma, Arial, sans-serif;
		font-size: 11px;
		line-height: 1.4em;
		}
#main a {
		color: green;
		}
#main a:hover {
		color: #900;
		}		

/*---		MAIN		---*/	
#mainContent {
		background:#F9FAF3;
		height: 100%;
		padding-bottom: 20px;
		border-top: 3px solid #71ad84;
		overflow: hidden;
		}
		#mainContent.home {
				height: 100%;
				padding-bottom:50px;
				}
		#home_left {
				float: left;
				display: inline;
				margin-left: 30px;
				margin-top: 30px;
				width: 258px;
				height: 100%;
				font-family: Tahoma, Arial, sans-serif;
				}
				#home_left p {
						line-height:1.3em;
						}
				#home_left .home_news_panel {
							float:left;
							display:inline;
							margin-top:10px;
							width:256px;
							padding-bottom:20px;
							background:#f9faf3;
							border:1px solid #dde1d0;
							}
							#home_left .home_news_panel h1 {
									color:#05638d;
									font-size:18px;
									margin:10px 5px 0;
									letter-spacing: -1px;
									}
							#home_left .home_news_panel ul {
									margin-top:10px;
									margin-left:25px;
									}
							#home_left .home_news_panel ul li {
									margin-bottom:5px;
									list-style:disc;
									color:#05638d;
									}
							#home_left .home_news_panel ul li a {
									text-decoration:none;
									}
							#home_left .home_news_panel ul li a:hover {
									text-decoration:underline;
									}
		#home_right {
				float: left;
				display: inline;
				margin-left: 40px;
				margin-top: 30px;
				width: 586px;
				height: 100%;
				color:#FFF;
				}
				#home_left_panel {
						float:left;
						display:inline;
						background:url(../images/home_panelBlue.gif) no-repeat;
						width:288px;
						height:113px;
						margin-top:10px;
						margin-right:10px;
						font-family: Tahoma, Arial, sans-serif;
						}
				#home_right_panel {
						float:left;
						display:inline;
						background:url(../images/home_panelGreen.gif) no-repeat;
						width:288px;
						height:113px;
						margin-top:10px;
						font-family: Tahoma, Arial, sans-serif;
						}
						#home_right div.home_panel h1 {
								float:left;
								display:inline;
								width:270px;
								margin-top:10px;
								margin-left:10px;
								margin-bottom:5px;
								font-size:18px;
								font-family:Arial, Helvetica, sans-serif;
								font-weight:normal;
								color:#FFF;
								letter-spacing: -1px;
								}
						#home_right div.home_panel h2 {
								float:left;
								display:inline;
								width:200px;
								margin: 0px 0 0 10px;
								font-size:14px;
								font-weight:bold;
								}
						#home_right div.home_panel p {
								float:left;
								display:inline;
								font-size:11px;
								margin-left:10px;
								line-height:1.2em;
								width:200px;
								}
						#home_right div.home_panel img {
								float:left;
								display:inline;
								clear:both;
								border:1px solid #FFF;
								width:50px;
								height:50px;
								background:#000;
								margin-left:10px;
								}
						#home_right div.home_panel a {
								color: aqua;
								text-decoration: none;
								}
						#home_right div.home_panel a:hover {
								color: #FFF;
								text-decoration: underline;
								}

/*---		BREAD-CRUMBS	---*/
		 #crumbs {
		 		display: block;
		 		width: 100%;
		 		margin-bottom: 20px;
		 		overflow: hidden;
		 		border-bottom: 1px solid #EEE;
		 		padding-bottom: 10px;
		 		}
		 		#crumbs li{
		 				float:left;
		 				display: inline;
		 				margin-right: 10px;
		 				background: url(../images/bullet_bread.gif) no-repeat 0px 5px;
		 				padding-left: 15px;
		 				}
		 		#crumbs li.home{
		 				background: none;
		 				padding: 0;
		 				}						
/*---		ABOUT US		---*/
		 #panel_left {
		 		float: left;
				display: inline;
				margin-left: 30px;
				margin-top: 30px;
				width: 197px;
				height: 100%;
				}
		 #panel_right {
		 		float: left;
				display: inline;
				margin-left: 30px;
				margin-top: 30px;
				width: 655px;
				height: 100%;
				border:1px solid #CCC;
				background: #FFF;
				padding: 10px;
				overflow: hidden;
				}
		/*---		SIDE NAVI		---*/
		#side_navi {
				width: 195px;/*197*/
				padding-top: 20px;
				padding-bottom: 20px;
				border: 1px solid #71ad84;
				background: #ebedd8;
				overflow: hidden;
				height: 100%;
				}
				#side_navi li {
						float: left;
						display: inline;
						background: url(../images/panel_bullet.gif) no-repeat;
						width: 157px;
						margin-bottom: 10px;
						margin-left: 20px;
						font-size: 14px;
						}
				#side_navi li a {
						margin-left: 35px;
						color: #b85164;
						text-decoration: none;
						}
				#side_navi li a:hover {
						color: #225b3d;
						text-decoration: underline;
						}
						
/*---		TEXT HEADERS		---*/
#mainContent h1 {
		font-size: 30px;
		margin-bottom: 20px;
		margin-top: 5px;
		color: #065e88;
		font-weight: normal;
		letter-spacing: -2px;
		}
#mainContent h2 {
		font-size: 22px;
		margin-bottom: 20px;
		margin-top: 5px;
		color: #065e88;
		font-weight: normal;
		letter-spacing: -1px;
		}
#mainContent p {
		font-size: 12px;
		line-height: 1.7em;
		margin-bottom: 15px;
		}
#mainContent ul.text_list {
		margin: 20px;
		margin-left: 50px;
		font-size: 14px;
		color:#b85164;
		}
		#mainContent ul.text_list li{
				margin-bottom: 15px;
				list-style: circle;
				}
				
/*---		PRODUCTS		---*/				
.product_overall {
		height: 100%;
		margin-top: 30px;
		}
		/*Display Gallery*/
		.product_overall li{
				float:left;
				display: inline;
				width: 650px;
				height: auto;
				margin-bottom: 20px;
				}
				.product_overall li:hover {
						color:#065e88;
						}
				.product_overall li a {
						float:left;
						display: inline;
						background: url(../images/panel_products.gif) no-repeat #d8dac3;
						width: 180px;
						height: auto;
						padding-bottom: 5px;
						margin-right: 15px;
						margin-left: 15px;
						text-align: center;
						color: #06628b;
						text-decoration: none;
						font-size: 13px;
						font-family: Helvetica, Arial, sans-serif;
						border: 1px solid #8dc63f;
						}
				#mainContent .product_overall li a:hover {
						color: #FFF;
						border: 1px solid #065e88;
						background: #065e88;
						}
				.product_overall li a img {
						margin: 1px 0 8px 0px;
						}
				.product_overall li span {
						display: block;
						clear:both;
						}
				.prod_desc {
						padding: 0 10px;
						}
						#mainContent .prod_desc p {
								}
				.prod_pic {
						float:right;
						display: inline;
						border: 10px solid #EBEDD8;
						margin-left: 10px;
						margin-bottom: 10px;
						}
#side_navi.products_sidenavi {
		padding-top: 10px;
		margin-bottom: 10px;
		}
#side_navi.products_sidenavi li{
		background: url(../images/bullet_product.gif) no-repeat;
		padding-left: 20px;
		margin-left: 10px;
		}
#side_navi.products_sidenavi a{
		color: #065e88;
		font-size: 12px;
		margin-left: 0px;
		}
		#side_navi.products_sidenavi a:hover{
				background: #065e88;
				color: #FFF;
				padding: 3px 2px;
				text-decoration: none;
				}
/*----- Client List -----*/
.panel_client {
		display:block;
		padding-top:20px;
		padding-bottom: 30px;
		border-bottom: 1px solid #ddd;
		overflow: hidden;
		}
		.panel_client .img_ship {
				float: right;
				background: #F9FAF3 url(../images/img_not.gif) no-repeat;
				border: 1px solid #ddd;
				margin: 0 20px 20px 10px;
				width: 200px;
				height: auto;
				}
		.panel_client ul {
				margin-bottom:20px;
				width: 450px;
				}
		.panel_client ul li {
				font-size:12px;
				color:#065e88;
				margin-bottom:5px;
				}
		.panel_client ul li span{
				float:left;
				display:inline;
				color:#000;
				width:140px;
				font-weight: normal;
				}
		.panel_client h3 {
				font-size:14px;
				font-weight:bold;
				margin-bottom:10px;
				width: 300px;
				}
		.panel_client p {
				}
/*----- Default Lists -----*/
#mainContent ul.default_list {
		font-size: 14px;
		margin-top: 20px;
		margin-left: 30px;
		}
		#mainContent ul.default_list li	{
				list-style-image: url(../images/bullet_go.gif) ;
				margin-bottom: 10px;
				}
/*---		DOWNLOADS		---*/
#mainContent .pdf {
		display: block;
		width:375px;
		height: 98px;
		margin-top: 30px;
		border-bottom: 1px solid #CCC;
		}
		#mainContent .pdf img {
				float:left;
				width:65px;
				height: 98px;
				margin-right: 10px;
				margin-left: 40px;
				}
		#mainContent .pdf h2 {
				font-size: 14px;
				font-weight: bold;
				color: #05618b;
				margin-bottom: 5px;
				}
#mainContent .video {
		float: right;
		display: inline;
		margin-top: 20px;
		width: 225px;/*255*/
		height: 290px;/*316*/
		padding: 13px 15px;
		background: url(../images/panel_download.gif) no-repeat;
		}
		#mainContent .video ul {
				margin-top:10px;
				}
		#mainContent .video p {
				font-size: 11px;
				line-height: 1.5em;
				margin-bottom: 0;
				color: #333;
				}
		#mainContent .video li a {
				text-decoration: none;
				}
		#mainContent .video li a:hover {
				background:  #EEE;
				text-decoration: underline;
				display: block;
				}
		#mainContent .video h2 {
				font-weight: bold;
				font-size: 14px;
				margin: 0;
				color: #05618b;
				}
		#mainContent .video span {
				color: #ad4757;
				margin: 0;
				}
		#mainContent .video li {
				width: 155px;
				height:57px;
				background: transparent url(../images/icon_video.jpg) no-repeat top left;
				margin-bottom: 10px;
				padding-left: 70px;
				}	
/*---		CONTACTS		---*/
#mainContent .contact_details {
		display: block;
		width:280px;
		margin-top: 40px;
		}
		#mainContent .contact_details h2 {
				font-size: 18px;
				font-weight: normal;
				margin-bottom: 5px;
				color: #ad4757;
				}
		#mainContent .contact_details strong p {
				font-size: 12px;
				font-weight: normal;
				color:#122B58;
				}
		#mainContent .contact_details p {
				margin-bottom: 0;
				padding-bottom: 0;
				color: #333;
				}
#mainContent .map {
		float: right;
		display: inline;
		margin-top: 20px;
		width: 366px;
		height: 366px;
		}

/*---		FOOTER		---*/
#footer {
		clear: both;
		text-align: center;
		height:70px;
		font-size: 11px;
		padding-top: 30px;
		color: #FFF;
		}