/*
Theme Name:WP CODA
Theme URI:http://www.ezywebdesign.com.au
Description:Coda theme by Ezy web design.
Version:1.0
Author:Nav Singh
Author URI:http://www.ezywebdesign.com.au
*/

/* CSS Reset */
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend caption{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
h1, h2, h3, h4, h5, h6 {font-size:110%;margin-top:0px;margin-bottom:10px;padding-top:0px;padding-bottom:0px;}
ol, ul{list-style:none}
a{text-decoration:none; cursor:pointer}

body{font-family:Arial, verdana, Helvetica, sans-serif;color:#525252;background-color:#000000;}

#loading{position:absolute;width:100%;height:100%;top:0px;left:0px;margin:0 auto;text-align:center;padding:300px 0 0 0;font:bold 11px Arial, Helvetica, sans-serif;background-color:black;filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;color:#FFFFFF;z-index:100;}

#fancy_freeIframe {background-color:#000000 !important;}
#page {width:900px;height:551px;margin:0 auto;background:url(images/page-background.png) top center no-repeat;background-position:top center;background-repeat:no-repeat;}
#slider {width:890px;margin:0 auto;padding-top:100px;position:relative;}
#page .navigation{	padding:0 0 0 20px;height:20px;}
#page .navigation li{height:20px;float:left;padding:0 2px 0 0;}
#page .navigation a{display:block;height:20px;line-height:20px;float:left;padding:0 1px 0 0;font-size:11px;color:#FFFFFF;font-weight:bold;}
#page .navigation a:hover, #page .navigation a.selected{color:#FFFFFF;}
#page .navigation a span{display:block;height:20px;float:left;padding:0px 7px 0px 4px;background:url(images/sep.png) center right no-repeat;}
#page .navigation a:hover span,#page .navigation a.selected span{}
#page .navigation a:focus{outline:none;}
#page .navigation .waterjet-cutting span {background:none;}
#page .scroll{height:418px;width:850px;margin:0 auto;overflow:auto;position:relative;clear:left;}
#page .scrollContainer .panel {padding:20px 0px 20px 10px;height:378px;width:840px;overflow:hidden;font-family:arial, Verdana, Helvetica, sans-serif;color:#525252;font-size:11px;}		
#page .scrollContainer .panel .pane {height:378px;padding:0px 10px 0px 0px;}

#page .logo-div {position:absolute;top:0px;left:0px;}
#page .logo-div a {display:block;width:214px;height:72px;color:white;font-size:11px;font-family:verdana;}
#page .toughening-div {position:absolute;top:26px;left:0px;margin-left:257px;}
#page .toughening-div a {color:white;font-size:11px;font-family:verdana;}
#page .home-contact-div {position:absolute;top:51px;left:0px;margin-left:265px;color:white;font-size:11px;font-family:verdana;}
#page .home-contact-div a {color:white;font-size:11px;font-family:verdana;}

#page .panel h1, #page .panel h2, #page .panel h3, #page .panel h4, #page .panel h5, #page .panel h6 {margin:5px 0px 10px 0px;padding:0px;line-height:80%;color:#9D0C06;font-family:arial black, verdana;font-weight:bold;}
#page .panel h1 {font-size:17px;} 
#page .panel h2 {font-size:16px;}
#page .panel h3 {font-size:15px;}
#page .panel h4 {font-size:14px;}
#page .panel h5 {font-size:13px;}
#page .panel h6 {font-size:12px;}

#page .panel #long-content h1, #page .panel #long-content h2, #page .panel #long-content h3, #page .panel #long-content h4, #page .panel #long-content h5, #page .panel #long-content h6 {margin:0px 0px 10px 0px;padding:0px;line-height:100%;color:#9D0C06;font-family:arial black, verdana;font-weight:bold;}
#page .panel #long-content h1 {font-size:17px;}
#page .panel #long-content h2 {font-size:16px;}
#page .panel #long-content h3 {font-size:15px;}
#page .panel #long-content h4 {font-size:14px;}
#page .panel #long-content h5 {font-size:13px;}
#page .panel #long-content h6 {font-size:12px;}

#page .panel p{padding:0 0 1em 0;text-align:justify;}
#page .panel strong{color:#33333e;}
#page .panel em{font-style:italic;}
#page .panel a{white-space:nowrap;color:#525252;}
#page .panel a:hover{text-decoration:underline;}
#page .panel .gallery img{padding:2px;border:solid 1px #c0c5d6;}
#page .panel ul, #page .panel ol {margin:0 0 1em 0;}
#page .panel li{list-style-position: inside;padding: 0 0 0.3em 0;}
#page .panel ul li{margin:0 0 0 1em;list-style:square;}
#page .panel ol li{margin:0 0 0 1.5em;list-style:decimal;}
#page .panel .gallery{text-align:center;	}
#page .panel .alignright {float:right;margin:0px 0px 5px 40px;}
#page .panel .alignleft {float:left;margin:0px 40px 5px 0px;}
#page .scrollButtons{width:51px;height:102px;position:absolute;top:245px;cursor:pointer;}
#page .scrollButtons a{display:block;height:102px;width:51px;}
#page .scrollButtons span{display:none;}
#page .scrollMeLeft{left:-38px;}
#page .scrollMeLeft a{background:url(images/scroll_left.png) 0 0 no-repeat;}
#page .scrollMeRight{right:-50px;}
#page .scrollMeRight a{background:url(images/scroll_right.png) 0px 0 no-repeat;}

#page #footer {width:890px;padding-top:20px;padding-bottom:10px;margin:0 auto;float:left;text-align:right;font-size:10px;font-weight:bold;font-family:arial;color:#787878;}
#page #footer a {text-decoration:underline;font-size:10px;font-weight:bold;font-family:arial;color:#787878;}

div#fancy_overlay{
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	background-color:#333;
}

div#fancy_loading{
	position:absolute;
	height:40px;
	width:40px;
	cursor:pointer;
	display:none;
	overflow:hidden;
	background:transparent;
	z-index:100;
}

div#fancy_loading div{
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:480px;
	background:transparent url(images/fancy_progress.png) no-repeat;
}

div#fancy_close{
	position:absolute;
	top:-12px;
	left:-12px;
	height:30px;
	width:30px;
	background:transparent url(images/fancy_closebox.png) ;
	cursor:pointer;
	z-index:100;
	display:none;
}

div#fancy_content{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0; 
	margin:0;
	z-index:96;
}

#fancy_frame{
	position:relative;
	width:100%;
	height:100%;
	display:none;
}

img#fancy_img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0; 
	padding:0; 
	margin:0;
	z-index:92;
	cursor:pointer;
}

div#fancy_title{
	position:absolute;
	bottom:-35px;
	left:0;
	width:100%;
	z-index:100;
	display:none;
}

div#fancy_title table{
	margin:0 auto;
}

div#fancy_title div{
	color:#FFF;
	font:bold 12px Arial;
	padding-bottom:2px;
}

td#fancy_title_left{
	height:32px;
	width:15px;
	background:transparent url(images/fancy_title_left.png) repeat-x;
}

td#fancy_title_main{
	height:32px;
	background:transparent url(images/fancy_title_main.png) repeat-x;
}

td#fancy_title_right{
	height:32px;
	width:15px;
	background:transparent url(images/fancy_title_right.png) repeat-x;
}

div#fancy_outer{
	position:absolute;
    top:0;
    left:0;
    z-index:90;
    padding:18px 18px 58px 18px;
    margin:0;
    overflow:hidden;
    background:transparent;
    display:none;
}

div#fancy_inner{
	position:relative;
	width:100%;
	height:100%;
	border:1px solid #fff;
	background:#fff;
}

a#fancy_left, a#fancy_right{
	position:absolute; 
	bottom:10px; 
	height:100%; 
	width:35%; 
	cursor:pointer;
	background-image:url(images/data:image/gif;base64,AAAA);
	z-index:100; 
}

a#fancy_left{
	left:0px; 
}

a#fancy_right{
	right:0px; 
}

a#fancy_left:hover{
	background:transparent url(images/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover{
	background:transparent url(images/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
}

div#fancy_bg{
	display:none;
}
	
div.fancy_bg{
	position:absolute;
	display:block;
	z-index:70;
}

div.fancy_bg_n{
	top:-18px;
	width:100%;
	height:18px;
	background:transparent url(images/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne{
	top:-18px;
	right:-13px;
	width:13px;
	height:18px;
	background:transparent url(images/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e{
	right:-13px;
	height:100%;
	width:13px;
	background:transparent url(images/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se{
	bottom:-18px;
	right:-13px;
	width:13px;
	height:18px;
	background:transparent url(images/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s{
	bottom:-18px;
	width:100%;
	height:18px;
	background:transparent url(images/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw{
	bottom:-18px;
	left:-13px;
	width:13px;
	height:18px;
	background:transparent url(images/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w{
	left:-13px;
	height:100%;
	width:13px;
	background:transparent url(images/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw{
	top:-18px;
	left:-13px;
	width:13px;
	height:18px;
	background:transparent url(images/fancy_shadow_nw.png) no-repeat;
}