/* yellow colour ffc100 */

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left  {float:left}
.right  {float:right}
.wrapper {width:100%;overflow:hidden;}
/* Global properties ======================================================== */
body {border:0;font:14px Verdana, Geneva, sans-serif; color:#666;line-height:20px;min-width:980px}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure ============================================================= */
.main {margin:0 auto;	width:960px;position:relative;}
.bg1 {background:#090909}
/* ============================= main layout ====================== */
a {text-decoration:none; font-weight:bold; outline:none; color:#575757}
a:hover {color:#1d248f}
h1 {font-size:20px;color:#1d248f;font-weight:600;line-height:1.2em;padding:10px 10px;letter-spacing:0px}
h1 span {color:#ffffff;}
h2 {font-size:14px;color:#b8773c;font-weight:600;line-height:1.8em;padding:12px 10px 8px 10px;letter-spacing:0px;}
h2 span {color:#004b93;}
h3 {font-size:16px;color:#1d248f;font-weight:600;line-height:1.2em;padding:10px 0 6px 0;letter-spacing:0px}
h3 span {color:#ffffff;}
h3.color1 {padding:0 0 7px 0}
h4 {font-size:14px;color:#cfd6e7;font-weight:100;line-height:1.2em;padding:25px 10px 8px 10px;letter-spacing:0px;}
p {padding:10px 20px 10px 10px; line-height:22px;}
.text1 {font-size:20px; line-height:1.5em;}
.text-small{font-size:12px; line-height:1.5em;}
.tab { margin-left: 40px; }
.pict{margin-right:10px; margin-left:10px;}
/* ============================= header ====================== */

div#header { margin:0px auto; }
/* menu::base */
div#header{
	
    background:url(../images/bg-header.png) repeat-x #6e97c3;
}
#logo {display:block;text-indent:-9999px;background:url(../images/logo.png) 0 0 no-repeat;width:280px;height:180px}
#logoinner {display:block;text-indent:-9999px;background:url(../images/logo-inner.png) 0 0 no-repeat;width:121px;height:80px}
.panel{ width:600px; float:right;}
.panel_top{ width:600px; float:left;}
.panel_bottom{ width:600px; float:left;}

#lang {width:600px;float:right;}
#lang li {float:right;padding-left:10px; padding-top:10px;}
#lang .first {float:none;font-size:23px;color:#333;font-weight:400;line-height:1.2em;margin-top:-15px;letter-spacing:-1px;padding-bottom:9px}



#slider {width:600px;height:220px;}
.items {display:none}
.pagination {position:absolute;bottom:22px;right:274px;z-index:2}
.pagination li {float:left;padding-left:3px}
.pagination a {display:block;width:17px;height:17px;background:url(../images/buttons.png) right 0 no-repeat;text-indent:-9999px}
.pagination a:hover, .pagination .current a {background-position:left}
.banner {position:absolute;top:50px;z-index:2;right:12px;color:#a0a0a0;width:550px}
.title {font-size:42px;line-height:1.3em;letter-spacing:-2px;display:block;padding-bottom:9px;  }
.title .color1 {color:#ee933d;}
.title .color2 {color:#1d248f;}
.title span {display:block; margin-top:-17px}
.banner .button1 {font-size:28px;padding:0 24px;height:49px;line-height:46px;margin-top:-1px;letter-spacing:-2px}
.banner .button1:hover {background:#1d248f;color:#fff}
.signature {text-align:right;display:block;color:#5f870e;line-height:20px;padding-top:6px}
.signature strong {display:block;color:#fff}
.readmore {text-align:right;display:block;color:#b8773c; line-height:20px;padding-top:6px}
.readmore a {color:#b8773c;}
.social {text-align:right;display:block; padding-top:15px;}
/* ============================= content ====================== */
#content, #contenthome #content2 {padding:0 20px}
#content {padding-bottom:9px; background:url(../images/bg-content.png) repeat-y}
#contenthome {padding-bottom:9px;}
#content2 {padding-bottom:21px}
.pad_bot1 {padding-bottom:12px}
.pad_top1 {padding-top:12px}
.pad_left {padding-left:40px}
.marg_right1 {margin-right:40px}
.marg_right2 {margin-right:20px}
.marg_left1 {margin-left:40px}
.pad_leftright1{padding:0 20px}
.marg_tb{margin:15px 0px;}
.no_pad { padding-bottom:0}
.color1 {color:#ee933d}
.color2 {color:#fff}
.bg_blue{background-color:#004b93;}
.bg_pink{background:url(../images/bg_pink.png) repeat-x #fdf8eb;}
.button1 {display:inline-block;font-size:13px; color:#009;padding:0 10px;background:#ee933d;height:25px;line-height:24px;position:relative;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;letter-spacing:0px;margin-top:-6px}
.button1:hover {background:#1d248f;;color:#fff}
.list1{padding:5px;}
.list1 a {color:#808080;padding-left:15px; background:url(../images/marker_1.png) 0 5px no-repeat}
.list1 a:hover {color:#ee933d;}
.list2{padding-left:20px;}
.list2 li {padding-left:20px; padding-right:20px; background:url(../images/marker-2.png) 0px 5px no-repeat;padding-bottom:8px}
figure {padding-top:2px}

.dropcap_1 {float:left;background:url(../images/dropcap_1.png) 0 0 no-repeat;width:20px;height:20px;text-align:center;font-size:14px;line-height:16px;color:#fff;font-weight:700;margin-right:15px;margin-top:2px;margin-bottom:10px}
.address span {float:left;width:88px}
.address a {text-decoration:underline}
/* ============================= footer ====================== */
footer  {padding:20px 20px 0;height:98px}
footer a {color:#808080}
footer a:hover {color:#1d248f}
#icons {width:184px;float:right}
#icons li {float:left;padding-left:10px; padding-bottom:20px;}
#icons .first {float:none;font-size:23px;color:#333;font-weight:400;line-height:1.2em;margin-top:-15px;letter-spacing:-1px;padding-bottom:9px}
/* Tooltips */
.aToolTip  {background:#5f870e;color:#fff;	margin:0;padding:2px 10px 3px;font-size:12px;line-height:1.2em;position:absolute}
.aToolTip .aToolTipContent  {position:relative;	margin:0;padding:0}
/* ============================= forms ============================= */
#ContactForm {margin-top:-2px}
#ContactForm .wrapper {overflow:inherit;min-height:30px;line-height:26px}
#ContactForm .textarea_box {min-height:189px}
#ContactForm  span {float:left;width:80px}
#ContactForm a {margin-left:15px;float:right;width:124px;padding:0;text-align:center}
#ContactForm .input  {margin:0;width:420px;height:18px;background:none;padding:4px 10px;color:#000;font:14px Arial, Helvetica, sans-serif}
#ContactForm textarea  {overflow:auto;width:820px;height:160px;background:none;padding:4px 10px;color:#000;font:14px Arial, Helvetica, sans-serif;margin:0}
#ContactForm  .bg {background:#fff; position:relative;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;float:left}







/* Menu */
/* main menu */

.menu{
margin: 0 0;
margin-bottom:10px;
padding: 0;
float: left;
font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
width: 100%;
overflow: hidden;
background: black url(../images/menu_active.png) center center repeat-x;
}

.menu li{
display: inline;
}

.menu li a{
float: left;
color: white;
padding: 5px 16px;
text-decoration: none;
border-right: 1px solid white;
}

.menu li a:visited{
color: white;
}

.menu li a:hover, .menu li .current{
color: white;
background: transparent url(../images/menubg.png) center center repeat-x;
}




div#fmenu { margin:0px auto;}
/* menu::base */
div#fmenu {
    height:50px;
    background-color:#004b93;
	
}
.fnav
{
	float:left;
	padding:10px 0px;
	
}
.fnav li {
   list-style: none;
   float: left;
   padding-top:4px;
   
    }
.fnav li a {
   	display: block;
	color: #ffffff;
	font-size:12px;
	font-weight:100;
	padding-right:10px;
	padding-left:10px;
	text-decoration:none;
	}
.fnav li a:hover {
   color: #b5793d; }





.box
{
	width:278px;
	height:250px;
	background:url(../images/box-bg.png);
	
}
.line
{
	width:100%;
	border-bottom:2px solid #f0dea0;
}
.line-blue
{
	width:100%;
	border-bottom:2px solid #3266a3;
}
.seprator-line
{
	width:100%;
	border-bottom:solid 1px #c0c0c0;
	margin:10px 0px;
}







  
#imageSlider 
{
    height:168px; /*width is optional, but height is required.*/
    float:left; 
    padding:0;/*Note: never change this value other than 0*/
    overflow:hidden;
    position:relative;
    text-align:center;
}

/*--------div.item is each slides. It is the child div nodes of #imageSlider, and the wrapper of each slide image--------*/
#imageSlider div.item
{
    width:168px; height:126px;
    padding:10px;
    
}

#imageSlider img 
{
    width:168px; height:126px; 
}
#imageSlider h2 
{
    width:168px; 
}
#imageSlider p
{
    width:168px;
	overflow:inherit; 
}

.description 
{
    color:White;
    position:absolute;
    top:30px;
    left:10px;
}


/*---------navigation buttons-------*/
.navPrev, .navPlay, .navPause, .navNext 
{
    width:29px; height:29px; position:absolute; top:60px; 
    background:url(navbuttons.gif); 
    display:inline-block; z-index:5; cursor:pointer;
}
.navPause {background-position:0 0;left:218px;} .navPlay {background-position:0 -29px;left:218px;} .navPrev {width:21px; height:21px; background-position:0 -79px;left:100px;}.navNext {width:21px; height:21px; background-position:0 -58px;left:125px;} 

.navPrev, .navPlay, .navPause, .navNext 
{
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}


/*---------navigation bullets--------*/

/* Note: When "ScrollAllInView" was set to true in the Javascript, the navBullets won't be displayed.*/
.navBullets
{
    /*display:none;*/ /*set it display:none when you want to hide it*/
	z-index:5;
	cursor:pointer;
	/*Specify the position of navigation buttons*/
	position:absolute;
	top:20px;
	left:220px;
	width:24px;
}
/*.navBullets div defines the style of each bullet*/
.navBullets div 
{
    width:8px; height:8px;
    background:transparent url(bullets.png) no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:6px;/*margin-right determines the distance between each list item*/
    _position:relative;/*IE6 hack*/
}

.navBullets div.focus {background-position:0 -8px;}