﻿/***************** Prototype  *****************/

body {
	width:100%;
	min-width:1024px;
}



/***************** Global Reset *****************/
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/***************** Header Styles *****************/

#header #logo {
	height: 108px;
	width: 268px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	right:253px;
	background-image: url(../images/header/logo_header.jpg);
}





#nav_main {
	height:20px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:5px;
	-webkit-top:0px;
	left:30px;

	}



#header {
	height: 129px;
	width: 100%;
	background-image: url(../images/header/bg.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}

/******************************************************** Main Styles *****************************************************/



/******************************************************** LAYOUT *****************************************************/



/******************************************************** Left Column *****************************************************/
#col1                     
{
	position:absolute;
	top:129px;
	left:0px;
	width:616px;
	height:749px;
	z-index:2;
	
}
#col1 #top {
	background-image:url(../images/gradient/top_left_big.jpg);
	background-repeat:repeat-y;
	width:616px;
	height:99px;
}
#col1 #bottom {
	background-image:url(../images/gradient/bottom_left_big.jpg);
	background-repeat:repeat-y;
	width:616px;
	height:650px;
	
												/* Original height for all columns   height:577px;*/

	
}



/******************************************************** MIDDLE Column *****************************************************/
#col2_wrapper {
	width:810px;
	height:730px;
	margin:0 auto 0 auto;
	z-index:3;
	position:relative;
}

#col2                     
{
	position:absolute;
	top:0px;
	width:808px;
	height:745px;
	z-index:3;
	background-color:#FFF;
	margin:0 auto 0 auto;
	
}




 /*********************************************** RIGHT Column *****************************************/

#col3                    
{
	position:absolute;
	top:129px;
	right:0px;
	width:616px;
	/*height:577px;*/
	height:775px;
	z-index:1;
	
	
	
}
#col3 #top {
	background-image:url(../images/gradient/top_right_big.jpg);
	background-repeat:repeat-y;
	width:616px;
	height:99px;
}
#col3 #bottom {
	background-image:url(../images/gradient/bottom_right_big.jpg);
	background-repeat:repeat-y;
	width:616px;
	height:775px;
}
 /*********************************************** COLUMNS ENDED *****************************************/


#main_text {
	/* original width    width:398px; */
	width:520px;
	height:80%;
	overflow:inherit;
	min-height:326px;
	position:absolute;
	top:120px;
	/* added 130px to to old value   left:15px;*/
	left:17px;
	background-color:#FFF;
}


#pallet {
	width:198px;
	height:596px;
	background-color:#e4e6e8;
	position:absolute;
	right:18px;
	top:120px;
	padding:15px;

}

#banner {
	
	width:640px;
	height:88px;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	top:11px;
	left:19px;
	
}

/************************************************** TEXT STYLES **************************************/

 #main_text ul li {	
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 17px;
	color: #56585e;
	text-align: justify;
	text-indent: -5px;
	list-style-position: inside;
}
h1 {
	font-family:bankGothic;
	font-size:14px;
	color: #414042;
	margin-bottom:8px;
}


h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #414042;
	font-weight:bold;
}

#main_text h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #414042;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:5px;
	
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #414042;
}

#pallet h1 {
	font-size:10px;
}

#pallet h2 {
	margin-bottom:5px;
	word-spacing:-0.1em;
}

#pallet p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 17px;
	color: #56585e;
	text-align: left;
}

 #home_para {
	margin-top:5px;
	
}


		/************************ Epoxy page extra height ******************************/ 
		
body.epoxy_coatings #col2_wrapper {
height:800px;
}
body.epoxy_coatings #col2                     
{
height:800px;
}
body.epoxy_coatings #col3                    
{
height:800px;
}
body.epoxy_coatings #col3 #top {
height:99px;
}
body.epoxy_coatings #col3 #bottom {
height:800px;
}
body.epoxy_coatings #pallet {
height:700px;
}
body.epoxy_coatings #col1                     
{height:800px;
}
#col1 #top {
height:99px;
}
#col1 #bottom {
height:800px;
}





/***** Pallet News Heading ******/
.heading_news h2 {
	text-transform:uppercase;
	font-size:12px;
	margin-bottom:5px;
}
#footer h1 {
	/*color:#edf0f2;*/
	color:#FFF;
	font-weight: bold;
	margin:0;
	margin-bottom:2px;
	font-size:10px;
	text-transform:uppercase;
	margin-bottom:6px;
}

#main_text h1 {
	color:#00aeef;
	text-transform:uppercase;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	color: #56585e;
	text-align: justify;
}

span {
	word-spacing:0.6em;
}

#main_text p {
	margin-bottom:5px;
}
#require {
	margin-top:5px;
}

.last_line h1 {
	margin-top:10px;
	font-size:12px;
}

#main_text #contact_page p {
	margin-bottom:0px;
	padding-left:2px;
}


/*********************************************** Form Styles *************************************/

input {
	background-color:#eff2f4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9.5px;
	line-height: 14px;
	color: #56585e;
	padding:5px;
	padding-left:5px;
}

textarea {  
    background-color: #eff2f4;  
	font-family:Arial, Helvetica, sans-serif;
	font-size:9.5px;
	line-height: 14px;
	color: #56585e;
	padding:5px;
	resize:none;
       
    }  
	
submit {
	padding-top:20px;
}

/******************************* iw Form Container ****************/

	#iwform{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9.5px;
	width:200px;
	/*background-color:#e4e6e8;*/
	
	margin:3px 5px 8px -6px;
	padding:5px 5px 5px 5px;
	height:300px;
	}
	
	#iwform tr{
	background-color:#eff2f4;
	}
	
	#iwform td{
	color:#aaaaaa;
	height:10px;
	border-bottom:5px #E4E6E8 solid;
	}
	
	#form_container {padding:10px; background-color:#E4E6E8; width:195px; height:450px;}
	
	td.iwprompt{
	min-width:65px;
	width:95px;
	height:30px;
	background-color:#eff2f4;
	text-indent:5px;
	}
	
	
	
	td.iwin{
	width:15px;
	}
	
	
	td #iwform input{
	height:8px;
	background-color:#eff2f4;
	}
	
	
	#iwsubmit{
	text-align:center;
}