/*
Theme Name: AKK
Theme URI: http://demo.jadewits.com/
Author: JadeWits Limited
Author URI: http://jadewits.com/
Description: Customized wordpress theme for AKK Group
Version: 1.3
License: Commercial Usage only
License URI: license.txt
Tags: Customized Wp Theme
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

*{
    margin: 0;
    padding: 0;
    border: 0;    
}

body{
    font-family: Arial, Tahoma, "Times New Roman", Georgia;
    font-size: 12px;
    line-height: 20px;
    color: #515151;
    background: #132549;
}
img, a img{
    border: none;
}
p{
    margin: 0 0 10px 0;
}
ul{
    padding: 0;
    margin: 0;
}
h1{
		background: url("images/underline.png") repeat-x scroll left bottom transparent;
    color: #4471A1;
    font-family: "Century Gothic",Verdana,Arial,Tahoma;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    padding: 0 0 8px 0;
    margin-bottom: 10px;
    text-transform: capitalize;
}
/*---------------------------------------wrapper-----*/
.wrapper{
    margin: 0 auto;
    background: #fff;
    width: 1002px;
    padding: 0 20px;
}

a{
    text-decoration:none;
    }

/*---------head------*/

.headportion{
    /*overflow: hidden;*/
}

.headtop{
    overflow: hidden;
}

.headlogo{
    margin: 14px 0 15px 7px;
    float: left;
}
.headlogo h1{
	background:none;
	}

.headflash{
    float: right;
    text-align: right;
    margin: 40px 5px 0 0;
}

.headnav{ 
    background: url(images/topmenubgrp.png) repeat-x;
    width: 962px;
    height: 31px;
		position: relative;
		cursor:pointer;
}
.headnav ul{
	list-style:none;
	}
.headnav ul li{
    float: left;
    background: transparent; 
    padding: 0;  
    border-right: 1px solid #88aaca; 
    z-index: 100;                         
}

.headnav ul li.first{
    /*background: transparent URL('images/topmenufirst.png') left top no-repeat;
    padding: 0 0 0 5px;*/
}
.headnav ul li.last{        
		/*background: url('images/topmenulast.png') right top no-repeat;
		padding: 0 5px 0 0;*/
		border:0 none;
}

.headnav ul li a{
    font-family: Verdana, Arial, Tahoma, "Times New Roman", Georgia;
    font-size: 14px;
    line-height: 31px;
    text-align: center;
    padding: 0 31px;
    color: #ffffff;
    text-decoration: none;
    background: transparent url('images/topmenubgrp.png') repeat-x;
    display: block;
    height: 31px;
}

.headnav ul li a:hover, .headnav .otherMenu li ul li a:hover, .headnav .otherMenu li:hover ul li a{
	color:#C0E3FF;
	background-color:#006;
	}
.headnav .otherMenu li:hover ul li a:hover{
	color:#fff;
	text-decoration:underline;
	}
.headnav ul li a:hover, .headnav ul li:hover a{
	background:#006;
	}

.headnav ul li .exNav{
    position: absolute; 
    padding: 2px 0 0;
    background: transparent;
    left:0;
    top:30;
    width: 962px;
    z-index: 102;   
    display: none;
}
.headnav .otherMenu{
	float:left;
	list-style:none;
	}
.headnav .otherMenu li{
	position:relative;
	}
.headnav .otherMenu li ul{
    position: absolute;
    left:0;
    top:32;   
    z-index: 102;
    display: none;
		width: 220px;
    height: auto;
		background: #215898;
}

.headnav .otherMenu li ul li ul{
    position: absolute;
    left:220px;
    top:0;   
    z-index: 102;
    display: none;
		width: 220px;
    height: auto;
		background: #215898;
		border-left:1px solid #fff;
}

.headnav .otherMenu li ul .hasSubMenu > a{
	background:url('images/right-arrow.png') 98% 9px no-repeat;
	}


.headnav .otherMenu li ul li{
    display: block;
		width:100%;
		text-align:left;
}

.headnav .otherMenu li ul li a{
		background: #215898;
    text-decoration: none;
    border: 0 none;
		text-align:left;
		padding:0 5px 0 10px;
		border-bottom:1px solid #fff;
		font-size:12px;
		height:auto;
}

.subnav{
    width: 933px;
    background:#215898; /*url(images/submenu.png) top left no-repeat;*/
    margin: 1px 0 0 0;
    padding: 30px 15px;
    display: block;
		overflow:hidden;
}


.subnav .leftsubnav{
    float: left;
}

.subnav .leftsubnav li{
    display: block;
    clear: both;
    background: none;
    border: none;
		line-height:20px;
}

.subnav .leftsubnav li a{
    font-family: Verdana, Arial, Tahoma, "Times New Roman", Georgia;
    font-size: 14px;
    line-height: 20px;
		height:20px;
    color: #ffffff;
    text-decoration: none;
    background: none;
    border: none;
    padding: 0;
}

.subnav .leftsubnav li a:hover{
    text-decoration: underline;
}

.subnav .rightsubnav{
    float: right;
    background: url(images/subnavborder.png) left top no-repeat;
    width: 569px;
		height:100%;
		line-height:20px;
}

.subnav .rightsubnav a{
	text-align:left;
	padding:0;
	margin:0;
	line-height:20px;
	height:20px;
	}
.subnav .rightsubnav a:hover{
	text-decoration:underline;
	}

.subnav .rightsubnav li{
    margin: 0 0 0 18px;
    border: none;
		font-family: Verdana, Arial, Tahoma, "Times New Roman", Georgia;
    font-size: 14px;
    line-height: 28px;
    color: #ffffff;
    text-decoration: none;
    background: none;
    padding: 0 0 40px 0;
		position:relative;
		overflow:hidden;
		display:block;
		display:none;
		width:auto;
		float:none;
}

.rightsubnav li .thumbnail{
	float:left;
	width:150px;
	margin-right:10px;
	margin-bottom:10px;
	}
.rightsubnav li .thumbnail img{
	width:150px;
	}
	
.rightsubnav li .readMore{
	position:absolute;
	right:10px;
	bottom:10px;
	}

.subnav .rightsubnav li a{
    color: #ffffff;
    text-decoration: none;
    background: none;
    padding: 0;
	}

.leftbox{
    float: left;
    width: 270px;
    margin-right: 10px;
}

.leftboxtext{
    float: left;
    margin: 0 0 0 8px;    
}

.leftbox img{
    width: 56px;
    height: 58px;
    display: block;
}

.leftboxtext h3{
    font-family: Verdana, Arial, Tahoma, "Times New Roman", Georgia;
    font-size: 12px;
    line-height: 24px;
    color: #ffffff;
    display: block;
    font-weight: normal;
}

.leftboxtext span{
    font-family: Verdana, Arial, Tahoma, "Times New Roman", Georgia;
    font-size: 12px;
    line-height: 24px;
    color: #ffffff;
    display: block;
}

.leftbox ul{
    list-style: circle;
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
}

.leftbox ul li{
    display: block;
    font-family: Verdana, Arial, Tahoma, "Times New Roman", Georgia;
    font-size: 12px;
    line-height: 24px;
    color: #ffffff;
    background: url('images/listcircle.png') left 10px no-repeat;
    padding: 0 0 0 10px;
}

.subnav .rightsubnav .readlink{
    float: right;
    text-align: right;
    clear: both;
}

.subnav .rightsubnav .readlink .rm{
    display: block;
    font-family: Verdana, Arial, Tahoma, "Times New Roman", Georgia;
    font-size: 11px;
    line-height: 24px;
    color: #d9e1ed;
    text-decoration: underline;
}

.rightbox{
    float: right;
    width: 270px;
}

.leftboxtext{
    float: left;
    margin: 0 0 0 8px;    
}

.rightbox img{
    width: 56px;
    height: 58px;
    display: block;
}

.leftboxtext h3{
    font-family: Verdana, Arial, Tahoma, "Times New Roman", Georgia;
    font-size: 12px;
    line-height: 24px;
    color: #ffffff;
    display: block;
    font-weight: normal;
}

.leftboxtext span{
    font-family: Verdana, Arial, Tahoma, "Times New Roman", Georgia;
    font-size: 12px;
    line-height: 24px;
    color: #ffffff;
    display: block;
}

.rightbox ul{
    list-style: circle;
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
}

.rightbox ul li{
    display: block;
    font-family: Verdana, Arial, Tahoma, "Times New Roman", Georgia;
    font-size: 12px;
    line-height: 24px;
    color: #ffffff;
    background: url('images/listcircle.png') left 10px no-repeat;
    padding: 0 0 0 10px;
}

#slider{
        width: 960px;
        height: 245px;
    margin-top: 7px;
}

.pageimgbox{
    width: 962px;
    height: 168px;
    margin-top: 7px;
    position: relative;
}

.pageimgtxt{
    position: absolute;
    bottom: 20px;
    left: 26px;
}

.pageimgtxt h3{
    font-family: Verdana, Arial, Tahoma, "Times New Roman", Georgia;
    font-size: 30px;
    line-height: 24px;
    color: #ffffff;
    font-weight: normal;
}

/*---------main------------*/

.container{
    width: 962px;
    margin-top: 20px;
    margin-bottom: 22px;
}

.topbox{
    margin: 0 0 17px 0;
}

.newsroombox{
    background: url('images/newsboxbg.png') no-repeat;
    height: 31px;
    width: 751px;
}
.newsroombox ul{
	list-style:none;
	}
.newsroombox ul li{
    float: left;
}

.newsroombox ul li.news{
    background: url('images/newsroom.png') no-repeat;
    width: 135px;
    height: 23px;
    margin: 4px 0 0 2px;
}

.newsroombox ul li.news a{
    font-family: Verdana, Arial, Tahoma, "Times New Roman", Georgia;
    font-size: 14px;
    line-height: 23px;
    text-decoration: none;
    color: #ffffff;
    padding-left: 27px;
}
.jwNewsSlider{
	margin-top:2px;
	width:612px;
	height:27px;
	overflow:hidden;
	position:relative;
	}
.jwNewsSlider .each{
	width:612px;
	height:27px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	}
.jwNewsSlider .date a{
    font-family: Verdana, Arial, Tahoma, "Times New Roman", Georgia;
    font-size: 11px;
    line-height: 27px;
    color: #336699;
    text-decoration: none;
    padding: 0 0 0 10px;
}

.jwNewsSlider span{
    font-family: Verdana, Arial, Tahoma, "Times New Roman", Georgia;
    font-size: 11px;
    line-height: 27px;
    color: #424242;
    text-decoration: none;
    padding: 0 0 0 10px;
}

.jwNewsSlider a{
    font-family: Verdana, Arial, Tahoma, "Times New Roman", Georgia;
    font-size: 11px;
    line-height: 27px;
    color: #f68371;
    text-decoration: none;
}

.search .postbox{
    background: url('images/searchbox.png') no-repeat;
    width: 147px;
    height: 22px;
    float: left;
    margin: 4px 6px 0 0;
}

.topprojectbox{
    overflow: hidden;
    width: 959px;
}

.projectbox{
    background: url('images/projectbox.png') no-repeat;
    width: 818px;
    height: 86px;
    padding: 2px 0 2px 3px;
    float: left;
    
}

.topvideobox{
    width: 132px;
    background: url('images/topvidbox.png') no-repeat;
    height: 86px;
    float: right;
    padding: 3px;
		text-align:center;
}

.topvideobox .vidsolid{
    width: 129px;
    height: 60px;
    background: url('images/vidsolid.png') no-repeat;
    display: block;
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 16px;
    line-height: 20px;
    float: left;
    color: #ffffff;
    text-decoration: none;
    padding: 20px 0 0 0px;
		margin-left:2px;
}

.curvebox{
    background: url('images/projectcurve.png') no-repeat;
    width: 138px;
    height: 86px;
    text-align: center;
    padding-top: 10px;
    float: left;
}

.curvebox span{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 14px;
    color: #ffffff;
}

.projectslide{
    float: left;
		width: 621px;
		height: 82px;
		overflow:hidden;
		position:relative;
}


.projectslide ul{
    overflow: hidden;
		width: 621px;
		height: 82px;
		overflow:hidden;
		position:absolute;
		background:#fff url(images/projectboxbg.png) no-repeat;
		left:0;
		top:0;
}

.projectslide ul li{
    float: left;
    margin: 1px 0;
}

.projectimg{
    float: left;
    padding: 6px 10px;
}

.projectimg a{
    width: 70px;
    height: 70px;
}

.projectname{
    float: left;
    padding: 20px 5px 0 0; 
    text-align: center;
		width:112px;
		overflow:hidden;
		display:block;
		
}


.projectname a{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 12px;
    color: #698fb4;
    text-decoration: none;
}

.projectnav{
    background: url('images/projectnavcurve.png') right top no-repeat;
    float: right;
    width: 42px;
    height: 82px;
    margin-right: 6px;
    padding: 20px 0 0 5px;
} 
.projectnav b{ 
    visibility: hidden; 
}
.projectnav a{
    display: block;
}
.projectnav a.next{
    width: 30px;
    height:20px;
    background: transparent url('images/arrows.png') 0 0;
}
.projectnav a.next:hover,.projectnav a.nextInactive{
    background: transparent url('images/arrows.png') 0 -21px; 
} 
.projectnav a.prev{
    width: 30px;
    height:20px;
    background: transparent url('images/arrows.png') 0 -42px;
}
.projectnav a.prev:hover,.projectnav a.prevInactive{
    background: transparent url('images/arrows.png') 0 -63px; 
}

.middlecontainer{
    margin-top: 22px;
    overflow: hidden;
    width: 962px;
}


.middleleft{
    float: left;
}

.smallbox{
    overflow: hidden;
}

.contsmallbox{
    float: left;
    background: url('images/contantsmallbox.png') no-repeat;
    height: 295px;
    width: 309px;
    padding: 6px 6px 0 6px;
}

.contsmallbox h3{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 14px;
    color: #4471a1;
    font-weight: normal;
    background: url('images/underline.png') repeat-x bottom left;
    padding: 14px 0 2px 14px;
}

.contsmallbox ul{
    margin: 7px 0 0 5px;
}

.contsmallbox ul li{
    width: 300px;
    height: 41px;
    margin-bottom: 4px;
}

.contsmallbox ul li a{
    background: url('images/bluearrowbox.png') no-repeat;
    width: 300px;
    height: 31px;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
}

.contsmallbox ul li a span{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 14px;
    line-height: 31px;
    color: #ffffff;
    margin-left: 12px;
}

.contsmallbox .morebtn{
    text-align: center;
    display: block;
    width: 97px;
    height: 23px;
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 12px;
    line-height: 23px;
    text-decoration: none;
    color: #122549;
    background: #e2e9f1;
    float: right;
    margin: 3px 13px 0 0;
}

.readmorebtn{
		display:inline-block;
		padding:0 10px;
    height: 23px;
    background: #e2e9f1;
    text-align: center;    
    z-index: 100;
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 12px;
    line-height: 23px;
    text-decoration: none;
    color: #122549;  
}


.contsmallbox p{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 14px;
    line-height: 24px;
    color: #394a59;
    padding: 6px 15px 6px 20px;
}

.contsmallbox p span{
    font-size: 24px;
}


.contentBoxRound{
	/*width:643px;
	background:url(images/txttopbg.png) left top no-repeat;*/
	border:1px solid #bbb;
	padding-top:8px;
	-webkit-border-radius:10px;
	border-radius:10px;
	}
.contentBoxRoundMiddle{
	/*background:url(images/txtmiddlebg.png) left top repeat-y;*/
	padding:20px 10px 0 10px;
	font-family: "Century Gothic", Verdana, Arial, Tahoma;
	font-size: 14px;
	line-height: 16px;
	}
.contentBoxRoundBottom{
	width:100%;
	/*background:url(images/txtbottom.png) left bottom no-repeat;*/
	padding-bottom:7px;
	}

.venturelist{
    text-align: justify;
}

.venturelist h3{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 14px;
    color: #4471a1;
    font-weight: normal;
    background: url('images/underline.png') repeat-x bottom left;
    padding: 0px 0 6px 14px;
}

.venturelist h3 a{
	font-family: "Century Gothic", Verdana, Arial, Tahoma;
	font-size: 14px;
	color: #4471a1;
	font-weight: normal;
	}

.venturelist p{
    margin: 10px 0 10px 0 !important;
}

.morebtn{
    text-align: center;
    display: block;
    position: absolute;
    bottom: 1px;
    right: 26px;
    width: 97px;
    height: 23px;
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 12px;
    line-height: 23px;
    text-decoration: none;
    color: #122549;
    background: #e2e9f1;
    float: right;
}

.venturelist .content{
	padding: 10px;
	}

.venturelist p{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 14px;
    line-height: 20px;
    color: #394a59;
    text-align:justify;
}

.noPmargin p{
    padding:0;
    }

.venturelist p span{
    font-size: 24px;
}

.venturelist ul{
    margin-top: 10px;
		list-style:none;
}
.venturelist ul.ventures li{
    /*background: url('images/listborder.png') repeat-x bottom left;*/
    padding: 5px 0 0px 20px;
		height:70px;
		float:left;
		width:285px;
		overflow:hidden;
		/*margin-bottom:10px;*/
}

.venturelist ul.ventures li a{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
    color: #0156a4;
		display:none;
}

.venturelist ul.ventures li a.image{
	display:block;
	overflow:hidden;
	clear:both;
	}
.venturelist ul.ventures li a.image img{
	height:60px;
	float:left;
	}

.venturelist ul.ventures li p{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
    color: #424242;
}

.middleright{
    float: right;
}

.timeline{
    width: 300px;
		border:1px solid #bbb;
		-webkit-border-radius:10px;
		border-radius:10px;
		background:#f6f6f6 url(images/top-to-bottom-shade-blue.png) left top repeat-x;
}

.timetop{
    background:url('images/timetop.png') no-repeat left top;
    width: 300px;
    height: 56px;
}

.timemiddle{
    background: url('images/timemiddle.png') 0px top repeat-y;
    width: 300px;
    overflow: hidden;
}

.timemiddle ul{
	list-style:none;
	}

.timetop h3{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 14px;
    color: #223e6e;
    padding: 20px 0 0 29px;
}

.timemiddle .lefttime{
    float: left;
}

.timemiddle .lefttime li{
    width: 145px;
    margin-bottom: 5px;
}

.timemiddle .lefttime li h3{
    background: url('images/leftunderline.png') no-repeat bottom right;
    margin: 0 0 0 20px;
    width: 140px;
}

.timemiddle .lefttime li h3 a{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 18px;
    line-height: 18px;
    color: #223e6e;
    text-decoration: none;
    font-weight: normal;
}

.timemiddle .lefttime li h3 a span{
    font-size: 12px;
    line-height: 18px;
}

.timemiddle .lefttime li p{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 9px;
    line-height: 12px;
    color: #223e6e;
    margin: 6px 0 0 15px;
}

.timemiddle .lefttime li p a, .timemiddle .righttime li p a{
    color: #223e6e;
    text-decoration: none;
}

.timemiddle .righttime{
    float: right;
    padding: 20px 0 0 0;
}

.timemiddle .righttime li{
    width: 139px;
    margin-bottom: 5px;
}

.timemiddle .righttime li h3{
    background: url('images/rightunderline.png') no-repeat bottom right;
    text-align: right;
    margin: 0 20px 0 -17px;
    width: 139px;
}

.timemiddle .righttime li h3 a{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 18px;
    line-height: 18px;
    color: #223e6e;
    text-decoration: none;
    font-weight: normal;
}

.timemiddle .righttime li h3 a span{
    font-size: 12px;
    line-height: 18px;
}

.timemiddle .righttime li p{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 9px;
    line-height: 12px;
    color: #223e6e;
    text-align: right;
    margin-right: 15px;
}

.timebottom{
    background: url('images/timebottom.png') no-repeat bottom left;
    width: 300px;
    height: 41px;
}

.timebottom h2{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    font-weight: normal;
    color: #bde6f0;
    padding: 10px 0 0 0;
}

.sidebox{
    width: 288px;
    margin: 15px 0 0 0;
    padding: 6px;
    position: relative;
		border: 1px solid #CCCCCC;
		border-radius: 10px;
} 

.sidemorebtn{
    text-align: center;
    display: block;
    position: absolute;
    bottom: 2px;
    right: 18px;
    width: 97px;
    height: 23px;
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 12px;
    line-height: 23px;
    text-decoration: none;
    color: #122549;
    background: #e2e9f1;
    float: right;
}

.sidebox h3{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 16px;
    color: #4471a1;
    font-weight: bold;
    background: url('images/underline.png') repeat-x bottom left;
    padding: 14px 0 2px 14px;
}

.sidebox ul{
    margin: 7px 0 0 5px;
		list-style:none;
}

.sidebox ul li{
    width: 300px;
    height: 41px;
    margin-bottom: 4px;
}

.sidebox ul li a{
    background: url('images/bluearrowbox.png') no-repeat;
    width: 300px;
    height: 31px;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
}

.sidebox ul li a span{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 14px;
    line-height: 31px;
    color: #ffffff;
    margin-left: 12px;
}

.sidebox .morebtn{
    text-align: center;
    display: block;
    width: 97px;
    height: 23px;
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 12px;
    line-height: 23px;
    text-decoration: none;
    color: #122549;
    background: #e2e9f1;
    float: right;
    margin: 3px 13px 0 0;
}

.socialbox{
    overflow: hidden;
    text-align: right;
    margin-top: 10px;
}

.socialbox ul{
    float: right;
		list-style:none;
}

.socialbox ul li{
    margin-bottom: 5px;
    background: url('images/socialbg.png') no-repeat right top;
    width: 272px;
    height: 51px;
    display: block;
    padding: 2px 0 0 4px;
}

.socialbox ul li a{
    text-decoration: none;
}

.socialbox ul li a span{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 16px;
    line-height: 51px;
    float: left;
    color: #ffffff;
    padding-left: 24px;
}

.featurebox{
    background: url('images/featurebg.png') no-repeat top right;
    width: 301px;
    height: 201px;
    display: block;
}

.featurebox h3{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 18px;
    line-height: 34px;
    text-align: right;
    color: #ffffff;
    font-weight: normal;
    padding: 10px 35px 0 0;
}

.smallbdbox{
    width: 288px;
    height: 56px;
    background: url('images/smallbdbox.png') no-repeat;
    margin: 6px 0 0 0;
    padding: 6px;
}

.smallbdbox .smallboxlink{
    width: 280px;
    height: 41px;
    background: url('images/bluebox.png') no-repeat;
    display: block;
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 14px;
    line-height: 31px;
    color: #ffffff;
    text-decoration: none;
    padding: 3px 0 0 41px;
    
}

.featurebox a{
    text-decoration: none;
    padding: 16px 10px;
}

.sidenav{
    width: 308px;
    margin-bottom: 16px;
}
.sidenav ul{
	list-style:none;
	}
.sidenav ul li{
    width: 308px;
    height: 26px;
    background: url('images/sidenavbg.png') no-repeat top left;
    margin-bottom: 2px;
}

.sidenav ul li a{
    display: block;
    width: 295px;
    height: 26px;
    text-decoration: none;
    font-family: Verdana, Arial, Tahoma, "Times New Roman", Georgia;
    font-size: 12px;
    line-height: 26px;
    color: #003b6d;
    padding: 0 0 0 13px;
		overflow:hidden;
}

.middletxtcontainer{
    width: 643px;
}

.txtcontainertop{
    width: 643px;
    /*background: url('images/txttopbg.png') no-repeat;*/
    z-index: 98;
}

.txtmiddle{
    /*background: url('images/txtmiddlebg.png') repeat-y left top;*/  
    margin-top: -12px;
    padding: 0 22px 10px 22px;
    position: relative;
    z-index: 99;
}

.txtmiddle h3,.middlecontainerContent h2{
    background: url('images/underline.png') repeat-x bottom left;
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 18px;
    line-height: 18px;
    color: #4471a1;
    font-weight: normal;
    padding: 0 0 8px 0;
}

.txtmiddle p{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 14px;
    line-height: 20px;
    color: #394a59;
    text-align: justify;
}

.contentimgbox{
    overflow: hidden;
    margin: 10px 0;
}

.contentimgbox ul{
	list-style:none;
	}

.contentimgbox ul li{
    height: 126px;
    float: left;
    margin: 0 1px 0 0;
}

.contentimgbox span{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 10px;
    line-height: 12px;
    color: #797c7e;
    display: inline-block;
}

.contentimgbox a{
    width: 97px;
    height: 24px;
    background: #e2e9f1;
    float: right;
    text-align: right;
    display: block;
}

.txtbottom{
    width: 643px;
    /*background: url('images/txtbottom.png') no-repeat top left;*/
    z-index: 98;
}

.socialboxline{
    overflow: hidden;
    text-align: right;
    float: right;
    width: 534px;
    height: 59px;
    background: url('images/socialboxlinebg.png') no-repeat right top;
}

.socialboxline ul{
    float: right;
}

.socialboxline ul li{
    width: 256px;
    height: 59px;
    display: block;
    padding: 0 0 0 4px;
    float: left;
    margin: 0 4px 0 0;
}

.socialboxline ul li a{
    text-decoration: none;
}

.socialboxline ul li a span{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 16px;
    line-height: 51px;
    float: left;
    color: #ffffff;
    padding-left: 24px;
}

/*---------fotter------------*/

.footportion{
    background: url('images/footbg.png') no-repeat top left;
    width: 962px;
    height: 73px;
}

.leftfoot{
    float: left;
    padding: 22px 0 0 37px;
}

.leftfoot ul{
    overflow: hidden;
		list-style:none;
}

.leftfoot ul li{
    float: left;
    padding-right: 25px;
}

.leftfoot ul li a{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 12px;
    line-height: 24px;
    color: #ffffff;
    text-decoration: none;
}
.leftfoot ul li a:hover{
	text-decoration:underline;
	}

.leftfoot p{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 12px;
    line-height: 24px;
    color: #ffffff;
}

.rightfoot{
    float: right;
    margin: 16px 27px 0 0;
}

.rightfoot p{
    font-family: "Century Gothic", Verdana, Arial, Tahoma;
    font-size: 12px;
    line-height: 18px;
    color: #ffffff;
    padding: 25px 48px 0 0;
}


/*---------extra------------*/
.oh{overflow: hidden;}
.w976{width: 976px;}
.w962{ width:962px; }
.hide{display: none;}
.fl{float: left;}
.fr{float: right;}
.fn{float: none;}
.mr10{ margin-right: 10px;}
.mr15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mb20{ margin-bottom:20px;}
.mb15{ margin-bottom:15px;}
.padr0{padding-right: 0;}
.padt12{padding-top: 12px;}
.padt16{padding-top: 16px;}
.padr6{padding-right: 6px;}
.padr10{padding-right: 10px;}
.nobg{ background: none !important;}
.mr0{
    margin-right: 0;
}
.clear{
    clear: both;
}

/*----SLIDER RELATED----*/

.slide{
    width: 632px;
    height: 245;
    position: relative;
}

.slide img{
    position: absolute;
    left:0;
    top:0;
}

.slideText{
    position:relative;
}

.slideTitle{
    width:245px;
    height:41px;
    /*background: url('images/slider/slider-img-band1.png') no-repeat;*/
    font-family: Century Gothic;
    font-size: 14px;
    font-weight: bold;
    color:#fff;
    padding-top: 10px;
    padding-left: 15px;
    position: absolute;
        -ms-transform:  rotate(-90deg);        /*IE Rotation*/
    -webkit-transform: rotate(-90deg);      /*Chrome Rotation*/
    -moz-transform: rotate(-90deg);         /*Mozilla Rotation*/
    -o-transform: rotate(-90deg);           /*Opera Rotation*/
    left:-105px;
    top:90px;    
    }

/*Only IE8 Rotartion*/  
@media \0screen {
  .slideTitle{
    left:0;
    top:-15px;
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
}  
/*Only IE7 Rotartion*/
*+html .slideTitle{
    left:0;
    top:-15px;
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.slideInfo{
    /*
		width: 360px;
		height: 20px;*/
    /*background: url('images/slider/shade.png');*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height:18px;
    font-style: normal;
    color: #fff;
		padding-right:36px;
		/* padding:15px 57px 8px 37px;*/
    position: absolute;
    right:20px;
    bottom:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		font-weight:bold;
}

.slideArrow{
    /*font-family: Century Gothic;
    font-size: 12px;
    font-style: normal;
    font-weight:normal;
    text-decoration: none;
    color: #ddd;
    margin-top: 8px;
    position: absolute;
    right:20px;
    bottom:0px;*/
		position:absolute;
		left:8px;
		bottom:10px;
		width:20px;
		height:20px;
		background:url(images/btn-play.png) left bottom no-repeat;
		display:block;
	}
.opened .slideArrow{
	background-position:left top;
	display:none;
	}
.slideInfo .slideArrow{
	display:none;
	}
.opened .slideInfo .slideArrow{
	background-position:left bottom;
	right:10px;
	top:-2px;
	left:auto;
	display:block;
	}
.opened .slideInfo:hover .slideArrow{
	background-position: left top;
	}
.slideInfo a img{
	left:auto;
	position:relative;
	}
/*------------- BY Sakib 23 April 2012
*/
.middleleftSmall{
	float: left;
	width: 302px;
	background: #fff;
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
.jumpList,.portfolioLink{
	margin: 10px;
	list-style:none;
}
.jumpList a,.portfolioLink a{
	color: #336699;
	font-family: Verdana,Arial,Tahoma,"Times New Roman",Georgia;
    font-size: 12px;
    line-height: 31px;
    text-decoration: none;
}
.portfolioLink li{
	list-style: circle;
	margin-left: 20px;
}
.portfolioLink a{
	color: #000;
	line-height: 20px;
	font-style: italic;
}
.portfolioLink h4 a{
	color: #4471A1;
	line-height: 20px;
}
.jumpList a:hover,.portfolioLink a:hover{
	text-decoration: underline;
}
.middlerightBig{
	margin-left: 12px;
	padding: 20px;
	float: left;
	width: 600px;
	background: #fff;
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
.middlerightBig h1{
	background: url("images/underline.png") repeat-x scroll left bottom transparent;
    color: #4471A1;
    font-family: "Century Gothic",Verdana,Arial,Tahoma;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    padding: 0 0 8px;
    text-transform: capitalize;	
}
.mileStones{
	margin: 10px 0;
}
.mileStones h3{
	color: #4471A1;
    font-family: "Century Gothic",Verdana,Arial,Tahoma;
    font-size: 14px;
    margin-bottom: 5px;
}
.mileStones p{
	color: #424242;
    font-family: Verdana,Arial,Tahoma,"Times New Roman",Georgia;
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
}
/*--------------------------- Career Page
*/
.fullWidth{
	width: 920px;
	padding: 20px;
	background: #fff;
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}
.fullWidth h1{
	background: url("images/underline.png") repeat-x scroll left bottom transparent;
    color: #4471A1;
    font-family: "Century Gothic",Verdana,Arial,Tahoma;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    padding: 0 0 8px;
    text-transform: capitalize; 
}
#career input,#career textarea,#contact-us input,#contact-us textarea{
	background: #fff;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	padding: 5px;
}
#career select{
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	padding: 5px;
}
.address{
	margin: 20px;
}
.address h4{
	color: #4471A1;
	font-size: 14px;
}
.newsLink li{
	margin-bottom: 10px;
}
.newsLink li p{
	font-size: 11px;
}
.newsLink li h3{
	font-weight: bold;
	font-size: 14px;
}
.newsLink li h3 a{
		
}

.newsLink li h3 a.link{
		color: #F68371;
    font-family: Verdana,Arial,Tahoma,"Times New Roman",Georgia;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
	}

.txtmiddle p{
	margin-bottom: 10px;
}


.JadeWits{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	background:url(images/jadewits-limited.png) right top no-repeat;
	padding-right:68px;
	line-height:15px;
	height:42px;
	display:inline-block;
	overflow:hidden;
	text-decoration:none;
	color:#ccc;
	}
.JadeWits b{
	padding-top:6px;
	display:inline-block;
	}
.JadeWits:hover{
	background:url(images/jadewits-limited.png) right bottom no-repeat;
	color:#92c4ff;
	}
	
.content{
	margin-top:10px;
	overflow:hidden;
	}
.content ul,.content ol{
	padding-left:30px;
	margin-bottom:10px;
	}

.alignleft{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}
.alignright{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	}
	
.postNavigation{
	margin: 10px 0px;
	}
	
.roundWithBlueShade, .middletxtcontainer{
		border:1px solid #bbb;
		-webkit-border-radius:10px;
		border-radius:10px;
		background: url(images/top-to-bottom-shade-light-ash.png) left top repeat-x;
		}