/******* MAIN STYLES & GENERAL LAYOUT **********/

/* ~Body
-----------------------------------*/

	html {
		height:100%; 
		max-height:100%; 
		padding:0; 
		margin:0; 
		border:0; 
		background:rgb(209,205,193);
		font-size:62.5%;
		line-height:150%;
		color:#666;
		font-family:verdana, arial, sans-serif;
		/* hide overflow:hidden from IE5/Mac */ 
		/* \*/ 
		overflow: hidden; 
		/* */ 
		}

	body {
		height:100%; 
		max-height:100%; 
		overflow:hidden; 
		padding:0; 
		margin:0; 
		border:0;
		background:rgb(209,205,193);
		}

/* ~menu
-----------------------------------*/


	a.Home:hover, .active a.Home {
		background-position:4px 12px;
		background: url(../images/button-home.jpg) no-repeat 1px 14px;
		
		cursor:hand;
		}


	a.About:hover, .active a.About  {
		background: url(../images/button-about.jpg) no-repeat 1px 14px;
		}


	a.Services:hover, .active a.Services  {
		background: url(../images/button-services.jpg) no-repeat 1px 14px;
		}


	a.Nano-Coatings:hover, .active a.Nano-Coatings  {
		background: url(../images/button-tio2.jpg) no-repeat 1px 14px;
		}

	a.Showcase:hover, .active a.Showcase {
		background: url(../images/button-showcase.jpg) no-repeat 1px 14px;
		}

	#showcasemenu {
		position:relative;
		top:30px;
		left:212px;
		}

	a.Downloads:hover, .active  a.Downloads  {
		
		background: url(../images/button-downloads.jpg) no-repeat 1px 14px;
		}

	a.News:hover, .active  a.News  {
		background: url(../images/button-news.jpg) no-repeat 1px 14px;
		}

	a.Suppliers:hover, .active  a.Suppliers  {
		background: url(../images/button-suppliers.jpg) no-repeat 1px 14px;
		}

	a.Contact:hover, .active  a.Contact  {
		background: url(../images/button-contact.jpg) no-repeat 1px 14px;
		cursor:hand;
		}




/* Main HTML Elements
-----------------------------------*/ 

	hr {
		margin:10px 0 20px 0;
		padding:0;
		color:#000;
		clear:right;
		}


	#secondary-column hr {
		margin:0px 0 0px 0;
		padding:0;
		}

	img {
		float:none;
		border-width:0;
		}

	dt {
		color:#000;
		display:inline;
		padding:5px 0 5px 0;
		}

	dd {
		display:inline;
		padding:5px 0 5px 0;
		margin:0;
		}

   	img.preload { display: none; }

	p {
		padding:0;
		margin:0px 0 10px;
		}
	

	a {
		color:#000;
		}

	a:hover {
		color:#000;
		}

	h1 {
		padding:0 0 0 0;
		margin:0;
		font-size:1.8em;
		line-height:100%;
		font-weight:normal;
		color:#333;
		}


	/* h2 {
		font-size:1.5em;
		font-weight:bold;
		color:#000;
		clear:both;
		margin:15px 0 7px 0;
		padding:0;
		text-transform: uppercase;
		background-color:#FEDB21;
		letter-spacing:0px;
		font-family:arial;
		padding:1px 1px 1px 1px;
		display:inline;
		}*/

	h2 {
		font-family:verdana,arial;
		font-size:1.1em;
		font-weight:normal;
		color:#000;
		clear:both;
		margin:0px 0 7px 0;
		padding:0;
		text-transform: none;
		background-color:#FFF;
		}


	h3,#secondary-column h2 {
		font-size:1.1em;
		font-weight:normal;
		color:#000;
		text-transform:uppercase;
		letter-spacing:100%;

		}

	h3 a {
		text-decoration:none;
		}


	h4 {

		}

	h5  {
		margin:4px;
		font-size:1em;
		}


/* ~divs
-----------------------------------*/

	div {
		border:0px solid #0f0;
		}

	.left {
		float:left;
		height:120px;
		}

	.right {
		display:inline;
		float:right;
		position:relative;
		top:-24px;
		border:0px solid #000;
		height:100px;
		}

	.spacer {
		clear:both;
		}

	div.hr {
		height:2px;
		margin:0;
		padding:0;
		border:5px solid #FFF;
		border-width:10px 0 20px 0;
		background:#FFF url(../images/hr.gif) repeat-x;
		}

	* html div.hr {
		border-width:5px 0 20px 0;
		}

	#page-container {
		width:100%;
		height:100%;
		border-color:#f00;
		background: #FFD531 url(../images/background-photo.jpg);
		}

	#main-column {
		background: #FFF url(../images/drop-shadow-top.jpg) repeat-x left top;
		text-align:left;
		padding:25px 15px 20px 15px;
		display:block; 
		overflow:auto; 
		position:absolute; 
		left:6%;
		z-index:3; 
		top:120px; 
		bottom:64px; 
		width:57%;
		max-width:800px;
		min-width:450px;
		}

	* html #main-column {
		top:0; 
		bottom:0; 
		height:100%;
		width:60%;
		border-top:120px solid #fff; 
		border-bottom:64px solid #fff;
		}
		
	#Home #main-column p img {width:100%;} 

	#secondary-column {
		display:block; 
		overflow:auto; 
		position:absolute; 
		padding:25px 15px 20px 15px;
		right:6%;
		z-index:3; 
		top:120px; 
		bottom:64px; 
		width:172px; 
		background: #FFF url(../images/drop-shadow-top.jpg) repeat-x left top;
		}

	* html #secondary-column {
		top:0; 
		bottom:0; 
		height:100%;
		width:202px;
		border-top:120px solid #FFD823; 
		border-bottom:64px solid #fff;
		}

	#header {
		position:absolute;
		left:6%;
		margin:0 auto;
		top:0; 
		width:88%; 
		min-width:88%; 
		height:120px; 
		background:url(../images/header-background.jpg); 
		font-size:1em; 
		z-index:5; 
		}

	* html #header {
		top:0px; width:88%; height:120px;
		}

	#footer {
		text-align:center;
		position:absolute; 
		left:0; 
		bottom:0px; 
		width:100%; 
		min-width:100%; 
		height:65px; 
		background:url(../images/footer-background.jpg);
		font-size:1em; 
		z-index:5; 
		font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;
		font-weight:bold;
		color:#000;
		}

	* html #footer {
		bottom:-1px; width:100%; height:65px;
		}

		#footer div {
			text-align:left;
			height:48px;
			position:absolute;
			bottom:0px;
			}

		#footer div a {
			text-decoration:none;
			}

		#footer-main {
			font-size:1em;
			padding:0;
			left:6%;
			width:57%;
			max-width:800px;
		}

		* html #footer-main {
			bottom:0; 
			width:60%;
		}

		#footer-main img {
			margin-bottom:8px;
		}

		#footer div#footer-gb {
			right:0;
			width:6%;
			text-align:center;

		}

		#footer div#footer-copyright {
			height:50px;
			right:6%;
			width:202px;
			font-weight:normal;
			font-size:0.9em;
			line-height:150%;
			border:0px solid #f00;
			
		}




     /* _____Header______ */

	#header img  {
		padding:0;
		margin:0;
		}

	/*#header a {
		font-weight:bold;
		font-size:1em;
		color:#000;
		letter-spacing:-0.01em;
		text-decoration:none;
		}*/


	#header ul#interiorDecorating {
		border:0px solid;
		padding-top:0px;
		line-height:230%;
		}


     /* _____Content______ */



	     /* _____Main Column______ */

		#main-column img.justifyright,#main-column img.content,#main-column img.big, #main-column img.big-nofloat,#main-column img.content-left {
			padding:2px;
			margin:5px 0 5px 0px;
			background-color:#fff;
			border:1px solid #000;
			}

		#main-column img.justifyright,#main-column img.content,#main-column img.big,#main-column img.content-left  {
			display:inline;
			float:right;
			clear:right;
			margin:5px 0 5px 10px;
			}

		#main-column img.content-left  {
			float:left;
	
			}
		
		#main-column img.justifyright,#main-column img.content {
			width:220px;
			height:147px;
		}
		
		
			

		#main-column img.big  {
			display:block;
			float:none;
			clear:both;
			margin:5px 0 5px 0;
			}


		#case-study #main-column a img {
			float:none;
			border:0px solid #000;
			}

		#case-study #main-column h1 img,#case-study #main-column h2 img, #main-column h1 img {
			display:inline;
			float:none;
			clear:both;
			padding:0;
			margin:0;
			width:auto;
			border:0px solid;
			}

		#main-column hr {
			color:#000;
			height:1px;
			}


		#main-column h3 {
			font-size:1.1em;
			font-weight:normal;
			color:#000;
			text-transform:uppercase;
			padding:0;
			margin:5px 0 5px 0;

			}

		#main-column h3 em {
			font-style:normal;
			font-weight:bold;
			}


	     /* _____Secondary Column______ */

		#secondary-column input {
			margin:0;
			padding:0;
			}


		#secondary-column form {
			margin:0;
			padding:0;
			}



		#secondary-column #username,#secondary-column #password {
			width:155px;
			height:18px;
			margin:0px 0 8px 0;
			padding-left:1px;
			color:#BBB;
			border:1px solid #000;
			font-size:1.1em;
			background:#fff;
			}


		#secondary-column fieldset {
			border:0px solid;
			margin:0;
			padding:0;
			}


		#secondary-column h1 {
			padding:0;
			margin:0 0 0 0;
			border:0px solid;
			}

		#secondary-column p {
			line-height:120%;
			margin:0 0 15px 0;
			padding:0;
			color:#333;
			border:0px solid;
			}

		#secondary-column p a {
			color:#000;
			}
			
		#secondary-column h3 {
			margin:0px 0 7px 0;
			font-size:0.9em;
			font-weight:bold;
		}

			
		#secondary-column div.hr {
			margin-bottom:-8px;
		}

     /* _____Footer______ */









/******* PAGE SPECIFIC STYLES & LAYOUT **********/

     /* _____Home______ */


     /* _____Suppliers______ */

	#suppliers table tr td a {
		padding:0px 8px 0px 8px;
		color: #000;
		}

	#suppliers table tr td {
		padding:3px 0 3px 0;
		}
		
     /* _____News______ */

	#news #main-column hr {
		clear:right;
		}


     /* _____Showcase boxes______ */
	
	div.showcase {
		border:3px outset #DDD;

		padding:0;
		color:#333;
		text-decoration:none;
		background-color:#ffde23;
		margin-bottom:20px;
	}
	
	div.showcase p {
		text-decoration:none;
	}
	
	div.showcase:hover {
		background-color:#DEDEDE;
	}
	
	div.showcase img {
		

		border-width:none;
	
		
	}
	
	div.showcase img.scontent {
		float:right;
	
	}
	
	div.showcase h4{
		margin:3px 0 0px 5px;
		
	}
	
	div.showcase p{
		margin:2px 0 4px 5px;
		
	}
	
	 /* _____Breadcrumbs______ */

	.breadcrumbs {
		clear:left;
		position:relative;
		top:48px;
		left:13px;
		color:#000;
	}

     /* _____Downloads______ */

	.par17 #main-column ul, #downloads #main-column ul {
		list-style-image: url(../images/titles/adobe-icon.gif);
		font-size:1.3em;
		margin:5px 0 15px 25px;
		padding:0 0 0 0;
		}


	.par17 #main-column ul li, #downloads #main-column ul li {
		padding: 2px 0 2px 5px;
		margin:2px 0 2px 0;
		}

	.par17 #main-column ul li a, #downloads #main-column ul li a {
		text-decoration: none;
		color: #000;

		} 


     /* _____Client Area______ */
	
	#clientarea h3 {
		font-size:1.4em;
		margin-top:15px;
	}