*{
	margin:0;
	padding:0;
	list-style-type:none;
}
.noDisplay { display:none;}
a img { border:none; }
body{
	background:Black;
	font-family:Arial, Helvetica, sans-serif;
}

#logo
{
	float:left;
	width:193px;
	height:32px;
}

#wrapInner
{
	width:878px;
	height:570px;
	margin: 0 auto;
	margin-top:30px;
}

#menu
{
	margin-top:4px;
}
#menu li
{
	display:inline;
	padding-right:63px;
}
#menu  a
{
	display:inline;
	font-size:10pt;
	font-weight:bold;
	color:#A3A3A3;
	text-decoration:none;
}

#menu a:hover{
	color:#565555;
}

#HPcontent
{
	padding-top:70px;
	height:400px;
	
}

#ProfileContent
{
	font-size:8.5pt;
	color:#A3A3A3;
	line-height:16px;
	width:870px;
	height:auto;
	float:right;
}

#ProfileContent a
{
	color:#A3A3A3;
}

#PrjectContent
{
	font-size:8.5pt;
	color:#565555;
	line-height:16px;
}

.secMenu
{
	padding-top:1px;
	margin:0px;
	padding:0px;
	position:absolute;
	visibility: hidden;
	z-index:50;
}

.secMenu li
{
    margin:10px 0;
}

.secMenu a
{
	font-size:10pt;
	font-weight:bold;
	color:#fff;
	text-decoration:none;	
	background:#000;	
	padding:6px 8px;	
}

.secMenu a:hover
{
	color:#565555;
}


#projectInfo
{
	width:215px;
	height:345px;
	float:left;
}

#projectInfo p
{
	padding-top:0px;
	padding-right:28px;
	text-align:justify;
	font-size:10.5px;
	color:#828282;
}

.projectName
{
	font-size:11px;
}


#img
{
	float:left;
}

#imgbuttons
{
	padding:12px;
}


.imgbuttonscels
{
	width:11px;
	height:11px;
	margin-right:5px;
	background-color:#939393;
	float:left;
	cursor:pointer;
	border:0;
}

.imgbuttonscelsOver
{
	width:11px;
	height:11px;
	margin-right:5px;
	background-color:#333;
	float:left;
	border:0;
}

.texbuttonscels
{
	font-size:12px;
	vertical-align:middle;
	text-decoration:none;
	color:#666666;
}

.texbuttonscels:hover
{
	font-size:12px;
	vertical-align:middle;
	text-decoration:none;
	color:#a3a3a3;
}

#projectsButtons
{
	margin-left:230px;

}



.bimg
{
	filter:alpha(opacity=0);
	opacity:0.00;
	height:283px;
}

.divbimg
{
	width:653px;
	height:283px
}

.tdis
{
	display:none;
}

.yearsBut
{
	padding:10px;
	padding-left:0px;
	font-size:10pt;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
}

.lbut22
{
	padding-right:10px;
		color:#666666;
	text-decoration:none;
}



.listUl
{
	padding-bottom:3px;
	float:left;
	margin-right:17px;
	width:200px;
}

.listUl a
{
	color:#666666;
}

.tbox
{
	border:solid 1px #e2e2e2;
	height:17px;
	width:220px;
}

.tbut
{
	border:solid 1px #e1e1e1;
	color:#cccccc;
	width:40px;
	height:20px;
	float:right;
	color:#666666;
}

div.publications
{
	text-align:justify; padding-top:46px; width:380px; margin-right:20px; float:left
}

div.publications li 
{
	padding-bottom:10px;
}

div.publications  a:hover
{
	text-decoration:none;
}

/* project page */
div.projectHeader
{
	width:878px;
	height:29px;
	float:left;
	/* background-color:#E9E9E9;*/
	margin:16px 0 3px 0;
}
div.projectImage
{
	width:870px;
	height:auto;
	float:left;
	margin-bottom:14px;
	background:#fff;
	padding:4px;
}
div.projectImage img
{
	width:870px;
	height:510px;
	cursor:pointer;
}
div.projectsNav
{
	width:200px;		
	float:right;
}
div.projectsNav p
{
	float:right;	
	color:#3A3A39;
	font-size:12px;
}
.projectsLinkButtons
{
	float:right;
	padding-right:6px;
	font-size:12px;
	color:#A3A3A3;
	text-decoration:none;
}
p.projectName
{
    width:400px;
    text-align:center;
    display:block;
	float:left;	
	color:#A3A3A3;
	font-size:12px;
}
div.projectImagesNav
{
	width:400px;
	margin:0 auto;
	margin-bottom:12px;
	clear:right;
}
div.project-back
{
    width:150px;
    float:left;
    margin-right: 74px;   
}
div.project-back a
{
    font-size:12px;
    text-decoration:none;
    color:#A3A3A3;    
}
div#footer
{
    width:100%;
    float:left;
    margin-top:80px;
}
div.project-box
{
    width:279px;
    height:175px;
    float:left;
    margin:15px;
    margin-left:0px;
}
div.end-item
{
    margin-right:0px !important;
}
a.project-image 
{
    display:block;
    width:279px;
    height:165px;    
    background:#ffffff;
    position:relative;
}
div.project-box img.regular
{
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: 10;
}
div.project-box img.hover
{
    position: absolute;
    left: 2px;
    top: 2px;    
}
div.project-box a.project-name
{
    width:100%;
    font-size:13px;
    text-decoration:none;
    margin-top:6px;
    display:block;
    text-align:center;
    color:#A3A3A3;
}
h1.page-title
{
    font-size:14px;
    margin-bottom:6px;
}
h1.project-title
{
    font-size:13px;
    margin-top:14px; 
}
a.fb-page
{
    display:block;
    float:left;
    width:22px;
    height:22px;
    background:url(../_images/facebook.png) no-repeat;
    overflow:hidden;
    text-indent:-9999px;
}

/* mobile index-slider */
div.index-main
{
    width:100%;
    height:381px;
    padding-bottom:20px;
    position:relative;
    float:right;        
    z-index:10;
}
div.slider-gal ul { display:none;}
ul.slider-gal { display:none; }
div.index-main img#imgIn
{
	position:absolute;
    top:1px;
    left:0;
    width:874px;
    height:201px;
    z-index:9;
}
div.index-main img#imgNow
{
	position:absolute;
    top:1px;
    left:0;
    width:874px;
    height:201px;
    z-index:10;
}
