/*------------------------------------
	Fonts
------------------------------------*/
@font-face 
{
	font-family:"WeblySleek UI Light";
	src:url("../fonts/weblysleekuil.eot?") format("eot"),
	url("../fonts/weblysleekuil.woff") format("woff"),
	url("../fonts/weblysleekuil.ttf") format("truetype"),
	url("../fonts/weblysleekuil.svg#WeblySleekUILight") format("svg");
}
@font-face
{
	font-family:"WeblySleek UI Semilight";
	src:url("../fonts/weblysleekuisl.eot?") format("eot"),
	url("../fonts/weblysleekuisl.woff") format("woff"),
	url("../fonts/weblysleekuisl.ttf") format("truetype"),
	url("../fonts/weblysleekuisl.svg#WeblySleekUISemilight") format("svg");
}
@font-face
{
	font-family:"WeblySleek UI Semibold";
	src:url("../fonts/weblysleekuisb.eot?") format("eot"),
	url("../fonts/weblysleekuisb.woff") format("woff"),
	url("../fonts/weblysleekuisb.ttf") format("truetype"),
	url("../fonts/weblysleekuisb.svg#WeblySleekUISemibold") format("svg");
}
/*------------------------------------
	Layout
------------------------------------*/
*
{
	margin:0;
	padding:0;
	border:0;
	font-family:"WeblySleek UI Light", Tahoma, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#4D4D4D;
}
body
{
	background:#E4E4E4;
}
#header, #footer, #content
{
	width:100%;
}
#header
{
	height:4em;
	background:#F1AB00;
	position:fixed;
	z-index:9999;
}
#content
{
	width:960px;
	margin:0 auto;
	padding-top:4em;
}
#footer
{
	background:#F1AB00;
}
#logo-wrapper
{
	float:left;
}
#logo-wrapper img
{
}
#nav-handler
{
	float:right;
	display:none;
}
#nav-wrapper
{
	float:right;
}
#nav-wrapper ul li
{
	list-style:none;
	float:left;
	display:inline;
	text-align:left;
}
#nav-wrapper ul li a
{
	float:left;
	display:inline;
	line-height:4em;
	text-decoration:none;
	font-family:"WeblySleek UI Semibold", Tahoma, Arial, Helvetica, sans-serif;
	color:#002065;
	padding:0 1em;
}
#nav-wrapper ul li a:hover, #nav-wrapper ul li a:active
{
	background:#002065;
	color:#F1AB00;
}

/*------------------------------------
	General Styles
------------------------------------*/
h1, h2, h3, h4, h5, h6
{
	font-weight:normal;
}
h1{font-size:4em;}
h2{font-size:3em;}
h3{font-size:2em;}
h4, h5, h6{font-size:1.2em;}
.general-ul
{
	list-style:none;
}
.general-ul li
{
	list-style:none;
	padding-left:1.5em;
	padding-bottom:0.5em;
	background:url(/images/bullet.png) left .1em no-repeat;
}

.bg-white
{
	background:#FFF;
}
.bg-blue
{
	background:#002065;
}
.light-gray-bg
{
	background:#F6F6F6;
}
.white
{
	color:#FFF;
}
.blue
{
	color:#002065;
}
.gray
{
	color:#9FA0A4;
}
.bold
{
	font-family:"WeblySleek UI Semibold", Tahoma, Arial, Helvetica, sans-serif;
}
.italic
{
	font-style:italic;
}
.capatalize
{
	text-transform:uppercase;
}
.inline-link
{
	text-decoration:none;
}
.inline-link:hover
{
	text-decoration:underline;
}
.small
{
	font-size:0.8em;
}
.regular
{
	font-size:1em;
}
.medium
{
	font-size:1.5em;
}
.big
{
	font-size:2em;
}
.center
{
	text-align:center;
}
.left-align
{
	text-align:left;
}
.block
{
	display:block;
}
.img
{
	width:100%;
	height:auto;
	margin-bottom:1em;
}
.separator
{
	display:block;
	height:0.2em;
	line-height:0.2em;
	margin:0 0.8em;
	background:#E4E4E4;
}
/*------------------------------------
	Misc
------------------------------------*/
.misc-spacer
{
	display:block;
	height:4em;
}
#mmc
{
	text-decoration:none;
}
/*------------------------------------
	Slideshow
------------------------------------*/
.show-container
{
	width:100%;
	height:auto;
	position:relative; /* IMPORTANT.. Do NOT Remove! */
}
.show-container img
{
	width:100%;
	height:auto;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

/*------------------------------------
	Nav Highlighters
------------------------------------*/
#home-body #home-nav-highlight a,
#products-body #products-nav-highlight a,
#quality-control-body #quality-control-nav-highlight a,
#process-body #process-nav-highlight a,
#facilities-body #facilities-nav-highlight a,
#contact-body #contact-nav-highlight a,
#enquiry-body #enquiry-nav-highlight a
{
	background:#002065;
	color:#F1AB00 !important;
}

/*------------------------------------
	Form
------------------------------------*/
#enquiry span
{
	line-height:2em;
}
.txt-field, textarea, .captcha
{
	width:95%;
	padding:0 2%;
	border:1px solid #BDBEC0;
	height:2em;
	line-height:2em;
}
textarea
{
	height:auto;
	line-height:1.2em;
	padding-top:0.3em;
}
.captcha
{
	width:2em;
}
.error
{
	text-indent:1em;
	font-size:0.8em;
	color:#E23828;
}
.submit
{
	display:inline;
	padding:0 1em;
	height:3em;
	line-height:3em;
	background:#289728;
	color:#FFF;
	text-align:center;
	cursor:pointer;
}
.submit:active
{
	background:#002065;
}
.notification
{
	display:inline-block;
	padding:0.5em;
	margin-bottom:1em;
}
.success
{
	color:#FFF;
	background:#75A875;
	border:1px solid #289728;
}
.warning
{
	background:#FFFAC2;
	border:1px solid #E5E5E5;
}
.failure
{
	color:#FFF;
	background:#DE685D;
	border:1px solid #E23828;
}
/*------------------------------------
	Media Queries
------------------------------------*/
@media screen and (max-width: 1600px)
{
}
@media screen and (max-width: 1200px)
{
}
@media screen and (max-width: 960px)
{
	#content
	{
		width:100%;
		margin:0;
	}
	#nav-handler
	{
		float:right;
		display:inline-block;
		height:64px;
		width:64px;
		background:url(/images/nav-handler-bg.png) left top no-repeat;
		background-size:cover;
		cursor:pointer;
	}
	#nav-wrapper
	{
		clear:both;
		float:left;
		width:100%;
		border-right:none;
	}
	#nav-wrapper ul
	{
		width:100%;
		border-top:1px solid #FFF;
		margin-left:0;
		margin-bottom:0;
	}
	#nav-wrapper ul li
	{
		float:none;
		display:block;
		height:3em;
		background:#F1AB00;
		border-bottom:1px solid #FFF;
	}
	#nav-wrapper ul li a
	{
		display:block;
		width:98%;
		height:3em;
		line-height:3em;
		text-decoration:none;
		font-family:"WeblySleek UI Semibold", Tahoma, Arial, Helvetica, sans-serif;
		color:#002065;
		padding:0 2% 0 0;
		text-indent:1em;
		border:0;
	}
	h1{font-size:3em;}
	h2, h3{font-size:2em;}
	h4, h5, h6
	{
	}
	.misc-spacer{display:none}
}
@media screen and (max-width: 768px)
{
	#header{height:3em;}
	#nav-handler
	{
		height:3em;
		width:3em;
		background-size:cover;
	}
	#logo-wrapper img
	{
		height:3em;
		width:auto;
	}
	#content
	{
		padding-top:3em;
	}
	.txt-field, textarea
	{
		width:50%;
	}
	.error
	{
		text-indent:0;
	}
}
@media screen and (max-width: 640px)
{
}
@media screen and (max-width: 480px)
{
	.txt-field, textarea
	{
		width:95%;
	}
	.submit
	{
		width:100%;
	}
}
@media screen and (max-width: 320px)
{
}