﻿body{background:#CCC url(../images/bg1.gif) top repeat-x;font-family:Arial, Helvetica, sans-serif;color:#333;line-height:1.065em;margin:0;padding:15px 0 30px 0}

#container{width:764px;background:#FFF url(../images/bg2.gif) repeat-y;overflow:hidden;margin:0 auto}
#header{height:144px;width:764px;background:url(../images/header.jpg) no-repeat;position:relative}
#content{width:600px;background:url(../images/bg3.jpg) no-repeat;overflow:hidden;padding:0 82px 50px 82px}
#footer{width:764px;background:url(../images/base.jpg) bottom no-repeat;padding:15px 0}
#footer p{font-size:11px;text-align:center;margin:5px 0}

ul#nav{height:22px;position:absolute;left:57px;bottom:12px;list-style-type:none;margin:0;padding:0}
ul#nav li{background:#CCC;font-size:12px;height:22px;width:81px;overflow:hidden;margin:0 2px 0 0;padding:0;float:left}

.home{background:url(../images/home.gif) 0 0 no-repeat}
.research{background:url(../images/research.gif) 0 0 no-repeat}
.animation{background:url(../images/animation.gif) 0 0 no-repeat}
.design{background:url(../images/design.gif) 0 0 no-repeat}

#nav a{text-indent:-9999em;display:block;height:22px;width:81px}
#nav a:hover{background-position:0 -22px}

a#current{background-position:0 -44px}
a#current:hover{background-position:0 -44px}

a{color:#336699}
a:hover{text-decoration:underline;color:#6699CC}

h1{background:#DDD url(../images/banner.gif) bottom no-repeat;color:#333;font-size:14px;margin:60px 0 20px 0;padding:3px 10px}
h1.centertitle{background:#DDD url(../images/banner.gif) bottom no-repeat;color:#333;font-size:14px;text-align:center;margin:20px 0 30px 0;padding:3px 10px}
h1.centertitletop{background:#DDD url(../images/banner.gif) bottom no-repeat;color:#333;font-size:14px;text-align:center;margin:60px 0 30px 0;padding:3px 10px}

h2.cv{background:#DDD url(../images/banner.gif) bottom no-repeat;color:#333;font-size:14px;margin:0 0 20px 0;padding:3px 89px}
h2.contact{width:200px;background:#DDD url(../images/bannercontact.gif) bottom no-repeat;color:#333;text-align:center;font-size:14px;margin:0;padding:3px 0}

h2.researchtitle{color:#333;font-size:14px;text-align:left;margin:20px 0 15px 0;padding:3px 10px}
h2.projecttitle{color:#333;font-size:14px;text-align:left;margin:0 0 10px 0;padding:3px 10px}

p{font-size:12px;margin:0 10px 15px 10px;padding:0}
p.indent{color:#555;font-size:12px;line-height:1.35em;margin:0 40px 15px 40px;padding:0}
p.top{font-size:12px;margin:60px 0 40px 0;padding:0 10px}
p.space{margin:0;padding:0 10px}

u{color:#666;font-weight:bold}

img{font-size:12px}
a img{border:none}

a:hover img{filter:alpha(opacity=85);opacity:0.85}

table.text{width:600px;margin:0 auto 30px auto}
table.text th{width:75px;font-size:12px;text-align:right;font-weight:normal;vertical-align:top;padding:0px 5px 15px 5px}
table.text td{width:525px;font-size:12px;vertical-align:top;padding:0px 5px 15px 5px}

tr.toprow th{width:525px;font-size:13px;text-align:left;font-weight:bold;padding:5px 5px 10px 5px}
tr.toprow th.leftcolumn{width:75px;text-align:right}

.imageleft{float:left;margin:0 20px 20px 10px}
.imageright{float:right;margin:0 0 20px 20px}
.imagerighttop{float:right;margin:-20px 0 10px 20px}
.imagecenter{display:block;margin:0 auto}

table.rightimageholdercontact {float:right; margin:-20px 0 10px 20px;border-collapse:collapse;}
table.rightimageholdercontact th{background:#EEE;font-size:12px;text-align:center;font-weight:normal;vertical-align:top;padding:0}
table.rightimageholdercontact td{padding:0;}

table.tmb{background:#CCC;float:left;margin:4px 16px 10px 7px;display:inline}
table.tmb td{background:#FFF;text-align:center;padding:0}
table.tmb td img{width:94px;height:71px}