@import url("reset.css");
@import url("fonts.css");

body { 
	padding: 0;
	margin: 0;
	background: #333;
	text-align: center;
	font: 12px/16px Helvetica, Arial, sans-serif;
	color: #999;
	}
	
.container { 
	display: block;
	position: relative;
	width: 970px;
	margin: 0 auto;
	text-align: left;
	}
	
header, 
nav,
section,
aside,
article,
footer { 
	display: block;
	position: relative;
	}

.clear { clear: both; }

header { 
	padding: 0;
	height: 210px;
	background: url(../images/common/bg-header.gif) repeat-x;
	}
	
header .container { 
	background: url(../images/common/bg-nav.gif) no-repeat center top;
	}
		
header #logo { 
	position: absolute;
	top: 0;
	left: 0;
	width: 305px;
	height: 200px;
	margin-right: 20px;
	z-index: 500;
	}

header #logo a { 
	display: block;
	width: 305px;
	height: 200px;
	background: url(../images/common/logo.png) no-repeat;
	text-indent: -5000px;
	}
	
nav { 
	float: right;
	height: 40px;
	overflow: hidden;
	padding: 10px 0 0 0;
	}
	
nav ul li { 
	display: block;
	float: left;
	height: 36px;
	}

nav ul li a {
	display: block;
	float: left;
	font-family: 'CandaraRegular', Arial, Helvetica, sans-serif;
	height: 40px;
	line-height: 40px;
	color: #999;
	text-shadow: #000 0 -1px 0;
	margin: 0 0 0 9px;
	font-size: 13px;
	letter-spacing: 0.075em;
	} 
	
nav ul li a span { 
	font-family: 'CandaraRegular', Arial, Helvetica, sans-serif;
	color: #81658e; 
	}
	
nav ul li a:hover { color: #eee; }

nav ul li a.active { color: #fff; }


#banner { 
	display: block; 
	height: 160px;
	background: #333;
	position: relative;
	z-index: 100;
	overflow: hidden;
	}
	
	#banner #iso { 
		position: absolute;
		top: 20px; 
		right: 0;
		z-index: 999;
		}
		
	#banner #iso a { 
		display: block;
		height: 40px;
		width: 170px;
		text-indent: -5000px;
		background: url(../images/common/iso-2015.png) no-repeat;
		}

	#banner #homerfq { 
		position: absolute;
		top: 75px; 
		right: 0;
		z-index: 999;
		text-align: right;
		text-shadow: #111 0 -1px 1px;
		font-size: 12px;
		color: #777;
		}
		
	#banner #homerfq .button { 
		float: right; 
		text-align: left;
		margin-bottom: 15px;
		margin-right: 0;
		}
		
	#banner #homerfq p { 
		margin-right: 13px;
		line-height: 20px;
		}
		
	#banner #homerfq strong { 
		color: #999;
		}
	
		
#mainbody { 
	margin: 0;
	}
	
#mainbody .container { 
	min-height: 300px;
	background: url(../images/common/bg-mainbody.gif) no-repeat bottom 15px;
	}

#mainbody .shadow { 
	position: relative;
	z-index: 999;
	display: block;
	width: 905px;
	margin: -15px 0 0 0;
	padding: 0 0 0 95px;
	background: transparent url(../images/common/shadow.png) no-repeat;
	}
	
#mainbody aside { 
	display: block;
	float: left;
	width: 210px;
	margin: 0 30px 0 0; 
	}
	
	
#mainbody article { 
	float: left;
	width: 570px;
	padding: 50px 0 0 0;
	}
	
#mainbody a { 
	color: #739473; 
	text-decoration: underline; 
	}
	
#mainbody a:hover { color: #fff; }

	
	h1 { 
		font-family: 'CandaraBold', Arial, Helvetica, sans-serif;
		color: #333333;
		font-size: 16px;
		margin: 0 0 20px -30px;
		letter-spacing: 0.075em;
		text-shadow: #eee 0 -1px 0;
		display: inline-block;
		background: #ddd url(../images/common/metal-grey.jpg) no-repeat;
		padding: 0 9px 0 0;
		height: 30px;
		line-height: 30px;
		width: auto;
		-webkit-box-shadow: #000 0 -1px 4px;
    	-moz-box-shadow: #000 0 -1px 4px;
    	box-shadow: #000 0 -1px 4px;
		letter-spacing: 1px;
   		border-bottom: 1px solid #fff;
    	
   	    behavior: url(js/pie.htc); /* Add to IE Styles */
		}
		
		#page-home h1 { margin-left: 0; }
		
	h1 span { 
		font-family: 'CandaraRegular', Arial, Helvetica, sans-serif;
		text-shadow: #333 0 -1px 0;
		color: #fff;
		display: inline-block;
		text-align: center;
		padding: 0;
		background: #547f54 url(../images/common/metal-green.jpg) no-repeat;
		margin: -1px 12px 0 0;
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-right: 1px solid #000; 
		letter-spacing: 1px;
   		border-bottom: 1px solid #89a989;
   		position: relative;
		}
				
	h2 { 
		font-family: 'CandaraBold', Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #50335d;
   		text-shadow: #ddd 0 -1px 0;
		margin: 0 0 10px 0;
		letter-spacing: 1px;
		}
		
	h3 { 
		font-family: 'CandaraRegular', Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #fff;
   		text-shadow: #222 0 -1px 0;
		margin: 0 0 10px 0;
		letter-spacing: 1px;
		}

	h4 { 
		font-family: 'CandaraRegular', Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #ddd;
   		text-shadow: #444 0 -1px 0;
		margin: 0 0 5px 0;
		letter-spacing: 1px;
		}

	h5 { 
		font-family: 'CandaraItalic', Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 20px;
		color: #ddd;
   		text-shadow: #444 0 -1px 0;
		margin: 0 0 5px 0;
		letter-spacing: 1px;
		}

	article p { 
		color: #999;
		font-size: 13px;
		line-height: 20px;
		margin: 0 0 10px 0;
		}
				
	article strong { 
		color: #bdbdbd; 
		}

	p.buttons { 
		margin-top: 30px; 
		}
				
	a.button { 
		display: block;
		text-indent: -5000px;
		height: 35px;
		line-height: 35px;
		float: left;
		background-repeat: no-repeat;
		background-position: 0 0;
		position: relative;
		}

	a.button:hover { 
		background-position: 0 -35px;
		}
		
		.btn-rfq { 
			background-image: url(../images/common/btn-rfq.gif);
			width: 114px; 
			margin: 0 4px 0 -3px;
			}
			
		.btn-contact { 
			width: 86px; 
			background-image: url(../images/common/btn-contact.gif);
			}

		.btn-more { 
			width: 114px; 
			background-image: url(../images/common/btn-more.gif);
			clear: both;
			float: none;
			margin: 10px 0 -10px 0;
			}

		.btn-tour { 
			width: 245px; 
			background-image: url(../images/common/btn-tour.gif);
			clear: both;
			float: none;
			margin: 5px 0 30px 0;
			}
		
	#mainbody .totop { margin: 5px 0 30px 0; }
	#mainbody .totop a { text-decoration: none !important; }
	
	article ol { 
		list-style-type: decimal;
		margin: 10px 15px;
		padding: 0 0 0 15px;
		}
		
	article ol li { 
		font-family: 'CandaraItalic', Arial, Helvetica, sans-serif;
		list-style-type: decimal;
		padding: 5px 0;
		font-size: 14px;
		line-height: 20px;
		}
		
	table { width: 570px; }
		
	table th { 
		width: 135px;
		color: #ddd;
		padding: 3px 5px 6px 0;
		text-align: left;
		}

	table td { 
		text-align: left;
		width: auto;
		padding: 3px 5px 6px 0;
		}
				
aside ul li { 
	background: url(../images/common/bullet1.gif) no-repeat 0 2px; 
	padding: 0 0 0 15px;
	margin: 8px 0;
	font-size: 12px;
	line-height: 16px;
	text-shadow: #ddd 0 -1px 0;
	}
	
	#mainbody aside ul li a { 
		color: #333;
		text-decoration: none;
		}

	#mainbody aside ul li a:hover { 
		color: #111;
		}
		
	#page-home aside ul li { margin: 0 0 4px 0; }
		
aside p { 
	margin: 0 0 8px 0;
	font-size: 12px;
	line-height: 16px;
	text-shadow: #000 0 -1px 0;
	}

.greybox { 
	width: 180px;
	padding: 15px;
	color: #333;
	background: #ddd url(../images/common/metal-ltgrey.jpg) no-repeat;
	-webkit-box-shadow: #000 0 -1px 4px;
   	-moz-box-shadow: #000 0 -1px 4px;
   	box-shadow: #000 0 -1px 4px;
   	border-bottom: 1px solid #fff;
   	margin: 0 0 30px 0;
    	
    behavior: url(js/pie.htc); /* Add to IE Styles */
    }
    
.dkgreybox { 
	padding: 15px;
	color: #999;
	background: #202020;
   	border-top: 1px solid #000;
   	border-bottom: 1px solid #444;
   	margin: 15px 0;
	}
	
.oncontact { 
	margin: 5px 0 5px 0;
	}
	
.oncontact h3 { 
	padding-bottom: 8px;
	border-bottom: 1px solid #333;
	}

.author { 
	font-style: italic;
	color: #ccc;
	}


footer .container { 
	padding: 40px 0 20px 0;
	background: url(../images/common/shadow.png) no-repeat;
	}
	
footer { 
	font-size: 13px;
	color: #999;
	text-shadow: #000 0 -1px 0;
	margin: 30px 0 0 0;
	}
		
footer span { 
	color: #666;
	margin: 0 10px; 
	}
	
footer .info { 
	float: left;
	display: block;
	font-size: 11px;
	width: 485px;
	}

footer .right { 
	float: right;
	display: block;
	width: auto;
	}
	
footer .info h3 { 
	display: block;
	width: 270px;
	height: 25px;
	margin: 0;
	background: url(../images/common/braswell.png) no-repeat;
	text-indent: -5000px;
	}
	
footer .flag { 
	display: block;
	float: left;
	width: auto;
	height: 24px;
	line-height: 24px;
	background: url(../images/common/flag.gif) no-repeat;
	padding: 0 30px 0 60px;
	border-right: 1px solid #595959;
	margin: 24px 0 0 0;
	}

footer .iso { 
	display: block;
	float: left;
	width: auto;
	border-left: 1px solid #595959;
	margin: 24px 0 0 -1px;
	padding: 0 0 0 30px;
	}

footer .iso small { 
	font-size: 11px;
	color: #666;
	}
	
footer .iso small a { 
	color: #666;
	text-decoration: underline;
	}

footer .iso small a:hover { 
	color: #999;
	}


/* Slideshow Styles */

#slideshow { 
	display: block;
	width: 970px;
	height: 275px;
	overflow: hidden;
	}
	
#slidenav { 
	position: absolute;
	top: 12px;
	z-index: 10;
	}
	
#slidenav a { 
	height: 7px;
	width: 7px;
	display: inline-block;
	background: #777;
	text-indent: -5000px;
	margin: 0 4px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	-webkit-box-shadow: #000 0 -1px 4px;
   	-moz-box-shadow: #000 0 -1px 4px;
   	box-shadow: #000 0 -1px 4px;
    
    behavior: url(js/pie.htc); /* Add to IE Styles */
    }

#slidenav a.activeSlide { background: #bbb; }


/* RFQ Styles */

table.rfq { width: 530px; }
		
table.rfq th { 
	width: 135px;
	color: #ddd;
	padding: 3px 5px 6px 0;
	}
		
table.rfq td { 
	width: auto;
	padding: 3px 5px 6px 0;
	}


#errors { 
	padding: 10px 10px 0 10px; 
	font-size: 10px;
	font-weight: bold;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #555;
    color: #fff;
    border-bottom: 1px solid #777;
	margin-bottom: 15px;
	}
	
#errors p { 
	font-size: 10px;
	font-weight: bold;
    color: #fff;
	}
	
input.field,
textarea.field { 
	border: 0;
	padding: 3px 6px;
	outline: none;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #555;
    color: #fff;
    border-bottom: 1px solid #777;
    width: 375px;
	}


table.rfq th.small { width: 35px; text-align: right; }
table.rfq td.small { width: 55px; }
table.rfq td.small input.field { width: 50px; }

table.rfq th.medium, table.rfq td.medium { width: 145px;}
table.rfq td.medium input.field { width: 140px; }

table.rfq hr { 
	height: 0;
	border: 0;
	border-bottom: 1px solid #555; 
	}
	
table td.upload input {
	margin: 0 0 5px 0;
	}


/* Homepage Styles */

#page-home header { height: 325px; }
#page-home #banner { height: 275px; }
#page-home #mainbody article { width: 530px; padding-top: 0; } 

#page-home #mainbody article p { 
	font-size: 16px;
	line-height: 30px;
	margin-left: 30px;
	}
	
#page-home #mainbody aside { 
	margin: 0 0 0 60px; 
	}

#page-home #mainbody aside .greybox { 
	width: 220px;
	}
	
#page-home #mainbody .shadow { padding-left: 65px; }
#page-home #mainbody aside { margin: 0 0 0 30px; }