/* CSS Document */
html { border: none; padding: 0px; margin: 0px; }
html, body {  height:100%; }

body { font-family: Arial, Helvetica, sans-serif;
		color: #878E96;
		padding: 0px 0px 0px 0px;
		margin: 0;
		/*margin: auto 0;*/
/*		text-align: center;*/
/*		vertical-align:middle;*/
		background-color: white;
		font-size: 12px;
		}

a { text-decoration: none; color: #999; }
a:hover, a:active { color: #444; }
a:visited { border: none!important; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0ex 0em 0.5ex 0em; }

p { margin: 0ex 0em 1ex 0em; padding: 0; }

img { border:none; }

TABLE{border:none;}
/***********************************************************************************************************
 * MENU *
 ***********************************************************************************************************/
div#container { 
	position: relative;
	width: 980px;
	height: 588px;
	padding: 0px;
	margin: 0 auto;
	text-align: center;
	overflow:hidden;
	z-index: 1;
}

div#menu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 158px;
	height: 536px;
	padding: 0px;
	margin: 0px;
	text-align: left; 
	padding: 0px;
	overflow:hidden;
}

#menucont {
	position: relative;
	top: 15px;	left: 10px;
}
#menucont A {
	display:block;
	color: #878E96;
	cursor: pointer;
	border: none;
}
#menucont A.selected { color: #000000; }
#menucont A:hover, #menucont A:active { color: #000000; }


A.main {
	margin-top: 0px;
}
A.nosubs { 
	margin-bottom: 10px;
}
.subcont {
	overflow: hidden;		
	margin: 5px 0 7px 10px;
	background-color: #ffffff;		/* NEED to specify this for IE to work */
	width: 134px;
}
.hide {
	display: none;
}
#menucont { z-index: 1; }
#menucover {
	z-index: 10;
	position: absolute;
	left: 0px;
	top: 50px;
	width: 154px;
	height: 490px;
	background-color: #ffffff;
}






/***********************************************************************************************************
 * MAIN IMAGE AREA *
 ***********************************************************************************************************/
div#main_image,div#available-cont {
	position: absolute;
	left: 156px;
	top: 0px;
	width: 578px;
	height: 536px;
	padding: 0px; 
	margin: 0px;
	}
div#available-cont{ width:563px; padding-left:15px;}

div#main_image img { position: absolute; bottom: 0px; right: 0px; width: 563px; height: 536px; border: none; z-index:0;  }
div#main_image_inner, div#home_main_image_inner { position: absolute; bottom: 0px; right: 0px; width: 563px; height: 536px; background-color:#FFFFFF; }
div#home_main_image_inner{ height:504px; bottom:32px;}
div.main_image_inner_video { background-color:#000000!important;}
div#bottom_right_text_down A.selected { color: #000000; }
div#home_bottom{ position: absolute; bottom: 0px; right: 0px; width: 563px; height: 32px; background-color:#91A4C0; text-align:left; font-size:114%; color:#FFFFFF; }
div#home_inner_text{ position: absolute; bottom: 0px; left: 0px;}
div#home_bottom a{ color:#FFFFFF; text-decoration:underline; }

div#available-cont a{ display:block; float:left; width:178px; height:178px; text-align:left; color:#FFFFFF; font-size:114%;  }
div#available-cont a p{ margin:0; width:168px; height:32px; padding:5px; background-color:#577ea9;  }

div#central_flash { background-color: white; width: 520px; margin: 60px 0px 0px 0px; overflow: hidden; text-align:left;  }
html>body div#central_flash { margin: 60px 0px 0px 25px;  } 

div#central_flash div h2 p { display: none; }

.central_padding { border-left: solid 15px #999; background-color: white; padding: 0px 30px; text-align: center; margin: 0 auto;  }
.left_padding { height:476px!important; width:510px !important; border-left: solid 15px #999; background-color: white; padding-left:30px !important; padding-top:60px !important; text-align:left !important;  }

div#central_text { padding: 0px 45px 0px 35px; text-align: left; }
html>body div#central_text { padding: 0px 45px 0px 30px;  }

div#central_text p { font-size: 12px; }
div#central_text p strong { color: #333333; }

div#right_pane { 
	position: absolute;
	right: 0px;
	height: 536px;
	text-align: left;
	padding: 0px;
	}

div#flash_heading, div#flash_right_bottom, div#flash_right_3q, div#mid_right_text { 
	position: absolute; 
	left: 15px; 
	padding-right:5px;
	}

div#flash_heading { 
	top: 15px;
	}

div#flash_right_3q { 
	bottom: 125px;
	}

div#flash_right_bottom { 
	bottom: 4px;
	}

div#mid_right_text { 
	bottom: 126px;
	} 
	
div#bottom_right_text_down, div#bottom_right_text_up { 
	position: absolute; 
	left: 15px;
	padding-right: 15px;
	}
div#bottom_right_text_down p, div#bottom_right_text_up p {
	font-size: 12px;
}
div#bottom_right_text_down { 
	/*top: 350px;*/bottom:0px;
	height: 120px;
	}
	
div.solid_pane div#bottom_right_text_down p a { color: #216169; } 
div.solid_pane div#bottom_right_text_down p a:hover { color: #666666; } 
div#bottom_right_text_up p strong { color: #878E96; }

div#bottom_right_text_up p a { color: white;  }

div#bottom_right_text_up p a:hover { color: #878E96; }

div#bottom_right_text_up { 
	bottom: 9px;
	} 

div#bottom_right_text_down .active a { color: #333333; }

div.solid_pane div { color: white; }
div#right_pane div ul { list-style: none; padding: 0px; }

div#right_pane h2 { font-size: 20px; position: absolute; top: 6px; left: 15px; color: white; }
div#right_pane div.bottom_right { position: absolute; bottom: 6px; left: 15px; color: white; }

div.footer { 
	position: absolute; 
	bottom: 0px;
	left: 156px;
	width: 824px;
	height: 56px;
	text-align: center;
	vertical-align: top;
	font-size: 9px; 
	letter-spacing: -0.3px;
	}

/* for non-IE browsers */

html>body div#container div.footer { height: 49px;}

div.footer hr { border-top: solid 1px #999; padding: 0px; margin: 5px 0px; height: 1px; }

div.footer div { position: absolute; height: 35px; bottom: 0px; }

div.left_footer_column { left: 0px; width: 180px; text-align: left; }

div.middle_footer_column { left: 195px; width: 380px; text-align: right; }

div.right_footer_column { right: 0px; width: 230px; text-align: right; }

.hide { visibility: hidden; display: none; }

/* awards page image section */
div#award_images{ position:relative; top:60px; text-align:center; }

/* white right pane with thick coloured border */
div.right_border { width: 231px; background-color: white; border-right: solid 15px #999; color: #666666; } 
div.solid_pane { width: 246px; color: white; }

/* for txt2swf - if valign top then we need an absolute position div with top 0 to position correctly. */
#flash_top_text{position: absolute; top: 0px;}

/* CONTACT FORM */
#contact_main_bg{ position:absolute; top:55px; width:478px; height:361px; left:57px; background-color:#000000; filter: alpha(opacity=50);opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;}
#contact_main{ position:absolute; top:55px; width:478px; height:361px; left:57px; color:#FFFFFF;}
#contact_col_l{ float:left; width:270px; padding-top:10px; padding-left:15px; }
#contact_col_r{ float:right; width:178px; padding-top:10px; padding-right:15px; }
#contact_title{ float:left; width:40%; height:23px; line-height:22px; text-align:left; }
#contact_input{ float:left; width:60%; height:23px; text-align:left; }
#contact_input INPUT{ width:145px; height:14px; border:1px #CCCCCC solid; }
#contact_fullrow{ float:left; width:100%; height:23px; line-height:22px; text-align:left;}
#contact_comments_input{ float:left; width:100%; height:303px; text-align:left;}
#contact_comments_input TEXTAREA{ width:153px; height:289px; text-align:left; border:1px #CCCCCC solid;}
#contact_main BUTTON { border: none; background: url(/images/button.gif) no-repeat center center; margin-right:1em; height:19px; line-height:15px; width: 72px; white-space: nowrap;text-align: center;padding: 2px 2px 4px 2px; font-size:0.8em; color:#666666; cursor:pointer;}
#contact_main BUTTON:hover{color:#999999;}
#contact_main .error{ color:#FF9900; font-weight:bold; } 
#contact_main #contact_return_msg{ padding-top:10px; padding-left:15px;}

.contact_main_bg_sm{ height:250px !important;}
.contact_main_sm{ height:250px !important; }
.contact_comments_input_sm{ height: 189px !important;}
.contact_comments_input_sm TEXTAREA{ height: 175px !important;}

/* INVESTORS */
.investors{ padding-bottom:30px; padding-right:30px; padding-left:7px; text-align:left !important;}
.investors A{ color:#486279; }
.investors A:hover{ color:#000000; }