/* CSS Document */
body{padding:0px; margin:0px; background:#fff; color:#fff; font:10px/14px Tahoma, sans-serif; }
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px}

/* CONTAINER */

#container{width:775px; margin: 0 auto; position:relative; background:#b6403e url(../images/b_top.jpg) 0 0 no-repeat; clear:both}

/* HEADER */

#header{height:224px; width:775px; position:relative;}

#logo{width:333px; height:71px; position:absolute; top:73px; left:383px}

#header ul.menu{height:55px; position:absolute; top:0; left:252px}
#header ul.menu li{float:left;}

#header ul.menu li.home a{width:56px; height:46px; display:block; background:url(../images/btn_home.gif) 0 0 no-repeat; text-indent:-20000px; margin-right:19px}
#header ul.menu li.home a:hover{width:56px; height:46px; background:url(../images/btn_home_over.gif) 0 0 no-repeat;}

#header ul.menu li.bio a{width:34px; height:46px; display:block; background:url(../images/btn_bio.gif) 0 0 no-repeat; text-indent:-20000px; margin-right:19px}
#header ul.menu li.bio a:hover{width:34px; height:46px; background:url(../images/btn_bio_over.gif) 0 0 no-repeat;}

#header ul.menu li.exhibitions a{width:105px; height:46px; display:block; background:url(../images/btn_exhibitions.gif) 0 0 no-repeat; text-indent:-20000px; margin-right:20px}
#header ul.menu li.exhibitions a:hover{width:105px; height:46px; background:url(../images/btn_exhibitions_over.gif) 0 0 no-repeat;}

#header ul.menu li.portfolio a{width:85px; height:55px; display:block; background:url(../images/btn_portfolio.gif) 0 0 no-repeat; text-indent:-20000px; margin-right:22px}
#header ul.menu li.portfolio a:hover{width:85px; height:55px; background:url(../images/btn_portfolio_over.gif) 0 0 no-repeat;}

#header ul.menu li.news a{width:52px; height:46px; display:block; background:url(../images/btn_news.gif) 0 0 no-repeat; text-indent:-20000px; margin-right:19px}
#header ul.menu li.news a:hover{width:52px; height:46px; background:url(../images/btn_news_over.gif) 0 0 no-repeat;}

#header ul.menu li.contact a{width:78px; height:46px; display:block; background:url(../images/btn_contact.gif) 0 0 no-repeat; text-indent:-20000px;}
#header ul.menu li.contact a:hover{width:78px; height:46px; background:url(../images/btn_contact_over.gif) 0 0 no-repeat;}

#header ul.buttons{height:48px; position:absolute; top:176px; left:383px}
#header ul.buttons li{float:left;}

#header ul.buttons li.gallery a{width:136px; height:29px; display:block; background:url(../images/btn_view.gif) 0 0 no-repeat; text-indent:-20000px; margin-right:41px}
#header ul.buttons li.guestbook a{width:136px; height:29px; display:block; background:url(../images/btn_sign.gif) 0 0 no-repeat; text-indent:-20000px; margin-top:8px}


/* CONTENT */

#content{width:775px; position:relative;}

#content a{font:10px/14px Tahoma, sans-serif; color:#ffbebe; font-weight:bold; text-decoration:none }
#content a:hover{color:#fff; border-bottom: #fff 1px dotted; text-decoration:none }

#content a.link2{font:10px/14px Tahoma, sans-serif; color:#fff; font-weight:bold; text-decoration:none }
#content a.link2:hover{color:#ffbebe; border-bottom: #ffbebe 1px dotted; text-decoration:none }

#content p span.headline{font:12px/14px Trebuchet MS, sans-serif; color:#450c0c; font-weight:bold;}

#leftPan{width:323px; position:relative; float:left; display:inline; border-right:#c56665 1px dashed; margin-right:25px;}

#news{width:245px; margin:0 0 15px 56px; }
#news h2{height:63px; background:url(../images/h_news.gif) 0 0 no-repeat; position:relative; clear:both; margin-bottom:10px}
#news p.bullettext{padding:0 0 0 39px; background:url(../images/bullet.gif) 18px 2px no-repeat; margin-bottom:7px;}

#inspiration{width:255px; margin:0 0 15px 44px; clear:both; }
#inspiration h2{height:63px; background:url(../images/h_inspiration.gif) 12px 0 no-repeat; position:relative; clear:both;}
#inspiration img{width:114px; height:144px; float:left; display:inline; margin-right:13px; margin-bottom:7px}
#inspiration p.nearimg{float:left; width:123px; margin-top:19px}

#rightPan{width:380px; position:relative; float:left; margin-top:20px}

#welcome h2{height:63px; background:url(../images/h_welcome.gif) 0 0 no-repeat; position:relative; clear:both;}
#welcome img{width:136px; height:115px; float:left; display:inline; margin-right:14px; margin-bottom:11px}
#welcome p{float:left; width:225px; margin-top:16px}
#welcome p span.headline{display:block; padding-bottom:5px; margin-bottom:5px; border-bottom:#c56665 1px dashed}

#project{width:380px; position:relative; clear:both;}

#project h2{height:76px; background:url(../images/h_project.gif) 0 0 no-repeat; position:relative; clear:both; margin-bottom:18px}
#project img{width:159px; height:88px; float:left; display:inline; margin:0 15px 0 12px; border:#e8b3b3 2px solid;}
#project p{float:left; width:180px; margin-top:4px}

#project ul{clear:both; position:relative;margin:22px 0 0 0}
#project ul li{background:url(../images/arrow.gif) 15px 10px no-repeat; padding-left:36px;}
#project ul li a{font:10px/22px Tahoma, sans-serif; color:#ffbebe; font-weight:normal; text-decoration:underline; }
#project ul li a:hover{color:#fff; font-weight:normal; text-decoration:none; background:#922d2b;}

/* FOOTER */

#footer{height:135px; position:relative; background:#fff url(../images/b_footer.jpg) 0 0 no-repeat; clear:both;}
#footer p{padding: 80px 0 0 0; font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#450c0c;}
#footer p a{font:10px/16px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; color:#450c0c; text-decoration:none; padding: 0 2px }
#footer p a:hover{color:#fff; border:none; text-decoration:none; background:#922d2b; }