body{
	font-family:Arial, Helvetica, Sans-Serif;
	color:#000;
	margin:0;
	text-align:center;
	font-size:0.8em;
	background:#fff url('../images/Layout-1-background.jpg') repeat-x;
}

/*  Styling for all links below   */

 a         {color:#000; text-decoration:none; }
 a:hover   {color:#fff; text-decoration:none;}
.foot a          {color:#000;}
.foot a:hover    {color:#193faa;}
.foot-1 a          {color:#000;}
.foot-1 a:hover    {color:#193faa;}

/*  Styling for General Formatting below */
.margin0   {margin:0;}
.bold      {font-weight:bold;}
.italic    {font-style: italic;}
.center    {text-align:center;}
.clear_both{clear:both;}
.font-14{font-size:14px;border:none;color:#000;}
.margin-1{margin-top:0px;font-size:28px;font-weight:bold;}
.font-28{font-size:28px;font-weight:bold;}
.font-20{font-size:20px;font-weight:bold;}
.border-none{border:none;}
.line-20 {line-height:20px;}
.font-11{font-size:11px;}
.font-25{font-size:18px;}
.black{color:#193faa;}
.margin-top{margin-top:4px;}
img{max-width:100%;}

/*  Styling for Specific Formatting below*/
.bg{
	position: fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:-1;
}
#main{
	width:900px;
	height:auto;
	overflow:auto;
	margin:0 auto;
	text-align:center;
}
.background-white{
	width:867px;
	height:900x;
	margin-left:15px;
}
.box-shadow{
	width:890px;
	height:auto;
	box-shadow: 0px 0px 5px #888888;
}
.logo {
    width:382px;
	height:101px;
	border:none;
}
.float-right{
	width:230px;
	height:63px;
	float:right;
	font-size:16px;
	text-align:right;
	margin-top:15px;
	margin-left:-15px;
}
.logo-center-text{
	font-size:16px;
	width:130px;
	height:30px;
	margin-left:250px;
	margin-top:20px;
	text-align:center;
}
.topnav-contact{
	font-style: underline;
}
.white{
	float:center;
	width:867px;
	height:auto;
	margin-top:-203px;
	box-shadow: 0px 0px 5px #888888;
}
.white-1{
	width:867px;
	height:960px;
	background:#fff;
	margin-bottom:10px;
	box-shadow: 0px 0px 5px #888888;
	margin-top:-221px;
}
.white-1-contact{
	width:867px;
	height:auto;
	background:#fff;
	margin-bottom:10px;
	box-shadow: 0px 0px 5px #888888;

}
.background-white-contact{
	width:867px;
	height:850x;
	margin-left:15px;
}
.textdiv-5 {
    text-align:left;
    width:867px;
	height:auto;
}
.textdiv-3 {
    text-align:left;
    width:867px;
	height:850px;
}
.white-1-discliamer{
	width:867px;
	height:auto;
	background:#fff;
	margin-bottom:10px;
	box-shadow: 0px 0px 5px #888888;
	margin-top:-220px;
}
.background-white-discliamer{
	width:867px;
	height:900x;
	margin-left:15px;
}
.background-white-missing{
	width:867px;
	height:600x;
	margin-left:15px;
}
.white-1-missing{
	width:867px;
	height:600px;
	background:#fff;
	margin-left:0px;
	margin-bottom:10px;
	box-shadow: 0px 0px 5px #888888;
	margin-top:-2px;
}
.textdiv-missing {
    text-align:left;
    width:869px;
	height:600px;
}
.white-1-site{
	width:867px;
	height:550px;
	background:#fff;
	margin-left:0px;
	margin-bottom:10px;
	box-shadow: 0px 0px 5px #888888;
	margin-top:-204px;
}
.background-white-site{
	width:867px;
	height:600x;
	margin-left:15px;
	
}
.textdiv-site {
    text-align:left;
    width:869px;
	height:auto;
}
.textdiv-4 {
    text-align:left;
    width:867px;
	height:550px;
	
}
.textdiv-site a {
	font-size:18px;
	color:#000;
	font-weight:bold;
	line-height:40px;
}
.textdiv-site a:hover{
	font-size:18px;
	color:#193faa;
	font-weight:bold;
	line-height:40px;
}
.textdiv-left-site{
	float:left;
	width:450px;
	height:auto;
	margin-left:10px;
	margin-right:10px;
}
.rotating-image{
    width:866px;
	height:250px;
	clear:both;
}
.textdiv-left{
	float:left;
	width:494px;
	height:auto;
	margin-left:10px;
	margin-right:10px;
	margin-top:200px;
}
.textdiv-left a{
	color:#193faa;
	font-size:14px;
	font-weight:bold;
}
.textdiv-left a:hover{
	color:#3a63d9;
	font-size:14px;
	font-weight:bold;
}
.black-coating-img{
	width:214px;
	height:161px;
	float:right;
	margin-left:10px;
	margin-right:9px;
}
.left{
	width:173px;
	float:left;
}
.right{
	width:173px;
	float:right;
}
.coating-right{
	width:122px;
	height:91px;
	border:none;
}
.coating-img{
	width:200px;
	height:149px;
	float:left;
	margin-right:10px;
}
.certificate-img{
	width:500px;
	height:445px;
}
.e-coatings-img{
	width:500px;
	height:375px;
}
.textdiv-right-3{
	float:right;
	width:349px;
	height:auto;
	background:#E9EEFC;
	text-align:center;
	margin-right:2px;
	border:none;
}
.textdiv-right{
	float:right;
	width:349px;
	height:744px;
	background:#E9EEFC;
	text-align:center;
	margin-top:216px;
	margin-right:2px;
	border:none;
}
.textdiv-right a{
border:none;
color:#000;
font-weight:bold;
}
.textdiv-right a:hover{
border:none;
color:#3a63d9;
font-weight:bold;
}
.topnav {
	width:867px;
	height:38px;
	background: url('../images/topnev-bar-1.jpg') repeat-x;
}
.topnav ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.topnav li{
	float:left;
	display:block;
	text-align:center;
	width:168px;
	height:38px;
	margin-top:0px;
	border-left:1px solid #5E5E5E;border-right:1px solid #050505;
}
.left-link-About-us {display:block;font-size:18px;text-align:center;color:#fff;text-decoration:none;background:url('../images/topnev-bar-1.jpg') repeat-x;
line-height:38px;width:173px; }
.left-link-About-us:hover{background:url('../images/topnev-bar-hover.jpg') repeat-x; color:#ffff;width:173px}
.left-link-sitemap {display:block;font-size:18px;text-align:center;color:#fff;text-decoration:none;background:url('../images/topnev-bar-1.jpg') repeat-x;
line-height:38px;width:186px; }
.left-link-sitemap:hover{background:url('../images/topnev-bar-hover.jpg') repeat-x; color:#ffff;width:186px}
#no-left{border-left:none; }
#no-right{border-right:none; }
.active{
 background:url('../images/topnev-bar-hover.jpg') repeat-x;
 color:#fff;
 width:173px;
 display:block;
 font-size:18px;
 text-align:center;
 text-decoration:none;
 line-height:38px; 
}
.active-sitemap{
 background:url('../images/topnev-bar-hover.jpg') repeat-x;
 color:#fff;
 width:186px;
 display:block;
 font-size:18px;
 text-align:center;
 text-decoration:none;
 line-height:38px; 
}
.active-sitemap:hover{
background:url('../images/topnev-bar-hover.jpg') repeat-x; color:#ffff;width:186px
}
.textdiv {
    text-align:left;
    width:869px;
	height:auto;
	margin-top:16px;
}
.textdiv-1 {
    text-align:left;
    width:869px;
	height:700px;
}
.textdiv-1 a {
	font-size:20px;
	line-height:40px;
	color:#193faa;
	font-style:none;
	text-decoration:none;
}
.textdiv-1 a:hover{
	font-size:20px;
	line-height:40px;
	color:#3a63d9;
}
.page_title {
	margin:0;
	color:#000;
}
.pgraph_title {
	margin:0;
	color:#000;
}
p {
	margin:15px 0;
}

/*  Styling for Footer below*/
.foot { 
	font-size:10px;
	text-align:left;
	width:862px;
	height:auto;
	margin:0 auto;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	color:#838383;
 }
 .left{
	font-size:10px;
	width:400px;
	height:56px;
	float:left;
	text-align:left;
	padding:5px 0px 0px 0px;
	line-height:13px;
 }
 .right{
	width:431px;
	height:56px;
	float:right;
	text-align:right;
	padding:5px 0px 0px 0px;
	line-height:13px;
	font-size:9px;
 }
 .foot-1 { 
	font-size:10px;
	text-align:left;
	height:auto;
    clear:both;
	color:#838383;
	width:862px;
	margin-left:522px;
	margin-top:-235px;
 }
.L4Abanner {
	width:81px;
	height:30px;
	margin:15px;
	border:none;
}
.antispam {
	margin:15px 9px ;
}
.float-l{float:left;text-align:left; }
.float-r{float:right;text-align:right;}
/* Styling for Contact Form below */

.contactdiv {float:right;width:410px;height:auto;}
.form_div {width:286px;height:auto;text-align:left;margin:0 auto;/*background-color:pink;*/}
.form_div p {margin:0;}
.sent_div {height:135px;text-align:left;margin:0 auto;}
.contact_left_col {float:left;width:95px;line-height:23px;}
.contact_middle_col {float:left;width:10px;line-height:23px;}
.contact_right_col {float:left;width:175px;padding-top:2px;}
.contact_right_col input{font-family:verdana,arial,helvetica;font-size:12px;height:15px;
	width:175px;margin-bottom:4px;background-color:#ffffff;border:#BED6AC solid 1px;}
.contact_right_col textarea{font-family:verdana,arial,helvetica;font-size:12px;height:70px;
	width:175px;background-color:#ffffff;border:#BED6AC solid 1px;}
.button {width:40px;font-size:0.9em;margin-right:4px;}
.button_div {width:44px;float:right;margin-top:6px;text-align:right;}
.compulsory {float:left;width:229px;font-size:0.8em;margin-top:3px;}
.red {color:red;}

.sitemap{
	font-size:29px;
	line-height:24px;
}
.contactdiv_left {
width:100px;
height:auto;
float:left;
}
.contactdiv_right {
width:190px;
height:auto;
float:left;
}
form {
padding: 0;
}
table {
margin: 0 auto;
width: 100%;
}
tr, td, input, textarea {
margin: 0;
padding: 0;
}
td {
padding: 0 0 5px;
}
tr td:first-child {
padding-right: 15px;
padding-top: 11px;
text-align: left;
vertical-align: top;

}
.error[generated=true] {
color: #dc0000;
font-size: 16px;
padding: 5px 0 2px 5px;
}
tr.error td {
padding: 0;
}
input, textarea{
background: #FFF;
border: 1px solid #AFAFAF;
font: inherit;
font-size: 16px;
line-height: 29px;
min-height: 25px;
padding: 5px 10px;
width: 300px;
}
select {
background: #FFF;
border: 1px solid #AFAFAF;
font: inherit;
font-size: 16px;
line-height: 29px;
min-height: 25px;
padding: 5px 10px;
width: 322px;
}
input:focus, textarea:focus , select:focus {
border-color: #4169E2;
outline: none;
}
textarea {
height: 240px;
resize: vertical;
}
input[type=submit] {
background: #4169E2;
color: #FFF;
font-weight:bold;
font: inherit;
padding: 7px 20px;
width: auto;
}

#response {
margin-bottom: 20px;
text-align: center;
}
#response .success {
color: #08a300;
}
#response .failure {
color: #dc0000;
}
select.select-qoute {width:262px; min-height:15px; line-height:15px; font-size:11px; color:#808080;}
input.input-qoute {width:240px; min-height:15px; line-height:15px; font-size:11px;}
.textdiv-left-1{
	float:left;
	width:400px;
	height:auto;
	margin-left:10px;
	margin-right:10px;
}
.textdiv-left-1 a{
	color:#193faa;
	font-size:14px;
	font-weight:bold;
}
.textdiv-left-1 a:hover{
	color:#3a63d9;
	font-size:14px;
	font-weight:bold;
}
.textdiv-right-1{
	float:right;
	width:349px;
	margin-right:8px;
}
.textdiv-l{
	float:left;
	width:845px;
	height:auto;
	margin-left:10px;
	margin-right:10px;
	margin-top:200px;
}
.textdiv-l a{
	color:#193faa;
	font-size:14px;
	font-weight:bold;
}
.textdiv-l a:hover{
	color:#3a63d9;
	font-size:14px;
	font-weight:bold;
}











.lb-album{
	width:310px;
	margin: 0 auto;
}
.coating-right{
	width:122px;
	height:91px;
	border:none;
}
.lb-album li{
	float: left;
	margin-top: 10px;
	position: relative;
}
.lb-album li > a,
.lb-album li > a img{
	display: block;
}
.lb-album li > a{
	width:120px;
	height:100px;
	position: relative;
	padding: 10px;
	color:#000;
	font-size:14px;
}
.lb-album li > a span{
	position: absolute;
	width: 150px;
	height: 150px;
	top: 0px;
	left: 10px;
	text-align: center;
	line-height: 150px;
	color:#000;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	font-size: 24px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.lb-album li > a:hover span{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-overlay{
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
	background: rgba( 0,0,0,0.8 );
}
.lb-overlay > div{
	position: relative;
	color: rgba(27,54,81,0.8);
	width: 550px;
	height: 80px;
	margin: 40px auto 0px auto;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
}
.lb-overlay div h3,
.lb-overlay div p{
	padding: 0px 20px;
	width: 400px;
	height: 60px;
	margin-left:10px;
}
.lb-overlay div h3{
	font-size: 36px;
	float: left;
	text-align: right;
	border-right: 1px solid rgba(27,54,81,0.4);
}
.lb-overlay div h3 span,
.lb-overlay div p{
	font-size: 18px;
	font-weight:bold;
}
.lb-overlay div h3 span{
	display: block;
	line-height: 6px;
}
.lb-overlay div p{
	font-size: 16px;
	text-align: left;
	float: left;
	width: 480px;
}
.lb-overlay a.lb-close{
	background: rgba(27,54,81,0.8);
	z-index: 1001;
	color: #fff;
	position: absolute;
	top: 43px;
	left: 50%;
	font-size: 15px;
	line-height: 26px;
	text-align: center;
	width: 50px;
	height: 23px;
	overflow: hidden;
	margin-left: -25px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
}
.lb-overlay img{
	/* height: 100%; For Opera max-height does not seem to work */
	max-height: 100%;
	position: relative;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}
.lb-prev, .lb-next{
	text-indent: -9000px;
	position: absolute;
	top: -32px;
	width: 24px;
	height: 25px;
	left: 50%;
	opacity: 0.8;
	filter: alpha(opacity=80); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /*IE8*/
}
.lb-prev:hover, .lb-next:hover{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-prev{
	margin-left: -30px;
	background: transparent url('../images/arrows.png') no-repeat top left;
}
.lb-next{
	margin-left: 6px;
	background: transparent url('../images/arrows.png') no-repeat top right;
}
.lb-overlay:target {
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 80px 100px 120px 100px;
}
.lb-overlay:target img,
.lb-overlay:target a.lb-close{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/
x:-o-prefocus, .lb-overlay img {
    height: 100%;
}






/* CSS reset */

ol,ul {
	list-style:none;
}


.ie7 body{
	overflow:hidden;
}

.container{
	position: relative;
	text-align: center;
}
.clr{
	clear: both;
}
.container > header{
	padding: 20px 30px 10px 30px;
	margin: 0px 20px 10px 20px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
}
.container > header h1{
	font-size: 35px;
	line-height: 35px;
	position: relative;
	font-weight: 400;
	color: rgba(27,54,81,0.8);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    padding: 0px 0px 5px 0px;
}
.container > header h1 span{
	color: #c7957b;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
.container > header h2, p.info{
	font-size: 16px;
	color: #000;
	text-shadow: 0px 1px 1px rgba(255,255,255,1);
}
/* Header Style */
.codrops-top{
	line-height: 24px;
	font-size: 11px;
	width: 100%;
	background: #000;
	opacity: 0.9;
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000;
}
.codrops-top a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #ddd;
	display: block;
	float: left;
}
.codrops-top a:hover{
	color: #fff;
	
}
.codrops-top span.right{
	float: right;
}
.codrops-top span.right a{
	float: none;
	display: inline;
}

p.codrops-demos{
	text-align:center;
	display: block;
	padding: 14px;
}
p.codrops-demos a,
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{
    display: inline-block;
	border: 1px solid #ddd;
	border-color: #ddd #aaa #aaa #ddd;
	padding: 4px 10px 3px;
	font-size: 13px;
	line-height: 18px;
	margin: 0px 3px;
	font-weight: 800;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	color: rgba(27,54,81,0.8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.9);
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
}
p.codrops-demos a:hover{
	background: #fff;
	
}
p.codrops-demos a:active{
	background: #e5e5e5;
	background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	background: linear-gradient(top, #e5e5e5 0%,#ffffff 100%);
	-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.9);
	-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.9);
}
p.codrops-demos a.current-demo,
p.codrops-demos a.current-demo:hover{
	color: #999;
}

/* Media Queries */

@media (max-width: 576px) {
#main {
    width: 100%;
    height: auto;
    overflow: auto;
    margin: 0 auto;
    text-align: center;
}
.background-white {
    width: 100%;
    height: auto;
    margin-left: 0px;
}
.float-right {
    width: 100%;
    height: auto;
    float: right;
    font-size: 13px;
    text-align: center;
    margin-top: 15px;
    margin-left: -15px;
}
.logo {
    width: 95%;
    height: auto;
    border: none;
	margin-top:10px;
}
.topnav {
    width: 100%;
    height: 38px;
    background: url('../images/topnev-bar-1.jpg') repeat-x;
}

.rotating-image {
    width: 100%;
    height: auto;
    clear: both;
}

.white-1 {
    width: 100%;
    height: auto;
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 0px 0px 5px #888888;
    margin-top: 0px;
}

.textdiv {
    text-align: left;
    width: 100%;
    height: auto;
    margin-top: 0px;
}

.textdiv-left {
    float: none;
    width: 90%;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
	display: inline-block;
}

.black-coating-img {
    width: 214px;
    height: 161px;
    float: none;
    margin-left: 10px;
    margin-right: 9px;
}
.coating-img {
    width: 200px;
    height: 149px;
    float: none;
    margin-right: 10px;
}
.textdiv-right {
    float: none;
    width: 100%;
    height: auto;
    background: #E9EEFC;
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
    border: none;
	display: inline-block;
}
.lb-album {
    width: auto;
    margin: 0 auto;
}
.lb-album li > a {
    width: 120px;
    height: 100px;
    position: relative;
    padding: 3px;
    color: #000;
    font-size: 14px;
}
.foot {
    font-size: 10px;
    text-align: left;
    width: 90%;
    height: auto;
    margin: 0 auto;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    color: #838383;
}
.left {
    font-size: 10px;
    width: 100%;
    height: 56px;
    float: none;
    text-align: left;
    padding: 5px 0px 0px 0px;
    line-height: 13px;
}
.right {
    width: 100%;
    height: 56px;
    float: none;
    text-align: left;
    padding: 5px 0px 0px 0px;
    line-height: 13px;
    font-size: 9px;
}
.lb-overlay:target {
    width: auto;
    height: auto;
    bottom: 0px;
    right: 0px;
    padding: 80px 2% 120px 2%;
}
nav ul     { display: none; }
nav select { display: inline-block; width: 95%;}

.certificate-img {
    width: 100%;
    height: auto;
}
.e-coatings-img {
    width: 100%;
    height: auto;
}

.white-1-contact {
    width: 100%;
    height: auto;
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 0px 0px 5px #888888;
}

.textdiv-5 {
    text-align: left;
    width: 100%;
    height: auto;
}

.textdiv-left-1 {
    float: none;
    width: 95%;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
}

.textdiv-right-1 {
    float: none;
    width: 95%;
    margin-left: 10px;
    margin-right: 10px;
}

.contactdiv {
    float: none;
    width: 100%;
    height: auto;
}

input, textarea {
    background: #FFF;
    border: 1px solid #AFAFAF;
    font: inherit;
        font-size: inherit;
        line-height: inherit;
    font-size: 16px;
    line-height: 29px;
    min-height: 25px;
    padding: 5px 10px;
    width: 90%;
}
.textdiv-site {
    text-align: left;
    width: 100%	;
    height: auto;
}
.textdiv-left-site {
    float: none;
    width: 95%;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
}
.textdiv-right-3 {
    float: right;
    width: 100%;
    height: auto;
    background: #E9EEFC;
    text-align: center;
    margin-right: 2px;
    border: none;
}
.white-1-discliamer {
    width: 100%;
    height: auto;
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 0px 0px 5px #888888;
    margin-top: 0px;
}
.textdiv-l {
    float: left;
    width: 95%;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
}
.background-white-site {
    width: 100%;
    height: auto;
    margin-left: 0px;
}
}

@media (min-width: 768px) {
.container > header{text-align: center;}

}

@media (min-width: 992px) {
	
}

@media (min-width: 577px) and (max-width: 960px) {

#main {
    width: 100%;
    height: auto;
    overflow: auto;
    margin: 0 auto;
    text-align: center;
}
.background-white {
    width: 100%;
    height: auto;
    margin-left: 0px;
}	
	
nav ul     { display: none; }
nav select { display: inline-block; width: 95%;}

.float-right {
    width: 50%;
    height: auto;
    float: right;
    font-size: 13px;
    text-align: center;
    margin-top: 15px;
    margin-left: -15px;
}
.logo {
    width: 50%;
    height: auto;
    border: none;
	margin-top:10px;
}
.topnav {
    width: 100%;
    height: 38px;
    background: url('../images/topnev-bar-1.jpg') repeat-x;
}

.rotating-image {
    width: 100%;
    height: auto;
    clear: both;
}

.white-1 {
    width: 100%;
    height: auto;
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 0px 0px 5px #888888;
    margin-top: 0px;
}

.textdiv {
    text-align: left;
    width: 100%;
    height: auto;
    margin-top: 0px;
}

.textdiv-left {
    float: none;
    width: 90%;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0px;
	display: inline-block;
}

.black-coating-img {
    width: 214px;
    height: 161px;
    float: right;
    margin-left: 10px;
    margin-right: 9px;
}
.coating-img {
    width: 200px;
    height: 149px;
    float: left;
    margin-right: 10px;
}
.textdiv-right {
    float: none;
    width: 100%;
    height: auto;
    background: #E9EEFC;
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
    border: none;
	display: inline-block;
}
.lb-album {
    width: auto;
    margin: 0 auto;
}
.lb-album li > a {
    width: 120px;
    height: 100px;
    position: relative;
    padding: 3px;
    color: #000;
    font-size: 14px;
}
.foot {
    font-size: 10px;
    text-align: left;
    width: 90%;
    height: auto;
    margin: 0 auto;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    color: #838383;
}
.left {
    font-size: 10px;
    width: 49%;
    height: 56px;
    float: left;
    text-align: left;
    padding: 5px 0px 0px 0px;
    line-height: 13px;
}
.right {
    width: 49%;
    height: 56px;
    float: right;
    text-align: right;
    padding: 5px 0px 0px 0px;
    line-height: 13px;
    font-size: 9px;
}
.lb-overlay:target {
    width: auto;
    height: auto;
    bottom: 0px;
    right: 0px;
    padding: 80px 2% 120px 2%;
}

}

@media (min-width: 1200px) {

}