/*
-----------------------------------------------
Style Sheet
Site Name here - master styles
Author: Walker Designs
----------------------------------------------- */

/* =html */
html { 
	background: #c6cdc9 url(../images/global/bg_html.jpg) 0 0 no-repeat;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}	
/* =body */
body { 
	font-family: Helvetica, Verdana, sans-serif;
	font-size: x-small;
	margin: 0 auto;
	padding: 0;
	width: 900px;
}
/*
= TYPOGRAPHY ---------------------------------- */
/* =h1 */
div#branding h1 a {
	background: transparent url(../images/global/logo.png) 0 0 no-repeat;
	display: block;
	float: left;
	height: 125px;
	margin: 10px 0 15px 10px;
	text-indent: -9000px;
	width: 170px;
}
/* =h2 */
div#wrapper div#colOne h2 {
	background: transparent url(../images/h2_corporate.jpg) 0 0 no-repeat;
	height: 190px;
	margin: 0 0 10px 0;
	text-indent: -9000px;
	width: 580px;
}

div#wrapper div#colOne div#map {
	height: 345px;
	margin: 0 0 10px 0;
	width: 580px;
}
div#wrapper div#colOne #home h2 {
	height: 285px;
	margin: 0 0 20px 0;
	width: 580px;
}
div#wrapper div#colOne #blank h2 {
	height: 0;
	margin: 0 0 20px 0;
	width: 580px;
}
body#home div#wrapper div#colOne h2 {
	background: transparent url(../images/h2_home.jpg) 0 0 no-repeat;
}
body#corporate div#wrapper div#colOne h2 {
	background: transparent url(../images/h2_corporate.jpg) 0 0 no-repeat;
	height: 250px;
}
body#tungsten div#wrapper div#colOne h2 {
	background: transparent url(../images/h2_tungsten.jpg) 0 0 no-repeat;
}
body#news div#wrapper div#colOne h2 {
	background: transparent url(../images/h2_kingisland.jpg) 0 0 no-repeat;
	
}
body#king_island_project div#wrapper div#colOne h2 {
	background: transparent url(../images/h2_kingisland.jpg) 0 0 no-repeat;
}
body#contact div#wrapper div#colOne h2 {
	background: transparent url(../images/h2_contact.jpg) 0 0 no-repeat;
}
body#investors div#wrapper div#colOne h2 {
	background: transparent url(../images/h2_investors.jpg) 0 0 no-repeat;
}
body#gallery div#wrapper div#colOne h2 {
	background: transparent url(../images/h2_gallery.jpg) 0 0 no-repeat;
}
body#blank div#wrapper div#colOne h2 {
	background: transparent ;
}

/* =h3 */
div#wrapper div#colOne h3 {
	background: transparent url(../images/global/bg_h3.png) 0 30px no-repeat;
	color: #474c42;
	font-size: 190%;
	margin: 0 0 15px 9px;
	padding: 30px 0 0 20px;
	width: 570px;
}
div#wrapper div#colTwo h3 {
	margin: 0 0 10px 10px;
	height: 26px;
	padding: 0 0 0 10px;
	width: 280px;
}
div#wrapper div#colTwo h3#latestNews {
	background: transparent url(../images/global/h3_latestnews.png) 0 0 no-repeat;
	text-indent: -9000px;
}
div#wrapper div#colTwo h3#location {
	background: transparent url(../images/global/h3_location.png) 0 0 no-repeat;
	text-indent: -9000px;
}
div#wrapper div#colTwo h3#marketNews {
	background: transparent url(../images/global/h3_marketnews.png) 0 0 no-repeat;
	text-indent: -9000px;
}
div#wrapper div#colTwo h3#downloads {
	background: transparent url(../images/global/h3_downloads.png) 0 0 no-repeat;
	margin-top: 5px;
	text-indent: -9000px;
}

/* =h4 */
div#wrapper div#colTwo h4 {
	color: #fff;
	font-size: 135%;
	font-weight: bold;
	margin-left: 20px;
}
div#wrapper div#colOne h4 {
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	margin-left: 30px;
}
div#wrapper div#colOne h4 a {
	color: #fff;

}

div#wrapper div#colTwo div.article h4,
div#wrapper div#colTwo div.download h4 {
	margin-left: 0;
}

/* =h5 */
/* =p */
div#wrapper div#colOne #content p {
	color: #474c42;
	line-height: 150%;
	font-size: 120%;
	margin: 10px 30px;
}
div#wrapper div#colOne #content img {
	float: right;
	padding-left: 15px;
}
body#king_island_project div#wrapper div#colOne #content img {
	float: none;
	padding-left: 0;
}
body#contact div#wrapper div#colOne #content img {
	float: none;
	padding-left: 0;
}

div#wrapper div#colOne #content ul.thumbs li p {
	font-size: 90%;	
	margin: 5px 5px 5px 0;
}
div#wrapper div#colOne #content p.intro {
	font-weight: bold;
}
div#wrapper div#colTwo div.article p {
	color: #145897;
	line-height: 150%;
	font-size: 110%;
	margin: 0;
	padding-bottom: 5px;
	width: 250px;
}
div#wrapper div#colTwo div.article p.date {
	color: #145897;
	margin: 0;
	font-style: italic;
	width: 250px;
}
div#wrapper div#colTwo div.download p {
	color: #fff;
	line-height: 150%;
	font-size: 110%;
	margin: 0;
	padding-bottom: 10px;
	font-style: italic;
	width: 250px;
}
div#wrapper div#colTwo p {
	color: #fff;
	line-height: 150%;
	font-size: 110%;
	margin: 0 0 0 20px;
	padding-bottom: 10px;
	font-style: normal;
	width: 250px;
}

/* =strong/b/em/i */
strong, b { 
	font-weight : bold; 
}
em, i { 
	font-style : italic; 
}

/*
= LISTS ---------------------------------- */

/* =ul */
ul#skipNav {
 	position: absolute;
 	text-indent: -9000px;
}
div#mainNav ul {
	height: 23px;
	width: 700px;
}
div#mainNav ul li {
	float: left;
	position: relative
}
/* =ol */
/* =li */
div#siteInfo ul li {
	color: #474c42;
	display: block;
	float: left;
}

/* =img */
/* =a */
div#siteInfo ul li a:active,
div#siteInfo ul li a:link,
div#siteInfo ul li a:visited {
	color: #474c42;
	text-decoration: none;
}
div#siteInfo ul li a:hover {
	color: #145897;
	text-decoration: none;
}
div#mainNav ul li a {
	float: left;
	display: block;
	height: 23px;
	text-indent: -9000px;
}
div#mainNav ul li#navCorp a:active,
div#mainNav ul li#navCorp a:link,
div#mainNav ul li#navCorp a:visited {
	background: transparent url(../images/global/navMain.png) 0 0 no-repeat;
	width: 123px;
}
div#mainNav ul li#navCorp a:hover {
	background: transparent url(../images/global/navMain.png) 0 -23px no-repeat;
	width: 123px;
}
div#mainNav ul li#navTung a:active,
div#mainNav ul li#navTung a:link,
div#mainNav ul li#navTung a:visited {
	background: transparent url(../images/global/navMain.png) -123px 0 no-repeat;
	width: 94px;
}
div#mainNav ul li#navTung a:hover {
	background: transparent url(../images/global/navMain.png) -123px -23px no-repeat;
	width: 94px;
}
div#mainNav ul li#navInve a:active,
div#mainNav ul li#navInve a:link,
div#mainNav ul li#navInve a:visited {
	background: transparent url(../images/global/navMain.png) -217px 0 no-repeat;
	width: 101px;
}
div#mainNav ul li#navInve a:hover {
	background: transparent url(../images/global/navMain.png) -217px -23px no-repeat;
	width: 101px;
}
div#mainNav ul li#navGall a:active,
div#mainNav ul li#navGall a:link,
div#mainNav ul li#navGall a:visited {
	background: transparent url(../images/global/navMain.png) -318px 0 no-repeat;
	width: 90px;
}
div#mainNav ul li#navGall a:hover {
	background: transparent url(../images/global/navMain.png) -318px -23px no-repeat;
	width: 90px;
}
div#mainNav ul li#navKIP a:active,
div#mainNav ul li#navKIP a:link,
div#mainNav ul li#navKIP a:visited {
	background: transparent url(../images/global/navMain.png) -408px 0 no-repeat;
	width: 100px;
}
div#mainNav ul li#navKIP a:hover {
	background: transparent url(../images/global/navMain.png) -408px -23px no-repeat;
	width: 100px;
}
div#mainNav ul li#navCont a:active,
div#mainNav ul li#navCont a:link,
div#mainNav ul li#navCont a:visited {
	background: transparent url(../images/global/navMain.png) -508px 0 no-repeat;
	width: 117px;
}
div#mainNav ul li#navCont a:hover {
	background: transparent url(../images/global/navMain.png) -508px -23px no-repeat;
	width: 117px;
}
div#wrapper div#colTwo a {
	border: none;
	margin: 0 0 0 20px;
}
div#wrapper div#colTwo div.article h4 a:active,
div#wrapper div#colTwo div.article h4 a:link,
div#wrapper div#colTwo div.article h4 a:visited {
	color: #fff;
	margin: 0;
	font-weight: bold;
	text-decoration: underline;
}
div#wrapper div#colTwo div.article h4 a:hover {
	color: #a33600;
	text-decoration: none;
}
div#wrapper div#colTwo div.download h4 a:active,
div#wrapper div#colTwo div.download h4 a:link,
div#wrapper div#colTwo div.download h4 a:visited {
	color: #fff;
	margin: 0;
	font-weight: bold;
	text-decoration: underline;
}
div#wrapper div#colTwo div.download h4 a:hover {
	color: #145897;
	text-decoration: none;
}
/*  SUBNAV */
div#mainNav ul ul {
	width:190px;
}
div#mainNav ul ul {
	display: none;
	position:absolute;
	height:0;
	top:23px;
	left:0; 
	width:190px;
	z-index: 100;
}

div#mainNav ul li:hover ul.subNav,
div#mainNav ul a:hover ul.subNav{
	display: block; 
	padding-bottom: 10px;
	margin-bottom: 10px;
}
div#mainNav ul li#navCorp ul.subNav li a,
div#mainNav ul li#navTung ul.subNav li a,
div#mainNav ul li#navInve ul.subNav li a,
div#mainNav ul li#navKIP ul.subNav li a {
	opacity:.90;
	-moz-opacity: 0.90;
	filter: alpha(opacity=90); 
	background: none;
	background-color: #636b60;	
	color: #fff;
	font-size: 125%;
	font-weight: normal;
	text-indent: 0;
	text-decoration: none;
	height: 15px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 0;
	width:180px;
}
div#mainNav ul li#navCorp ul.subNav li a:hover,
div#mainNav ul li#navTung ul.subNav li a:hover,
div#mainNav ul li#navInve ul.subNav li a:hover,
div#mainNav ul li#navKIP ul.subNav li a:hover {
	opacity:.90;
	-moz-opacity: 0.90;
	filter: alpha(opacity=90); 
	background: none;
	background-color: #636b60;	
	color: #fff;
	font-size: 125%;
	font-weight: bold;
	text-indent: 0;
	text-decoration: underline;
	height: 15px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 0;
	width:180px;
}
div.uploadform a {
	margin-left: 30px;
}
hr {
	display: none;
}
div#content div.pagenumbers {
	color: #145897;
	margin: 10px 20px 10px 50px;
}
div#content div.pagenumbers a {
	color: #145897;
}
div#content div.pagenumbers a:hover {
	color: #fff;
}

div#content div.thumbscontainer {
	margin-left: 10px;
}
div#mainNav ul li#navCorp ul.subNav li.last a,
div#mainNav ul li#navTung ul.subNav li.last a,
div#mainNav ul li#navInve ul.subNav li.last a,
div#mainNav ul li#navKIP ul.subNav li.last a,
div#mainNav ul li#navCorp ul.subNav li.last a:hover,
div#mainNav ul li#navTung ul.subNav li.last a:hover,
div#mainNav ul li#navInve ul.subNav li.last a:hover,
div#mainNav ul li#navKIP ul.subNav li.last a:hover {
	height: 25px;
}

div#wrapper div#colOne ul {
	list-style-type: disc;
	list-style-position: outside;
	margin: 0 30px 15px 43px;
}
div#wrapper div#colOne ul.thumbs {
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 10px 15px 30px;
}
div#wrapper div#colOne #content ul.thumbs li a img {
	float: none;
	padding-left: 0;	
}
div#wrapper div#colOne ul li {
	color: #474c42;
	line-height: 150%;
	font-size: 120%;
}
div#wrapper div#colOne ul li a {
	color: #474c42;
	line-height: 150%;
	font-size: 100%;
}

/*
= LAYOUT ---------------------------------- */
/* =layout */
sup {
	vertical-align: top;		
}
sub {
	vertical-align: bottom;		
}
div#branding {
	height: 150px;
	width: 900px;
}
div#mainNav {
	float: left;
	margin: 68px 0 0 20px;
	padding: 0;
	position:relative;
}
div#wrapper {
	background: transparent url(../images/global/bg_wrapper.png) 0 0 repeat-y;
	clear: left;
	padding: 10px;
	width: 900px;
}
div#wrapper div#colTwo {
	float: left;
	margin: 0;
	min-height: 500px;
	padding: 0 0 0 10px;
	width: 300px;
}
div#wrapper div#colOne {
	float: left;
	margin: 0;
	padding: 0;
	width: 580px;
}
div#wrapper div#colOne #content {
	background: transparent url(../images/global/bg_content.png) 0 0 repeat-y;
	margin: 0;
	min-height: 350px;
	padding: 0;
	width: 580px;
}
div#wrapper div#contentFooter {
	background: transparent url(../images/global/bg_contentFooter.png) 0 0 no-repeat;
	clear: left;
	height: 10px;
	margin: 0;
	padding: 0;
	width: 900px;
}
div#wrapper div#colTwo div.article,
div#wrapper div#colTwo div.download {
	margin: 0 0 10px 20px;
}
div#siteInfo {
	background: transparent url(../images/global/bg_siteInfo.png) 0 0 repeat-y;
	clear: left;
	height: 30px;
	padding: 10px;
	margin: 10px 0 0 0;
	width: 900px;
}

/* =index layout */

/*
= TABLES ---------------------------------- */
/* =table */
div#wrapper div#colOne table {
	margin: 0 0 15px 25px;
	width: 530px;	
}
/* =tr */
div#wrapper div#colOne table tr.altrRow {
	background-color: #a7c3b6;	
}
/* = th td */
div#wrapper div#colOne table td,
div#wrapper div#colOne table th {
	color:#474C42;
	padding: 5px 10px 5px 5px;	
}
div#wrapper div#colOne table th {
	font-weight: bold;	
}
div#wrapper div#colOne table td.alignRight,
div#wrapper div#colOne table th.alignRight {
	text-align: right;	
}
div#wrapper div#colOne table th.alignCentre {
	text-align: center;	
}



/*
= FORMS ---------------------------------- */
/* =form */

div#colOne form {
	margin: 0 0 0 30px;
	width: 360px;
	text-align: left;
}

input#email_address, input#name{
	width:250px;
}


/* =fieldset */

/* =legend */

/* =label */
div#colOne form label {
	color: #474c42;
	display: block;
	width: 310px;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}
div#colOne form label.field-name,
div#colOne label.field-email,
div#colOne label.field-phone,
div#colOne label.field-type {
	clear: left;
}
div#colOne label.field-name,
div#colOne label.field-email,
div#colOne label.field-phone,
div#colOne label.field-type {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 360px;
}

/* = input */
div#colOne form input {
	display: block;
	margin-top: 4px;
}
div#colOne form label.field-name input,
div#colOne form label.field-email input {
	float: left;
	width: 300px;
	padding: 0px;
	margin-bottom: 6px;
}
div#colOne form label.field-phone input,
div#colOne form input.vericode {
	float: left;
	width: 150px;
	padding: 0px;
	margin-bottom: 6px;
}
div#colOne form input.vericode {
	margin-right: 40px;	
}

/* =textarea */

/* =select */

div#colOne form img {
	float: none;
}
#map {
	float: right;
	margin-right: 10px;
	overflow:hidden;
}


/*
= GALLERY ---------------------------------- 
*/

ul.thumbs li {
list-style: none;
float: left;
display: block;
list-style-image: none !important;
margin: 5px 5px 0 5px !important;
height: 177px;
}

ul.thumbs p{
	width: 160px;
}

/*
= MISC ---------------------------------- */
/* float clearing for IE6 */
* html .clearfix{
	height: 1%;
  	overflow: visible;
}
/* float clearing for IE7 */
*+html .clearfix{
   	min-height: 1%;
}
/* float clearing for everyone else */
.clearfix:after{
 	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
