* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

.clear {
	clear: both;
}

body {
	font: 11px Tahoma, Verdana, sans-serif;
	color: #404040;
	background: url(../images/bg.jpg) repeat;
}

/* @group structure */
#transparent-canvas-top,
#transparent-canvas,
#transparent-canvas-bottom,
#white-sheet-top,
#white-sheet-bottom {
	behavior: url(stylesheets/iepngfix.htc); 
}

#transparent-canvas-top,
#transparent-canvas-bottom {
	width: 722px;
	height: 22px;
	margin: 0px auto;
}

#transparent-canvas-top {
	margin-top: 28px;
	background: url(../images/bg-transparent-top.png) no-repeat left top;
}

#transparent-canvas-bottom {
	background: url(../images/bg-transparent-bottom.png) no-repeat left top;
	text-align: right;
	padding-top: 4px;
	padding-bottom: 15px;
}

#notice {
	font-size: 10px;
	/*color: #FFF;*/
	color: #dadada;
	margin-right: 53px;
}

#transparent-canvas-bottom a {
	text-decoration: none;
	color: #dadada;
}

#transparent-canvas-bottom a:hover {
	text-decoration: underline;
}

#transparent-canvas {
	width: 722px;
	margin: 0px auto;
	background: url(../images/bg-transparent-middle.png) repeat-y left top;
}

#white-sheet-top,
#white-sheet,
#white-sheet-bottom {
	width: 618px;
	margin: 0px auto;
	padding: 0 30px ;
}

#white-sheet-top {
	background: url(../images/bg-white-sheet-top.png) no-repeat;
	height: 30px;
}

#white-sheet-bottom {
	background: url(../images/bg-white-sheet-bottom.png) no-repeat;
	height: 23px;
}

#white-sheet {
	background-color: #FFF;
}

#header {
	width: 617px; height: 146px;
}

#left-col {
	width: 153px;
	background-color: #E6E4E5;
	vertical-align: top;
}

body.artist #left-col {
	background-color: #FFF;	
}

#col-space {
	width: 17px;
}

#right-col {
	width: 447px;
	position: relative;
}

/* @end */

/* @group nav */
#nav-bg {
	background-color: #2D2D2D;
	height: 58px;
	width: 617px;
	margin-bottom: 8px;
}

.ie6 #nav-bg {
	overflow: hidden;
}

#nav {
	list-style-type: none;
	font-size: 14px;
}

#nav li {
	float: left;
	width: 102px;
	height: 62px;
	line-height: 57px;
	text-align: center;
	margin-right: 1px;
}

#nav li.last {
	margin: 0;
}

#nav li a {
	display: block;
	width: 102px;
	height: 62px;
	color: #FFFEFA;
	background: url(../images/bg-nav-item.jpg) no-repeat;
	text-decoration: none;
}

#nav li a.selected, #nav li a:hover {
	background: url(../images/bg-nav-item-h.jpg) no-repeat;
}


/* @end */


/* @group subnav */
#subnav {
	width: 617px;
	height: 87px;
	background: url(../images/bg-subnav.gif) no-repeat;
	font-size: 12px;
}

body.work #subnav {
	background: url(../images/bg-subnav-work.gif) no-repeat;
}

#subnav .left, #subnav .right {
	color: #443636;
	padding: 12px 0 0 15px;
	float: left;
}

#subnav .right {
	padding-left: 31px;
	color: #FFF;
}

body.work #subnav .right {
	width: 440px;
	font-size: 11px;
}

.safari #subnav .right {
	padding-left: 29px;
}

#subnav .left form, #subnav .right form {
	margin-top: 5px;
}

.gecko #subnav .left form, .gecko #subnav .right form {
	margin-top: 4px;
}

.safari #subnav .right form {
	margin-top: 6px;
}

#subnav .left form input, #subnav .right form input {
	border: none;
	height: 18px;
	width: 94px;
	color: #443636;
	background-color: #FFF;
	font-size: 13px;
}

#subnav .right form input {
	width: 233px;
}

#subnav .left form input.ok-left, #subnav .right form input.ok-right {
	width: 24px;
	height: 18px;
	background: url(../images/ok-left.gif) no-repeat;
	margin-left: 3px;
	cursor: pointer;
	cursor: hand;
}

#subnav .right form input.ok-right {
	background: url(../images/ok-right.gif) no-repeat;
	margin-left: 4px;
}

.gecko #subnav .left form input.ok-left, .gecko #subnav .right form input.ok-right {
	position: relative;
	top: 2px;
}

.subscribe-howto {
	float: left;
	color: #FFF;
	margin: 11px 0 0 19px ;
	font-size: 11px;
}
/* @end */

/* @group content */
#left-col h1 {
	width: 153px;
	height: 24px;
	line-height: 22px;
	font-size: 12px;
	color: #FFF;
	font-weight: normal;
	background: url(../images/bg-h1-left.gif) no-repeat;
	text-align: center;
}

#left-col h2 {
	padding-top: 15px;
	font-size: 11px;	
	margin-left: 14px;
}

#left-col p {
	color: #6C6C6C;
	margin-left: 14px;
	margin-right: 14px;
	text-align: justify;
}

#right-col h1 {
	color: #443636;
	font-weight: bold;
	font-size: 12px;
	background: url(../images/bg-h1-right.gif) no-repeat left center;
	padding-left: 9px;
	margin-bottom: 6px;
}

.in-content {
	padding-left: 8px;
	margin-bottom: 35px;
}

.in-content p {
	margin-bottom: 17px;
}

.gallery img {
	float: left;
	margin-right: 21px;
	padding-bottom: 21px;
}

.gallery img.last {
	margin-right: 0;
}

#comment-form input,
#comment-form textarea {
	border: 1px solid #DDDBDC;
	color: #6C6C6C;
	width: 244px;
}

#comment-form textarea {
	width: 350px;
	height: 83px;
}

#comment-form input.post-comment {
	background: url(../images/bg-comment-button.gif) no-repeat;
	width: 84px;
	height: 21px;
	border: none;
	cursor: pointer;
	cursor: hand;
}

#comments {
	margin-bottom: 45px;
	border-top: 1px dotted #BFB6B9;
	padding-top: 10px;
}

#comments p {
	margin-bottom: 20px;	
}

#comments p.paging a {
	color: #8E8E8E;
}

#comments p.paging a:hover {
	text-decoration: none;
}

.ok {
	color: #037700;
	font-weight: bold;
	line-height: 20px;
}

.link-left, .link-right {
	float: left;
}

.link-left {
	width: 226px;
}

.link-left a, .link-right a {
	color: #404040;
	text-decoration: none;
}

.link-left a:hover, .link-right a:hover {
	text-decoration: underline;
}

a.mailto {
	text-decoration: none;
	color: #404040;
}

a.mailto:hover {
	text-decoration: underline;
}

#footer {
	text-align: right;
	color: #404040;
	border-top: 1px dotted #BFB6B9;
	padding-top: 7px;
	width: 439px;
	/*float: right;*/
	position: relative;
	bottom: 0px;
	right: 0px;
}
/* @end */

/* @group left nav */
#left-nav {
	list-style-type: none;
	margin-left: 27px;
	margin-top: 15px;
	font-size: 11px;
	font-weight: bold;
}

#left-nav li {
	line-height: 15px;
}

#left-nav li a {
	text-decoration: none;
	color: #443636;
}

#left-nav li ul {
	list-style-type: none;
	font-weight: normal;
}

#left-nav li ul li {
}

#left-nav li ul li a {
	padding-left: 10px;
}

#left-nav li ul li a.selected, #left-nav li ul li a:hover {
	background: url(../images/bg-left-nav.gif) no-repeat left center;
}

.ie6 #ie6-fix {
	height: 360px;
}
/* @end */