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

html {
	font-size:62.5%;
}
	body {
		font-size: 1.0em;
		line-height: 1.8em;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		color: #515151;
		background: #56A0BA url(../images/wrapperbg.png) left top no-repeat;
	
		width: 100%;
}

		h1, h2, h3, h4, h5, h6 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 1.0em;
			line-height: 2.0em;
			font-style:italic;
			font-weight:normal;
		}
			h1{ font-size:2.5em; }
			h2{ font-size:2.3em; line-height:1.2em; padding-bottom:0.3em;}
			h3{ font-size:1.7em;}
			h4{ font-size:1.6em; }
			h5{ font-size:1.3em; }
			h6{ font-size:1.2em; }
			
		p, P { padding-bottom: 0.5em; }
		b, strong { font-weight:bold; }
		
		h1, h2, h3{color: #252B55; width:auto;}
		h2 a img{padding:0px 5px ; position:relative; top:7px;}
		h4{color:#56a0ba;}
		
		a, a:visited { color: #337ab7; text-decoration:none;}
		a:hover { color: #56a0ba; }
		
		img:hover{
		opacity:0.8;
		}
		ul{
		padding:10px 0;
		}
		ul li{list-style:disc; padding-right:15px; margin-left:15px;}
		
		
/*-----------------body------------------*/
	.container{
	max-width: 1030px;
	margin:0 auto;
	overflow:hidden;
	}
		.top-container{

		background: url(../images/heading.html) no-repeat;

		}
			.header{
			  background: #fff;
			  max-width: 980px;
			  height: 100px;
			  overflow: hidden;
			  margin-top: 12px;
			  border-radius: 5px;
			}	
			
			.header h1{
				float: left;
				margin: 0;
			}
		/*    contact box on top   */
		.contact-box{
		  float: right;
		  position: relative;
		  font-size: 1.2em;
		  margin-right: 25px;
		  margin-top: 20px;
		}
			.address{
			float:left;
			margin-right:25px;
			}
			.address p{
			color:#252b55;
			font-size:14px;
			}
			.phone{
			background:url(../images/contact-icon.jpg) top left no-repeat;
			height:100px;
			padding-left: 30px;
			float:left;
			}
		
		/*   navigation bar  **/
		.nav{
		background:url(../images/nav.png) no-repeat;
		max-width:1001px;
		height:41px;
		
		position:relative;
		margin:0 auto;
		}
		
		header.navbar{
			display: none;
		}
		
			.nav ul li a{
				text-transform:uppercase;
				font-size:13px;
				color:#fff;
				text-decoration:none;
				font-weight:normal;
				}
					
					.nav ul li a:hover{
					text-decoration:underline;
					color:#6fbccc;
					}
					
		/*  curve corner */
		.content-top{
		background: url(../images/content-top.png) no-repeat center;
		max-width:980px;
		height:6px;
		}
		.content-bottom{
		background:url(../images/content-bottom.png) no-repeat center;
		max-width:980px;
		height:6px;
		}
		
		
		.content-container{
		overflow:hidden;
		background:#fff;
		max-width:980px;
		padding-bottom:20px;
		}			
			.banner{
				max-width:940px;
				height: 430px;
				margin: 0px auto 45px auto;
			}
				.banner-text{
				  float:right;
				  position: relative;
				  top: 137px;
				  max-width: 400px;
				  color: #fff;
				  background: rgba(0, 0, 0, 0.63);
				  z-index: 7;
				  padding: 20px 10px 10px;
				  border-radius: 10px 0px 0px 10px;
				}
					.banner-text p{
					  font-family: Georgia, "Times New Roman", Times, serif;
					  font-size:2.5em;
					  color: #fff;
					  padding: 0;
					  font-style: italic;
					}
				
	/*content box*/			
			.main-content{
				font-size:1.3em;
			}
				.main-content h3{
					line-height:1.3em;
					padding-bottom:5px;	
				}
				
				.content-inner{
					float: left;
					width: 60%;
					padding: 15px 30px 10px 20px;
					min-height: 200px;				
				}
					.content-inner h4 a{
					text-decoration:none;
					}
				.side-menu{
					background:url(../images/sidebg.png) no-repeat center;
					width:40%;
					height:auto;
					float:left;
					padding-bottom:20px;
				}
					.gallery-box{
					width:370px;
					height:160px;
					font-size:1.1em;
					}
					.gallery{
					background:url(../images/gallerybg.png) no-repeat center;
					float:left;
					width:101px;
					height:103px;
					position:relative;
					margin:35px 0px 0px 15px;
					}
						.gallery-inner{
						width:85px;
						height:86px;
						overflow:hidden;
						margin:8px auto 0px auto;
						}
						
						.gallery-link{
						float:right;
						margin-right:15px;
						}
							.gallery-link a{
							color:#fff;
							font-style: italic;
							text-decoration:none;
							}
							.gallery-link a:hover{
							color:#000000;
							}
/*------------ ivc link on homepage------------*/
.ivc{
margin-top:20px;
}
.ivc img{
float:left;
padding-right:10px;
}
.ivc p{
font-family: "Lucida Fax";
font-style:italic;
padding-top:25px;

font-size:18px;
color:#3D6587;
}
	/*news box on side menu   */
					.news-box{
					  width: 100%;
						height:160px;
						margin-top:20px;
						font-size:1.1em;
					}
						.news-box h4{
							font-size:2.2em;
						}	
						.news-box h4 a{
						color: #4DB0D2;
						}
						.news-box h4 a:hover{
						color:#000000;
						}
						.news-inner{
						padding:25px 10px 10px 20px;
						}
						.news-inner p{
						color:#fff;
						font-size:12px;
						line-height:18px;
						}
						.news-inner a{
						color:#fff;
						}
						.news-inner a:hover{
						color:#252B55;
						}
/*-------------------------footer--------------------*/				
			
		.footer{
		  max-width: 1001px;
		  height: auto;
		  overflow: hidden;
		  margin: 0 auto;
		}
		
				
			.footer-inner{
				  max-width: 980px;
				  position: relative;
				  margin: 20px auto 0 auto;
				  overflow: hidden;
			}
			
				.footer p{
				font-size:11px;
				float:left;
				color: #fff;
				clear:left;
				width:400px;
				position:relative;
				left:10px;
				}
				.footer a{
				color:#fff;
				}
				.footer a:hover{
				color:#000;
				}
				
				.footer-inner ul li{
				list-style-type:none;
				float:left;
				}
				.footer-inner ul li a{
				text-decoration:none;
				
				}
			
				.titan{
				float:right;
				margin:0px 0;
				position:relative;
				left:-15px;
				}
					
					.titan a{
					background: url(../images/titanwbig.png) no-repeat;
					width:110px;
					height:34px;
					text-indent:-999em;
					display:block;
					position:relative;
					
					}
		
		
/*-------------gallery-------------*/
.gallery_block{
float:				left;
margin:				5px 5px 5px 5px;
}

	.image_border{
	padding:			1px;
	border:				solid 3px  #284969;
	width:				200px;
	
	}		
	.gallery_block a:hover img{
	opacity:0.8;
	
	}

	.clear{
	clear:both;
	}
	.photo_thumb{
	float:				left;
	margin:				5px 5px 5px 5px;		
	}

		.photo_thumb img{
		padding:			1px;
		border:				solid 3px #284969;
		float:				left;
		height:80px;
		}


		.photo_thumb a:hover img{
		opacity:0.8;
		}
		.back_link a{
		color:				#284969;
		text-decoration:	none;
		}
		.back_link a:hover{
		text-decoration:	underline;
		}	
		
	.gallery_nav{
		margin-top:10px;;
		
	}
	
/*----------------------shop module-------------------------*/

.cat-img img{
	width: 90%;
}

.product-category{
float:left;

border:5px solid #CCCCCC;
margin:10px;
text-align:center;
width:	225px;
}
	.main-content-container h3{
	clear:both;
	
	}
	.product-category h3{
	background:#003399;
	}
	.product-category h3:hover{
	background: #0066CC;
	}
		.product-category h3 a{
		color:#fff;
		}
	.cat-img{
	width:220px;
	height:160px;
	overflow:hidden;
	margin:0 auto;
	}
	.product-block{
	float:none;
	clear:both;
	padding:0 0 10px 0;
	}
		.product-block .text{
			padding-top:10px;
		}	

		.product,.product-thumb img{
		float:left;
		border:5px solid #CCCCCC;
		margin:0 10px;
		text-align:center;
		}
			.product .product-img{
			width:150px;
			height:100px;
			overflow:hidden;
			
			}
		.product img, .product-thubm img{
		max-width:150px;
		}
		.product-block .text{
		border:none medium;
		}
	.backbtn{
	float:none;
	clear:both;
	}
	
	@media( max-width: 999px){					
		.nav{
			height: auto;
		}
		
		#main_menu li a{
			font-size: 10px;
			  padding: 14px 5px !important;
		}
		
		.footer{
			  margin: 0 auto;
			  width: 100%;
			  padding: 0 0px;
		}
		
		.gallery-box{
			width: 100%;
		}
		
		.gallery{
			  width: 90px;
			    margin: 35px 0px 0px 5px;
		}
		
		.news-inner{
			padding: 5px 0px 10px 10px;
		}
		
		.content-inner{
			  width: 53% !important;
		}
	}
	
	@media( max-width: 767px){
		header.navbar{
			display: block;
		}
	
		div.nav{
			display: none;			
		}
		
		.nav{
			background: url(../images/nav.png) repeat;
		}
		
		.sel a{
			background: none !important;
		}
		
		.navbar{
			margin-bottom: 0px !important;
		}
		
		form, .contact_details{
			float: none;
			width: 100%;
			display: block;
		}	

		.navbar-nav>li>a{
			padding-top: 5px !important;
			padding-bottom: 5px !important;
			line-height: 16px !important;
			color: #fff;
			font-size: 14px;
		}
		
		.content-inner,
		.side-menu{
			display: block;
			float: none;
			width: 100% !important;			
			clear: both;
		}	

		.side-menu{
			  background-size: cover;
			  clear: both;
		}
		
		.gallery{
			float: right;
		}
		
		.gallery-link{
			
		}
		
		.footer-inner p,
		.footer-inner div{
			width: 100% !important;
			text-align: center !important;
			float: none !important;
			display: block !important;
			padding: 0 20px 10px;
			left: 0;
		}
			
	}


.slider_container>img{
width:940px!important;
height:430px!important;
}

#lightbox-container-image-data-box{
width:520px!important;
}


.content_fp>p>a{
color:#337ab7!important;
}

.news_text>p>a{
color:#337ab7!important;
}

.content_block>ul>li>a>span{color:#337ab7!important;}

.content_block>ul>li>ul>li>a>span{color:#337ab7!important;}