body{ 
background-color:#000000; 
color:#ccc;
margin:0;
text-align:center;
}

#page{
text-align:left;
margin-right:auto;
margin-left:auto;
width:650px;
}
p, a, td, body, h1, h2, h3, h4, h5, li, ul { 
color:#999; 
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
}
a { text-decoration:none; }
img { border:none; }
a:hover { color:#FC6; }

/*  main nav */
#mainNav {
	width:750px;
	margin:35px 0 0 145px;
	padding: 0;
}
#mainNav a {
	font-weight:bold;
	color:#999;
}

#mainNav li.selected a { color:#FC6; }
#mainNav a:hover { color:#FC6; text-decoration:none; }
	
/*  main logo */
#mainLogo { float:left; margin:-6px 15px 10px 0; }
#mainLogo a { font-weight:normal; }
#mainLogo h1, #mainLogo p { margin:0; }
#mainLogo h1 a { color:#ccc; font-size:24px; line-height:30px; }
#mainLogo p a { font-size:10px; color:#666; }
  
/* main top nav */
#mainTopNav ul{	list-style-type:none;}
#mainTopNav li{ 
	display:inline;
	padding:0 5px; 
}

/*  portfolio Nav */
#portfolioNav { margin:5px 0 0 0; }
#portfolioNav a { color:#999; font-weight:bold; }
#portfolioNav ul { margin:0; padding:0; list-style-type:none; }
#portfolioNav li { padding:0 0 0 14px; margin:5px 0 0 0; } 
#portfolioNav li.selected { background:url("/images/gallery_dark/arrow_double.gif") no-repeat left 3px; }
#portfolioNav li.selected a { color:#FC6; }
#portfolioNav li a:hover { color:#FC6; }
.leftselected {
	background-image:url("/images/gallery_dark/arrow_double.gif");
	background-position:left;
	background-repeat:no-repeat;
	padding-left:18px;
}
/* artwork Nav */
#artworkNav { margin:0 0 5px 0; }
#artworkNav div { float:left; width:158px; margin:0 0 5px 0;}
#artworkNav a:hover { text-decoration:none; }
#artworkNav div {
	text-align:right;
 	padding:0 5px;
}
#artworkNav img {
	margin-bottom:-3px;
	margin-left:5px;
	margin-right:5px;
}

#artworkNav .disabled { color:#444; }
#artworkNav .zoomLink {
	background-image:url("/images/gallery_dark/icon_zoom_off.gif");
	background-repeat:no-repeat;
	background-position:right;
	padding-right:26px;
}
#artworkNav .zoomLinkDisabled { 
	background-image:url("/images/gallery_dark/icon_zoom_disabled.gif");
	color:#444; 
}
#artworkNav .zoomLink:hover { background-image:url("/images/gallery_dark/icon_zoom_over.gif"); }

#artworkNav .thumbsLink {
	background-image:url("/images/gallery_dark/icon_thumbs_off.gif");
	background-repeat:no-repeat;
	background-position:right;
	padding-right:24px;
}
#artworkNav .thumbsLink:hover { background-image:url("/images/gallery_dark/icon_thumbs_over.gif"); }

#artworkNav .prevLink {
	background-image:url("/images/gallery_dark/arrow_prev_off.gif");
	background-repeat:no-repeat;
	background-position:left;
	padding-left:18px;
}
#artworkNav .prevLinkDisabled { 
	background-image:url("/images/gallery_dark/arrow_prev_disabled.gif");
	color:#444; 
}
#artworkNav .prevLink:hover { background-image:url("/images/gallery_dark/arrow_prev_over.gif"); }

#artworkNav .nextLink {
	background-image:url("/images/gallery_dark/arrow_next_off.gif");
	background-repeat:no-repeat;
	background-position:right;
	padding-right:18px;
}
#artworkNav .nextLinkDisabled { 
	background-image:url("/images/gallery_dark/arrow_next_disabled.gif");
	color:#444; 
}
#artworkNav .nextLink:hover { background-image:url("/images/gallery_dark/arrow_next_over.gif"); }

/* content */
#portfolioNav { width:135px; float:left; }
#homepageText { clear:both; margin:45px 0 0 0; }
#mainContent { clear:both; margin:50px 0 0 0; }
#mainBody { margin:0 0 0 145px; }

div.thumbnail { 
width:200px;
height:125px;
float:left; 
margin:10px; 
border:1px solid #000; 
text-align:center;
}

div.thumbnail img { border:1px solid #333; }

img.detailImage { border:1px solid #999; }
#workDetails { float:right; margin:5px 0 0 0; }
#workDetails p { text-align:right; margin:0; }
#saleStatus { margin:5px 0 0 1px; }
#saleStatus p { margin:0; }

#contactInfo { margin:75px 0 0 0; }

/* extra Media Nav */
#extraMediaNav {
	clear:both;
	margin:35px 0 0 0;
}
div.mediaThumb {
	float:left;
	margin:10px;
}
div.mediaThumb a {
	font-size:10px;
}
div.mediaThumb img {
	border:1px solid #999;
}


/* footer */
#footer { clear:both; margin:25px 0 0 0; width:100%; }
#footer p, #footer p a { font-size:9px; }
#footer .credit a:hover { color:#69c; }
#footer p { text-align:center; margin:2px; }
#footer .address { background-color:#111; }
#footer .credit { background-color:#333; }
#footer .address p, #footer tr.address a { color:#666; }
#footer .address a:hover { color:#FC6; }

body.plainText #footer { margin-top:150px; }
	
/* admin fields */
.dataTable td { padding:2px 10px; border:1px solid #444; }
.dataTable tr.headerRow {
	background-color:#333; 
	color:#fff;
}
.editTable td.fieldName {
	background-color:#111; 
	color:#ccc;
}

fieldset{
	border: 1px #444 solid;
	background-color:#111;
}

input.button 
{
	background-color:#fc6;
	color:#000;
	font-weight:bold;
}
input, textarea, select {
	border:1px #444 inset;
	background-color:#000;
	color:#fff;
}

/* styles for text */
h2 { color:#69c; font-weight:bold; text-transform:uppercase; }
.contentTitle { color:#69c; font-weight:bold; text-transform:uppercase; }
.price { color:#333; font-weight:bold; }
.leftFloat { float:left; margin:10px; }
.rightFloat { float:right; margin:10px; }
.highlight { color:#fc6; }

h1 { font-size:18px; }
h2 { font-size:16px; }
h3 { margin-top:5px; font-size:14px; color:#fc6; }
h4 { font-size:11px; }
h5 { font-size:10px; color:#69c; }
h6 { font-size:9px; }

.alert { color:#f03; }

/* style for admin tools */

/* section admin */
div.section { border: 1px solid #CCCCCC; background-color:#000; }
div.section h4 { color:#fff; background-color:#333; }
div.subSection { background-color:#333; }

p.success { border:1px solid #6f6; background-color:#010; color:#6f6; }

img.icon {  }

div.portfolioType { border: 1px solid #CCCCCC; background-color:#000; }
div.portfolioType h4 { color:#fff; background-color:#333; }

div.listItem h4, div.portfolioType div.listItem h4  { background-color:transparent; }
div.listItem { background-color:#111; border:1px #444 solid; }
.clearall { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* styles for error page */
#redirect {
	font-size:13px;		
}