﻿@font-face {
	font-family: 'Conv_MyriadPro-BoldIt';
	src: url('../fonts/MyriadPro-BoldIt.eot');
	src: url('../fonts/MyriadPro-BoldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/MyriadPro-BoldIt.woff') format('woff'), url('../fonts/MyriadPro-BoldIt.ttf') format('truetype'), url('../fonts/MyriadPro-BoldIt.svg#Conv_MyriadPro-BoldIt') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_MyriadPro-Regular';
	src: url('../fonts/MyriadPro-Regular.eot');
	src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg#Conv_MyriadPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** Generated by FG **/
@font-face {
	font-family: 'Conv_Trebuchet MS';
	src: url('../fonts/Trebuchet MS.eot');
	src: url('../fonts/Trebuchet MS.eot?#iefix') format('embedded-opentype'), url('../fonts/Trebuchet MS.woff') format('woff'), url('../fonts/Trebuchet MS.ttf') format('truetype'), url('../fonts/Trebuchet MS.svg#Conv_Trebuchet MS') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{
	margin: 0;
	padding: 0;
	font: 14px 'Conv_MyriadPro-Regular',Sans-Serif;
	background: url(../images/bg.png) repeat-x top center;
	background-size: auto 645px;
	min-width:320px;
	overflow-x:hidden;
}

#bodyinner{
margin: 0;
padding: 0;
font: 14px Arial, Helvetica, sans-serif;
background: url(../images/bg_inner.png) repeat-x top center #fff;
min-width:320px;
overflow-x:hidden;
}

.pagewidth{
	width: 922px;
	margin: auto;
	position: relative;
}

.submenu{
    display: none;
    height: 28px;
    background: url(../images/menu_icon.png) no-repeat 15px center;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-size:  14px;
    line-height: 30px;
    cursor: pointer;
}

.tree{
	display: block;
	width: 252px;
	height: 445px;
	position: absolute;
	top: 106px;
	right: 0;
	background: url(../images/hoa.png);
}

/*HEADER*/
#header{
	display: block;
}

#header .logo{
	float: left;
}

#header .call{
	display: block;
	float: right;
	text-align: right;
}

#header .call h3{
	color: #14224e;
	font-size: 30px;
	font-style: italic;
	margin-top: 10px;
	line-height: 0.8;
}

#header .call ul{
	list-style: 0;
	margin: 0;
	padding: 0;
}

#header .call ul li{
	display: block;
	color: #2d5392;
	font: 22px 'Conv_MyriadPro-BoldIt',Sans-Serif;
	position: relative;
	z-index: 10;
}

#header .call ul li.green{
	color: #2f7a3c;
}

#header .call ul li.fb img{
	margin-left: 20px;
	margin-bottom: -8px;
}

#header .call ul li.fb a {
	color:#060;
	text-decoration:none;
}

#header .call ul li.fb a:hover {
	color:#060;
	text-decoration:underline;
}

/*MENU*/
#menu{
	display: block;
	clear: both;
	padding-top: 7px;
}

#menu .menu{
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
	width: 100%;
	height: 38px;
	background: url(../images/menu.png);
	position: relative;
	z-index: 2;
}

#menu .menu li{
	display: block;
	float: left;
	padding: 0 33px;
	height: 38px;
	position: relative;
}

#menu .menu li.doc{
	padding: 0;
	width: 1px;	
	background: url(../images/doc.png);
}

#menu .menu li a{
	font: 18px/36px 'Conv_Trebuchet MS',Sans-Serif;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}

#menu .menu li a:hover{
	text-decoration: underline;
}

#menu .menu li ul{
	position: absolute;
	top: 38px;
	left: 0;
	background: #16336C;
	display: none;
}

#menu .menu li:hover ul
{
	display: block;
}

#menu .menu li ul li{
	padding: 10px 5%;
	border-bottom: 1px solid #6595b2;
	width: 90%;
	height: auto;
	
}

#menu .menu li ul li a{
	text-transform: none;
	font: 15px/1.2 Arial;
}

#menu .mshadow{
	position: absolute;
	top: 18px;
	left: 10px;
	display: block;
	width: 902px;
	height: 41px;
	background: url(../images/mshadow.png);
	z-index: 1;
}

/*SLIDER*/
#slider, #slider .pagewidth
{
	display: block;
	height: 397px;
}

#slider img.hideimg{
	position: absolute;
	bottom: 0;
	left: 0;
}

#slider .find{
	position: absolute;
	top: 15px;
	right: 0;
	display: block;
	width: 319px;
	height: 207px;
	padding: 5px;
	/*background: url(../images/boxfind.png);*/
}

#slider .find form{
	background: #3a60a1; /* Old browsers */
background: -moz-linear-gradient(top, #3a60a1 0%, #101c48 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a60a1), color-stop(100%,#101c48)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3a60a1 0%,#101c48 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3a60a1 0%,#101c48 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #3a60a1 0%,#101c48 100%); /* IE10+ */
background: linear-gradient(to bottom, #3a60a1 0%,#101c48 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a60a1', endColorstr='#101c48',GradientType=0 ); /* IE6-9 */
    border: 1px solid #FFFFFF;
    border-radius: 0px;
    box-shadow: 0px 0px 3px #444444;
    color: #FFFFFF;
}

#slider .find h3
{
	font: 18px 'Conv_MyriadPro-Regular',Sans-Serif;
	color: #fff;
	padding: 10px 20px;
	text-align:center;
}

#slider .find ul{
	list-style: none;
	padding: 15px 10px 0;
	margin: 0 10px;	
	border-top: 1px solid #5b7ab7;
	display: table;
}

#slider .find ul li{
	display: table;
	width: 100%;
	padding-bottom: 10px;
}

#slider .find ul li label{
	display: block;
	margin-bottom: 5px;
}

#slider .find ul li input[type="text"], #slider .find ul li input[type="email"]{
	width: 257px;
	height: 29px;
	border: 0;
	padding: 0 10px;
	
}


#slider .find ul li select{
	width: 100%;
	color:#000;
	height: 29px;
	border: 0;
	padding: 0 10px;
	text-transform:uppercase;
}

#slider .find ul li input[type="submit"]{
	width: 110px;
	height: 36px;
	border: 0;
	cursor: pointer;
	background: url(../images/find.png) no-repeat;
	float: right;
	margin-right: 3px;
}

#slider .text{
	position: absolute;
	top: 88px;
	left: 234px;
	font: 22px 'Conv_MyriadPro-BoldIt',Sans-Serif;
	color: #2f7a3c;
	line-height: 1.5;
}


#slider .smallText{
float:right;
width:100%;
font: 30px 'Conv_MyriadPro-BoldIt',Sans-Serif;
margin-top: 10px;
font-size: 15px;
}

#slider .smallText p {
float:right;

}


#slider .text h3{
	font-size: 62px;
	color: #16336c;
	line-height: 1;
}

#slider .text span{
	color: #16336c;
}

/*CONTENT*/
#content{
	display: block;
	padding-bottom: 30px;
}

#content .service{
	display: block;
	height: 375px;
	width: 923px;
	background: url(../images/img.png) no-repeat;
	margin: 30px 0;
	position: relative;
}

#content .service ul{
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 5px;
	left: 15px;
	font: 16px 'Conv_Trebuchet MS',Sans-Serif;
	color: #fff;
}

#content .service ul li{
	display: block;
	float: left;
	width: 195px;
	height: 176px;
	padding: 6px;
	padding-left: 12px;
	background: url(../images/box.png) no-repeat;
	margin-right: 17px;
}

#content .service ul li:last-child{
	margin-right: 0;
}

#content .service ul li h3{
	font: 23px 'Conv_MyriadPro-BoldIt',Sans-Serif;
	border-bottom: 1px solid #7fb9e5;
	padding: 6px 0;
	margin-bottom: 6px;
}

#content .service ul li a.more{
	display: block;
	width: 95px;
	height: 33px;
	background: url(../images/more.png) no-repeat;
	margin-top: 10px;
}

#content .team{
	clear: both;
	display: block;
	padding: 5px 0;
	width: 364px;
	margin: auto;
	text-align: center;
}

#content .team .looking{
	display: block;
	width: 364px;
	height: 54px;
	font: 20px/49px 'Conv_MyriadPro-BoldIt',Sans-Serif;
	color: #fff;
	background: url(../images/tooltip.png) no-repeat;
}

#content .team .join{
	display: block;
	width: 358px;
	height: 54px;
	margin: 3px auto;
	background: url(../images/jointeam.png) no-repeat;
}

#content .ctitle{
	padding: 15px 0;
	font: 30px 'Conv_MyriadPro-BoldIt',Sans-Serif;
	color: #16336c;
}

#content .detail{
    display: block;
}

#content .detail p{
    margin-bottom: 6px;
    text-align: justify;
}

#content .detail p img {
	padding:10px;
}

#content .detail li {
	float:none;
	position: relative;
	left:15px;
}



#content .detail ul {
  margin-left:25px;
}

#content .detail ol {
  margin-left:25px;
}



#content .contact{
	list-style: none;
	padding: 0;
	margin: 15px 0;
	margin-bottom: 50px;
	float: left;
	width: 922px;
}

#content .contact li{
	display: block;
	float: left;
	border-right: 1px solid #ccc;
	width: 40%;
	padding: 10px 30px;
}

#content .contact li:last-child{
	border-right: 0;
}

#content .contact li td{
	padding: 5px 10px;
}

#content .contact li input[type="text"]
{
	width: 190px;
	height: 17px;
	padding: 3px 5px;
	border: 1px solid #ccc;
}

#content .contact li textarea{
	width: 190px;
	height: 100px;
	padding: 5px;
	border: 1px solid #ccc;
}

#content .contact li input[type="submit"]
{
	padding: 2px 10px;
	float: right;
}

#content .contact li strong{
	display: block;
	font: 20px 'Conv_MyriadPro-Regular',Sans-Serif;
	margin-bottom: 10px;
}

#content .contact li ul li{
	display: block;
	float: none;
	border: 0;
	width: 100%;
	padding: 3px 0;
}

#content .contact li ul li a{
	color: #06f;
	text-decoration: none;
}

#content .contact li ul li a:hover{
	text-decoration: underline;
}

#content img {
	margin-right:10px;
	margin-bottom:10px;
}





/*OURCLIENT*/
.ourclient
{
    clear: both;
    position: relative;
    float: left;    
    margin-bottom: 15px;
    visibility: visible;
    width: 921px;
    padding-bottom: 30px;
    border: 1px solid #7fb9e5;
    border-top: 0;
    z-index: 2;
    background: #fff;
}

.ourclient .shadow{
	display: block;
	width: 921px;
	height: 15px;
	position: absolute;
	left: 0;
	bottom: -15px;
	background: url(../images/shadow.png) no-repeat;
	z-index: 1;
}

.ourclient h3
{
    color: #fff;
    font: 24px/54px 'Conv_MyriadPro-BoldIt',Sans-Serif;
    height: 54px;
    padding: 0;
    margin-left: -1px;
    margin-right: -1px;
    padding-left: 30px;    
    background: url(../images/menu2.png) no-repeat;
    border-bottom: 1px solid #7fb9e5;
}

.caroufredsel_wrapper
{
    width: 845px !important;    
    height: 140px !important;    
}

.ourclient #foo2
{
    float: left;
    margin-left: 40px;    
    top: 12px !important;
    overflow: hidden;
}


.foo2 {
    margin: 0 20px;
    overflow: hidden;
    width: 880px;
}

.ourclient #foo2 a
{
    float: left;
    margin-right: 9px;
    margin-left: 10px;
    display: block;  
    height: 131px;
    line-height: 160px;      
}

.ourclient #foo2 img
{
}

.ourclient #prev_client
{
    display: block;
    position: absolute;
    background: url(../images/prev.png) no-repeat;
    height: 33px;
    width: 33px;
    bottom: 66px;
    left: 8px;
}

.ourclient #next_client
 {
     display: block;
     position: absolute;
     background: url(../images/next.png) no-repeat;
     height: 33px;
     width: 33px;
     bottom: 66px;     
     right: 8px;        
 }
 
 /*FOOTER*/
#footer
{
    clear: both;
    display: table;
    width: 100%;
    padding: 25px 0;
    color: #0d0d0e;
    background: url(../images/footer.png) repeat-x;
    line-height: 1.6;
    font: 14px tahoma;
    border-top: 4px solid #2f7a3c;
}

#footer ul{
    display: table;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}

#footer ul li{
    display: block;
    float: left;
    padding: 0 12px;
    border-left: 1px solid #0d0d0e;
    line-height: 0.8;
	margin-bottom: 7px;
}

#footer ul li:first-child{
    padding-left: 0;
    border-left: 0;
}

#footer ul li a{
    display: block;
    text-decoration: none;
    color: #0d0d0e;
}

#footer ul li a:hover
{
    text-decoration: underline;
}

#footer span{
    display: block;
}

#footer .built{
    position: absolute;
    top: 0;
    right: 0;
}


.testimonial {
border-bottom:1px solid #CCC;
margin-bottom:20px;	
margin-top:20px;
}

.testimonial h3 {
	font: 20px 'Conv_MyriadPro-BoldIt',Sans-Serif;
	color: #16336c;
	margin-top:-10px;
	margin-bottom:12px;


}

.boxemail{
	display: table;
	width: 100%;
	text-align: center;
}

.boxemail .text{
	font: bold 14px Arial;
	padding-bottom: 15px;
}

.boxemail .find{
	display: block;
	margin: auto;
	width: 319px;
	height: 280px;
	padding: 5px;
	background: #5481d6; /* Old browsers */
background: -moz-linear-gradient(top, #5481d6 0%, #1b3b78 40%, #1b3b78 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5481d6), color-stop(40%,#1b3b78), color-stop(100%,#1b3b78)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5481d6 0%,#1b3b78 40%,#1b3b78 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5481d6 0%,#1b3b78 40%,#1b3b78 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5481d6 0%,#1b3b78 40%,#1b3b78 100%); /* IE10+ */
background: linear-gradient(to bottom, #5481d6 0%,#1b3b78 40%,#1b3b78 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5481d6', endColorstr='#1b3b78',GradientType=0 ); /* IE6-9 */
	border-radius:7px;
	border:#1b3b78 2px solid;
}

.boxemail .find ul li select {
	width: 276px;
	color: #000;
	height: 29px;
	border: 0;
	padding: 0 10px;
	text-transform: uppercase;
}


.boxemail .find h3
{
	font: 18px 'Conv_MyriadPro-Regular',Sans-Serif;
	color: #fff;
	padding: 10px 20px;
}

.boxemail .find ul{
	list-style: none;
	padding: 15px 10px;
	margin: 0 10px;	
	border-top: 1px solid #5b7ab7;
}

.boxemail .find ul li{
	display: block;
	padding-bottom: 10px;
}

.boxemail .find ul li input[type="text"], .boxemail .find ul li input[type="email"]{
	width: 257px;
	height: 29px;
	border: 0;
	padding: 0 10px;
}

.boxemail .find ul li input[type="submit"]{
	width: 110px;
	height: 36px;
	border: 0;
	cursor: pointer;
	background: url(../images/find.png) no-repeat;
	float: right;
	margin-right: 3px;
}

.pageleft{
	display: block;
	float: left;
	width: 400px;
}

.pageleft img{
	max-width: 400px;
	height: auto;
}

.pageright{
	display: block;
	float: left;
	width: 500px;
}

.chng{
	color:#010183 !important;
	font-size:18px;
	line-height:20px;
	margin-top:13px;
}

.hide{
	display:none !important;
}
