header .logo { 
	top: 0px;
	margin-left: -75px;
	display: block;
}


header nav .navleft .navleft-wrapper {
	margin-right: 75px;
}

header nav .navright .navright-wrapper {
	margin-left: 75px;
}

header {
	border-top-color:#000000;	
}

header .menu .bgmenu {
	background: #a2c614;
}

header nav a,header nav h3,header nav span {
	color: #a2c614;
}

.whitecolor h3,.whitecolor span {
	color:  #000000;
}

header .submenu {
	background: #000000;
	border-top: 1px solid #a2c614;
	border-bottom: 1px solid #a2c614;
}

header nav .submenu>li>a {
	border-left: 1px solid #a2c614;	
}

header nav .submenu > li:last-child > a {	
	border-right: 1px solid #a2c614;
}

header nav .submenu>li:hover {
	background: #FFFFFF;
}

header nav .submenu h3 {
	color: #a2c614;
}

header nav .submenu li:hover>a>h3 {
	color: #000000;
}




header nav .submenu>li>a {
	color: #a2c614;
}




footer nav.foot-right li, footer nav.foot-left li {
	border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

footer nav li .text-social {
	color: #a2c614;
}


body {
	background-color: #000000;
}

body {
	background-image:url("http://lukha.de/wp-content/uploads/2013/05/Gray_Mesh_Honeycombs.jpg");
}

body {	
	background-attachment: fixed;
	background-clip: border-box;
	background-color: transparent;
	background-origin: padding-box;
	
	background-repeat : no-repeat;
	background-attachment : fixed;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/** curtain  **/

.curtainbg {
	background-color : #000000;
}


/*** font ***/

#jegbgcontainer .texthome .texthome-wrapper h2, 
#jegbgcontainer .texthome .texthome-wrapper h1,
#homepita .torapper, 
#jegbgcontainer .homeblock .homelink a,
.item-detail .item-description .item-desc-wrapper h2,
#contact_block h1,
#contact_block h2,
header nav h3
{
	 font-family : "Abel"; font-style : normal; font-weight : normal;}


body,p,input,button,select,textarea,.btn ,
#jeglio .item .item-wrapper .desc-holder h3,
h1.page-title, 
h2.project-title ,
.portfolio-gallery .desc-holder h3,
.portfolio-gallery .desc-holder h4,
.blogtitle h2,
.no-caps,
.sidebar h3 ,
table th ,
div.ps-caption-content,
.footercopy
{
	 font-family : "Abel"; font-style : normal; font-weight : normal;}

#jegbgcontainer .texthome .texthome-wrapper h1,
#jegbgcontainer .texthome .texthome-wrapper h2 {
	 font-family : "Abel"; font-style : normal; font-weight : normal;}

blockquote, 
.testibox author, 
.testitext,
.testiwrapper p ,
.teamlist .job-title ,
#liofilter ,
#jeglio .item .italic,
#item-theater .italic ,
.gallery-navigator,
.comment-date,
#contact_block  #contactform .contact_error ,
.notification .notification-content,
footer nav li .text-social,
header nav span,
.mpnotif,
#jeglio .item .item-wrapper .desc-holder h4,
#jeglio .item .item-wrapper .desc-holder h4 a,
#jeglio .item .item-wrapper .desc-holder h4 a:visited, 
.load-more-button
{
	 font-family : "Abel"; font-style : normal; font-weight : normal;}

/** front slider header **/
#homepita,
#homepita .homeinfo,
#jegbgcontainer .homeblock {
	background-color: rgba(125,125,125, 0.3);
}

#homepita .triangle-border  {
	border-color: transparent rgba(125,125,125, 0.3) transparent transparent;
}

#homepita .homeinfo .homeflagwrapper {
	background-color: #000000;
}



/** front slider **/
#homepita.hptoogle .torapper {
	background-color: #000000;
	border: 1px solid #000000;
	color : #FFFFFF;
}

#homepita.hptoogle .triangle {
	border-color: transparent #000000 transparent transparent;
}

#jegbgcontainer .homeblock .homelink {
	background-color: #000000;
}

#jegbgcontainer .homeblock .homelink a {
	color : #FFFFFF;
}

#jegbgcontainer .homeblock .homeblockinside {
	background: #FFFFFF;
}

#jegbgcontainer .homeblock .homeblockinside p {
	color : #000000;
}



/** portfolio filter **/

#liofilter>span {
	border-color: #888888;
	background-color: #525252;
}

#liofilter li {
	color : #a2c614;
}

#liofilter li:hover,#liofilter .filter-select {
	background-color: #a2c614;
	color: #525252;
}

/** portfolio item **/
#jeglio .item,
#jeglio .item .shadow,
#jeglio .item .shadowload,
.item-detail,
.item-detail .item-description  {
	background-color: #e3e3e3;
}


#jeglio .item .item-wrapper .desc-holder h3,
.item-detail .item-description .item-desc-wrapper h2 {
	color: #0A0A0A;
	line-height: 140%;
}

#jeglio .item .item-wrapper .desc-holder h4, 
#jeglio .item .item-wrapper .desc-holder h4 a, 
#jeglio .item .item-wrapper .desc-holder h4 a:visited,
.item-detail .item-description .item-desc-wrapper span {	
	color: #4f4f4f;
}

.item-detail .item-description .item-desc-wrapper p {
	color: #3d3d3d;
}


/** loader **/



.curtain-loader, .lio-loader , .gallery-main, #jeg-loader {
	background-color: #000000;
}

/** portfolio navigation **/

.item-navigator .item-prev, .item-navigator .item-next {
	background-color: #787878;
}

.item-navigator .item-prev:hover,.item-navigator .item-next:hover {
	background-color: #FFFFFF;
}

.item-navigator {
	border-top: 1px solid #3d3d3d;
}




/** blog outer container **/
	.containerborder {
	  background: none;
	  border: medium double rgba(125,125,125);
	  border-radius: 0 0 0 0;
	  padding: 0;
	}

/** blog header **/
.blogentry .blog-img {	
	background: #000000;
	background-image: none;
}
.sidebar h3 {
	background: #000000;	
}


.blogtitle h2 a,
.sidebar h3 {
	color : #FFFFFF;
}

.blogentry .blog-img {
	border-bottom: 1px solid rgba(195,195,195, 1);
}

.headingwithimage h2, .headingwithimage h1  {
	background-color: rgba(0,0,0, 0.4);
}

.headingwithimage h2 a , .headingwithimage h1{
	color :  #FFFFFF;
}

/** blog inner container **/
	.inner-container {
	  border: medium none;
	}




/** header meta **/
.blog-meta a {
	color: #222222;
}

.blog-meta a:hover{
	color: #DE3917;
}

.portfolio-meta {
	color: #222222;
	border-bottom : 1px solid #DDDDDD; 
	background: #FFFFFF;
}

.portfolio-meta li {
	border-right: 1px solid #DDDDDD;
}

/** blog content **/
.blog-container p,
.blog-container h1, .blog-container h2, .blog-container h3, 
.blog-container h4, .blog-container h5, .blog-container h6,
.sidebar li ,
#searchform input[type="text"] {
	color: #484848;
}
.blog-container a {
	color: #DE3917;
}

/** blog bottom bar **/
.blogentry .bottom-bar {
	border-top: 1px solid #DDDDDD;
	background: #FCFCFC;
}

.blog-like li {
	border-left: 1px solid #DDDDDD;
}

/** blog comment **/
.comment-container {
	background: #FCFCFC;
}

.comment-container h1, .comment-container h2, .comment-container h3, 
.comment-container h4, .comment-container h5, .comment-container h6,
.comment-container label {
	color: #484848;
}

/** sidebar **/
.sidebar li:hover {
	background-color: #F5F5F5;
}

.sidebar li a {
	color: #484848;
}




/** blog tag **/
.postag a , .tagcloud a {
	background-color : #999999;
	color: #FFFFFF;
}

/** contact us flag **/
#contact_block .locationflag,
#contact_block .contactflag,
/** ini untuk contact head **/
#contact_block .contact_form, 
#contact_block .contact_location {
	background: rgba(125,125,125, 0.3);
}
#contact_block .locationflag .locationflagwrapper,
#contact_block .contactflag .contactflagwrapper {
	background-color : #FFFFFF;
}



/** contact us head **/
#contact_block .contact_location_inner h1 ,
#contact_block .contact_form_inner h1,
.infowindow-wrapper h2 {
	background-color : #000000;
	color: #FFFFFF;
}




/** contact us body **/
#contact_block .contact_location_inner,
#contact_block .contact_form .contact_form_inner,
.infowindow-wrapper {
	background: #FFFFFF;
	color : #222222;
}

#contact_block .contact_location .locationlist .locdetail h2,
#contact_block .contact_content h2 {
	color : #222222;
}

#contact_block .contact_form .contact_form_inner label {
	color : #222222;
}

#contact_block .contact_form_inner .contact_content .contact_left{
	border-right: 1px dotted #C9C9C9;
}

#contact_block .contact_location .locationlist .locdetail li > div, 
#contact_block .contact_content li > div, 
.infowindow-wrapper li > div {
	border-top: 1px dotted #C9C9C9;
}

#contact_block .contact_location .locationlist .locdetail:hover {
	border-top : 1px solid #C9C9C9;
}

#contact_block .contact_location .locationlist .locdetail {
	border-bottom: 1px solid #C9C9C9;
}

.view-map {
	border-bottom: 1px dotted #C9C9C9;
}



/** contact location hovered **/
#contact_block .contact_location .locationlist .locdetail:hover {
	background: #000000;
	color: #FFFFFF;
}

#contact_block .contact_location .locationlist .locdetail:hover h2 {
	color: #FFFFFF;
}



/** new style **/
	
	header nav .navleft {
		float: right;
		text-align: center;
	}
	
	header div.logo {
		left: inherit;
		margin-left: 25px;
	}
	
	header nav .navleft, header nav .navright {
		width: inherit;
	}
	
	header nav .navleft .navleft-wrapper {
		margin-right: 0px;
	}	
	
	header .menu > li {
		min-width: inherit;
	}


	header {
		min-height : 60px;
		background-position : 0 -90px;
	}
		
	header nav a {
	  height: 33px;
	  padding: 21px 20px 0;
	}
	
	header nav span {
		display: none;
	}
	
	header nav h3 {
		text-align: center;
	}
	
	@media only screen and (max-width:767px) {
		header {
			background-position: 0 -15px;
			height: 135px;
			margin-left: -10px;
			margin-right: -10px;
			overflow: hidden;
			position: relative;
			width: auto;
		}
		
		header .logo {
			top : 10px;
		}
	}
	


/** long menu **/


@media (max-width:768px) {
	header div.logo {
		left : 50%;
		margin-left: -75px;
	}
}


/** additional css **/