/*reset*/
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0pt none; font-size: 100%; margin: 0pt; outline-color: invert; outline-style: none; outline-width: 0pt; padding: 0pt;}

/*body*/
body {margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #4b4b4b; line-height: 22px; background: url(images/body-bg.jpg) repeat-x center top #fff;}

/*basics*/
.comp{color: #642bab; font-weight: bold;}
.comp2{color: #fff758; font-weight: bold;}
.comingsoon{color: #642bab; font-style: italic;}
.clearfix{clear: both; overflow: hidden;}
.floatleft-img{float: left; margin-right: 10px; margin-top: 5px;}
.floatright-img{ float: right; margin-left: 10px; margin-top: 5px;}
.float-img {vertical-align: middle;}
.f-left{float: left;}
.f-right{float: right;}
.widget_class{margin: 0; padding: 0; list-style: none;}

.wrapper{width: 960px; margin: 0 auto;}

#header{width: 960px; height: 115px; background: url('images/header-bg.png') no-repeat center top; margin: 53px auto 0px; position: relative;}
	.headleft {padding: 0; margin: -45px 0px 0px 20px;}
	
	.slogan{text-align: center; display: inline-block; position: absolute; top: 71px; left: 162px;}
		.slogan p{font-size: 20px; font-weight: bold; font-style: italic; color: #134393; font-size: 16px;}
	
	.headright{padding: 0; text-align: right; margin-right: 245px; position: relative;}
	.headright:after{position: absolute; top: -38px; right: -246px; content: url(images/header-img.png);}
		.num{margin-top: 23px;}
			.num p{color: #373737; font-size: 14px;}
			.num p span{color: #442568; font-size: 19px; font-weight: bold; display: block;}
		
		.social{margin-top: -5px;}
			.social a{display: inline-block; vertical-align: top;}
			.social a img{margin: 0px -1px;}
	
/*nav*/
#nav{width: 960px; height: 60px; text-align: center; background: #fff; margin: 0 auto;}
	#nav ul {margin: 0; padding: 0; list-style: none;}
	#nav ul li{display: inline-block; position: relative; width: 110px; height: 52px; background: url(images/nav-bg.png) no-repeat center top; text-align: center; vertical-align: top; margin: 0 1px; position: relative;}
	#nav ul li:before{position: absolute; bottom: -10px; left: -15px; content: url(images/nav-after2.png);}
	#nav ul li:after{position: absolute; bottom: -10px; right: -19px; content: url(images/nav-after2.png);}
	#nav ul li a {line-height: 13px; font-size: 11px; font-weight: 300; color: #FFF; text-decoration: none; padding: 0; display: block; margin: 7px auto 0px; font-family: 'Sanchez', serif; text-transform: uppercase; width: 86%; border-radius: 4px; padding: 2px 0px; position: relative;}
	#nav ul li a span{display: block; color: #ffd28c; font-size: 10px; text-transform: none;}
	#nav ul li a:before{position: absolute; top: -13px; left: 4px; content: url(images/nav-before.png);}
	#nav ul li a:after{position: absolute; bottom: -5px; left: 4px; content: url(images/nav-after.png);}
	#nav ul li a:hover, #nav ul li.current_page_item a {background: #4d0100;}
	
	#nav ul li:first-child{position: relative;}
	#nav ul li:first-child:before{position: absolute; bottom: -10px; left: -15px; content: url(images/nav-after2.png);}
	#nav ul li:nth-child(6) a{line-height: 26px; font-size: 14px;}
	#nav ul li:nth-child(6) a:before{position: absolute; top: -20px; left: 4px; content: url(images/nav-before.png);}
	#nav ul li:nth-child(6) a:after{position: absolute; bottom: -11px; left: 4px; content: url(images/nav-after.png);}
	#nav ul li:nth-child(7) a span{color: #fff; font-size: 11px; text-transform: uppercase;}
	#nav ul li:last-child:after{content: "";}
	
/*banner*/
#banner{width: 960px; background: #FFF; margin: 0 auto; padding: 9px -0px 13px;}
	#test2{top: 0px !important; left: 20px !important;}
	
/*mid*/
#mid{width: 920px; height: 188px; margin: 0px auto 15px; background: url(images/mid-bg.jpg) repeat-x left top; border-radius: 8px; position: relative;}
#mid:before{position: absolute; top: 35px; left: 0px; content: url(images/mid-before.png);}
#mid:after{position: absolute; top: 35px; right: 0px; content: url(images/mid-after.png);}
		.midbox{width: 190px; display: inline-block; vertical-align: top; text-align: left;}
			.midbox-title{margin-top: -4px;}
				.midbox-title p{color: #fff; font-size: 16px; font-family: 'Sanchez', serif;}
				.midbox-title p span{color: #fff758; font-size: 14px; font-weight: bold; display: block; margin-top: -4px; text-transform: uppercase;}
			
			.midbox-content{margin-top: -12px;}
				.midbox-content p{color: #9cc1ff; font-size: 13px; width: 170px; line-height: 20px;}
			
				.midbox-btn a{text-decoration: none; color: #052f75; font-weight: bold; background: url(images/mid-btn.jpg); line-height: 27px; font-size: 12px; border-radius: 4px; font-family: 'Sanchez', serif; width: 90px; height: 27px; display: block; text-align: center; position: relative; padding-left: 16px}
				.midbox-btn a:hover{color: #fff; font-weight: bold; background: url(images/mid-btn-hover.jpg);}
				.midbox-btn a:before{position: absolute; top: 4px; left: 6px; content: url(images/mid-btn-before.png);}
				.midbox-btn a:hover:before{content: url(images/mid-btn-before-hover.png);}
	
		.midbox:first-child{position: relative; margin-left: 73px;}
		.midbox:first-child:after{position: absolute; top: 25px; right: -105px; content: url(images/mid-img1.png); z-index: 999;}
		.midbox:nth-child(2){position: relative; margin-left: 110px;}
		.midbox:nth-child(2) .midbox-btn{margin-top: 32px;}
		.midbox:nth-child(2):before{position: absolute; top: 0px; left: -117px; content: url(images/mid-spacer.png);}
		.midbox:nth-child(2):after{position: absolute; top: 0px; right: -103px; content: url(images/mid-spacer.png);}
		.midbox:last-child{position: relative; margin-left: 117px;}
		.midbox:last-child:before{position: absolute; top: 25px; left: -138px; content: url(images/mid-img2.png);}
	
/*main*/
#main{width: 920px; margin: 0 auto;}
	.col-a {width: 306px;}
		.sidebar-nav{width: 306px;}
			.sidebar-nav ul{padding: 0; list-style-type: none;}
			.sidebar-nav ul li{margin-bottom: 6px; position: relative;}
			.sidebar-nav ul li a{width: 274px; height: 44px; line-height: 44px; background: url(images/side-nav-bg.png) no-repeat center top; display: block; text-decoration: none; color: #fff; font-size: 15px; font-weight: bold; position: relative; padding-left: 33px;}
			.sidebar-nav ul li a:hover{background: url(images/side-nav-hover.png) no-repeat center top;}
			.sidebar-nav ul li:before{ z-index: 999;position: absolute; top: 10px; left: 14px; content: url(images/side-before.png);}
			
			.bookmark{margin-top: -7px;}
		
				.contact-title p{color: #494949; font-size: 21px; font-family: 'Sanchez', serif; position: relative; padding-left: 83px; margin-bottom: 30px;}
				.contact-title p:before{position: absolute; top: 0px; left: 0px; content: url(images/contact-before.png);}
				.contact-title p span{color: #47286b; font-size: 24px; font-weight: bold; text-transform: uppercase; display: block;}
			
			.sidebar-contact-info ul{padding: 0; margin: 0; list-style: none; margin: 6px 0px 0px;}
			.sidebar-contact-info ul li{margin-bottom: 15px; color: #343434; font-size: 14px;}
			.sidebar-contact-info ul li strong{font-size: 15px;}
			.sidebar-contact-info ul li a{font-weight: bold; text-decoration: none; color: #bd0900;}
			.sidebar-contact-info ul li a:hover{color: #6c459a; text-decoration: underline;}
			
			.sidebar-contact-info ul li:first-child{margin-bottom: 5px !important;}
			
		.sidebar-btn{margin-top: 18px;}
			.sidebar-btn a{text-decoration: none; color: #fff; width: 252px; height: 61px; display: block; position: relative; background: url(images/side-btn-bg.png) no-repeat center top; font-size: 17px; font-weight: bold; font-family: 'Sanchez', serif; line-height: 61px; padding-left: 55px;} 
			.sidebar-btn a:before{position: absolute; top: 11px; left: 13px; content: url(images/side-btn-before.png);}
			.sidebar-btn a:hover{background: url(images/side-btn-hover.png) no-repeat center top;}
			.sidebar-btn a:hover:before{content: url(images/side-btn-before-hover.png);}
	
	.col-b {width: 567px; padding-right: 18px; margin-top: -5px;}
		.main-content{line-height: 24px; text-align: justify;}
				.main-title p{color: #2f2f2f; font-size: 18px; font-family: 'Sanchez', serif; font-style: italic;}
				.main-title2 p{color: #2f2f2f; font-size: 20px; font-family: 'Sanchez', serif; font-style: italic;}
				.main-title p span{color: #642bab; font-size: 21px; display: block; font-style: normal; font-weight: bold; margin-top: -2px;}
				.main-title2 p span{color: #642bab; font-size: 21px; display: inline; font-style: normal; font-weight: bold; margin-top: -7px;}
		
		.main-content ul{margin: 0; padding: 0; list-style: none; text-align: left !important;}
		.main-content ul li{position: relative; padding-left: 25px; padding-bottom: 10px;}
		.main-content ul li:before{content: url('images/bullet.png'); position: absolute; top: 4px; left: 0; z-index: 10;}
		.main-content a{text-decoration: none; font-weight: bold; color: #144495;}
		.main-content a:hover{color: #642bab;}
		
		.sub{margin-left: 15px;}
			.center{text-align: center; text-transform: uppercase; color: #703bad; font-size: 16px; font-weight: bold;}
		
		.bottom{width: 479px; height: 235px; border: 1px dashed #225bbc; border-radius: 10px; position: relative; margin-top: 25px;}
			.bottom-title{margin-left: 25px;}
				.bottom-title p{color: #703bad; font-size: 22px; font-weight: bold; font-family: 'Sanchez', serif;}
			
			.bottom-content{margin-left: 25px; margin-top: -4px;}
				.bottom-content p{color: #234300; font-size: 14px; width: 292px; font-style: italic; line-height: 25px;}
				
			.bottom-btn{margin-left: 25px; margin-top: 18px;}
				.bottom-btn a{display: block; width: 76px; height: 28px; background: url(images/bottom-btn-bg.jpg) repeat-x left top; border-radius: 5px; color: #341956; font-weight: bold; font-size: 13px; font-family: 'Sanchez', serif; text-decoration: none; padding-left: 30px; line-height: 28px; position: relative;}
				.bottom-btn a:hover{background: url(images/bottom-btn-hover.jpg) repeat-x left top; color: #fff;}
				.bottom-btn a:before{position: absolute; top: 5px; left: 8px; content: url(images/bottom-before.png);}
				.bottom-btn a:hover:before{content: url(images/bottom-before-hover.png);}
			
			.bottom-img{width: 250px; height: 182px; border: 1px dashed #225bbc; border-radius: 10px; position: absolute; top: 26px; right: -105px; text-align: center; background: #fff;} 
				.bottom-img img{margin-top: 7px;}
			
/*footer*/
#footer{width: 100%; height: 182px; margin: 16px auto 0px; background: url('images/footer-bg.png') repeat-x center top; color: #fff;}
#footer .wrapper{width: 920px; margin-top: 7px;}
	.footer-left{margin-top: 55px; position: relative;}
	.footer-left:after{position: absolute; top: -38px; right: -63px; content: url(images/footer-spacer.png);}
		#footer ul {margin: 0 0 6px 0; padding: 0; list-style: none;}
		#footer ul li {display: inline-block; margin-right: 4px;}
		#footer ul li a {font-size: 13px; color: #fff; text-decoration: none; width: 157px; height: 34px; background: #42206d; border-radius: 5px; padding-left: 20px; line-height: 34px; display: block;}
		#footer ul li a:hover, #footer ul li.current_page_item a {color: #fff; text-decoration: none; background: #f39623;}
		
		#copyright{line-height: 17px; margin: -3px auto 0px; color: #eadaff; font-size: 12px;}
		#copyright a {color: #eadaff; text-decoration: none;}
		#copyright a:hover {color: #eadaff; text-decoration: none;}
	
	.footer-right{text-align: center;}
		
/*search*/
.search_results div.page, .search_results div.post {padding: 20px; margin-bottom: 8px; background: #e5d4f9; border-bottom: 2px solid #144495;}
.search_results h2 a {text-decoration: none;}
.search_results div.entry-meta {font-style: italic;}
.search_results a {color: #000;}
.search_results a:hover {text-decoration: none;}

/***comments style***/
#comments, #comments-title{padding-top: 15px;}
ol.commentlist li {background: url('images/com_line.jpg') no-repeat left bottom; padding-bottom: 25px; margin-bottom: 10px; padding-top: 15px; margin-left: -10px; padding-right: 25px;}
ol.commentlist {border: 1px dashed #CCC; width: 100%;}
ol.commentlist ul {border-top: 1px dashed #CCC; width: 100%; margin-top: 15px; list-style: none;}
ol.commentlist ul li {border-bottom: 1px dashed #CCC;}
.comment p {padding: 15px 0; line-height: 20px;}
.comment-form-author input {margin-left: 25px;}
.comment-form-email input {margin-left: 28px;}
.comment-form-url input {margin-left: 17px}
#respond {width: 100%; border: 1px solid #CCC; background: #FFFFE1; padding: 15px 20px 0 20px; margin-top: 25px;}
.form-submit input {background: #FFFFE1; border: none; color: #FFF; font-weight: bold; padding: 7px 12px; cursor: pointer;}

/**Resources**/
	.resources{font-size: 14px; }
	.resources a{color: #a40300; text-decoration: none; display: block;font-weight: bold;}
	.resources a:hover{color: #c92522; text-decoration: none; padding-left: 1px;}
	.resources ul,.resources li {list-style-type: none; margin: 0; padding: 0;}
	.resources ul li{margin-bottom: 8px; padding: 12px; background: #f6e6b3; border: 1px solid #6c459a; border-bottom: 2px solid #6c459a; list-style-image: none!important;}
	.resources ul li:before{content: "";}
	.resources ul li span{font-size: 11px; color: #666666; letter-spacing: 1px;}

	
	/**accordion*/
.closedlanguage {
    background: none repeat scroll 0 0 #3b77d9;
    border-bottom: 1px solid #333;
    color: #fff;
}
.technology {
    background: none repeat scroll 0 0 #cb2724 !important;
    color: #fff;
    cursor: pointer;
    font: 14px/180% Open Sans,sans-serif;
    margin: 5px 0;
    padding: 10px 0;
    width: 585px;
}
.thelanguage {
    border: 1px solid #072663;
    color: #202020;
    font: 14px/180% Open Sans,sans-serif;
    padding: 0 10px;
    width: 562px;
}