/*------------------*/
/*	MENU
/*------------------------------------------------------*/

#access .menu {
	list-style: none;
	font-weight: normal;
	position: relative;
	float: right;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 0px;
}
#access .menu select {
	border: 2px solid #eee;
	padding: 10px 10px 10px 10px;
	background-color: #f9f9f9;
	color: #333;
}
#access .menu ul {
	margin: 0px;
	list-style-type: none;
	position: relative;
	text-align: left;
	z-index: 1001;
	height: 78px;
	margin: 0;
	float: right;
}
#access .menu ul li {
	position: relative;
	display: inline-block;
	padding: 0;
	z-index: 101;
	margin: 0px 0px 0px 1px;
	float: left;
}
#access .menu ul li.last {
	background: none;
}
#access .menu ul li a {
	display: inline-block;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	margin: 0;
	padding: 32px 20px 32px 20px;
	text-align: center;
}
#access .menu ul li a:hover {
	color: #fff;
	padding: 32px 20px 32px 20px;
	background-color: #005D9A;
} 
#access .menu ul li a.active {
	color: #fff;
	padding: 32px 20px 32px 20px;
	background-color: #005D9A;
}
#access .menu ul li a i {
	margin-right: 5px;
	float: left;
}

#access .menu ul li ul {
	position: absolute;
	left: 0;
	height: auto;
	display: none;
	visibility: hidden;
	width: 194px;
	padding: 0;
	margin-top: 0px;
	text-align: left;
	background: #005D9A;
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
}
#access .menu ul li ul li {
	display: list-item;
	float: none;
	background: none;
	padding: 0;
	margin: 0;
	height: auto;
}
#access .menu ul li ul li ul {
	top: 0;
}
#access .menu ul li ul li a {
	margin: 0;
	border: none;
	display: block;
	padding: 14px 17px 14px 17px;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	color: #fff;
	background: #425d6c;
	width: 159px;
	text-align: left;
	border-bottom: 1px solid #576f7d;
}
#access .menu ul li ul li a:hover,
#access .menu ul li ul li.active a,
#access .menu ul li ul li a.selected {
	background: #40d172;
	border-bottom: 1px solid #576f7d;
	color: #fff;
	padding: 14px 17px 14px 17px;
}

#access .menu ul li ul li:last-child {
	border: none;
}
* html #access .menu {
	height: 1%;
}

.selectnav {display: none; width: 440px; margin-left: 20px;}


/* dropcaps */

.dropcap1, .dropcap2, .dropcap3 {
	float: left;
	text-align: center;
	overflow:hidden;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.dropcap1 {
	width: 53px;
	height:	58px;
	line-height: 50px;
	background:url(../images/elements/dropcap_gray.png) no-repeat scroll 0px 0px transparent;
	color: #999;
	margin:0 8px -4px 0;
	font-size: 32px;
}
.dropcap1.gray {
	background-image:url(../images/elements/dropcap_gray.png);
}
.dropcap2 {
	background:url(../images/elements/dropcap_gray.png) no-repeat scroll 0 -108px transparent;
	color:#999;
	line-height: 47px;
	height: 56px;
	width: 53px;
	margin:0 8px -4px 0;
	font-size:32px;
}
.dropcap2.gray {
	background-image:url(../images/elements/dropcap_gray.png);
}
.dropcap3 {
	font-size:40px;
	line-height: 40px;
	width:100%;
	height:44px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -4px;
	margin-left: 0;
}
.dropcap3.gray {
	color: #999;
}

#servicebox {
	height:auto;
	float: left;
	margin: 0px;

}


#servicebox ul {
float:left;
padding:0px;
}

#servicebox ul li{
width:309px;
height:auto;
border:solid #CCCCCC;
float:left;
margin:5px 20px 20px 30px;
}


#servicebox .title{
height:32px;
background:#2A2C2D;
font-family:Helvetica, sans-serif;
font-weight: normal;
font-size:20px;
color:#FFFFFF;
text-align:center;
width:100%;
padding-top:6px;
font-family: "Tw Cen MT", arial, sans-serif;
text-transform:uppercase;
float:left;
}


#servicebox .data{
background:#EAEAEA;
font-family:Calibri;
font-weight: normal;
font-size:15px;
color:#000;
text-align:left;
margin: 5px 5px 5px 5px;
text-transform:none;
float:left;
}

#servicebox .readmore{
font-family:Calibri;
font-weight: bold;
font-size:17px;
color:#000;
text-align:right;
text-transform:none;
background:#EAEAEA;
text-transform:uppercase;
text-decoration:none;
}

.data{
font-family:Calibri;
font-size:17px;
color:#000;
text-align:left;
margin: 5px 5px 5px 5px;
text-transform:none;
line-height:20px;
}


.content{
font-family:Calibri;
font-size:15px;
color:#000;
text-align:left;
text-transform:none;
line-height:20px;
}

.footerdata{
font-family:Calibri;
font-size:15px;
color:#000;
text-align:right;
text-transform:none;
float:right;
line-height:20px;
}


#slideshow {
    position:relative;
    height:326px;
	width:1100px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.aboutus {
font-family:Calibri;
font-size:16px;
color:#000000;
line-height:20px;
float:left;
width:38%;
margin-left:20px;
}

.aboutus h2{
font-family:Calibri;
font-size:18px;
font-weight:bold;
}

.aboutus ul {
float: left;
width: 100%;
margin-top: 15px;
margin-left: 20px;
}

.aboutus ul li{
margin-top: 10px;
font-family: Calibri;
font-size: 16px;
list-style: url(../images/blue_bullet.png);
padding-left: 10px;
line-height: 20px;
}


#abt_lft {
width: 55%;
height: auto;
float: left;
margin-left: 10px;
}

#abt_rght {
width: 42%;
height: auto;
float: right;
}

#abt_rght p {
float: left;
color: #333;
font-family: Calibri;
font-size: 14px;
text-align: justify;
width: 96%;
}

#abt_rght h2 {
float: left;
color: #F00;
font-family: Calibri;
margin: 5px 0;
}
#abt_rght ul {
list-style: url(../images/sign.png);
float: left;
margin-top: 10px;
margin-left: 20px;
width: 70%;
}

#abt_rght ul li {
list-style: url(../images/sign.png);
font-family: Calibri;
text-align: justify;
font-size: 15px;
margin-top: 5px;
}

#vision {
width: 55%;
height: auto;
float: left;
border-top: 1px dotted #CCCCCC;
margin-top: 10px;
margin-left: 10px;
}

#vision h2 {
font-family: Calibri;
float: left;
margin: 5px 0;
color: #F00;
font-size: 22px;
}

#vision p {
font-family: Calibri;
float: left;
text-align: justify;
}

#abt_lft h2 {
	float: none;
	color: #06F;
	font-family: Calibri;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

#abt_lft p {
float: left;
color: #333;
font-family: Calibri;
text-align: justify;
}


#cnt_lft {
width: 40%;
height: auto;
float: left;
margin-left: 10px;
}

#cnt_rght {
width: 55%;
height: auto;
float: right;
}

#cnt_rght p {
float: left;
color: #333;
font-family: Calibri;
font-size: 14px;
text-align: justify;
width: 96%;
}



/**
 * 	CSS3 Only Horizontal and Vertical Accordion
 * 	Author: Paul Underwood for Hongkiat.com
 *  Website: www.paulund.co.uk
 *  Date: 27/11/11
 *  Version: 1.0
 */

 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/*Define Accordion box*/
.accordion { width:830px; overflow:hidden; margin:10px auto; color:#474747; background:#414141; padding:10px; }

/*General Accordion****************************************************************************/
/*Set style of open slide*/
.accordion section:target { background:#FFF; padding:10px;}
.accordion section:target:hover { background:#FFF; }
.accordion section:target h2 {width:100%;}
.accordion section:target h2 a{ color:#333; padding:0;}
.accordion section:target p {display:block;}
.accordion section h2 a{padding:8px 10px;display:block; font-size:16px; font-weight:normal;color:#eee; text-decoration:none; }

/*set style of closed slide*/
.accordion section{ float:left;	overflow:hidden; color:#333; cursor:pointer; background: #333; margin:3px; }
.accordion section:hover {background:#444;}
.accordion section p { display:none; }
.accordion section:after{position:relative;font-size:24px;color:#000;font-weight:bold;}
.accordion section:nth-child(1):after{content:'1';}
.accordion section:nth-child(2):after{content:'2';}
.accordion section:nth-child(3):after{content:'3';}
.accordion section:nth-child(4):after{content:'4';}
.accordion section:nth-child(5):after{content:'5';}
/*End General Accordion****************************************************************************/

/*Horizontal Accordion *********************************************************************/
.horizontal section{ width:5%; height:250px; 
	-moz-transition:width 0.2s ease-out; 
	-webkit-transition:width 0.2s ease-out;
  	-o-transition:width 0.2s ease-out;
	-ms-transition:width 0.2s ease-out;
  	transition:width 0.2s ease-out;
}

/*Position the number of the slide*/
.horizontal section:after{top:140px;left:15px;}

/*Header of closed slide*/
.horizontal section h2 { 
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	width:240px; position:relative; left:-100px; top:85px;
} 

/*On mouse over open slide*/
.horizontal :target{ width:73%;height:230px; }
.horizontal :target h2{ top:0px;left:0;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg); 
}
/*End Horizontal Accordion *********************************************************************/

/*Vertical Accordion *************************************************************************/
.vertical section{ width:100%; height:40px;
	-webkit-transition:height 0.2s ease-out;
	-moz-transition:height 0.2s ease-out;
  	-o-transition:height 0.2s ease-out;
	-ms-transition:height 0.2s ease-out;
  	transition:height 0.2s ease-out;
}
/*Set height of the slide*/
.vertical :target{ height:250px; width:97%; }

.vertical section h2 { position:relative; left:0; top:-15px; }

/*Set position of the number on the slide*/
.vertical section:after{ top:-60px;left:810px;}
.vertical section:target:after{ left:-9999px;}