html, body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	border:0;
	height:100%;
	font-size:10px;
	background-image:url(images/layout03.png);
	text-align: center; /* IE */
	behavior:url("scripts/csshover.htc");
}

.png-container img {behavior: url("scripts/pngbehavior.htc");}

#header {height:77px; width:579px; background-image: url(images/layout01.png); padding-top:62px; text-align:left;}
#header-logo {width:47px; height:74px; margin-left:251px; position:relative; cursor:pointer; cursor:hand; z-index:1;}

#layout { margin: 0 auto; text-align:center; height:100%; background-color:#fafafa; background-image:url(images/layout04.png); background-repeat:repeat-x; background-position:bottom;}
#layout-td {width:579px; vertical-align:top; text-align:center;}
.layout-padding {width:50%; background-image:url(images/layout04.png); background-repeat:repeat-x; background-position:bottom;}
#footer {text-align:right; color:#666;}

.menu-list, .list {width:448px; margin:0px auto; text-align:left; vertical-align:bottom; display:table;}
.menu-list .menu-link a, .menu-list .icon-desc .menu-link a {display:block; width:100%; height:100%;}
.menu-list a, img {border:none; text-decoration:none; color:#000;}
.menu-list div:hover{background-color:#f2f2f2;}
.menu-list #menu-index {margin:0px; letter-spacing:1px; padding:0px; color:#bfbfbf;}
.menu-list p {margin:0px; letter-spacing:1px; color:#bfbfbf; text-align:center;}
.menu-list .menu-link, .list .menu-link-inactive  {margin:0px; border-bottom:1px solid #dcdcdc; letter-spacing:1px; padding:0px;}
.menu-list img, .list img {vertical-align:bottom;}
.menu-list .menu-name, .list .menu-name {padding-left:13px; vertical-align:bottom;}

.list .list-content {letter-spacing:1px;}
.list .icon-desc {margin:0px; letter-spacing:1px; padding:0px;}
.list .icon-desc span {padding-left:2px; vertical-align:bottom;}
.list .icon-desc a {display:block; width:100%; height:100%;}
.list #list-readme {border:1px dashed #000; outline:0; padding:12px; margin:1px;}
.list #list-readme {border:1px dashed #000; outline:0; padding:12px; margin:1px;}
.list #list-img-thumb img {border:3px solid #e1e1e1; margin-right:25px; outline:0;}
.list #list-img-thumb img:hover {filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}
.list .list-content a {border:none; text-decoration:none; color:#bababa;}

#wordwrap {  
white-space: pre-wrap; /* css-3 should we be so lucky... */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 ?? */
white-space: -o-pre-wrap; /* Opera 7 ?? */
word-wrap: break-word; /* Internet Explorer 5.5+ */
_white-space: pre; /* IE only hack to re-specify in addition to word-wrap  */
}

.menu-pane a {color:#bfbfbf}
.menu-pane a:hover {text-decoration:underline;}

#form-email {font-family: "Trebuchet MS", Arial; color:#000;}
#form-email input, textarea {border: 1px solid #bfbfbf;}

.form-div {border: 1px solid #bfbfbf; margin:0px auto;}
.textcolor-red {color:#ff0000;}

.gallery-image {padding:20px; text-align:left;}

.gallery-image .gallery-container {padding:0; margin:0; width:216px; position:relative;}
.gallery-image #gallery-displayimage, .gallery-indie #gallery-displayimage {border:1px solid #e1e1e1;}
.gallery-image #gallery-outline, .gallery-image #galleryquicktime {background-color:#eee; width:260px; border:1px solid #eee; padding:10px; }
.gallery-image #galleryquicktime {position:absolute;top:0px;visibility:hidden;}

.gallery {padding:20px; text-align:left;}
.gallery a img, .gallery-indie a img {background-color:#eee; border:1px solid #eee; outline:0; padding:3px; margin:1px;}
.gallery-indie .music a img {background:none; border:none; outline:0; padding:3px; margin:1px;}
.gallery a img:hover, .gallery-indie a img:hover {filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50; cursor:pointer;}
.gallery-indie #gallery-indie-displaybox {background-color:#eee; width:427px; border:1px solid #eee; padding:10px; margin-top:10px; }
.gallery-indie a {text-decoration:none;}
.gallery-indie a:hover {text-decoration:underline;}

<!-- xhtml quicktime object hacks by http://realdev1.realise.com/rossa/ -->
object.mov {display: none;}
* html object.mov {display: none;}
* html object.mov {display/**/: none;}
* html object.mov {display: none;} /* hides the second object from all versions of IE */
* html object.mov/**/ {display: inline;} /* displays the second object in all versions of IE apart from 5 on PC */
* html object.mov {display/**/: none;} /* hides the second object from all versions of IE >= 5.5 */


