@charset "utf-8";

p {
    margin:0;
    padding:0;
}
.titletexts {
	font-family: "Nobile", serif;/*"Tahoma", "Times New Roman", "times", "serif";*/
	font-weight:bold;
	font-size: 16px;
	color:#000;
}
.accentfont {
	font-family: "Nobile", sans-serif;/*"Tahoma", "Tahoma", "Times New Roman", "times", "serif";*/
	font-weight:bold;
	font-size: 14px;
	color: #444;
	/*color:#ff3366;*/
}
.logofont {
	font-size:12px; 
	font-weight:normal;
	font-family:"Impact","Tahoma","sans-serif";
}
img {
	border:0;
}
a:link {
	text-decoration: none;
	color: #626262;
}
a:visited {
	text-decoration: none;
	color: #444;
}
a:active {
	text-decoration: none;
	color: black;
}
a:hover {
	text-decoration: none;
	color: #000; /*#ff3366;*/
}

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	margin-top: 20px;
	margin-left: 20px;
	width:90%;
	background-color: #FFFFFF;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: "Tahoma", serif; /*"Tahoma","sans-serif";*/
	font-weight:normal;
	color: #626262;
}

/******************* PAGE MIN-WIDTH AND IE HACK (OPTIONAL)*******************/

.pagewidth {
	margin:0;
	margin-top:30px;
	margin-left:60px;
	padding:0;
	min-width:600px;
}

.layout {
	margin:0;
	padding:0;
}

* html .minwidth {
	margin:0;
	padding:0;
	padding-left:600px;
}

* html .container {
	margin:0;
	padding:0;
	margin-left:-600px;
	position:relative;
}

/*\*/
* html .minwidth, * html .container, * html .layout {
	height: 1px;
}
/**/

/******************* HEADER *******************/

#header {
	margin:0;
	padding:0;
	width:100%;
	height:20px;
}

#frametl {
    margin:0;
	padding:0;
	padding-left:15px;
	float:left;
	width:20px;
	height:20px;
}

#spinnerdiv {
    margin:0;
    padding:0;
    position:relative;
    left: -360px;
    top: -60px;
}

/******************* CONTENTPANE *******************/

#contentpane{
	margin: 0;
	padding: 0;
}

/******************* MAINMENU *******************/


#mainMenubar {
	margin: 0;
	padding: 0;
	height: 64px;
	clear:right;
	width:100%;
}

#mainMenuimg {
	margin: 0;
	padding: 0;
	padding-left:35px;
	padding-right:8px;
	float:left;
}

#mainMenu {
	margin:0;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-family: "Nobile", sans-serif;
	/*font-family: "Tahoma", "Times New Roman", "times", "serif";*/
	font-size: 14px;
	font-weight: bold;
	color: #A3A3A3;
	position:relative;
	top:45px;
}

#mainMenu a {
    margin:0 3px 0 0;
    padding:0;
    font-weight:bold;
    color:#aaa;
}

#mainMenu a:hover{
    margin:0 3px 0 0;
    padding:0;
    font-weight:bold;
    color:#444;
}

#mainMenu a.activepage {
    margin:0 3px 0 0;
    padding:0;
    font-weight:bold;    
    color: #00BAF7; /*#ff3366;*/
}

/******************* LEFTMENU *******************/

#leftmenu {
	border:0;
	margin:0;
	padding: 14px 20px 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-family:  "Tahoma", serif;/*"Tahoma","sans-serif";*/
	font-size: 11px;
	font-weight: normal;
	float: left;
	width: 150px;
	display:block;
	clear:left;
}

#abouttitleslist {
    margin:0;
    padding:28px 0 0 0;
    list-style: none;   
    text-align:right;
}
#aboutstitle {
	border:0;
    margin:5px 0 5px 0;
    padding:0;
    clear:left;
    font-family: Sans-serif;
    font-weight: bold;
}
.abouttitle {
    margin:0;
    border:0;
    padding:0 0 5px 0;
    font-size: 13px;
    color: #aaa;
}

/******************* SUBMENU *******************/

#submenu {
	margin:0;
	padding:0px 0 0 0;  /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-family:  "Tahoma", serif;/*"Tahoma","sans-serif";*/
	font-size: 11px;
	font-weight: normal;
	float: left;
}
#submenu a:hover {
	color:#00BAF7;
}

/******************* CONTENT *******************/

#wrapper {
	float:left;
	width: 360px;
	padding: 20px 0 0 0;
}

#content {
	margin:0;
	padding:0px;
	/*padding: 20px 0 0 0;*/
	background:#fff;
    font-size: 11px;
    font-weight:normal;
    text-align:justify;
    float:left;
    clear:right;
}

/******************* PROJECT FIELDS AND LIST MENUS *******************/


#recentcontent {
	margin:0;
	padding: 10px 0 0 0;
	background:#ffffff;
    font-size: 11px;
    text-align:justify;
    float:left;
    clear:right;
}

#projectlist {
    margin:0;
    padding:0;
    list-style: none;   
    text-align:left;
}

#projectlist li {
	margin:0;
    padding-bottom:1px;   
}

/*SE*/
#fielddesc {
	font-family: "Nobile", sans-serif;
	font-size: 13px;
	font-weight:bold;
	padding-bottom:5px;	
}

#projectfieldslist {
    margin:0;
    padding:0;
    list-style: none;   
    text-align:right;
}

#projectatoz {
	font-family: "Nobile", sans-serif;
    margin:5px 0 0 0;
    padding:0;
    font-size:12px;
}

#projectatoz a:hover{
    color:#00BAF7;
}

#backtoproj {
    margin:0;
    padding:0;
}

#fieldstitle {
	border:0;
    margin:5px 0 5px 0;
    padding:0;
    clear:left;
}
#typestitle {
	border:0;
    margin:5px 0 5px 0;
    padding:0;
    clear:left;
}
#sectorstitle {
	border:0;
    margin:5px 0 5px 0;
    padding:0;
    clear:left;
}
.fieldtitle {
	font-family: "Nobile", sans-serif;
    margin:0;
    border:0;
    padding:0 0 5px 0;
    font-size: 12px;
    color: #aaa;
}
.fieldtitle a{
	font-family: "Nobile", sans-serif;
    color: #aaa;
}
.fieldtitle a:hover{
	font-family: "Nobile", sans-serif;
    color: #000;
}
.typetitle {
	font-family: "Nobile", sans-serif;
    margin:0;
    border:0;
    padding:0 0 5px 0;
    font-size: 12px;
    color: #aaa;
}
.sectortitle {
	font-family: "Nobile", sans-serif;
    margin:0;
    border:0;
    padding:0 0 5px 0;
    font-size: 12px;
    color: #aaa;
}
.smallarrow {
    margin:0 5px 0 0;
    padding:0;
    border:0;
    height:10px;
    width:auto;
}

li.inactivefield a {
    color:#626262;
}
/*
li.hoverfield a {
    color:#red;
}
*/
li.activefield a:link {
    color: #00BAF7; /*#ff3366;*/
}

li.inactivefield a:hover {
    color: #00BAF7; /*#ff3366;*/
}

li.outfield a {
    color:#aaa;
}

li.infield a {
    color:red;
}

li.prjinfield a {
    color:red; 
}

li.prjoutfield a {
    color:#aaa;
}

/******************* PEOPLE *******************/

#clientlist {
	margin:0;
    padding:3px 0 0 0;
    font-size: 11px;
    text-align:justify;
    color:#aaa;
}

#clientlist a {
    font-size: 11px;
    text-align:justify;
    color:#5E9AAD;
}

#clientlist a:hover {
    font-size: 11px;
    text-align:justify;
    color: #00BAF7; /*#ff3366;*/
}

#clientintro {
    padding: 5px 0 3px 0;
    text-align:justify;
    color:#444;
}

#collaborators {
	margin:0;
    padding:5px 0 0 0;
    font-size: 11px;
    text-align:justify;
    color:#aaa;
}

#collaborators a {
    font-size: 11px;
    text-align:justify;
    color:#5E9AAD;
}

#collaborators a:hover {
    font-size: 11px;
    text-align:justify;
    color: #00BAF7; /*#ff3366;*/
}

#peoplelist {
    margin:0;
    padding:0;
    list-style: none;   
    text-align:right;
}

#peoplelist a:hover {
	color:#00BAF7;
}

#persondetails {
    margin:0;
    padding:0 0 5px 0;
    font-size: 11px;
}

.selectedperson {
    color: #00BAF7; /*#ff3366;*/
}

.persontexts {
    margin:0;
    padding:10px 0 0 0;
    font-size: 11px;
    text-align:justify;
}

.personname {
	font-family: "Nobile", sans-serif;
    margin:0;
    padding:0;
    padding-top:3px;
    font-size: 15px;
    font-weight: bold;
    color:#000;
}

.personsubs {
    margin:0;
    padding:0;
    color:#aaa;
}

#twits ul{
	list-style:none;
}

.twitterdate {
	color:black;
}

.twitterlink a {
	color:black;
}

.twitterlink a:visited {
	color: black;
}
.twitterlink a:active {
	color: black;
}
.twitterlink a:hover {
	color:  #00BAF7; /*#ff3366;*/
}

/*
.twitterdesc {
	color:black;
}
*/
/*
.personphoto {
}
.personphoto img{  
}
*/
.personphoto {
	height:180px;
}

.aperson a:link{
	color:#626262;
}
.aperson a:hover{
	color: #000; /*#ff3366;*/
}
.person {
	color:#626262;
}
.person a:link{
	color:626262;
}
.person a:visited{
	color:#626262;
}
.person a:hover{
	color: #000; /*#ff3366;*/
}
.selectedperson a{
    color: #00BAF7; /*#ff3366;*/
}
/******************* PROJECTS *******************/

.subjecttext {
    margin:0;
    padding:0;
    font-size: 11px;
}

.projectname {
	font-family: "Nobile", sans-serif;
    margin:0;
    padding:0;
    font-size: 15px;
    font-weight: bold;
    width:360px;
}

.projectsubs {
    margin:0;
    padding:0;
    color:#aaa;
    width:360px;
}

.projecttexts {
    margin:0;
    padding:10px 0 0 0;
    font-size: 11px;
    text-align:justify;
    width:360px;
}

.recentproject {
	font-family: "Nobile", sans-serif;
    margin:0;
    padding:0px 0 0px 0;
    font-size: 14px;
    font-weight: bold;
    text-align:justify;
    width:360px;
}

.recentprojectintro {
    margin:0;
    padding:5px 0 0 0;
}

.recentsummary {
    margin:0;
    padding:1px 0 12px 0;
    color:#aaa;
    font-size: 11px;
    font-weight: normal;
    text-align:justify;
    width:360px;
}

/******************* GALLERY *******************/

.caption{display:none;}

#main_image {
    margin:0;
    padding:0;
}

*:first-child+html #main_image {margin-bottom:-12px;} 
* html #main_image {margin-bottom:-12px;}

#main_image img {
	margin:12px 0 0 0;
	padding:0;
	width:360px;
}

*:first-child+html #main_image img{height:100%} 
* html #main_image img{height:100%;}

.galleria {
    margin:0;
    padding:0;
    list-style:none;
    width:380px;
}

.galleria li{
	margin:12px 12px 0 0;
	padding:0;
    display:block;
    width:48px;
    height:48px;
    overflow:hidden;
    float:left;
    border:1px solid #ddd;
}

.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:380px} /* MSIE bug */

.nav{padding:0 0 5px 0;clear:both;font:80% 'Tahoma',sans-serif;letter-spacing:3px;text-transform:uppercase;}

/******************* PREVIEWS *******************/

#previewgallerycontainer {
	/*background-color: #eeeeee;*/
    margin:0;
    padding:0;
    height:68px;
    width:105px;
    overflow:hidden;
    position: relative;
    top:-68px;
    left:20px;
    float:right;
}

#previewarrow {
	/*background-color: #eeeeee;*/
    margin:0;
    padding:0;
    width:105px;
    overflow:hidden;
    position: relative;
    top:-122px;
    left:125px;
    float:right;
}

.previewimage {
    width:100%;
    height:100%;
    opacity: 0.7;
    filter: alpha(opacity = 70);
}

/******************* CONTACT *******************/

#contactlist {
    margin:0;
    padding:0;
    border:0;
    list-style: none;   
    text-align:right;
}

.directions {
    margin:0;
    padding:0;
    padding-top:5px;
}

/******************* FOOTER *******************/

#footer {
	margin:0;
	padding: 0;
	clear:left;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#framebr {
    margin:0;
	padding: 0;
	width: 20px;
	height: 20px;
	float:right;
	position:relative;
	left:20px;
}

.rssxpresschtitle {
      display : none;
    }