/* Author: Michael Jerome de Loyola */

*, 
*:before, *:after {transition: all 0.3s linear; -webkit-transition: all 0.3s linear; box-sizing: border-box; -moz-box-sizing: border-box;}
*:before, *:after {position: absolute;}

/* body */
body {background:#fff; }

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

}

a, .maincontents a{color:#0050cc; text-decoration:none;}
a:hover, .maincontents a:hover{color:#d23809;}

.comp{ color:#d23809; font-weight:bold;}
.comingsoon{ color:red; font-weight:bold; font-style:italic; }
.clearfix{ clear:both; overflow:hidden; }
.floatleft-img{ float:left; margin-right:20px; margin-top:10px; border:0;}
.floatright-img{ float:right; margin-left:20px; margin-top:10px;}
.floatcenter-img{ display:block; margin:0 auto;}
.f-left{float:left;}
.f-right{float:right;}

/*layers*/
.wrapper{ width:980px; margin:0px auto; position:relative;}

/*header*/
header{width:100%; height:428px; background:url(images/bg_header.jpg) repeat-x center top;}
	
	/*nav*/
	nav{width:960px; margin:10px auto 0; height:37px;}
		/*inside navigation bar */
		
		nav ul li {display:inline-block;}
		
		nav ul li a{width:133px; height:37px; display:block;}
		nav ul li a:hover, nav ul li.current_page_item a {background:#fffc00; color:#000;}
		
		nav ul li:nth-child(1) a{background:url(images/nav_btn1.png) no-repeat left top;}
		nav ul li:nth-child(1) a:hover, nav ul li:nth-child(1).current_page_item a{background:url(images/nav_btn1.png) no-repeat left bottom;}
		
		nav ul li:nth-child(2) a{background:url(images/nav_btn2.png) no-repeat left top;}
		nav ul li:nth-child(2) a:hover, nav ul li:nth-child(2).current_page_item a{background:url(images/nav_btn2.png) no-repeat left bottom;}
		
		nav ul li:nth-child(3) a{background:url(images/nav_btn3.png) no-repeat left top;}
		nav ul li:nth-child(3) a:hover, nav ul li:nth-child(3).current_page_item a{background:url(images/nav_btn3.png) no-repeat left bottom;}
		
		nav ul li:nth-child(4) a{background:url(images/nav_btn6.png) no-repeat left top;}
		nav ul li:nth-child(4) a:hover, nav ul li:nth-child(4).current_page_item a{background:url(images/nav_btn6.png) no-repeat left bottom;}
		
		nav ul li:nth-child(5) a{background:url(images/nav_btn4.png) no-repeat left top;}
		nav ul li:nth-child(5) a:hover, nav ul li:nth-child(5).current_page_item a{background:url(images/nav_btn4.png) no-repeat left bottom;}
		
		nav ul li:nth-child(6) a{background:url(images/nav_btn5.png) no-repeat left top;}
		nav ul li:nth-child(6) a:hover, nav ul li:nth-child(6).current_page_item a{background:url(images/nav_btn5.png) no-repeat left bottom;}
		
		nav ul li:nth-child(7) a{background:url(images/nav_btn7.png) no-repeat left top;}
		nav ul li:nth-child(7) a:hover, nav ul li:nth-child(7).current_page_item a{background:url(images/nav_btn7.png) no-repeat left bottom;}
	
	.license {position: absolute;top: 250px;left: 90px;font: 11px Arial;font-weight: bold;}
	#header_bottom{width:100%; height:366px; margin:15px 0 0; position:relative; background:url(images/bg_header_bottom.png) repeat-x center top;}	
	#header_bottom .wrapper{height:366px; }	
	#header_bottom h2{width:60%; height:40px; font:27px lobster; color:#470b05; font-weight:bold; position:absolute; bottom:65px; left:15px;}

		.complogo{position:absolute; top:0; left:0; padding:0px 0 0 10px;}
	
/*main*/
#main{width:100%; background:url(images/bg_main.jpg) repeat-x center top #fff; margin:-10px 0 0; position:relative; z-index:99;}	

	/*banner*/
	#banner{width:955px; height:100%; position:relative; background:#fff; border-radius:10px; padding:15px; margin:70px 0 0;}
	#banner:before{content:url(images/icon_tape1.png); position:absolute; top:-20px; left:-20px; z-index:99;}
	#banner:after{content:url(images/icon_tape2.png); position:absolute; top:-20px; right:-20px; z-index:99;}
	
	.fBannerSlogan{position: absolute; font-size: 22px; font-weight: bold; top: 230px; left: 26px;  font-weight: bold; z-index: 99; color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5), -2px -2px 2px rgba(0, 0, 0, 0.5);}
	
		#mid{width:100%; position:absolute; bottom:0; left:0; z-index:999;}
			.mid_circle{width:274px; height:267px; display:block; float:left; margin:0 22px; padding:50px 0 0; text-align:center;}
			.mid_circle h2{font:25px/28px Open Sans; color:#f9ff00; font-weight:bold;}
			.mid_circle h2 span{display:block; color:#fff; font-weight:normal; }
			.mid_circle p{width:70%; margin:10px auto 0; font:13px/25px Open Sans; color:#fff;}
			.mid_circle a{width:40px; height:40px; display:block; margin:5px auto 0;}
			
			.mid_circle:nth-child(1){background:url(images/bg_mid1.png) no-repeat center top;}
			.mid_circle:nth-child(1):hover{background:url(images/bg_mid3.png) no-repeat center top;}
			.mid_circle:nth-child(1) a{background:url(images/mid_btn_pink.png) no-repeat;}
			.mid_circle:nth-child(1) a:hover{background:url(images/mid_btn_red.png) no-repeat;}
			
			.mid_circle:nth-child(2){background:url(images/bg_mid2.png) no-repeat center top;}
			.mid_circle:nth-child(2):hover{background:url(images/bg_mid1.png) no-repeat center top;}
			.mid_circle:nth-child(2) a{background:url(images/mid_btn_green.png) no-repeat;}
			.mid_circle:nth-child(2) a:hover{background:url(images/mid_btn_pink.png) no-repeat;}
			
			.mid_circle:nth-child(3){background:url(images/bg_mid3.png) no-repeat center top;}
			.mid_circle:nth-child(3):hover{background:url(images/bg_mid2.png) no-repeat center top;}
			.mid_circle:nth-child(3) a{background:url(images/mid_btn_red.png) no-repeat;}
			.mid_circle:nth-child(3) a:hover{background:url(images/mid_btn_green.png) no-repeat;}

	#col-a{width:331px; float:left; padding:40px 0 0 23px; }
		.services{width:100%;}
		.services h2{height:58px; background:url(images/bg_services_title.jpg) repeat-x; border-radius:5px 5px 0 0; font:24px/58px Open Sans; color:#ffea26; font-weight:bold; padding-left:70px;}
		.services h2 span{color:#fff; position:relative;}
		.services h2 span:before{content:url(images/icon_services.png); position:absolute; top:-5px; left:-50px;}
		.services ul li{font:18px/50px Open Sans; font-weight:bold;}
		.services ul li a{width:100%; height:50px; display:block; color:#fff; padding-left:50px;}
		.services ul li a:hover, .services ul li.current_page_item a{background:url(images/services_btn_hover.png) no-repeat left top !important;}
		
		.services ul li:nth-child(1) a{background:url(images/services_btn1.png) no-repeat left top;}
		.services ul li:nth-child(2) a{background:url(images/services_btn2.png) no-repeat left top;}
		.services ul li:nth-child(3) a{background:url(images/services_btn3.png) no-repeat left top;}
		.services ul li:nth-child(4) a{height:49px; background:url(images/services_btn4.png) no-repeat left top;}
		.services ul li:nth-child(5) a{background:url(images/services_btn5.png) no-repeat left top;}
		
		.gallery{width:100%; height:111px; display:block; background:url(images/gallery_btn.png) no-repeat left top; margin:10px 0 0;}
		.gallery:hover{background:url(images/gallery_btn.png) no-repeat right top;}
		
		.left_buttons{margin:15px 0 0;}
		.left_buttons ul{font:28px/49px Open Sans; font-weight:bold;}
		.left_buttons ul li{margin-bottom:5px; text-align:center;}
		.left_buttons ul li a{width:100%; height:49px; display:block; color:#fbd709; background:url(images/left_buttons_btn.jpg) repeat-x left top; border-radius:10px;}
		.left_buttons ul li a:hover, .left_buttons ul li.current_page_item a{color:#fd2a00; background:url(images/left_buttons_btn.jpg) repeat-x left bottom;}
	
	#col-b{width:630px; float:right; padding:40px 13px 0 0;}	
		.maincontents{padding:0 0 0 0;}
		.maincontents p, .maincontents ul li{text-align:justify; font:13px/25px Open Sans; color:#000; padding:5px 0px 0 0px;}
		.maincontents h1{font:20px Open Sans; color:#0050cc; font-weight:bold; }
		.welcome {color:#f93422;}
		
		.maincontents ul li{background:url(images/icon.png) no-repeat left 5px; padding:0px 0px 0px 50px; margin-top:5px;}
		
		ul.two_columns{column-count:2; -moz-column-count:2; -webkit-column-count:2;}
		
		#bottom{margin:10px 0 0;}
		#bottom h2{font:20px Open Sans; color:#32931a; font-weight:bold;}
		#bottom h2 span{color:#f93422;}
		#bottom p{font:12px/25px Open Sans; color:#000;}
		#bottom a{color:#32931a; font-weight:bold;}
		#bottom a:hover{color:#d23809;}
		
/*footer*/
footer{width:100%; height:215px; background:url(images/bg_footer.jpg) repeat-x; margin:15px 0 0; padding:9px 0 0;}	
footer h2{font:14px Open Sans; color:#fff; font-weight:bold;}	
footer .floatright-img{margin:50px 30px 0 0;}	

	.contact{width:200px; float:left; margin:5px 0 0 18px;}
	.contact table{width:100%; margin:25px 0 0;}
	.contact td{font:12px/20px Open Sans; padding:5px 10px 0 0; color:#fff;}
	.contact td a{font-weight:bold; color:#ffea26;}
	.contact td a:hover{color:#00417a;}

	.footer_navigation{width:300px; float:left; margin:5px 0 0 135px;}	
	.footer_navigation ul{margin:40px 0 0; column-count:2; -moz-column-count:2; -webkit-column-count:2;}
	.footer_navigation ul li {margin-bottom:5px; overflow:hidden; font:12px/27px Open Sans; font-weight:bold;}
	.footer_navigation ul li a {width:100%; height:30px; display:block; background:#0088ff; color:#fff; padding-left:15px; border:solid 1px #fff; border-radius:5px;}
	.footer_navigation ul li a:hover, .footer_navigation ul li.current_page_item a{background:#00417a;}

	/*copyright*/	
	#copyright {width:480px; position:absolute; top:0; right:0; font:13px/31px Open Sans; color:#fff; font-weight:bold;}
	#copyright ul{float:left; margin:0 32px 0 0;}
	#copyright ul li{display:inline-block;}
	#copyright a{color:#fff; text-decoration:none;}
	#copyright a:hover{text-decoration:underline;}

/*resources*/
.resources {font-size:14px; margin-top:20px;}
.resources a {color:#96390e; text-decoration:none; display:block;font-weight:bold;}
.resources a:hover {color:#196515; text-decoration:none; -webkit-transition: none; transition: none;}
.resources ul,.resources li {list-style-type:none; margin:0; padding:0;}
.resources ul li {margin-bottom:8px; padding:12px; background:#fff; border:1px solid #196515; border-bottom:2px solid #196515;}	
	
/*SEARCH*/
.search_results div.page, .search_results div.post{ padding:15px; border:1px solid #000; background:#ffffe1; margin:10px 0; color:#000;}
.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; }

/* IE 7 */
.lt-ie8 .dang-ie{width: 100%; height: 100%; position: fixed; background-color: #00abdd;}

.message{text-align: center; color: #fff; font-size: 20px; position: absolute; top: 20%; left: 0; right: 0;}

.inner-message{position: relative; top: -20%; left: 0; right: 0; text-align: center; margin: auto;}
.inner-message img{position: relative; left: 3em;}
.inner-message a.download{display: block; width: 300px; padding: 10px; color: #fff; margin: 2em auto; border: 1px solid #fff;}

.terms{color: #fff; font-size: 13px; padding: 20px; position: absolute; right: 0; bottom: 0;}
.terms a{color: #fff; font-weight: bold;}

.lt-ie8 .protect-me{display: none; }


.test-01{background:url(images/kidane.png); height:350px;width:604px;}
.test-01 p{color: #fff; padding: 45px 19px; text-align: justify; width: 585px;}

.test-02{background:url(images/test-02.png); height:263px;width:604px;}
.test-02 p{color: #fff; padding: 45px 19px; text-align: justify; width: 585px;}

.test-03{background:url(images/test-03.png); height:183px;width:604px;}
.test-03 p{color: #fff; padding: 45px 19px; text-align: justify; width: 585px;}

.test-04{background:url(images/test-04.png); height:146px;width:604px;}
.test-04 p{color: #fff; padding: 45px 19px; text-align: justify; width: 585px;}

.test-05{background:url(images/test-05.png); height:186px;width:604px;}
.test-05 p{color: #fff; padding: 45px 19px; text-align: justify; width: 585px;}
/* Author: Michael Jerome de Loyola */