@import url(http://fonts.googleapis.com/css?family=PT+Sans|PT+Sans+Narrow|PT+Sans+Caption);
*, ul { margin:0px; padding:0px;}
.center{ margin:0 auto;}
/*.hide {visibility:hidden;}*/
.remove {display:none;}
a{ text-decoration:none; color:#aaa;}
a img {border:none; /*font-family: 'PT Sans', sans-serif;*/font-family: 'Alegreya Sans', sans-serif;}
.lfloat, .alignleft{ float:left;}
.rfloat, .alignright{ float:right;}
h4{ font:300 16px; /*font-family: 'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif;line-height:160%; letter-spacing:0.15em; color:#666;  }
h5{ color:#666;/*font-family: 'PT Sans', sans-serif;*/font-family: 'Alegreya Sans', sans-serif;}
p{ font:300 12px; /*font-family: 'PT Sans', sans-serif;*/font-family: 'Alegreya Sans', sans-serif; color:#666; }
h3{color:#666666;/*font-family: 'PT Sans', sans-serif;*/font-family: 'Alegreya Sans', sans-serif;}

.clear{
	margin:0;
	padding:0;
	clear:both;
}
div.body
{
	margin: 0px auto;
	padding:0px;
	width:100%;
	min-height:400px;
	background-color:#666;
	border:0px solid #F00;
}
div.container
{
	margin:0px auto;
	padding:0px;
	border:0px solid #000;
}
div.header
{
	margin-bottom:50px;
	padding:0px;
	width:100%;
	border:0px solid #000;
}
.head{margin-bottom:50px;}
div.logo
{
	margin:30px 0px 0px 6px;
	padding:0px;
	float:left;
	width:160px;;
	border:0px solid #000;
}

.hide {
    display: none;
}

a.menuAng
{
	margin:0px 8px 0px 0px;
	color:#6F6C6C;
	font-size: 13px;
	font-family:Tahoma, Geneva, sans-serif;
	letter-spacing:0.4px;
}
a.menuAng:hover
{
	margin:0px 8px 0px 0px;
	color:#000;
	font-size: 13px;
	font-family:Tahoma, Geneva, sans-serif;
}
#menu_div{
clear: both;
position: relative;
top: 0;
left: 0;
} /* Free space to top specialy for menu */

#navigation {
position: fixed;
}

#navigation, #menu_div {
width: 100%;
margin: 0 !important;
padding: 0 !important;
}

#menu_div, #navigation, #menu, #nav{
height: 45px; /* menu height */
}

#menu_div:hover,
#navigation:hover,
#nav li a:hover, #nav li ul a 
{
opacity: 0.95;/* Menu transparency on mouse hover*/
} 

#menu_div,
#navigation, 
#nav li a, 
#menu_div:not(:hover), 
#navigation:not(:hover)
{
opacity: 0.8;/* Menu transparency on mouse out */
}


.menu {
margin:70px 0px 0px 0px;
padding:0px;
float:right;
position: relative;

}

#nav{
margin:0;
padding:0;
position: relative;
/*font-family: 'PT Sans', sans-serif;*/
font-family: 'Alegreya Sans', sans-serif;
float:right;
}

#nav li a,#nav li {
float:left;
}

#nav li {
list-style:none;
position:relative;
}

#nav li a {
padding:0 8px;
text-decoration:none;
margin:0;
font-size:13px;
color:#6F6C6C;
line-height:35px;
}

/*====================
	Submenu 
=====================*/
#nav li ul {
display:none;
position:absolute;
left:0;
top:100%;
padding:0;
margin:0;
z-index:9999;
} /* hide submenu */

#nav li:hover > ul {
display:block;
} /* show submenu on hover */

#nav li ul li,#nav li ul li a {
float:none;
height: 35px; /* submenu item height */
min-width: 97px; /* submenu item minimal width */
line-height: 35px;
border-right: 0;
text-shadow: none;
display:block;
font-size:13px;
font-weight:400;
text-transform:inherit;

} /* Submenu item */

#nav li ul li {
_display:inline; /* for IE */
}

/* == 12. Sub-Sub Menu == */
#nav li ul li ul {
display:none;
}

#nav li ul li:hover ul {
left:100%;
top:0;
}
/* Menu bar background color */
#navigation, 
#nav li ul li, 
#nav li ul li a{
background:#6F6C6C;
color:#fff;
}

/* Menu Item text color */
 
#nav li ul li,
#nav li ul li a,
#nav li ul li a:hover  {
 
opacity: 0.95;
}

/* Menu Item background color on hover */
#nav li a:hover{
color: #fff;
background: #6F6C6C;
}
#nav li ul li a:hover  {
background: #ec6719; 
color:#fff;
}

/* Text Shadow */
#nav li a, 
#nav li a:hover, 
#nav li ul li a:hover  {

/*text-shadow: 0 1px 1px #333;
 
}


div.bodyContainer
{
	margin:0px auto;
	padding:0px;
	width:99%;
	border:0px solid #000;
}
div.bodyMain
{
	margin:0px auto;
	padding:0px;
	width:100%;
	border:0px solid #000;
}
div.imageDiv
{
	margin:0.5% 0.5%;
	padding:0px;
	width:280px;
	float:left;
	height:300px;
	border:0px solid #000;
}
div.fooer
{
	margin-top:20px;
	padding:4px;
	width:100%;
	height:50px;
	border:0px solid #666;
}
div.fooerBorder
{
	margin:0px;
	padding:0px;
	width:1156px;
	border-top:1px solid #666;
	text-align:right;
	padding-top:10px;
}
.fooerBorder a{
text-decoration:none;
color:#000000;

}
div.details2
{
	margin:0px auto;
	padding:0px;
	width:100%;
	border:0px solid #000;
}
div.details
{
	margin:0px auto;
	padding:10px;
	width:91%;
	border:0px solid #000;
}
div.detailsContent1
{
	 margin:0px auto;
	 padding:0px;
	 width:200px;
	 float:left;
	 border:0px solid #F00;
}
div.detailsContent2
{
	 margin:0px auto;
	 padding:0px;
	 width:690px;
	 float:left;
	 border:0px solid #F00;
}
div.detailsContent3
{
	 margin:0px auto;
	 padding:0px;
	 width:270px;
	 float:left; 
	 border:0px solid #F00;
}
.admin_tools
{        
	display:none;
	width:280px;
	height:300px;
}        
.item:hover span
{
	display:none;
	width:280px;
	height:300px;
}          
.item:hover .admin_tools
{
	padding:10px 0px 0px 10px;
	display:block;
	width:270px;
	height:290px;
	color:#fff;
/*	background:#353434;
	opacity:5;*/
  }
  
  div.bodyContainer
{
	margin:0px auto;
	padding:0px;
	width:99%;
	border:0px solid #000;
}
.details{ padding:10px !important;}
.details h4{ font:300 15px;/*font-family: 'PT Sans', sans-serif;*/font-family: 'Alegreya Sans', sans-serif; line-height:160%; letter-spacing:0.15em; color:#fff; text-shadow:1px 1px 0 rgb(0,0,0);margin:0px; padding:0px; }
.details p{ font:300 11px;/*font-family: 'PT Sans', sans-serif;*/font-family: 'Alegreya Sans', sans-serif; color:#aaa; text-shadow:1px 1px 0 rgb(0,0,0);} 
.sponsertext{width:99%; padding-top:50px;}

.sponsertext h2{
	font-size:19px;
	color: #6F6C6C;
    /*font-family: 'PT Sans', sans-serif;*/
	font-family: 'Alegreya Sans', sans-serif;
	font-weight:normal;
    margin: 0;
	padding:0;
}
.sponser{
	width:100%;	
	height:auto;
	padding-bottom:20px;
} 
.contactbody{padding:0px 0px 10px 0px;}
.contactbody h3{color: #666666;/*font-family: 'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif;padding:10px 0 0 0;margin:0px; font-size:24px; }
.contact{width:100%; float:left;}
.contactadd p{ font-size:14px; /*font-family: 'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif;color:#666; padding:0px; margin:0px; }
.contactadd a {font-size:14px; /*font-family: 'PT Sans', sans-serif; color:#666;*/ font-family: 'Alegreya Sans', sans-serif;padding:0px; margin:0px;}
.homemargin{margin-top:1%;}

.aboutbody{padding:0px 0px 10px 0px; border-top:1px solid;}
.aboutbody h3{color: #666666;/*font-family: 'PT Sans', sans-serif;*/font-family: 'Alegreya Sans', sans-serif; padding:10px 0 0 0;margin:0px; font-size:24px; }
.aboutbodyText h3{color: #666666;/*font-family: 'PT Sans', sans-serif;*/font-family: 'Alegreya Sans', sans-serif; padding:10px 0 0 0;margin:0px; font-size:20px; }
.contact{width:100%; float:left;}
.aboutbodyText p{font-size:14px; /*font-family: 'PT Sans', sans-serif;*/font-family: 'Alegreya Sans', sans-serif; color:#666; padding:0px; margin:0px; }


.sponser ul{
list-style:none;
}

.sponser ul li {
float:left;
}

<!----start subpage--->

div.details2
{
	margin:0px auto;
	padding:0px;
	width:100%;
	border:0px solid #000;
}
div.detailsContent1
{
	 margin:40px 0 0 0;
	 padding:0px;
	 width:100%;
	 float:left;
	 border:0px solid #F00;
	
}
.projestlistgroup{
	width:97%;
}
.projecttitel{
	width:100%;
	margin-bottom:20px;
	
	
}
.projecttitel h3{
	font-size:14px;
	/*font-family:'PT Sans', sans-serif;*/
	font-family: 'Alegreya Sans', sans-serif;
	font-weight:normal;
	color:#666;
	margin:0px; padding:0px;
	border-bottom:1px solid;
}
div.detailsContent2
{
	margin:40px auto 0 0;
	 padding:0px;
	 width:100%;
	 float:left;
	 border:0px solid #F00;
}
.detailsContent2text{width:100%; height:100%; padding-bottom:20px;}
.detailsContent2text h3{ font-size:20px; /*font-family:'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif;font-weight:normal; padding:0px; margin:0px;}
/*.span7 .detailsContent2 .porjectImg img{
padding-bottom:20px !important;

}*/
.porjectImg{ padding:0 0 20px 0;}

.otherprj{ width:100%; height:100%;}
.projecttitel ul{display:block;}
.projecttitel ul li{ 
	list-style:none;
	}
.projecttitel ul li a{ 
	font-size:14px;
	padding:10px 0 0 0;
	/*font-family:'PT Sans', sans-serif;*/
	color:#666 !important;
	}

.porjectImg img{
/*width:100%;*/
height:auto;
border:1px solid;
color:#666;
}

div.detailsContent3
{
	 margin:40px auto 0 0;
	 padding:0px;
	width:100%;
	 float:left; 
	 border:0px solid #F00;
}
/*.detailsContent3heading{width:100%; height:100%; border-bottom:1px solid; border-bottom-color:#666;}
.detailsContent3heading h3{font-size:14px; font-family:'PT Sans', sans-serif; font-weight:normal;color:#666;margin:0px; padding:0px;}
.detailsContent3text{width:100%; height:100%; padding-top:20px;}
.detailsContent3text h5{font-size:14px; font-weight:normal; color: #666;font-family: 'PT Sans', sans-serif;margin:0px; padding:0px;}*/

.detailsContent3heading{width:100%; height:100%; border-bottom:1px solid; border-bottom-color:#666; margin-bottom:20px;}
.detailsContent3heading h3{font-size:14px; /*font-family:'PT Sans', sans-serif;*/font-family: 'Alegreya Sans', sans-serif; font-weight:normal;color:#666;margin:0px; padding:0px;}
.detailsContent3text{width:100%; height:100%; padding-bottom:20px;}
.detailsContent3text h5{font-size:14px; font-weight:normal; color: #666;/*font-family: 'PT Sans', sans-serif;*/font-family: 'Alegreya Sans', sans-serif;margin:0px; padding:0px;}
.detailsContent3text p{ font-size:14px; font-weight:normal; color: #666;/*font-family: 'PT Sans', sans-serif;*/font-family: 'Alegreya Sans', sans-serif;margin:0px; padding:0px; word-break:break-word; margin-top:10px;}
.detailsContent3text p a{ font-size:14px; font-weight:normal; color: #F1592A;/*font-family: 'PT Sans', sans-serif;*/ font-family: 'Alegreya Sans', sans-serif;margin:0px; padding:0px; word-break:break-word; margin-top:10px;}
.detailsContent3text h3{ font-size:14px; font-weight:bold; color: #666;/*font-family: 'PT Sans', sans-serif;*/font-family: 'Alegreya Sans', sans-serif;margin:0px; padding:0px;word-break:break-word; line-height:19px;}

-webkit-marquee: auto medium infinite scroll normal;   
overflow-x: -webkit-marquee; 

/* Large desktop */
@media (min-width: 1024px) {


 }
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
#nav{
	display:block;
}
.mosaic-block{
	margin-left:0px;
}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
#nav{
	display:block;
}


 }
@media (max-width: 600px) {
.mosaic-block{
	margin-left:15%;
}
#nav{
	display:block;
}
} 
/* Landscape phones and down */
@media (max-width: 480px) { 
#nav{
	display:block;
}
.mosaic-block{
	margin-left:5%;
}
#nav li a{
	padding: 0 2px;
	text-decoration: none;
	margin: 0;
	font-size: 12px;
	color: #6F6C6C;
	line-height: 25px;
	}
#nav li ul li a {
	height: 20px;	
	line-height: 20px;	
	display: block;
	font-size: 12px;
 }
 @media (max-width: 320px) { 
#nav{
	display:block;
}
.mosaic-block{
	margin-left:0%;
	width:100%;
}

 }