body {
	background-color: #000;
	color: #a7a7a7;
}
a, a:visited { color: #3db5e7; }
a:hover { color: #f4b059; }

h1, h2, h3, h4 { 
	color: #fff;
}

#portraitshug { 
	width: 740px;
	margin: 0 auto;
	text-align: left;
}


#header {
	height: 115px; /*75px;*/
	position: relative;
}
#logo {
	position: absolute;
	width: 333px; height: 90px;
	/*width: 455px; height: 41px;*/
	top: 5px; /*20px;*/
	left: 0;
	background: url('../img/portraits/logo.2009.gif') top left no-repeat;
}
#logo a {
	display: block;
	width: 333px; height: 90px;
	/*width: 455px; height: 41px;*/
	overflow: hidden;
	text-indent: -9999px;
}
#viewcart {
	position: absolute;
	width: 87px; height: 28px;
	top: 31px; left: 653px;
	background: url('../img/portraits/viewcart.gif') top left no-repeat;
}
#viewcart a {
	display: block;
	width: 85px; height: 29px;
	overflow: hidden;
	margin-left: 0;
	text-indent: -9999px;
	text-align: left;
}


#topnav {
	height: 49px;
	line-height: 30px;
	text-transform: lowercase;
	background: url('../img/portraits/hr.gif') bottom left no-repeat;
}
#topnav a, #topnav a:visited {
	color: #fff;
	font-size: 11pt;
	margin: 0 25px 0 0;
}
#topnav span.curtab {
	color: #fff;
	font-size: 11pt;
	margin: 0 25px 0 0;
	text-decoration: underline;
}


#portraitshead {
	padding-bottom: 30px;
	background: url('../img/portraits/hr.gif') bottom left no-repeat;
}

#portraitshead #leftcol {
	float: left;
	width: 240px;
	overflow: hidden;
	margin-right: 3px;
}

#portraitshead #rightcol {
	float: right;
	width: 240px;
	text-align: right;
	overflow: hidden;
}

#portraitshead #middlecol {
	width: 254px;
	overflow: hidden;
}

#portraitshead #image1, #portraitshead #image2, #portraitshead #image4, #portraitshead #image5 {
	width: 110px; height: 165px;
	border-width: 1px; border-style: solid; border-color: #a7a7a7;
	margin-top: 22px;
	margin-bottom: 30px;
}
#portraitshead #image1 {
	float: left;
	margin-right: 8px;
}
#portraitshead #image5 {
	float: right;
	margin-left: 8px;
}
#portraitshead #image2 {
	float: left;
}
#portraitshead #image4 {
	float: right;
}

#portraitshead #image3 {
	width: 254px; height: 367px; /*303px;*/
	margin-top: 12px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	overflow: hidden;
}


#publicgals {
	clear: both;
	height: 17px;
	background: url('../img/portraits/public.galleries.gif') top left no-repeat;
	margin: 0 0 20px 0;
}
#topgals ul {
	list-style: none;
	margin: 0;
}
#topgals li {
	background: url('../img/portraits/bullet.gallery.gif') no-repeat;
	background-position: 0 3px;
	padding-left: 15px;
	margin-left: 0;
}
#topgals li.curgal, #topgals li:hover {
	background-image: url('../img/portraits/bullet.gallery.current.gif');
}
#topgals a:hover, #topgals .curgal { color: #f4b059; }





#privategals {
	clear: both;
	height: 17px;
	background: url('../img/portraits/private.galleries.gif') top right no-repeat;
	margin: 0 0 20px 0;
}
#rightcol table {
	width: 241px;
}
#rightcol input {
	width: 100px;
}
#rightcol th { 
	vertical-align: middle;
	font-weight: normal;
	text-align: right;
}
#rightcol #privateGallerySubmit {
	font-size: 8pt;
}




#imagelist tr:hover td { background-color: #223; }






#maincontent {
	padding: 40px 0;
	background: url('../img/portraits/hr.gif') bottom left no-repeat;	
}

#gallery {
	padding: 0 30px;
}
.piecelinks .magnify {
	background: url('../img/portraits/magnify.gif') top left no-repeat;
}
.piecelinks .addtocart {
	background: url('../img/portraits/addtocart.gif') top left no-repeat;
}
#childgalleries {
	background: url('../img/portraits/underarrow.gif') no-repeat; /* 26 x 13 */
	background-position: 6px 1px;
	padding-left: 35px;
}


.thumbnaillink {
	position: relative;
	padding: 3px;
}
.thumbnaillink .tl, .thumbnaillink .tr, .thumbnaillink .bl, .thumbnaillink .br {
	display: block;
	position: absolute;
	width: 20px; height: 20px;
}
.thumbnaillink .tl {
	top: 0; left: 0;
	background: url('../img/portraits/photocorner.tl.gif') top left no-repeat;
}
.thumbnaillink .tr {
	top: 0; left: 0;
	background: url('../img/portraits/photocorner.tr.gif') top left no-repeat;
}
.thumbnaillink .bl {
	top: 0; left: 0;
	background: url('../img/portraits/photocorner.bl.gif') top left no-repeat;
}
.thumbnaillink .br {
	top: 0; left: 0;
	background: url('../img/portraits/photocorner.br.gif') top left no-repeat;
}
