@charset "UTF-8";
@import "defaults.css";
@import "typography.css";
@import "forms.css";
@import "colorbox.css";
@import "font-awesome.css";
@import "font-awesome-ie7.css";

/* =============================================================================
   reusable
   ========================================================================== */
.ico-box{display: block; height: 44px; width: 44px; background-color: #00a1de; position: relative;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.ico{display: block; height: 24px; width: 24px;background-image:url(../failid/Project/icons/client-type.png);}
.ico.home{background-position: 0 -24px;}
.ico.business{background-position: 0 0;}

.ico-box .ico{position:absolute;left:10px;top:10px;}

h2 .ico-box{position: absolute; left: 0; top: 0;}


#teata_naidud{font-size: 16px; text-transform: uppercase; margin-top: 32px;}
/* =============================================================================
   layout
   ========================================================================== */
html,body{height: 100%;}
body{background: url(../failid/Project/body-bg.png);}
.container{margin:0 auto;width:960px;}
#main{overflow:hidden;margin-top: -32px;}
#sidebar{float:left;width: 245px;}
.content{background-color: #fff;}
.content .inner{padding: 20px 30px;}
.with-sidebar{float:right;width: 645px;}
#footer{position:relative;}

/*full_width*/
#main.full_width .content{
	float:none;
	width:auto;
}
#main.full_width #sidebar{
	display:none;
}

.lang{
	text-transform: uppercase;
	size: 16px;
	font-weight: bold;
}

/* =============================================================================
   head
   ========================================================================== */
#head{width: 100%;background-color:#008ad2;color:#fff;background-image:url(../failid/Project/head-bg.png);background-position: center 0;background-repeat: no-repeat;min-height: 160px;}
#head .container{padding-bottom: 62px;font-family: 'Roboto Condensed', Arial;}
#head-nav{float: right; margin-top: 10px;font-size: 12px;}
	#head-nav li{float: left; border-left: 1px solid #fff; line-height: 14px; padding: 0 10px;}
	#head-nav li:first-child{border-left: 0;}
	#head-nav li a{color: #fff;}

	#head-nav .active a, #head-nav li a:hover, .fresh-news li a:hover{text-decoration: underline;}

.fresh-news{font-size: 14px;list-style: none; border-left: 1px solid #ebeaea;padding-left: 20px; margin-left: 40px; padding-top: 5px; padding-bottom: 5px; width: 350px; margin-right: 30px;}

.fresh-news span{color: #feb813; font-size: 12px;display:block;margin-bottom: 5px;}
.fresh-news a{color: #fff; display: block; padding-right: 20px;position:relative;}
.fresh-news i{position: absolute; top: 2px; right: 0; color: #00a1de; font-size: 16px;}
.fresh-news li:hover a i{text-decoration: none;}


/* =============================================================================
   Site navbar
   ========================================================================== */
#site-nav{
	font-family: 'Roboto Condensed', Arial;
	font-weight: 700;
	font-size: 16px;
	background-color: #075175;
	padding: 10px 20px;
	overflow: hidden;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
	#site-nav li{float: left; line-height: 28px;}
		#site-nav li:first-child a{border-left: 0; padding-left: 4px;}
		#site-nav li a{color: #fff; border-left: 1px solid #075175; display: block; padding: 4px 16px;}
		#site-nav li a:hover, #site-nav .active a{color: #008bd2;}

	#site-nav .button{font-size: 14px; text-transform: uppercase;font-family: 'Roboto Condensed', Arial; font-weight: 400; float: right;}

/*sidenav*/
#sidebar{font-size: 14px;}
#sidenav a{
	color: #013e5c;
	background: rgb(237,237,237);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(237,237,237,1) 0%, rgba(224,224,224,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(224,224,224,1)));
	background: -webkit-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(224,224,224,1) 100%);
	background: -o-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(224,224,224,1) 100%);
	background: -ms-linear-gradient(top,  rgba(237,237,237,1) 0%,rgba(224,224,224,1) 100%);
	background: linear-gradient(to bottom,  rgba(237,237,237,1) 0%,rgba(224,224,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e0e0e0',GradientType=0 );
	display: block;
	padding: 14px 45px;
	border-top: 1px solid #fff;
	position: relative;
}
#sidenav li:first-child a{border-top: 0;}
#sidenav .active > a, #sidenav li:hover > a{color: #00a1de; background: #013e5c; filter: none;}
#sidenav a .arrow{display: block; height: 8px; width: 6px; position: absolute;background: url(../failid/Project/icons/blue-arrow.png); left: 25px; top: 19px;}
#sidenav li:hover > a .arrow{background: url(../failid/Project/icons/lightblue-arrow.png);}
#sidenav .active a .arrow{background: url(../failid/Project/icons/lightblue-arrow.png); right: 25px; left: auto;}


/* =============================================================================
   Hero unit
   ========================================================================== */
#hero-unit{position: relative;font-family: 'Roboto Condensed', Arial; overflow: hidden;}
	#hero-unit h1{
		font-size: 70px;
		font-weight: 400;
		position: absolute;
		text-align: center;
		width: 100%;
		margin: 0;
		color: #fff;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=39)";
		filter: alpha(opacity=39);
		-moz-opacity: 0.39;
		-khtml-opacity: 0.39;
		opacity: 0.39;
        z-index: 100;
	}
	#hero-unit .page-title{
		position: relative;
		font-weight: 400;
		font-size: 30px;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
		text-align: left;
		background-color: #013e5c;
		padding: 12px 25px;
		position: relative;
		border-bottom: 1px solid #fff;
	}
	.page-title .ico-box{position: absolute; left: 20px; top: 14px;}
	#hero-unit .page-title.client{
		padding: 15px 25px 15px 77px;
	}


nav > ul{list-style: none!important; padding-left: 0!important;}


/* =============================================================================
   Content
   ========================================================================== */
#typenav{width: 490px; float: left; margin-top: -19px; position: relative; z-index: 10;}
#typenav h2{margin-top: 0;margin-bottom:30px;position: relative; padding-left: 57px;line-height: 44px;color:#fff;}
#typenav > ul > li{width: 205px; float: left; padding: 20px 20px 0 20px; color: #fff; background-color: #013e5c;}
#typenav > ul > .private{background-color: #013e5c;}
#typenav > ul > .business{background-color: #075175;}
	#typenav ul ul li a:hover{color: #fff;}
	#typenav ul ul{list-style-image: url(../failid/Project/icons/white-arrow.png); margin-left: 50px;font-size: 14px;}
	#typenav ul ul li{padding-left: 10px; margin-bottom: 10px;}

.content.with-typenav{width: 470px; float: right;}

.content .inner ul{list-style-image: url(../failid/Project/icons/black-arrow.png); margin-left:0; padding-left: 16px;}
.content .inner ul li{padding-left: 5px; margin-bottom: 10px;}

.front .content h2{margin-top: 0; margin-bottom: 30px;}
.front .content .button{margin-left: 19px;}

.content .inner {font-size: 14px; overflow: hidden; line-height: 26px;}

.content .inner .half{width: 430px; float: left;}
.content .inner .half.alpha{margin-right: 20px;}

/* =============================================================================
   Footer
   ========================================================================== */
#footer{margin-bottom: 38px; padding: 30px; padding-bottom:20px; background: url(../failid/Project/content/footer-shadow.jpg) 0 0 repeat-x #fff;}
#footer.container{width: 900px;}
#footer p{margin-bottom: 0;float:left;line-height: 34px;}

.call-us{color: #565757; font-size: 27px; font-weight: 700;font-family: 'Roboto Condensed', Arial; padding-left:40px; background:url(../failid/Project/icons/phone.png) 0 center no-repeat;margin-right: 50px;}
.write-us{ color: #565757; line-height:14px!important; font-size: 12px; font-family: 'Roboto Condensed', Arial; padding-left:40px; margin-right: 50px; }

#ama{
	display:block;
	text-indent:-3000px;
	position:absolute;
	bottom: -26px;
	right:0;
	background-image:url(../failid/Project/ama.png);
	width:26px;
	height:14px;
}


/* =============================================================================
   print
   ========================================================================== */

@media print {
	* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* h5bp.com/t */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
	#head, #sidebar, #footer, button,
	.error, .alert, .notice, .success, .info, .button
	{ display:none !important; }
	#wrapper, .content{ width:auto !important; float:none !important; margin:0 !important; padding:0 !important;}
 }
.detail_half {
	width:45%;
	margin-right: 3%;
}
.detail_half input {
	width:90% !important;
}

#image_galleri a { display:inline-block;text-align:center;}

#gallery{list-style: none; margin: 0; padding: 0;}
	#gallery li{width: 190px; float: left; margin: 0 10px 20px 10px; position: relative;text-align:center;}
		#gallery span{display: block; text-align:center; margin: 0 auto;padding-top: 5px;  line-height: 21px; width: 150px;}
		#gallery img{
			max-width: 190px;
			-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.75);
			-moz-box-shadow:    0px 1px 5px rgba(0, 0, 0, 0.75);
			box-shadow:         0px 1px 5px rgba(0, 0, 0, 0.75);
		}
	#gallery img{max-height: 133px;}
	#gallery .img_holder{position: absolute; top: 0; left: 0; z-index: 1; width: 190px; height: 133px; display: none;}
	#gallery li a:hover .img_holder{display: block;}
    #gallery div.clear{clear: none!important;}

 .imagelist{
	text-align: center;
	float: left;
	width: 205px;
	overflow: hidden;

    margin:5px;
}
.imagelist a{text-decoration: none;}

.editor_area
{
    background:#fff;
    padding:15px;
    font-size: 14px;
    line-height: 26px;
}
.editor_area ul{list-style-image: url(../failid/Project/icons/black-arrow.png); margin-left:0; padding-left: 16px;}
.editor_area ul li{padding-left: 5px; margin-bottom: 10px;}

.editor_area .half{width: 430px; float: left;}
.editor_area .half.alpha{margin-right: 20px;}

.editor_area img {
    margin:10px;
}
img.img-left
{
    margin-bottom: 10px;
    margin-right: 2px;
}
img.img-right {
    margin-bottom: 10px;
    margin-left: 2px;
}
#lang{
	 margin-top: 4px;
	 float: left;
}
	#lang li{
		float:left;
		margin:0 1px;
	}
		#lang li a{
			display:block;
			width:24px;
			height:19px;
			overflow:hidden;
            opacity:0.8;
		}
		#lang li a:hover,
		#lang li.active a{
			opacity:1;
		}