@charset "utf-8";

*{
margin:0;
padding:0;
}

html{
height:100%;
}

body {
	background: #666;
	margin: 0px;
	height:100%;
}

.wrapper {
	width:835px;
	height:auto;
	margin:0 auto;
	background:#fff;
	font:100% Verdana, Geneva, sans-serif;
}

.header {
	width:100%;
	height:200px;
	position:relative;
	background:#efefef;
}

.header .logo {
	background:url(../images/logo.png) no-repeat;
	width:235px;
	height:145px;
	margin-left:10px;
	margin-top:50px;
	float:left;
}

.logo a{
	display:block;
	padding:74px 116px;
}

.login {
	width:80px;
	height:22px;
	background:url(../images/loginBg.jpg) no-repeat;
	top:0px;
	right:20px;
	position:absolute;
	z-index:10;
}

.login a{
	display:block;
	padding:9px 41px;
}

.header .slider {
	width:530px;
	height:200px;
	float:right;
	margin-top:0px;
}




.solidblockmenu ul{
margin: 0;
padding: 0px;
float: left;
font: 11px Verdana, Arial, Helvetica, sans-serif;
width: 100%;
border: none;
background: #7b7b7b;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 3px 12px;
text-decoration: none;
border-left: 1px solid white;
text-transform:capitalize;
}

.solidblockmenu li:first-child a{
border-left:none;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
color: white;
background: #ed1c24;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}
	
.pageContent {
	height:504px;
	margin:10px 0px 0px;
	width:100%;
}

.homeImg {
	background:url(../images/main_img.jpg) no-repeat bottom left;
}

.ceoImg {
	background:url(../images/ceo_img.jpg) no-repeat bottom left;
}

.page3Img {
	background:url(../images/main-img2.jpg) no-repeat bottom left;
}

.page4Img {
	background:url(../images/main-img3.jpg) no-repeat bottom left;
}

.pageContent .content {
	width:480px;
	height:425px;
	margin-left:330px;
	color:#666666;
	text-transform:lowercase;
}

.content .subcontent{
	width:100%;
	height:425px;
	overflow:auto;
}

.content p{
	margin:10px 10px 15px;
	text-align:justify;
	font-size:11px;
}

.content ul{
	margin:10px 10px 15px 25px;
	text-align:justify;
	font-size:11px;
	list-style-type:dash;
}

.content li {
	margin:5px 0px;
}

.gap5 {
	width:5px;
	height:5px;
}

.gap10 {
	width:10px;
	height:10px;
}

.gap20 {
	width:20px;
	height:20px;
}

.gap50 {
	width:50px;
	height:50px;
}

.cl {clear:both;}

.fl {float:left;}

.fr {float:right;}

.footer {
	height:22px;
	width:100%;
	color:#fff;
	background:#ed1c24;
	font-size:11px;
	line-height:22px;
}

.footer a {
	color:#fff;
	text-decoration:none;
}

.footer a:hover {
	text-decoration:underline;
}


.scrollbarcol {float:right; }


div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
    position:relative;
    width:460px; height:200px;
	top:10px;
    overflow:hidden;
	float:left;
	}
    
div#scrollbar { 
  position:relative;
  width:11px; height:220px; 
  font-size:1px;
  float:right;
    /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:0; top:11px;
  width:11px; height:200px;
  background: #444444;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 
	
.grey {
	color:#333;
	text-decoration:none;
}

.red {
	color:#ed1c24;
	text-decoration:none;
}

.content a{
	text-decoration:none;
	font-size:11pt;
}

.tfc {
	text-transform:none;
}

.banner {
	width: 96%;
	height:30px;
	background:url(../images/banner_bg.jpg) repeat-x;
	color:#fff;
	font-size:11px;
	line-height:30px;
	margin:50px auto 0px;
}

.banner a {
	color:#fff;
	font-size:11px;
	text-transform:capitalize;
	text-decoration:none;
}

.newTop {
	font-size:12px;
	color:#ed1c24;
	text-transform:uppercase;
	text-align:right;
}
