/*
Theme Name: NG
Description: NG theme for WordPress.
Author: Emedya
Version: 1.0 
*/

@charset "utf-8";
/* CSS Document */
/* Nabil gholam */

body {
	width:950px;
	background-color:#FFFFFF; 
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

	font-size:12px;
	color:#333333;

}

.searchimg{
	max-width: 140px;
	}
.column-3{
	
	
	}
.imgcaption{
	
	position:absolute;
	width:861px;
	top:621px;
	float:right;
	
	z-index:250;
	text-align:right;
	bottom:18px;
	color:#95a7b5;
	}

.projectclose{
	background-image: url("images/close.gif") !important;
	    background-repeat: no-repeat;
		background-position:0px 0px; 
		   padding-left:16px;
	width: 30px; 
	float: left; 
	z-index: 100; 
	font-size: 12px; 
	color: rgb(133, 153, 167) ! important; 
	cursor: pointer;
	
	
	}
    .fancylink {
   border-top:8px #95a7b5 solid;
  margin-bottom:44px;
color:#9eaeb8;
  float:right;
  width:286px;
  text-align:right;
  clear:both;
      }
	   
	   #clickme {
  z-index:300 !important;
  position:absolute !important;
  bottom:-18px !important;
      }
	  
	  .nivo-controlNav{
		  left: 30px !important;
		  }
	    .searchimg {

  float:right;

      }
	
	     .search-summary {
display:block;
width:850px;
clear:both;
      }
	 
	      .fancylinkfloat {
   border-top:8px #95a7b5 solid;
 /* line-height:40px;*/
  margin-bottom:37px;
  float:left;
/*  width:200px;*/
    width:282px;
  text-align:right;
  margin-right:4px;
  
      }
	  
	  
  
 .backtotop {
	display:block;clear:both;
	
	 text-decoration: underline;
	    cursor: pointer;
	 }  
	  
 .bluebox {
 width:817px;
 padding:20px;
 background:#325875;
 color:#96b0c3;
 margin-bottom:10px;
      }
	  
	  
 .bluebox_assoc a:link,  .bluebox_assoc a:visited,  .bluebox_assoc a:hover,  .bluebox_assoc a:active {
 color:#cfdfe8 !important;

 }
	  
 .bluebox_assoc {
 width:817px;
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;
 cursor:pointer;
 
  padding-bottom:32px;

 background:#325875;
 color:#96b0c3;
 margin-bottom:10px;
      }	  
	  
	  a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(images/pdf-icon.png) no-repeat center right;
}
	  
	  
	  
   .bluebox_assoc img {
margin-right:10px;
      }	  
	  
	  .onelinerbox {
 width:840px;
 padding:10px;
 background:#e4edf2;
 color:#9da9b0;
 margin-bottom:2px;
 height:9px;
 vertical-align:middle;
      } 
	  
	  .onelinerboxfloat {
 width:203px;
 padding:5px;
 height:19px;
 background:#e4edf2;
 color:#9da9b0;
float:left;
margin-right:2px;
margin-bottom:2px;
      } 
	    
	  .post{
		  width:860px;
		  
		  }
	   .bluebox img {
margin-right:10px;
      }
	  
     #breadcrumbs {
	font-size:26px;
	font-weight:normal;
	color:#677077;    
	float:right;
	text-align:right;
	clear:both;
	margin-top:32px;
	      }
    #tbreadcrumbs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
      }
    #breadcrumbs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #breadcrumbs a {
    /*  float:left;*/
	margin:0;
    /*  	padding:0 0 0 20px;*/
      	text-decoration:none;
	color:#AEBCC4;
      }
    #breadcrumbs a span {
      float:left;
      display:block;
      
      
      color:#4E5B67;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #breadcrumbs a span {float:none;}
    /* End IE5-Mac hack */
    #breadcrumbs a:hover span {
      color:#4E5B67;
      }
    #breadcrumbs a:hover {
     
      }
    #breadcrumbs a:hover span {
      
      }


a:active {color;#4C5966}

a:link, a:visited, a:hover, a:active {color:#4c5966;text-decoration:none;}
a:link.lang, a:visited.lang, a:hover.lang, a:active.lang {font-size:9px;text-decoration:none;}
a:link img, a:visited img, a:hover img, a:active img {
	border:0;
	/*padding-left:20px;*/}
ekip_img {border:0 none; margin: 0px; align:left;width:50px;}
ul.qtrans_language_chooser {list-style-type:none;padding:0;margin:0;font-size:9px;text-decoration:none;}
ul.qtrans_language_chooser a:link, ul.qtrans_language_chooser a:visited, ul.qtrans_language_chooser a:hover, ul.qtrans_language_chooser a:active {text-decoration:none;}
li#qtranslate-3 {list-style-type:none;padding:0;margin:0;font-size:9px;text-decoration:none;}
h1 {
	font-size:20px;
	margin-top:35px;
	color:#333333;
}
h2 {
	font-size:18px;
	font-weight:bold;
}
h2.entry-title, h2.entry-title a:link, h2.entry8itle a:visited, h2.entry-title a:hover, h2.entry-title a:active {
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}
h3.widget-title {font-size:12px;margin:0;}
.xoxo {font-size:10px;list-style-type:none;padding:0;margin:0;}
.lilinfo {
	font-size:16px;
	font-weight:normal;
}

ul#subnavi
{

margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#subnavi li
{
display: inline;
list-style-type: none;
}

#subnavi a { padding: 3px 10px; font-size:10px;text-transform:uppercase;}

#subnavi a:link, #subnavi a:visited
{
color: #666;
background-color: transparent;
text-decoration: none;
font-size:10px;
text-transform:uppercase;
}

#subnavi a:hover
{
color: #fff;
background-color: #665E53;
text-decoration: none;
}

/*Project nagivation style menu */
#projnav 
{ 
text-align:right;
margin-top:60px;
margin-left:89px;
color:##AEBCC4;
clear:both;

 }
 
 
.project_title{
	padding-top:13px;
	font-size:8pt;
	color:#233343;
	padding-right:20px;
	font-weight:bold;
	
	
	}
	
	
	.project_title_category{
	padding-top:13px;
	font-size:16px;
	color:#233343;
	padding-right:20px;
	font-weight:bold;
	
	
	}
	
.project_excerpt{
	font-size:14px;
	color:#96a8b4;
	padding-right:20px;
	
	
	}



#projnav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-size:22px;
}

#projnav a
{
width: 860px;
color:#AEBCC4;
text-decoration:none;
}

#projnav a:link, #projnavli a:visited
{
color:#AEBCC4;

text-decoration:none;
}

#projnav a:hover
{
color:#4E5B67;
background-color:#fff;
text-decoration:none;
}
#stl-mytimeline {width:640px}
blockquote {
	font-style: italic;
	padding: 0 2em;
}


.menu-work-container{
	}



#search_box {
display:none;
	margin: 0;
	padding: 0;
	font-size:14px;
	/*width: 600px;*/
	/*top:75px;*/
	float:right;
	
	margin-left:20px;
}



#search_btn {
	
	margin: 0;
	padding: 0;
	font-size:14px;
	/*width: 600px;*/
	margin-bottom: 1em;
	/*top:75px;*/
	display:block;
	float:right;
	margin-top:5px;
	margin-left:20px;
}




.solidblockmenu {
	
	margin: 0;
	padding: 0;
	font-size:14px;
	/*width: 600px;*/
	margin-bottom: 1em;
	/*top:75px;*/
	display:block;
	float:right;
}


.solidblockmenu li { /*sub menu bar*/
	display: inline;
}
.solidblockmenu li a {
	float: left;
	color: #AEBCC4;
	padding: 9px 6px;
	text-decoration: none;
}
.solidblockmenu li a:visited {
	color: #AEBCC4;
}
.solidblockmenu li a:hover, .solidblockmenu li .current, .solidblockmenu li .current_page_item{

color: #4E5B67;
}


.current-menu-item a,   .current-menu-ancestor a,  .current-menu-parent a{

color: #4E5B67 !important;
}








/* slide show style */
#slideshow {
	width:640px;
	height:480px;
}
#slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}
#slideshow img.active {
	z-index:10;
	opacity:1.0;
}
#slideshow img.last-active {
	z-index:9;
}
#proje {
	font-size: 9px;
	width:136px;
	display:block;
	padding:5px;
	background-color:#fff;
	border:1px solid #aaa;
	margin-top:1px;
	color:#222222;
	height:100px;
}
#container { /* whole */
	left:0px;
	margin-left:47px;
margin-top:79px;
	width:900px;
}
#index-01_ { /* leftmost */
	left:0px;
	top:0px;
	width:20px;/*60px*/
}
#index-02_ { /* logo top */
	left:20px;/*60px*/
	top:0px;
	width:300px;
	height:70px;
}
#index-03_ { /* mid col */
	left:320px;/*360px*/
	top:0px;
	width:20px;
}
#index-04_ { /* menu top */
	left:340px;/*380px*/
	top:0px;
	width:640px;
	height:70px;
}
#index-05_ { /* rightmost */
	left:980px;/*1020px*/
	top:0px;

}
#logo { 
float:right;
text-align:right;
width:320px;
/* logo 


	position:relative;
	left:675px;
	top:23px;
	width:285px;
	height:30px; */
}
#index-07_ { /* relative col */
	left:450px;/*380px*/
	top:80px;
	width:460px;
	height:61px;
}
#index-08_ { /* content */
	display:block;
	clear:both;
	width:840x;
	padding-left:42px;

}
#index-09_ { /* content projects */
	
	text-align:right;
	left:100px;/*380px*/
	top:200px;
	width:860x;
	clear:both;
	margin-left:42px;
	margin-top:40px;
	padding-top:20px;
	color:#9daab3;

}

.allprojects_categories{
	padding-top:15px;
	padding-right:10px;
	background-color:#eaeff3;
	}

.allprojects_categories_r{
	padding-top:15px;
	padding-right:10px;
	background-color:#cbd9e1;
	}

.allprojects_fields{
/*	padding-top:10px;*/
	padding-right:10px;
	background-color:#eaeff3;
	}

.allprojects_fields_r{
	/*padding-top:10px;*/
	padding-right:10px;
	background-color:#cbd9e1;
	}

.allprojects_excerpt{
		padding-top:15px;
	background-color:#eaeff3;

	padding-right:10px;
	}



.allprojects_date{
			background-color:#eaeff3;
padding-top:15px;

	padding-right:10px;
	}

.allprojects_work{
	color:#8198ab;
	background-color:#345873 !important;
	
	}


.allprojects_work a{
	color:#8198ab !important;
	}


.allprojects_work_r{
	color:#8f959c;
	background-color:#051325 !important;
	
	}


.allprojects_work_r a{
	color:#8f959c !important;
	}


#index-10_ { /* left col, right */
	left:170px;/*210px*/
	top:160px;
	width:140px;
	margin-top:170px;
	margin-left:10px;
}



#index-11_ { /* content */
	float:right;
	margin-top:30px;
	top:150px;
	width:860x;
}




#copyright {/*footer,central*/
height: 4em;

    bottom: 20px;
    width: 300px;
	
	
	background:url(images/copyright.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	height:49px;
	
left:773px;


position:relative;

}


#footer {/*footer,central*/
height: 4em;
    left: 100px;
    bottom: 0;
    width: 860px;

}





#proje {  /*project section */
	font-size: 9px;
	width:130px;
	display:block;
	padding:5px;
	background-color:#fff;
	border:1px solid #aaa;
	margin-top:1px;
	color:#222222;
	height:130px;
}
#content_acc /*content goes here */
 {
	display:block;
	clear:both;
	display:none;
	z-index:10;
	height:100%;
		color:#8599a7 !important;

	}
	
	
	.accordion{
	clear:both;
	display:none;	
		
		}
	
#content{
			color:#8599a7 !important;
			position:relative;
			width:850px;
			clear:both;
			text-align:right;

}

 

  .lightbluerow {

      background-color: #eceeef !important ;
	
  }
  
  
   .lightbluerow td{
   
	   border-bottom:medium solid #FFFFFF !important;
  }
   .selectedRow {
      background-color: #cbd9e1 !important;
      cursor: pointer !important;
	

   }
   
   
      .selectedRow td {
	  border-bottom:medium solid #FFFFFF !important;
      background-color: #cbd9e1 !important;


   }
   
   
   
     .lightbluerow2 {

      background-color: #eceeef !important ;
	
  }
  
  
   .lightbluerow2 td{
   
  }
   .selectedRow2 {
      background-color: #cbd9e1 !important;
      cursor: pointer !important;
	

   }
   
   
      .selectedRow2 td {
      background-color: #cbd9e1 !important;


   }
   
   
#searchform /*this is for block menu css */
{
float:right;
display:block;
clear:both;
		color:#8599a7 !important;
		margin-top:8px;

}
#searchsubmit{
	
	  border:none;
	  color:#FFF;
    background: #334e6d;
	height:25x;
	
	
	}
   
#searchform /*this is for block menu css */
{
float:right;
display:block;
clear:both;
}
      

#bd /*this is for block menu css */
{
min-height:435px;height:435px;
left:857px;/*100px*/
top:140px;
}
   
   
   .submenu
 {
 font-size:16px;
margin:0;
/*margin-right:20px; */
color:#AEBCC4;
}
  .submenu a:link, .submenu a:visited, .submenu a:hover, .submenu a:active
 {
font-size:20px;
font-weight:lighter !important;
line-height:30px;
margin:0;
/*margin-right:20px;*/
color:#AEBCC4;text-decoration:none}  
   
.menu
 {
 font-size:16px;
margin:0;
/*margin-right:20px; */
color:#AEBCC4;
}
 .menu a:link, .menu a:visited, .menu a:hover, .menu a:active
 {
font-size:14px;
letter-spacing: 1px;
margin:0;
/*margin-right:20px;*/
font-weight:200 !important;

color:#AEBCC4;text-decoration:none}
   .ghost {color:#CDCDCD}
   .submenu { font-size:22px;margin:0;color:#AEBCC4;}
   .submenu a:link, .submenu a:visited, .submenu a:hover, .submenu a:active { font-size:22px;margin:0;color:#AEBCC4;text-decoration:none;}
   
   
   
   	  
	.fancylinkfloat:hover{
   border-top:8px #105071 solid !important;
   color:#105071 !important;

  
      }
	  
	      .fancylink:hover{
  border-top:8px #105071 solid !important;
   color:#105071 !important;
      }
	  
	  
	  
	  #footer {
	  margin-top:20px;margin-left:40px;
	  }
	  
	   #archivesite{
		   float:left;
		   color:#b18a8f;
		   font-size:11px;
		   position:relative;
		   left:125px;
		   top:-20px;
		   }
		   
	   #archivesite a{
		   
		   color:#b18a8f !important;
		   }
	  
#footer a {
	background:url(images/footer_l_off.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	height:49px;
	width:111px;
	
}

#footer a:hover {
	background:url(images/footer_l_on.gif) no-repeat;
}