@charset "UTF-8";
/* CSS Document */

*{border:0px list-style:none;padding:0;margin:0}
html,body,#wrap,#wrap2,#bg table,#bg td{width:100%;height:100%; overflow:hidden}
body{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; background-color:white; cursor:default; color:#000 font-size:11px; }
a,a *{text-decoration:underline;color:grey}
a:hover {color:#FF3300}

a.F {text-decoration:none; color:#FF3300; font-size:18px; }
a.F:hover{color:black}

h1,h2,h5, h4,h3 span{font-size:11px;font-weight:normal}

#logolink {
	width: 340px;height: 45px; 
	border-width:0px; 
	position: fixed; 
	z-index:512; 
	background-color: #fff; 
	font-size:11px;
	margin-left: 0px; margin-top: 20px;
}

a.L { display: block; width: 340px; height: 45px; position:fixed; background-image: url('menu/logo_g.jpg') }
a.L:hover { visibility: visible; border: 0px; }
a.L:hover img {visibility: hidden; border: 0px; }

#logolink2 {
	width: 50px;height: 45px; 
	border-width:3px; 
	position: fixed; 
	z-index:524; 
	background-color: #fff; 
	font-size:16px;
	margin-left: 338px; margin-top: 20px;
}

a.L2 { display: block; width: 50px; height: 45px; position:fixed; background-image: url('menu/logo_b2.jpg') }
a.L2:hover { visibility: visible; border: 0px; }
a.L2:hover img {visibility: hidden; border: 0px;}


#logolink3 {
	width: 50px;height: 45px; 
	border-width:3px; 
	position: fixed; 
	z-index:525; 
	background-color: #fff; 
	font-size:16px;
	margin-left: 338px; margin-top: 20px;
}

a.L3 { display: block; width: 50px; height: 45px; position:fixed; background-image: url('menu/logo_b3.jpg') }
a.L3:hover { visibility: visible; border: 0px; }
a.L3:hover img {visibility: hidden; border: 0px;}

#blank
{
	width:70px;height: 45px; 
	border-width:3px; 
	position: fixed; 
	z-index:26; 
	background-color: #fff; 
	font-size:16px;
	margin-left: 335px; margin-top: 20px;
}

#blank2
{
	width: 20px;height: 45px; 
	border-width:3px; 
	position: fixed; 
	z-index:26; 
	background-color: #fff; 
	font-size:16px;
	margin-left: 385px; margin-top: 20px;
}


#worklink {width: 66px; height: 45px; border: 0px;
	position: fixed; 
	z-index:513; 
	margin-left: 400px; margin-top: 20px; 
}

a.W { display: block; 	width: 66px; height: 45px; border: 0px; position: fixed; background-image: url('menu/work_b.jpg') }
a.W:hover { visibility: visible; border: 0px; }
a.W:hover img { visibility: hidden; border: 0px; }

#exhiblink {height: 45px; width: 136px; border: 0px;
	position: fixed; 
	z-index:514; 
	background-color: #fff; 
	margin-left: 465px; margin-top: 20px; 
}

a.E { display: block; height: 45px; width: 136px; border: 0px; position: fixed; background-image: url('menu/exhib_b.jpg') }
a.E:hover { visibility: visible; border: 0px;}
a.E:hover img { visibility: hidden; border: 0px;}

#presslink {height: 45px; width: 85px; border: 0px;
	position: fixed; 
	z-index:515; 
	background-color: #fff; 
	margin-left: 600px; margin-top: 20px; 
}

a.P { display: block; height: 45px; width: 85px; border: 0px; position: fixed; background-image: url('menu/press_b.jpg') }
a.P:hover { visibility: visible; border: 0px; }
a.P:hover img { visibility: hidden; border: 0px; }

#contactlink {height: 45px; width: 112px; border: 0px;
	position: fixed; 
	z-index:516; 
	background-color: #fff; 
	margin-left: 683px; margin-top: 20px; 
}

a.C { display: block; 	height: 45px; width:112px; border: 0px; position: fixed; background-image: url('menu/contact_b.jpg') }
a.C:hover { visibility: visible; border: 0px; }
a.C:hover img { visibility: hidden; border: 0px; }



#bg a,#bg img,h1 a,.menu #menu,{display:inline}
#menu ul,.sml div,#photos a,#feed h5{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:11px}
#menu ul ul,#menu ul li.cur ul ul,#float{display:inline}
h1 a,h1 a b,#menu a,.block,h3,h3 span,#photos a{decoration:none}
#menu h1 a,h1 b,#float,#photos a,#pack h2{color:#fff}
#menu h1 a,#pack h2{text-align:right}

#bg,#wrap,.box,h3 span,#photos img,#float{position:absolute;left:0px;width: 200px}
#wrap2,.box2{position:absolute;left:0;width: 200px;font-size:11px;}
#wrap3,.box3{position:absolute;left:0;width: 200px;font-size:11px;}

#bg{width:200%;height:200%;top:-50%;left:-50%; }
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}

#wrap{top:0;width:100%;height:100%;overflow:auto;z-index:70}
#wrap2{top:0;width:100%;height:100%;overflow:auto;z-index:80}
#wrap3{top:0;width:100%;height:100%;overflow:auto;z-index:90}

#feed div{height:0px;overflow:auto;padding:0 cursor:pointer;}
#feed h5,#feed p{padding: 0px 0 0px 0;border-top-width:0px;width:450px}

#feed h4,#feed p{padding: 0px 0 0px 0;cursor:pointer;border-top-width:0px;width:430px}


.box{top:75px;left:400px;padding-bottom:0px z-index:60;}
.box div{padding:0px 0px 0px 0px}
.sml{width:380px;left:0px}
.sml div{font-size:11px;line-height:1.2em}
.sml img{margin-bottom:0px;display:inline}
.sml h2{font-size:11px;}
#tips,#intro.sml{left:400px;right:0px}

.box2{top:75px;left:20px;padding-bottom:0px z-index:55;}
.box2 div{padding:0px 0px 0px 0px}
.sml2{width:430px;left:20px}
.sml2 div{font-size:11px;}
.sml2 img{display:inline}
.sml2 h2{font-size:11px;}
#tips2,#intro.sml2{left:20px;right:0px}

.box3{top:75px;left:20px;padding-bottom:0px z-index:55;}
.box3 div{padding:0px 0px 0px 0px}
.sml3{width:630px;left:20px}
.sml3 div{font-size:11px;}
.sml3 img{display:inline}
.sml3 h2{font-size:11px;}
#tips3,#intro.sml3{left:20px;right:0px}

#sousmenu{
	z-index:10;
	width: 795px;
	position: fixed;
	background:#FFF;
	height:600px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 20px;
}
#sousmenu2{
	z-index:10;
	width: 280px;
	font-size:9px;
	position: fixed;
	background:#FFF;
	height:13px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 515px;
	margin-top: 70px;
	color:grey
}