/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
		font-family: 'Raleway', Helvetica, Arial, sans-serif;
		font-size: 14px;
		line-height: 24px;
		color: #323232;
		font-weight: 300;
	}
	
	a {
		color: #46a173;
		text-decoration: none;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	a:hover {
		color: #00cc00;
	}
	
	p {
		margin: 0 0 10px 0;
	}
/* replaced e8e8e8 with dadada for darker hipster grey bckgrnd and 3d3d3d with 323232 for fonts */	
	h2 {
		margin: 0 0 10px 0;
	}
	fword {
	    font-family: 'courgette', cursive;
	    font-size: 24px;
	    }
	.details {
	background: #dadada;
	padding-top: 60px;
	padding-bottom: 50px;
	}
	
	.details h2 {
	    font-family: 'Courgette', cursive;		
	    margin-top: 20px;
	}
	.details h3 {
	    font-family: 'Courgette', cursive;		
	}	
	.details code {
		font-family: 'Raleway', Helvetica, Arial, sans-serif;
	        background: #eef695;
		background: rgba(234,239,175,0.9);
		padding: 2px 3px;
	}
	
	.details img {
		margin: 20px 0 0 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.details a {
		text-decoration: none;
	}

	
	/* removes margin for galleria */
	.detailsg {
	background: #dadada;
	padding-top: 60px;
	padding-bottom: 50px;
	}
	
	.detailsg h2 {
		margin-top: 0px;
		font-family: 'Courgette', cursive;
	}
	
	.detailsg code {
		background: #eef695;
		background: rgba(234,239,175,0.9);
		padding: 2px 3px;
	}
	
	.detailsg img {
		margin: 0 0 0 0;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}

	.detailsg a {
		text-decoration: none;
	}

	
/* removes margin for galleria  and centres content*/
	.detailsgc {
	display: block;
	text-align: center;
	}
	
	.sponsors {
		text-align: center;
		background: #fff;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.sponsors img {
		margin: 1px 0 0 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

	.linx {
		text-align: right
		}

	.linx a {
		color: #000;
		text-decoration: underline;
		font-weight: 400;
	}	

	.linx a:hover {
		text-decoration: none;
	}	


	.header {
		height: 20px;
		padding-top: 20px;
	}
	.header .logo {
		width: 400px;
		height: 40px;
		margin-left: auto;
    	margin-right: auto;
		}
	
	.intro {
		margin-top: 40px;
		margin-bottom: 0px;
		line-height: 30px;
		font-weight: 300;
		color: #eee;
		font-size: 20px;
		text-align: center;
		background-repeat: no-repeat;
  		background-attachment: fixed;
  		background-size: 100%;
   	}
   		.footer {
		font-size: 10px;
		line-height: 14px;
		color: #eee;
		padding-top: 45px;
		padding-bottom: 45px;
		text-align: center;
  		background-repeat: repeat;
  		background-size: 100%;
  		background-attachment: fixed;
  		background-position: center bottom; 
 	}
	
	.footer emdiv{
		unicode-bidi:bidi-override; direction: rtl;
	}
	
	.footer emdiv:before{
		content:"ku.ca.mac.nodrug@htims.semaj";
	}
		
 	.bgindex {
 		background-image: url(../fjl3files/sciim/banner_niw.jpg);
  	}
  
	.bgoverview {
 		background-image: url(../fjl3files/sciim/banner_mito.jpg);
  	}

	.bgprojects {
 		background-image: url(../fjl3files/sciim/banner_phil.jpg);
  	}

	.bgpublications {
 		background-image: url(../fjl3files/sciim/banner_nat.jpg);
  	}

	.bgpeople {
 		background-image: url(../fjl3files/sciim/banner_lego.jpg);
  	}

	.bgexlab {
 		background-image: url(../fjl3files/sciim/banner_monkey.jpg);
  	}


	.bgcontact {
 		background-image: url(../fjl3files/sciim/banner_building.jpg);
  	}

  	.bggallery {
 		background-image: url(../fjl3files/sciim/banner_dancing.jpg);
  	}

	
	.intro p {
		margin-bottom: 16px;
	
	}
	
	.intro .contact {
		font-weight: normal;
	}
	
	.intro a {
		font-weight: normal;
	}
	
	.introov {
		margin-top: 20px;
		margin-bottom: 0px;
		line-height: 24px;
		font-weight: normal;
		color: #eee;
		font-size: 20px;
	}
	.textbox {
		    /* Fallback for web browsers that doesn't support RGBa */
    		background: rgb(0, 0, 0);
    		/* RGBa with 0.6 opacity */
    		background: rgba(0, 0, 0, 0.8);
    		padding-top: 10px;
			padding-bottom: 10px;
	}
	
	.navbartop a {
		text-align: center;
		color: #eee;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	.navbartop a:hover {
		color: #00cc00;
	}

	.navbar a {
		text-align: center;
		margin-top: 0px;
		color: #eee;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	.navbar a:hover {
		color: #00cc00;
	}
	
	.navbarbottom {
		display: none;
	}