*{

	margin: 0;

	padding: 0;

}

body {

	margin: 0;

	padding: 0;

	background: #e6f5fa;

	font: 12px Arial, Helvetica, sans-serif;

	color: #445359;

}

img {

	border: 0;

}

h1, h2, h3, h4, h5, h6 {

	

}

.clear {

	clear: both;

}

.heading {

	border-left: 3px solid #2b495c;

	padding: 0 0 0 5px;

	margin-bottom: 15px;

}

.heading h2 {

	margin-top: 0px;

	font-size: 16px;

	color: #2b495c;

	text-transform: uppercase;

}

.heading span {

	color: #69879a;

	font-size: 11px;

}

/******************* General *********************/



#banner {	

	background: #e6f5fa url(../images/bg.png) repeat-x;

}

#banner .banner-wrapper {

	width: 950px;

	height: 115px;

	margin: 0 auto;

}

#banner .logo {

	float: left;

	width: 107px;

	padding-top: 2px;

}

#banner .menu {

	float: left;

	width: 843px;

	margin-top: 4px;

}

#banner .menu ul {

	margin-left: 120px;

	height: 88px;

}

#banner .menu ul li {

	list-style: none;

	float: left;

	line-height: 0;

	font: 14px "myriad Pro";

	text-transform: uppercase;

	margin-left: 1px;

}

#banner .menu ul li a {

	padding-top: 57px;

	padding-bottom: 14px;

	display: block;

	padding-left: 16px;

	padding-right: 16px;

	border-left: 2px solid #fff;

	border-right: 2px solid #fff;

	color: #4a6581;

	font: 14px "myriad Pro";

	font-weight: bold;

	text-decoration: none;

}

#banner .menu ul li a:hover {

	background: #e7ecee url(../images/menu-active.jpg) repeat-x;

	border-left: 2px solid #e7ecee;

	border-right: 2px solid #e7ecee;

	display: block;

}

#banner .menu ul li.active a {

	background: #e7ecee url(../images/menu-active.jpg) repeat-x;

	border-left: 2px solid #e7ecee;

	border-right: 2px solid #e7ecee;

	display: block;

}

/*********************** Banner **************************/



#contend {

	width: 950px;

	height: 300px;

	margin: 10px auto 0 auto;

	position: relative;

	top: -14px;

	left: -15px;

}



	#top-contend .top-left-contend {

		width: 513px;

		float: left;

	}

	#top-contend .top-mid-contend {

		width: 210px;

		float: left;

	}

	#top-contend .top-right-contend {

		width: 217px;

		height: 123px;

		background: url(../images/newsletter-bg.jpg) no-repeat;

		float: left;

		padding: 20px 0 0 10px;

	}

	.our-company img {

		margin-right: 15px;

	}

	.our-company p {

		padding-right: 45px;

	}

	.read-more {

		margin-top: 16px;

	}

	.read-more a:hover {

		cursor: pointer;

	}

	.read-more img {

		border: 0 !important;

	}

	.list li {

		list-style: none;

		padding-left: 23px;

		padding-bottom: 4px;

		background: url(../images/mark-bullet.jpg) 0 1px;

		background-repeat: no-repeat;

	}

	.newsletter {

		background: #fff;

		width: 207px;

		height: 28px;

		padding-top: 1px;

		margin-top: 25px;

	}

	.newsletter-input {

		width: 139px;

		height: 27px;

		float: left;

		border: 0;

		text-indent: 8px;

		color: #a4a4a4;

		font-size: 11px;

	}

	.newsletter-submit {

		width: 67px;

		height: 27px;

		background: url(../images/newsletter-button.jpg) no-repeat;

		border: 0;

		float: right;

		color: #fff;

		text-shadow: 1px 2px #2b5977;

	}

	

	#bottom-contend {

		margin-top: 10px;

		background: #fff;

		padding: 17px 10px;

	}

		#bottom-contend .bottom-left-contend {

			width: 503px;

			float: left;

		}

		#bottom-contend .product img{

			border: 1px solid #d0d0d0;

			float: left;

			margin-right: 10px;

			margin-top: 3px;

			margin-bottom: 3px;

		}

		#bottom-contend .bottom-right-contend {

			width: 427px;

			float: right;

		}

		#bottom-contend .bottom-right-contend h4 {

			font-size: 12px;

		}

		#bottom-contend .bottom-right-contend p {

			padding-top: 5px;

		}

		#bottom-contend .bottom-right-contend hr {

			border-bottom: 1px dashed #a2a2a2;

			border-top: 0;

			border-left: 0;

			border-right: 0;

			margin: 8px 0;

		}

		#bottom-contend .bottom-right-contend a {

			color: #014ea2;

			text-decoration: none;

		}

		#bottom-contend .bottom-right-contend a:hover {

			text-decoration: underline;

		}

		

	#footer {

		font-size: 11px;

		line-height: 65px;

		color: #9bafb6;

	}

	#footer a {

		color: #9bafb6;

		text-decoration: none;

	}

	#footer a:hover {

		color: #5d6e74;

	}

	#footer span {

		color: #5d6e74;

	}

	#footer img{

		float: right;

	}

	span.fb a{

		background: #000;

		float: right;

		background: url(../images/facebook-hover-icon.png) no-repeat center;

		width: 32px;

		height: 32px;

		margin-top: 15px;

	}

	span.fb a:hover{

		background: url(../images/facebook-icon.png) no-repeat center;

	}

	

	.top-curve {

		background: url(../images/top-curve.jpg) no-repeat;

		width: 950px;

		height: 4px;

		margin-top: 10px;

	}

	.bottom-curve {

		background: url(../images/bottom-curve.jpg) no-repeat;

		width: 950px;

		height: 4px;

	}

	

/********************** About *******************/

#curve-bottom-content {

	background: #fff;

	padding: 17px 10px;

	border-left: 1px solid #ccdbe0;

	border-right: 1px solid #ccdbe0;

}

#jquery {

	border-bottom: 1px dotted #3d6d7d;

	padding-bottom: 15px;

	margin-bottom: 15px;

}

#jquery img {

	float: left;

}

a.pirobox_gall img {

	margin-right: 37px;

}

.jquery-last {

	margin-left: 37px;
	display: none;

}

.sales h3 {

	padding-bottom: 12px;

}



/*********************** Products *****************/

#product-tabs {

	width: 950px;

	height: 37px;

	background: url(../images/product-tab-bg.jpg) no-repeat;

	font-weight: bold;

	text-transform: uppercase;

}

.product-tab-content {

	border-left: 1px solid #ccdbe0;

	border-right: 1px solid #ccdbe0;

}

.sample-img {

	background: url(../images/sample-img.jpg) no-repeat;

	width: 225px;

	height: 111px;

	float: left;

	margin-left: 10px;

	margin-top: 10px;

}

.product-img {

	background: url(../images/product-img-bg.jpg) no-repeat;

	width: 225px;

	height: 111px;

	float: left;

	margin-left: 10px;

	margin-top: 10px;

}

.product-small-img {

	float: left;

	width: 89px;

}

.product-small-img img {

	margin: 10px 0 0 5px;

}

.product-text {

	float: left;

	width: 136px;

}

.product-text span {

	color: #ff0000;

	text-transform: uppercase;

}

.product-text p {

	font-size: 11px;

}

.product-img h2 {

	color: #134e91;

	font: 22px Georgia;

	border-bottom: 1px dotted #000;

	padding: 14px 0 8px 0;

	margin-bottom: 10px;

	margin-right: 10px;

}

.product-tab-content {

	background: #fff;

	padding-bottom: 10px;

}

.span-padding {

	margin-top: 34px;

	display: block;

}

.pre-next {

	margin-top: 10px;

	margin-left: 864px;

}

.pre-next span{

	display: block;

	float: left;

	margin-left: 10px;

}

.pre-next-active,

.pre-next a:hover {

	filter:alpha(opacity=50);

	opacity: 0.5;

	-moz-opacity:0.5;

}

.pre-next-active a:hover {

	filter:alpha(opacity=100);

	opacity: 1;

	-moz-opacity: 1;

}

.no-heading {

	margin-top: 40px;

	display: block;

}



/*************************** Gallery **************************/

.mm-gallery {

	background: url(../images/mm-gallery-bg.png) no-repeat;

	width: 226px;

	height: 154px;

	margin: 0 15px 7px 0;

	float: left;

}

.mm-gallery-last {

	background: url(../images/mm-gallery-bg.png) no-repeat;

	width: 226px;

	height: 154px;

	margin: 0 0 7px 0 !important;

	float: left;

}

.mm-gallery-last img,

.mm-gallery img {

	margin: 5px;

}



/*************************** Contact ***************************/

#contact-form {

	float: left;

	width: 436px;

	margin-right: 40px;

}

#contact-form h4 {

	font-size: 12px;

	color: #263136;

	margin-top: 5px;

}

#contact-right h3,

#contact-form h3 {

	font-size: 16px;

}

.inputbox {

	margin-top: 24px;

}

.inputbox label {

	width: 60px;

	display: block;

	float: left;

	padding-top: 5px;

	color: #445359;

}

.inputbox input {

	width: 376px;

	border-bottom: 1px dashed #74a2b2;

	border-top: 0;

	border-left: 0;

	border-right: 0;

	background: none;

	color: #445359;

}

.inputbox textarea {

	width: 425px;

	height: 172px;

	border: 0;

	background: url(../images/textarea.jpg) no-repeat;

	padding: 10px 0 0 11px;

	color: #445359;

	font-style: italic;

}

.submit {

	margin-left: 357px;

}

.submit input {

	background: url(../images/submit-button.jpg) no-repeat;

	width: 79px;

	border: 0;

	color: #386077;

	font-size: 14px;

	text-align: left;

	padding: 0 0 11px 10px;

}

.submit input:hover {

	cursor: pointer;

}

#contact-right {

	float: left;

	width: 470px;

}

#contact-right h3 {

	margin-bottom: 18px;

}

#contact-right h4 {

	font-size: 12px;

	color: #263136;

}

#contact-right p {

	padding-top: 9px;

}

#contact-right span {

	color: #263136;

	font-weight: bold;

}

#contact-right hr {

	border-top: 1px dashed #a2a2a2;

	border-bottom: 0;

	border-left: 0;

	border-right: 0;

	margin-top: 9px;

}

#contact-right a {

	color: #014ea2;

	text-decoration: none;

}

#contact-right a:hover {

	text-decoration: underline;

}

.navigationTabs li {

	list-style: none;

}

/************************** Our Service ************************/

#service {

	width: 950px;

	margin: 0 auto;

}

.service {

	margin-top: 15px;

}

.service li {

	list-style: none;

	margin-bottom: 23px;

	background: url(../images/blue-circle.jpg) 0 5px;

	background-repeat: no-repeat;

	padding-left: 15px;

}

.service-img {

	margin-left: 78px;

	margin-right: 78px;

}



/************************ Latest News ***********************/

#latestnews-tabs {

	width: 950px;

	height: 37px;

	background: url(../images/product-tab-bg.jpg) no-repeat;

	font-weight: bold;

	text-transform: uppercase;

}

.latestnews p {

	padding: 7px 10px 0 10px !important;

}

.latestnews-gallery {

	float: left;

	background: url(../images/mm-gallery-bg.png) no-repeat;

	width: 226px;

	height: 154px;

	margin: 10px 0 0 9px;

	float: left;

}

a#latestnews-gallery img {

	margin: 5px;

}

/************************ Map ***********************/

#map{

	padding-top:10px;

	padding-left:10px;}

/* =============== 7 - 9 - 17 =============== */
.contact-inner {
    margin-top: 24px;
}
.contact-inner h2 {
    margin-bottom: 12px;
}
.contact-inner p {
    line-height: 18px;
}