<STYLE TYPE="text/css"> 
<!--

* {margin:0px; padding:0px;}

body
{
	background-color: #ffffff; 
	font-size:75%;
	font-family: Arial, Helvetica, sans-serif;
	width: 85%;
	/* min-width: 780px;
	max-width: 1000px; */
	width: 780px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
        margin-top: 0;
        margin-bottom: 0;
 background-attachment: fixed ;
        background-image: url("/images/purple2_tile.gif");
  /*     background-repeat: repeat-x;



        background-position: center top;
        */
          

	
	}

img {border:none;}

input { 
	font-family:Helvetica, Arial, sans-serif; 
	border:1px solid #ccc;
	background-color:#E7E7E7; 
	margin:6px 10px 0 0;
	width: 145px 
	}
textarea { 
	font-family:Helvetica, Arial, sans-serif; 
	border:1px solid #ccc;
	background-color:#E7E7E7; 
	margin:7px 10px 0 0;
	height: 150px;
	}

ol { padding: 0; margin:0 0 0 30px }

li {
	font-size: 1em;
	line-height: 120%;
	text-align: left;
	/* padding-bottom: 5px; */
	padding-bottom: 5px;

	}
button {
	background-color:#E7E7E7;
	padding: 2px;
	height: 15px;
	border:none;
	width: 50px;
	}


p, blockquote, h3
{
	font-size: 1em;
	line-height: 150%;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

blockquote {
	font-size: 1.2em;
	font-family:Georgia, serif;
	font-style: italic;
	line-height: 150%;
	text-align: left;
	padding: 0 10px 10px 10px;
}

small {
	font-size: 0.8em;
	}

hr {
	display: none;
}

h1 { 
	font-size:1.5em;
	font-family:Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #82825D;
	padding:0px;
	margin:0 0 10px 0;
	line-height: 140%;
	border-bottom: 1px none #555;
		}

h2 { 
	font-size:1.3em;
	font-family:Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #82825D;
	padding:0px;
	margin:0 0 10px 0;
	line-height: 140%;
	border-bottom: 1px none #555;
		}
h3 { 
	font-size:1.3em;
	font-family:Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #F99302;
	padding:0 0 10px 0;
	margin:0px;
	line-height: 140%;

	}
h5 { 
	font-size:1em;
	font-family:Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #000;
	padding:0 0 5px 0;
	text-align: left;
	}


blockquote
{
	margin-left: 20px;
	margin-right: 0px;
}

#right p, #left p, #center p 
{
	line-height: 1.5em;
	font-size: 1em;
	padding:0 0 10px 0;
	
}
#left p
{
	text-align: left;
        margin-left: 10px;
        font-size: 1em;
        line-height: 1.4em;
}

#container
{
	margin: 0 0 0px 0;
	padding: 0 1em 0 1em;
	background-color:#fff;
	text-align: left;
	border-top: 8px solid #444444;
	border-right: 1px none #e7e7e7;
/* 	background-image: url("/images/281.jpg");
	background-position: bottom left;
	background-repeat: no-repeat; */
	width: 760px;
	border-bottom: 25px white solid;
	}



/* --------------------- header -------------------------- */
/* ------------------------------------------------------- */

#head
{
	text-align: center;
	text-align:left;
	padding:15px 0 0 0;
	float: left;
	width: 760px;
	border-bottom: 0px solid #e7e7e7;
	border-top: 0px solid #70AD6A;
	/* background-image: url("/images/329.jpg");
	background-repeat: no-repeat;
	background-position: bottom right; */
}

#head h1 {
	border: none;
}

.head_left {
	float: left;
	width: 275px;
	padding: 0;
	}

.head_right {
	float: left;
	width: 450px;
	padding: 23px 0 20px 14px;
	text-align: right;
	border-left: 1px none #f3f3e6
	}
	
#head ul{
	font-size:1em;
	font-family:Helvetica,Arial,sans-serif;
	font-weight: bold;
	/* float: left; */
	list-style-image: none;
	list-style-type: none; padding-left: 0;
}
#head li {
	float: left;
	margin: 0;
	/* width: 60px; */
	padding: 0 20px 0 0;
}
#head a {
	color: #999;
	text-decoration: none;
	padding: 0;
}
#head a:hover {
	color: #333;
} 
.head_bottom_left_home {
	height:25px;
	padding: 5px 0 0 10px;
	background-color:#e3dec2;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	background-image: url("/images/5.gif");
	width: 265px;
	float: left;
}
.head_bottom_left_work {
	height:25px;
	padding: 5px 0 0 10px;
	background-color: #fecc50;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	background-image: url("/images/5.gif");
	width: 265px;
	float: left;
}
.head_bottom_left_contact {
	height:25px;
	padding: 5px 0 0 10px;
	background-color:#C4DAE5;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	background-image: url("/images/5.gif");
	width: 265px;
	float: left;
}
.head_bottom_left_logolog {
	height:25px;
	padding: 5px 0 0 10px;
	background-color:#dbd6c4;
	border-right:1px solid #fff; 
	background-image: url("/images/5.gif");
	width: 265px;
	float: left;
}

/* Insert - background for 
internal pages background "#insert" is for about */
/* ------------------------------------------------------- */

#insert {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
	border-bottom: 0px solid #e7e7e7;
	border-top: 1px none #e7e7e7;
	display: block;
	width: 760px;
        background: #E77A34;
	background-image: url("images/bg_splash3.gif");
	background-position: left;
	background-repeat: no-repeat;
	height: 200px
}

#insert h2 {
   
	font-size: 22px;
	padding: 95px 40px 0 290px;
        color: #FDCA46 !important; text-indent: -9999px
	
}

#insert_left {
	float: left;
	width: 35%;
}
#insert_right {
	float: right;
	width: 62%;
}

/* insert_logolog */
/* ------------------------------------------------------- */
#insert_logolog {
	clear: both;
	height: 5em;
	padding-top: 10px;
	padding-bottom: 0.5em;
	border-bottom: 5px solid #e7e7e7;
	/* background-color: #FECC50; */
	background-color: #dbd6c4;
	display: block;
}
#insert_left_logolog a {
	text-indent: -5000em;
	float: left;
	width: 35%;
	height: 45px;
	background-image: url("/images/140.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
	text-decoration: none;
}

/* insert_work */
/* ------------------------------------------------------- */
#insert_work {
	clear: both;
	/* height: 50px; */
	height: 4em;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 5px solid #e7e7e7;
	/* border-top: 10px solid #DEEA80; */
	background-color: #fecc50;
	display: block;
}

/* insert contact */
/* ------------------------------------------------------- */
#insert_contact {
	clear: both;
	height: 4em;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 5px solid #e7e7e7;
	/* border-top: 10px solid #DEEA80; */
	background-color: #C4DAE5;
	display: block;
}
#insert_left_work {
	float: left;
	width: 35%;
}
#insert_right_work {
	float: right;
	width: 62%;
}


.deco  { background-image: url("/images/bg_deco.gif");
        background-repeat: repeat-x;
        width: 760px;
        height:10px;
        clear: both;
       } 
       


/*  Comment form  */
/* ------------------------------------------------------- */
.comm_style_1 {
	margin-top:0px; 
	border-top:1px none #ccc; 
	border-bottom:1px solid #ccc;
	padding:0px 0 10px 0;
	clear: both;
	border-top: 1px none #ccc;
}

.comm_style_1 input { 
	font-family:Helvetica, Arial, sans-serif; 
	font-size:1em; 
	border:1px solid #ccc;
	background-color:#E7E7E7;
	margin:0 5px 0 0;
	padding: 3px;
	width: 200px;
	}
.comm_style_1 textarea { 
	font-family:Helvetica, Arial, sans-serif; 
	font-size:1em; 
	border:1px solid #ccc;
	background-color:#E7E7E7;
	margin:0 5px 0 0;
	padding: 3px;
	width: 450px;
	height: 150px;
	}

.comm_style_2 {
	width:300px;
	margin-top: 20px;
	margin-bottom: 0px;
}
.comm_style_1 a
{
	font-family:Helvetica,Arial,sans-serif;
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #acacac;
}
.comm_style_1 a:hover
{
	text-decoration:none;
	color: #666;
	border-bottom: none
}


/*   tag line */
/* ------------------------------------------------------- */

.tag_line {
	margin:40px 40px 0 311px;
	text-align:center;
}

/*  content - main and left side column */
/* ------------------------------------------------------- */

#content {
	float: left;
	width: 468px;
        margin-top: 10px;
}

#content_experiment {
	width: 758px;
}



/* left home */
/* ------------------------------------------------------- */

#left_home {
	float: left;
	width:265px;
	margin-right: 0px;
	padding: 10px 0px 20px 10px;
	background-color:#e3dec2;
	background-image: url("/images/8.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
}
#left_home h1 {
	color: #514733;
	font-size: 1.2em;
}
#left_home  h2 { 
	font-size:1.6em;
	color: #fff;
	border-bottom: 1px solid #96835e;
	padding: 10px 0 20px 0;
	}
#left_home h3 {
	color: #96835E;
	padding-top: 10px;
	font-size: 1.3em;
}
#left_home a {
	font-family:Helvetica,Arial,sans-serif;
	color: #96835E;
	text-decoration: none;
	font-size: 1.2em;
	line-height: 120%;
	display: block;
}
#left_home a:hover {
	text-decoration:none;
	color: #000;
}
.left_home_txt {
	padding:0 5px 0 0;
}



/*  left  */
/* ------------------------------------------------------- */
#left {
	float: right;
	clear: both;
	width:265px;
	margin: 0;
	padding: 20px 0 0 0;
	border-bottom: 1px none #e7e7e7;
	color: #666;
	
}

/* piublications list styling, 21 Jan 2008 */

.publications_list { 
	padding-left: 20px;
	font-size: 1em;
	}

#left  h2 { 
	font-size:1.5em;
	color: #96835E;
	border-bottom: 0px solid #514733;
margin: 30px 0 0 10px;
	}

#left h3 {
	color: #96835E;
	padding-top: 10px;
	font-size: 1.5em;
	line-height: 150%;
	border-top: 1px solid #dfdfdf;
}
.left_txt {
	padding:0 5px 20px 0;
	}

#left a {
	font-family:Helvetica,Arial,sans-serif;
	color: #acacac;
	text-decoration: none;
	display: block;
	border: none;
}
#left a:hover {
	text-decoration:none;
	color: #000;
}
#left ul {
	padding: 5px 0 5px 0;
}
#left li {
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	padding: 5px 0 5px 0px; 
	}

#left li a {
	font-family:Helvetica,Arial,sans-serif;
	color: #acacac;
	text-decoration: none;
	display: block;
	border: none;
	}



/* logolog link on the about page */
/* ------------------------------------------------------- */
.logologLink {
	height: 50px;
	width:265px;
	padding: 10px 0 0 0;
	border-top: 1px solid #dfdfdf;
}

/* left - blog */
/* ------------------------------------------------------- */
#left_blog {
	float: left;
	width:35%;
	/*min-width: 310px;*/
	/*\width: 150px;
	w\idth: 150px;*/
	margin-right: 0px;
	margin-top: 30px;
	padding: 10px 0px 0px 0;
	background-color: #fff;
}
#left_blog  h2 { 
	font-size:2em;
	color: #96835E;
	border-bottom: 1px solid #514733;
	padding: 0 0 5px 0;
	}
#left_blog h3 {
	color: #514733;
	padding-top: 10px;
	font-size: 1.5em;
	line-height: 150%;
	border-top: 1px solid #dfdfdf;
}
.left_blog_txt {
padding:0 5px 0 0;
}
#left_blog a {
	font-family:Helvetica,Arial,sans-serif;
	color: #acacac;
	text-decoration: none;
	font-size: 1.3em;
	display: block;
}
#left_blog a:hover {
	text-decoration:none;
	color: #000;
}
#left_blog ul {
	padding:0px;
}
#left_blog li {
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	padding:0 0 10px 0px; 
	}

/* left bottom - blog */
/* ------------------------------------------------------- */
#left_bottom
{
	float: left;
	width:34%;
	margin-right: 0px;
	margin-bottom: 10px;
	padding: 0; 
	line-height: 150%;
}

#left_bottom  h2 { 
	font-size:2em;
	color: #96835E;
	border-bottom: 1px solid #514733;
	padding: 10px 0 5px 0;
	}

#left_bottom h3 
{
	color: #000;
	padding: 1em 0 0 0;
	font-size: 1.3em;
	line-height: 120%;
	border-bottom: 1px none #e7e7e7;
	margin: 0 0 1em 0;
}

#left_bottom  h4 { 
	color: #514733;
	padding-top: 0.2em;
	padding-bottom: 0.1em;
	padding-left: 1em;
	font-size: 1.2em;
	line-height: 120%;
	border-top: 1px none #fff;
	margin-top: 0.5em;
	margin-bottom: 0px;
	font-weight: bold;
	clear: left;
	background-image: url("/images/109.jpg");
	background-repeat: no-repeat;
	background-position: left;
	}
#left_bottom img {
	margin: 0;
	padding: 0;
	border: 1px none #fff;
}

.left_bottom_txt {
padding:0 5px 0 0;}

#left_bottom a
{
	font-family:Helvetica,Arial,sans-serif;
	color: #666;
	text-decoration: none;
	border-bottom: 1px none #acacac;
	font-size: 1em;
	font-weight: normal;
	display: block;
}
#left_bottom a:hover
{
	text-decoration: underline;
	color: #000;
	border: none;
}
#left_bottom ul {
	padding:0px;
}
#left_bottom li {
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	padding:0; 
	line-height: 150%
	}
/* left - work */
/* ------------------------------------------------------- */
#left_work
{
	float: left;
	width:35%;
	/*min-width: 310px;*/
	/*\width: 150px;
	w\idth: 150px;*/
	margin-right: 0px;
	margin-top: 0;
	padding: 10px 0px 20px 10px;
	background-color: #fff;
}

#left_work  h2 { 
	font-size:2em;
	color: #96835E;
	border-bottom: 1px solid #514733;
	padding: 0 0 5px 0;
	}

#left_work h3 
{
	color: #514733;
	padding-top: 10px;
	font-size: 1.5em;
	line-height: 150%;
	border-top: 1px none #dfdfdf;
}

.left_work_txt {
padding:0 5px 0 0;
}

#left_work a
{
	font-family:Helvetica,Arial,sans-serif;
	color: #acacac;
	text-decoration: none;
	font-size: 1.5em;
}
#left_work a:hover
{
	text-decoration:none;
	color: #FF9933;
}
#left_work ul {
	padding:0px;
}
#left_work li {
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	padding:0 0 10px 0px; 
	}

/* left_bottom - work */
/* ------------------------------------------------------- */
#left_bottom_work
{
	float: left;
	width:35%;
	margin-right: 0px;
	margin-bottom: 10px;
	padding: 10px 0px 50px 10px;
	background-color:#fff; 
}

#left_bottom_work  h2 { 
	font-size:2em;
	color: #96835E;
	border-bottom: 1px solid #514733;
	padding: 0 0 5px 0;
	}

#left_bottom_work h3 
{
	color: #514733;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size: 1.5em;
	line-height: 120%;
	border-bottom: 1px solid #dfdfdf;
}

.left_bottom_work_txt {
padding:0 5px 0 0;}

#left_bottom_work a
{
	font-family:Helvetica,Arial,sans-serif;
	color: #acacac;
	text-decoration: none;
	font-size: 1em;
}
#left_bottom_work a:hover
{
	text-decoration:none;
	color: #666;
}
#left_bottom_work ul {
	padding:0px;
}
#left_bottom_work li {
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	padding:0; 
	}

/* left - work overview */
/* ------------------------------------------------------- */

#left_workoverview
{
	float: left;
	width:35%;
	/*min-width: 310px;*/
	/*\width: 150px;
	w\idth: 150px;*/
	margin-right: 0px;
	margin-top: 0px;
	padding: 140px 0px 50px 0;
	background-color: #fff;

}

#left_workoverview  h2 { 
	font-size:2em;
	color: #96835E;
	border-bottom: 1px solid #514733;
	padding: 0 0 5px 0;
	}

#left_workoverview h3 
{
	color: #96835e;
	padding: 0 0 5px 0;
	margin-bottom: 1em;
	font-weight: bold; 
	font-size: 12px;
	line-height: 150%;
	border-bottom: 1px solid #e7e7e7;
}

.left_workoverview_txt {
padding:0 5px 0 0;}

#left_workoverview a
{
	font-family:Helvetica,Arial,sans-serif;
	color: #666;
	text-decoration: none;
	font-size: 1em;
	display: block;
}
#left_workoverview a:hover
{
	text-decoration: underline;
	color: #000;
}
#left_workoverview ul {
	padding:0px;
}
#left_workoverview li {
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	padding:0 0 5px 0px; 
	}	
	
/* left - work news */
/* ------------------------------------------------------- */


#left_work_news {
  float: left;
	width:250px;
	margin-right: 10px;
	margin-top: 50px;
	padding: 0px 0px 10px 10px;
	border-left: 1px solid #e7e7e7;
	}


#left_work_news  h2 { 
	font-size:2em;
	color: #96835E;
	border-bottom: 1px solid #514733;
	padding: 0 0 5px 0;
	}

#left_work_news h3 
{
	color: #000;
	padding: 0 0 5px 0;
	margin-bottom: 1em;
	font-weight: normal; 
	font-size: 12px;
	line-height: 150%;
	border-bottom: 1px solid #e7e7e7;
}

.left_workoverview_txt {
padding:0 5px 0 0;}

#left_work_news a
{
	font-family:Helvetica,Arial,sans-serif;
	color: #666;
	text-decoration: none;
	font-size: 1em;
	display: block;
}
#left_work_news a:hover
{
	text-decoration: underline;
	color: #000;
}
#left_work_news ul {
	padding:0px;
}
#left_work_news li {
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	padding:0 0 5px 0px; 
	}	

#newsitem {
	/* float: left; */
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #e7e7e7;
}

/* left - home news - same thing for homepage */
/* ------------------------------------------------------- */


#right_home_news {
  float: left;
	width:250px;
	margin-right: 10px;
	margin-top: 10px;
	padding: 0px 0px 10px 10px;
	border-left: 1px solid #e7e7e7;
	}


#right_home_news  h2 { 
	font-size:2em;
	color: #96835E;
	border-bottom: 1px solid #514733;
	padding: 0 0 5px 0;
	}

#right_home_news h3 
{
	color: #000;
	padding: 0 0 10px 0;
	margin-bottom: 1em;
	font-weight: normal; 
	font-size: 12px;
	line-height: 150%;
	border-bottom: 1px none #e7e7e7;
}

.left_workoverview_txt {
padding:0 5px 0 0;}

#right_home_news a
{
	font-family:Helvetica,Arial,sans-serif;
	color: #666;
	text-decoration: none;
	font-size: 1em;
	display: block;
}
#right_home_news a:hover
{
	text-decoration: underline;
	color: #000;
}
#right_home_news ul {
	padding:0px;
}
#right_home_news li {
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	padding:0 0 5px 0px; 
	}	

#newsitem {
	/* float: left; */
	padding: 0;
	margin: 0;
	border: 1px none red;
}

	

/* left - contact */
/* ------------------------------------------------------- */

#left_contact
{
	float: left;
	width:35%;
	/*min-width: 310px;*/
	/*\width: 150px;
	w\idth: 150px;*/
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 10px 0px 50px 10px;
	background-color: #fff;

}

#left_contact  h2 { 
	font-size:2em;
	color: #96835E;
	border-bottom: 1px solid #514733;
	padding: 0 0 5px 0;
	}

#left_contact h3 
{
	color: #96835E;
	padding-top: 10px;
	font-size: 1.5em;
	line-height: 150%;
	border-top: 1px none #dfdfdf;
}

.left_contact_txt {
padding:0 5px 0 0;}

#left_contact a
{
	font-family:Helvetica,Arial,sans-serif;
	color: #acacac;
	text-decoration: none;
	font-size: 1.5em;
}
#left_contact a:hover
{
	text-decoration:none;
	color: #3E9ED1;
}
#left_contact ul {
	padding:0px;
}
#left_contact li {
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	padding:0 0 10px 0px; 
	}
	
/* main */
/* ------------------------------------------------------- */
#center
{
	color: #666;
	float: left;
	/* width: 59%; */
	padding: 20px 0 20px 10px;
}

#center a { 
	font-family:Helvetica,Arial,sans-serif;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #acacac;
}
#center a:hover
{
	text-decoration:none;
	color: #333;
	border-bottom: none
	}
	
#center h2 {
	color: #82825D;
	font-weight: bold;
	font-size: 1.5em;
	}
	

/* main home */
/* ------------------------------------------------------- */

#center_home
{
	float: left;
	width: 280px;
	height: 250px;
	padding: 10px;
	background-image: url("/images/272.jpg");
	background-repeat: no-repeat;
	/* border: 1px slid #96835E; */
}

#center_home p {
	padding-left: 0;
	color: #333;
}

#center_home a
{
	font-family:Helvetica,Arial,sans-serif;
	color: #ACACAC;
	text-decoration: none;
	font-size: 1.2em;
}
#center_home a:hover
{
	text-decoration: none;
	color: #000;
}

#center_home ul {
	padding:10px 0 0 0;
}
#center_home li {
	list-style-image: url(/images/bullet.gif);
	list-style-position: outside;
	padding:0; 
	}
.center_home_txt {
padding:0;
color: #333;}


/* right column - home */
/* ------------------------------------------------------- */

#right_home
{
	float: right;
	width:30%;
	margin-left: 0px;
	padding: 10px 0px 20px 0px;
}

#right_home a
{
	color: #666;
	text-decoration: none;
	font-size: 1em;
	display: block;
}
#right_home a:hover
{
	text-decoration: underline;
	color: #000;
}
#right_home ul {
	padding:0 0 0 0;
	list-style-image: none;
	list-style-type: none;
}
#right li {
	list-style-image: none;
	list-style-type: none;
	}
.right_home_txt {
padding:0 10px 0 0px;}

#right_home h3 { 
	color: #96835E;

	}


/* right column */
/* ------------------------------------------------------- */

#right
{
	float: right;
	width:30%;
	margin-left: 5px;
	padding: 10px 10px 20px 10px;
	border: 1px none orange;
}

#right a
{
	color: #ACACAC;
	text-decoration: none;
	font-size: 1em;
	display: block;
}

#right a:hover
{
	text-decoration: underline;
	color: #000;
}

.right_txt {
padding:0 10px 0 0px;}

#right h3 { 
	color: #96835E;

	}

.blog_link {
	border-top: 1px none #e3dec2;
	padding-top: 0px;
}
.blog_link a {
	padding: 5px 0 5px 25px;
	background-image: url("/images/93.gif");
	background-repeat: no-repeat;
	background-position: left;
}

.blog_link a:hover {
	background-image: url("/images/94.gif");
	background-repeat: no-repeat;
	background-position: left;
}


	
/* main - bookmark */
/* ------------------------------------------------------- */

#center_bookmark
{
	color: #666;
	padding: 10px 0 10px 10px;
	border-bottom: 1px none #dfdfdf;
	line-height: 150%;
}

#center_bookmark a
{
	font-family:Helvetica,Arial,sans-serif;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #acacac;
}
#center_bookmark a:hover
{
	text-decoration:none;
	color: #333;
	border-bottom: none
}
#center_bookmark ul {
	padding:10px 0 0 0;
	border-bottom: 1px none #acacac;
	list-style-image: none;
	list-style-type: none;
}

#center_bookmark ol {
	padding:10px 0 0 0;
	border-bottom: 1px none #acacac;
	list-style-image: none;
	list-style-type: none;
}

#center_bookmark li {
	padding:0 0 10px 0px; 
	}

#center_bookmark p {
	padding-left: 0px;
}

#center_bookmark img {
 margin: 0;
}

#center_bookmark h2 {
	font-family:Helvetica,Arial,sans-serif;
	font-size: 2em;
	font-weight: bold;
	padding: 5px 0 0 0;
	margin-bottom: 0;
	color: #red;
}

#center_bookmark h3 {
	font-family:Helvetica,Arial,sans-serif;
	font-size: 1.3em;
}


#center_bookmark h4 {
	font-family:Helvetica,Arial,sans-serif;
	font-size: 1.2em;
	border-bottom: 1px none grey;
	padding-bottom: 15px;
	margin-bottom: 5px;
}



/* main - work */
/* ------------------------------------------------------- */
#center_work
{
	color: #666;
	padding: 10px 0 10px 10px;
	border-bottom: 1px none #dfdfdf;
}


.work_overview_article {
	padding-left: 290px;
}

#center_work a
{
	font-family:Helvetica,Arial,sans-serif;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #acacac;
}
#center_work a:hover
{
	text-decoration:none;
	border-bottom:none;
}
#center_work ul {
	padding:10px 0 0 0;
	
}
#center_work li {
	padding:0 0 10px 0px; 
	}

#center_work p {
	padding-left: 0px;
}

#center_work img {
 margin: 0 10px 10px 0;
}

#center_work h2 {
	font-family:Helvetica,Arial,sans-serif;
	font-size: 1.5em;
}


#center_work h3 {
	font-family:Helvetica,Arial,sans-serif;
	font-size: 1.3em;
}

#center_work h4 {
	font-family:Helvetica,Arial,sans-serif;
	font-size: 1.2em;
}

/* new_work */
/* ------------------------------------------------------- */
#new_work
{
	color: #666;
	padding: 0;
	border-bottom: 1px none #dfdfdf;
}

#new_work a
{
	font-family:Helvetica,Arial,sans-serif;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #acacac;
}
#new_work a:hover
{
	text-decoration:none;
	border-bottom:none;
}
#new_work ul {
	padding:10px 0 0 0;
	
}
#new_work li {
	padding:0 0 10px 0px; 
	}

#new_work p {
	padding-left: 0px;
}

#new_work img {
 margin: 0 10px 10px 0;
}

#new_work h2 {
	clear: both;
	font-family:Helvetica,Arial,sans-serif;
	font-size: 1.5em;
	border-top: 1px none #e7e7e7;
	margin: 0;
	padding: 10px 0 0 0;
}


#new_work h3 {
	font-family:Helvetica,Arial,sans-serif;
	font-size: 1.3em;

}

#new_work h4 {
	font-family:Helvetica,Arial,sans-serif;
	font-size: 1.2em;
}

.p_1 {
	border-top: 1px solid #e7e7e7;
	clear: both;
	/* float: left; */
	width: 760px;
	padding: 1em 0 1em 0;
		}

.p_left {
	border: 1px none red;
	float: left;
	width: 280px;
	padding: 0 10px 0 0;
}

.p_right {
	border-left: 1px none #e7e7e7;
	float: left;
	width: 468px;
	padding: 0;
	margin: 0;
	/* line-height: 12px; */
}

.p_credits {
	border-top: 1px solid #e7e7e7;
	clear: both;
/* 	float: left; */
	width: 760px;
	padding: 1em 0 1em 0;
		} 

/* p_credits doesn't float because of the text overlap in FF */

#bottom_work {
	float: left;
	clear: both;
	border-top: 1px solid #bbc732; 
	padding-top: 0;
	background-image: url("http://38one.com/images/327.jpg");
	background-position: top;
	background-repeat: repeat-x;
	background-color: #fafafa;

}

/* right_bookmark */
/* ------------------------------------------------------- */

#right_bookmark
{
	padding: 10px 0 10px 0;
	margin-bottom: 20px;
	float: left;
	line-height: 120%;
	width: 470px;
	border-left: 1px none #e7e7e7;
}

#right_bookmark a
{
	color: #666;
	text-decoration: none;
	font-size: 1em;
	margin-bottom: 10px;
}

#right_bookmark a:hover
{
	text-decoration: underline;
	color: #000;
}

#right_bookmark ul {
	padding-bottom:15px;
}
#right_bookmark li {
	list-style-image: none;
	list-style-type: none;
	line-height: 120%;
	clear: both;
	border-bottom: 1px none red;
	}

#right_bookmark h2 {
	color: #bbc732;
	font-weight: bold;
	font-size: 1.5em;
}

#right_bookmark h3 { 
	color: #000;
	border-bottom: 1px solid #e7e7e7;
	clear: both;
	margin-bottom: 16px;
	padding-bottom: 5px;
	font-weight: bold;
	display: block;
	}

	#right_bookmark h4 { 
	border-bottom: 1px solid #dfdfdf;
	clear: both;
	margin-bottom: 5px;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 1.3em;
	}

	#right_bookmark h4 {
		font-weight: bold;
		padding-top: 10px;
	}

/* project_list */
/* ------------------------------------------------------- */

#project_list
{
	padding: 10px 0 10px 10px;
	margin-bottom: 20px;
	float: left;
	line-height: 120%;
	width: 475px;
	border-left: 1px none #e7e7e7;
}

#project_list a
{
	color: #666;
	text-decoration: none;
	font-size: 1em;
	margin-bottom: 10px;
}

#project_list a:hover
{
	text-decoration: underline;
	color: #000;
}

#project_list ul {
	padding-bottom:15px;
}
#project_list li {
	list-style-image: none;
	list-style-type: none;
	line-height: 120%;
	clear: both;
	border-bottom: 1px none red;
	}

#project_list h2 {
	color: #bbc732;
	font-weight: bold;
	font-size: 1.5em;
}

#project_list h3 { 
	color: #000;
	border-bottom: 1px solid #e7e7e7;
	clear: both;
	margin-bottom: 16px;
	padding-bottom: 5px;
	font-weight: bold;
	display: block;
	}

	#project_list h4 { 
	border-bottom: 1px solid #dfdfdf;
	clear: both;
	margin-bottom: 5px;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 1.3em;
	}

	#project_list h4 {
		font-weight: bold;
		padding-top: 10px;
	}

/* bookmarks */
/* ------------------------------------------------------- */

#bookmarks
{
	padding: 0 0 20px 0;
	margin-bottom: 20px;
	float: left;
	line-height: 120%;
	width: 465px;
	border-left: 1px none #e7e7e7;
}

#bookmarks a
{
	color: #666;
	text-decoration: none;
	font-size: 1em;
	margin-bottom: 10px;
}

#bookmarks a:hover
{
	text-decoration: underline;
	color: #000;
}

#bookmarks ul {
	padding-bottom:15px;
}
#bookmarks li {
	list-style-image: none;
	list-style-type: none;
	line-height: 120%;
	clear: both;
	border-bottom: 1px none red;
	}

#bookmarks ul a {
		border-bottom: none;
}
#bookmarks li a:hover {
	border-bottom: none;
	}

#bookmarks h3 { 
	border-bottom: 1px solid #e7e7e7;
	clear: both;
	margin-bottom: 16px;
	padding-bottom: 5px;
	font-weight: normal;
	display: block;
	}

#bookmarks h4 { 
	border-bottom: 1px solid #dfdfdf;
	clear: both;
	margin-bottom: 5px;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 1.3em;
	}

#bookmarks h4 {
		font-weight: bold;
		padding-top: 10px;
	}

/* Delicious styling */
/* ------------------------------------------------------- */

.delicious-posts, #delicious-posts-DenisRadenkovic { 
	border: none; 
	padding: 0 1em 2em 0; 
	font-family: sans-serif; 
}
.delicious-post p {
	font-weight: normal;}
	
.delicious-posts ul, .delicious-posts li, .delicious-banner { 
	margin: 0; 
	padding: 0
	list-style-image: none;
	list-style-type: none;
	}
.delicious-post { border-top: 1px none #eee; padding: 0.25em 0.25em 0 0.25em; font-size: 1.3em; font-weight: bold;  }
.delicious-odd { background-color: transparent;}
.delicious-banner a { font-size: 100% }
.delicious-posts a:hover { text-decoration: none; color:black;}
.delicious-posts a { 
	text-decoration: none; 
	color: #666; 
	display: block; 
	padding: 1em 0 0 0; 
	border-bottom: 1px solid #dfdfdf;
	margin: 0 }
.delicious-post a { 
	color: #666;
	text-decoration: none;
	font-size: 1em;
	margin-bottom: 0px; }
.delicious-extended: {
	font-weight: normal;
	}

/* three_columns - bookmark */
/* ------------------------------------------------------- */

.three_columns {
	border-bottom: 1px none #dfdfdf;
	padding-bottom: 10px;
	clear: both;
}

.three_columns  h4 { 
	color: #514733;
	padding-top: 5px;
	padding-bottom: 0px;
	font-size: 1em;
	line-height: 120%;
	border-top: 1px none #e4e4e4;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	clear: both;
	}

.three_columns img {
	margin: 0;
	padding: 0px;
	border: 1px none #e4e4e4;
}

.col_1 {
	float: left;
	width: 33%;
	padding: 0;
	margin: 0;
	border: 1px none red;
}

.two_columns {
	float: right;
	width: 65%;
	padding: 0;
	margin: 0;
	border: 1px none red;
	}
.col_2 {
	float: left;
	width: 49%;
	padding: 0;
	margin: 0;
}
.col_3 {
	float: right;
	width: 49%;
	padding: 0;
	margin: 0;
}

/* article three columns */
/* ------------------------------------------------------- */

.art_three_columns {
	border-bottom: 1px none #dfdfdf;
	padding-bottom: 10px;
}

.art_three_columns  h4 { 
	color: #514733;
	padding-top: 5px;
	padding-bottom: 0px;
	font-size: 1em;
	line-height: 120%;
	border-top: 1px dotted #e4e4e4;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	clear: both;
	}

.art_three_columns img {
	margin: 0;
	padding: 0px;
	border: 1px none #e4e4e4;
}

.art_col_1 {
	float: left;
	width: 33%;
	padding: 0;
	margin: 0;
	border: 1px none red;
}

.art_two_columns {
	float: right;
	width: 65%;
	padding: 0;
	margin: 0;
	border: 1px none red;
	}
.art_col_2 {
	float: left;
	width: 25%;
	padding: 0;
	margin: 0;
	padding-left: 15px;
}
.art_col_3 {
	float: right;
	width: 65%;
	padding: 0;
	margin: 0;
	border-left: 1px solid #ccc;
	padding-left: 10px;
}

.my_comment {clear:both; padding-top:15px;}

/* Footer */
/* ------------------------------------------------------- */

#foot
{
	color: #999999;
	clear: both;
	text-align: left;
	padding:10px 0 0px 0;
	font-size:0.9em;
	border-top:1px solid #b7b798;
	height: 70px
}

#foot p {
	margin: 0;
	padding: 0;
	font-size: 11px
	}

/*-- footer positioning --*/

.foot_left {
	float: left;
	width: 65px;
	border: red;
	padding-top: 5px;
        margin-left: 10px
	}

.foot_right {
	float: left;
	width: 400px;
	border: green;
	padding: 0 0 0 10px;
	border-left: 1px solid #e7e7e7;
	}
.credit { float: right; padding: 49px 5px 0 0 }
/*-- END footer positioning --*/

#foot:hover {
	color: #666;
	clear: both;
}

#foot a
{
	color: #acacac;
	text-decoration: underline;
}

#foot:hover a
{
	color: #333;
	text-decoration: underline;
}
#foot:hover a:hover
{
	text-decoration:none;
	color: #000;
}

h3 {
	font-weight: normal;
}

h3 a {
	border: 0px;
	font-weight: normal;
	color: #F99302 !important;
	
}

.caps
{
	letter-spacing: 0.1em;
	font-size: 1em;
}

/* ---------------------Featured Work classes (20th January 2008) ----------------------- */

/* On the homepage */
#featured_project {
	border-top: 1px none #e7e7e7;
	float: left;
	width: 758px;
	height: 200px;
	padding: 100px 0 0 0;
	background-image: url("http://38one.com/images/331.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
}

#featured_project h2 {
	width: 450px;
	color: #bbc732;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 150%;
}


#featured_project h3 {
	width: 450px;
	color: #333;
	font-weight: normal;
	font-size: 1.3em;
	line-height: 130%;
}

#featured_project p {
	padding: 0;
}

#featured_project a
{
	font-family:Helvetica,Arial,sans-serif;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #acacac;
}

#featured_project a:hover
{
	text-decoration:none;
	border-bottom:none;
}


/* On the work overview page */
#featured_work
{
	color: #666;
	padding: 0;
	border-bottom: 1px none #dfdfdf;
}

.featured_work_title {
	padding: 10px 0 0 0;
	clear: both;
	border-top: 1px none #e7e7e7;
}

/* --- positioning --- */

.feat_cont_1 {
	border-top: 1px solid #e7e7e7;
	float: left;
	width: 758px;
	padding: 0;
}

.feat_1 {
	float: left;
	border-right: 1px solid #e7e7e7;
	width: 250px;
	height: 23em;
	padding: 20px 0 0 0;
	background-image: url("http://38one.com/images/324.jpg");
	background-position: bottom;
	background-repeat: no-repeat;
}

.feat_cont_2 {
	float: left;
	border: 1px none orange;
	width: 501px;
}

.feat_2 {
	float: left;
	width: 240px;
	padding: 20px 0 0 10px;
	background-image: url("http://38one.com/images/325.jpg");
	background-position: top;
	background-repeat: no-repeat;
	height: 23em;
}

.feat_cont_3 {
	float: left;
	border-left: 1px solid #e7e7e7;
	width: 250px;
	padding: 20px 0 0 0;
}

.feat_3 {
	border-bottom: 1px none #e7e7e7;
	padding: 0 0 0 10px;
	background-image: url("http://38one.com/images/326.jpg");
	background-position: bottom;
	background-repeat: no-repeat;
	width: 244px;
	height: 23em;
}

.feat_4 {
	padding: 0 0 0 10px;
}

.p_feat_1 {
	width: 150px;
}

.p_feat_2 {
	width: 150px;
}
/* --- END positioning --- */

/* ---------- Featured projects link title style ------------ */ 

#featured_work a h3
{
	font-family:Helvetica,Arial,sans-serif;
	color: #333;
	text-decoration: none;
	border-bottom: 1px none #acacac;
}

#featured_work a:hover h3
{	color: #333;
	text-decoration:underline;
	border-bottom:none;
}

/* END link title style */

.work_overview_article {
	padding-left: 290px;
}

#featured_work a
{
	font-family:Helvetica,Arial,sans-serif;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #acacac;
}

#featured_work a:hover
{
	text-decoration:none;
	border-bottom:none;
}

#featured_work ul {
	padding:10px 0 0 0;
	
}

#featured_work li {
	padding:0 0 10px 0px; 
	}

#featured_work p {
	padding-left: 0px;
	line-height: 140%;
}

#featured_work img {
 margin: 0 10px 10px 0;
}

#featured_work h2 {
	clear: both;
	font-family:Helvetica,Arial,sans-serif;
	font-size: 1.5em;
}

#featured_work h3 {
	font-family:Helvetica,Arial,sans-serif;
	font-size: 1.3em;
}

#featured_work h4 {
	font-family:Helvetica,Arial,sans-serif;
	font-size: 1.2em;
}

/*  END Featured Work (20th January 2008) --------------------------------------------- */
/* ------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------ */


/* --------------------- About classes (21st January 2008) ----------------------- */


#about
{
	color: #666;
	clear: both;
	padding: 0;
	border-bottom: 1px none #dfdfdf;
	text-align: left;
}

.about_title {
	padding: 10px 0 0 0;
}

/* --- positioning --- */

.about_cont_1 {
	border-top: 4px solid #e7e7e7;
	float: left;
	width: 760px;
	padding: 0;
}

.about_1 {
	float: left;
	border-bottom: 0px solid #b7b798;
	width: 250px;
	padding: 20px 0 20px 0;
        margin-left: 0px
}


.about_1 h2, .about_1 h3 {margin-left: 10px}

.about_cont_2 {
	float: left;
	border: 1px none orange;
	width: 501px;
        
}

.about_2 {
	float: left;
	width: 210px;
	margin: 30px 0 0 35px;
	height: 20em;
	text-align: left;
}

.about_cont_3 {
	float: right;
	border-left: 0px solid #e7e7e7;
	width: 220px;
	padding: 30px 0 0 0;
margin-right: 0px;
}

.about_3 {
	border-bottom: 1px none #e7e7e7;
	padding: 0 0 0 0px;
	width: 200px;
	height: 20em;
	text-align: left;
        float: left
}

.about_4 {
	padding: 0 0 0 10px;
}

.p_about_1 {
	width: 150px;
}


/* --- END positioning --- */

/* ---------- Featured projects link title style ------------ */ 

#about a h3
{
	font-family:Helvetica,Arial,sans-serif;
	color: #c4ac7b;
	text-decoration: none;
	border-bottom: 1px none #acacac;
}

#about a:hover h3
{	color: #000;
	text-decoration:none;
	border-bottom:none;
}

/* END link title style */

#about a
{
	font-family:Helvetica,Arial,sans-serif;
	color: #333;
	text-decoration: none;
	border-bottom: 1px none #acacac;
}

#about a:hover
{
	text-decoration:none;
	border-bottom:none;
}

#about ul {
	padding:0px 10px 0 30px;
	
}

#about li {
	padding:0 0 10px 0px; 
	}

#about p {
	padding-left: 0px;
	line-height: 140%;
}

#about img {
 margin: 0 0px 10px 0;
}

#about h2 {
	clear: both;
	font-family:Helvetica,Arial,sans-serif;
	font-size: 1.3em;
}

#about h2 a { color: #F99302 !important;
              font-weight: bold
}

#about h3 {
	font-family:Helvetica,Arial,sans-serif;
	font-size: 1.3em;
}

#about h4 {
	font-family:Helvetica,Arial,sans-serif;
	font-size: 1.2em;
}

/* Map styling */

#map {
	width: 200px;
	}


.jobs {

font-size: 1.3em;
font-weight: bold;

background-color: #d294c7;
padding: 15px 10px 20px 10px;
margin-bottom: 10px;
color: #fff;


}

.jobs a {
color: #fff
}



-->
</STYLE>

