/* ----- font  --------------------  */

@font-face {
    font-family: 'TitilliumLight';
    src: url('fonts/titillium/TitilliumText22L002-webfont.eot');
    src: url('fonts/titillium/TitilliumText22L002-webfont.eot?iefix') format('eot'),
         url('fonts/titillium/TitilliumText22L002-webfont.woff') format('woff'),
         url('fonts/titillium/TitilliumText22L002-webfont.ttf') format('truetype'),
         url('fonts/titillium/TitilliumText22L002-webfont.svg#webfontC1SlHbc2') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SortsMill';
    src: url('fonts/SortsMill/GoudyStM-Italic-webfont.eot');
    src: url('fonts/SortsMill/GoudyStM-Italic-webfont.eot?iefix') format('eot'),
         url('fonts/SortsMill/GoudyStM-Italic-webfont.woff') format('woff'),
         url('fonts/SortsMill/GoudyStM-Italic-webfont.ttf') format('truetype'),
         url('fonts/SortsMill/GoudyStM-Italic-webfont.svg#webfontC1SlHbc2') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ----- html  --------------------  */

* { margin: 0; padding: 0; 
/*	border: 1px solid #E9C;*/

}

html { font-size: 100%; height: 100%; }

body {
	font-size:62.5%;
	font-family: "TitilliumLight", "helvetica", "arial";
	background: #FFF url('../img/bg.gif') repeat-x;
	background-attachment:fixed;	
	
}

a img { border: 0; background: none; }
img a:hover { border-style: none; border-width: 0; background: none; }

/* Typography
*************************************************************/


.columnValue p {
	margin: 12px 240px 18px 230px;
}

.columnValue p.first {
	margin: -18px 240px 18px 230px;
}

h1 {	
	font-size:2.2em;
	line-height: 1.1em;
	color: #84a696;
	font-weight:lighter;	
	/* text-indent: -9999px; */
}

h2 {
	margin: -1px 0 0 0;
	font-size:2.2em;
	line-height: 1.8em;
	font-weight:lighter;
	/*	font-style:italic;	*/
	font-family: 'SortsMill', "Georgia", "Times";
}

h3 {
	font-size:2.2em;
	font-weight:lighter;
	line-height: 1.8em;
	color:#e54661;
}

h4 {
	font-size:1.5em;
	line-height: 1.5em;
	margin:0;
}

h5 {
	font-size:1.5em;
	color: #bbb4bb;
	font-weight:lighter;
}

p {
	font-size:1.5em;
    line-height: 1.5em;
	font-weight:lighter;	
	font-family: "TitilliumLight", "helvetica", "verdana";
	color: #000;
}
p.small {font-size: 1.0em;}

/* Layout */

#wrapper {
	position: relative; width: 740px; height: 100%; margin: 0 auto;
}

#head {
	height: 201px;
	padding: 45px 0px 0px 0px;
	position: fixed; 
	z-index: 3000;
	opacity: 0.96;
	background: #FFF url('../img/bg_header.gif') no-repeat;
}

#menu {
	height: 300px;
	top:254px;
	margin: 0 0 0 545px;
	/*padding: 0 0 0 545px;*/
	position: fixed;
	z-index: 4000;
	background-attachment:fixed;
}

#content {
	border: 0px solid #E0C; 		
	position: relative;
	width: 740px;
	float: left;
	margin: 260px 0 0 0;
	padding: 0 0 100px 0;
}

#project-desc {
	position: absolute;
	top:187px;
}
#project-desc h3 {
	margin: 0;
}
.sample {
	margin: 20px 20px 20px 0px;
}

/* ----- columns  --------------------  */

#main-column { width:460px; margin: 0 80px 0 0; float: left; border: 0px solid #E9C; }
#side-column { float:left; width:200px; }
#menu-column { 
	border: 0px solid #E9C; 	
	left:0px;
	width:200px; 
	float: left;
	padding: 0px;
	position: relative;
	z-index: 4000;
 }

#side-column ul { margin:0; list-style:none; }
#side-column li { font-size:2.2em; font-family: "TitilliumLight", "helvetica", "verdana"; padding: 0 0 6px 0; }
#main-column p { margin:0 0 10px 0; }
a { text-decoration: none; color: #84a696; }
a:link, a:visited  { color: #84a696; text-decoration: none;}
a:hover { color: #647874; text-decoration: none;}

/* ----- project menu  --------------------  */

div#menu-item { margin: 10px 0 2px 0; }
div#menu-item ul { 
	margin:4px 0 0 0; 
	margin-left: 0;
	padding-left: 11px;
	list-style-image: url('../img/arrows.gif');
}
div#menu-item li { 
	text-indent: 1px;
 	font-weight:lighter;
	font-family: "TitilliumLight", "helvetica", "verdana";	
	font-size:1.5em;	
    line-height: 1.2em;	
}
	
div#menu-item .menu-title { 
	font-size:1.4em; 
	line-height: 1.5em; 
	/*font-style:italic; */
	font-family: 'SortsMill',"Georgia", "Times"; 
	}
div#menu-item a { color: #84a696; text-decoration: none; }
div#menu-item a:link, a:visited { text-decoration: none; color: #84a696; }
div#menu-item a:hover { color: #647874; }
div#menu .menu-headline { 
	display:block;
	width:130px;
	font-size:2.2em; line-height: 1.2em; font-family: "TitilliumLight", "helvetica", "verdana"; color:#bbb4bb; 
/*	border: 1px solid #999;*/
}

.menu-select { color:#e54661; }
.home-p { }


/*--------- Table --------------------*/

table { 
		margin:6px 0 20px 0;
		width:465px; 
}

td { 
	text-align:left;
	border:0px solid #000; 
	vertical-align:top; 
	overflow:hidden; 
	font-size:1.5em;
    line-height: 1.5em;
	font-weight:lighter;	
	font-family: "TitilliumLight", "helvetica", "verdana";
	color: #000;
	}

.time-line {
	width:100px;
}

/*--------- Table --------------------*/

#footer {
	width: 465px;
	float: left;
	padding: 10px 0;
	margin: 50px 0;
/*	background:#D0CFCA;*/
  	border-top:1px solid #e1d8e1;
	
}
#footer p {
	font-size:1.3em;
    line-height: 1.5em;
	font-weight:lighter;	
	color:#bbb4bb;
}