body {
	background: url(img/grmlng.jpg) repeat top left;
	font-size:100%;
	font-weight: normal;
	padding:0;
	margin:0;
	font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans','Trebuchet MS', Verdana, 'Sans Serif';
}

#fontsizebox {
	font-size:100%;
	margin:0;padding:0;width:0;height:0;
}

.head {
	background-color:#FFF;
	border: #666 solid 2px;
	margin:2em;
	background: #e6e6e6 url(img/whitegradient.jpg) bottom center repeat-x;
}

a {
	text-decoration: none;
	border:0;
}



.headtitle {
	font-family: HelveticaNeue, Helvetica, Arial, SansSerif;
	font-weight:bold;
	font-size:23pt;
	letter-spacing:-.1em;
	clear: none;
}
a.headtitle { text-decoration:none; color:#000;padding-right:.25em; }
a.headtitle:hover { color:#FFF;background-color:#48F; }

.proj {
	font-family: 'Lucida Grande', 'Lucida Sans','Trebuchet MS', Georgia, Verdana;
	line-height:2em;
	background-color:#FFF;
	padding:1em;
	border: #666 solid 2px;
	border-bottom-width:3px;
	margin:2em 2em 1em 2em;
	min-height:100px;
}
.proj .text {
	font-size:11pt;
	line-height:1.9em;
	
}
a.logolink {
	position: absolute;
	right: 2em;
	top: 1em;
	clear:left;
	width:100px;
	height:60px;
	background: url(img/arri_logo_dbl1.png) left bottom no-repeat;
	margin:0;
}
a.logolink:hover {
	background-position: left top;
}
.projectlist {
	border: #666 solid 2px;
	position: relative;
	display: block;
	margin:2em;
	background: #e6e6e6 url(img/whitegradient.jpg) bottom center repeat-x;
}
.projectlist ul, li, ul li {
	list-style-type:none;
	margin:0;padding:0;
}
.projectlist ul li {
	color: #ccc;
	display:block;
}
.projectlist ul li a, .projectlist a.selp {
	display:block;
	cursor: default;
	padding:0 .5em;
	color:#000;
}
.projectlist a.selp {
	margin:0 9px 0 9px;
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color: #f8f8f8;
}
.projectlist a.selp:hover {
	border-color: #ddd;
	background: #315FBF url(img/grlbd_small.jpg) left top repeat-x;
	color: #fff;
}

.projectlist ul { 
	position:relative;
	top:0;
	z-index:11;
	clear: none;
	margin: 2px 10px 20px 10px;
	background-color: #fff;
}

.projectlist ul li a.listp:hover {
	background: #315FBF url(img/grlbd_small.jpg) left top repeat-x;
	color:#FFF;
}
.scrollbox {
	position:absolute;
	top:0;
	left:3em;
	z-index:10;
	height:1.25em;
	overflow:hidden;
	margin:0;
	padding:0;
	border-color:#666;
}
.scrollbox:hover {
	overflow:visible;
	height: auto;
}

.media { float:right; padding-left: 1em; margin-left:1em;border-left: 1px solid #eee;min-width:16em;}
.media div.mediaitem { clear:both;}
.media div.mediaitem h3 { font: normal bold 10pt/13pt Georgia, Serif ; white-space:nowrap; margin:0;padding:0;}
.media div.mediaitem span.specs{ white-space:nowrap; font-size:9px; }
.media a.l { color: #FFF;display:block; color: #000; padding: .5em;}
.media a.l:hover { background-color: #08f;color: #fff;}
.media a.l img {
	float:left;
	border:0;
	margin:0 5px;
}


.f { cursor:pointer; }

div.text {	background-color:#FFF;text-align:justify; }

div.text a {
	color:#006;
	text-decoration: none;
}

div.text a:hover {
	background-color:#48F;
	color: #fff;
}


span.datum {
	float:right;
	margin:0;
	color:#ccc;
	margin-right:.5em;
}
div.title { font-weight: bold;}



.explorer {
	color: #F00;
	font-size: 8px;
	font-weight: bold;
	border: 1px blue solid;
	background-color: #FFF;
	margin: 4em;
	padding:0.5em;
}

#menulist {
	position: relative;
	z-index: 10;
}


input, textarea {
	font-family: 'Lucida Grande', 'Lucida Sans','Trebuchet MS', Georgia, Verdana;
	line-height:1em;
	font-size:100%;
	background-color: #CCC;
	color: #fff;
	border: 1px solid white;
}
input:hover, textarea:hover {
	background-color: #FAA;
	border: 1px solid red;
	color: #fff;
}
input:focus, textarea:focus {
	background-color: #FFF;
	border: 1px solid white;
	color: #000;
}



div#SWFbox {
	z-index:9999;
	display:none;
	top:0;left:0;right:0;bottom:0;
	background:transparent url(img/dark.png) top left repeat scroll;
	position:fixed;
}
div#SWFbox a {
	color:#fff;
	display: block;
	width:32px;
	height:32px;
	background: transparent url(img/close.png) top left no-repeat scroll;
	position:absolute;
	left:50%;top:50%;
	margin-left:-420px;
	margin-top:-320px;
	z-index:999999;
}
div#SWFbox a:hover { background-position: bottom left; }
div#SWFbox a:active { background-position: top left; }
div#SWFContainer {
	position: absolute;
	width: 800px;
	height:600px;
	left:50%;top:50%;
	margin-left:-400px;
	margin-top:-300px;
}




.drops {
	position: absolute;
	z-index: 1;
	top:1.25em;right:0;bottom:0;left:0;
	min-height:1.25em;
}
.dropp {
	position: absolute;
}

.tl {
	position: absolute;
	left:0;
	top:0;
	width:10px;
	height:20px;
	background-image: url(img/dropshadow/lb.png);
}
.dropp+.tr {
	right:0;
	top:0;
	width:10px;
	height:20px;
	background-image: url(img/dropshadow/rb.png);
}
.dropp+.l {
	left:0; top:20px;bottom:20px;
	width: 10px;
	background-image: url(img/dropshadow/l.png);
}
.dropp+.r {
	right:0; top:20px;bottom:20px;
	width: 10px;
	background-image: url(img/dropshadow/r.png);
}

.dropp+.bl {
	left:0; bottom:0;
	width: 20px;
	height: 20px;
	background-image: url(img/dropshadow/lo.png);
}
.dropp+.br {
	right:0; bottom:0;
	width: 20px;
	height: 20px;
	background-image: url(img/dropshadow/ro.png);
}
.dropp+.b {
	left:20px;right:20px; bottom:0;
	height: 20px;
	background-image: url(img/dropshadow/o.png);
}