/* CSS Document */
/*
COLOR GUIDE:
blue - #4792b1
orange - #ff9000
lt. grey - #f5f5f5
dark grey - #666666
*/
html, body { margin: 0 0 1px 0;
	 height:100%; }

body{
     
     text-align: center;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:11px;
	 color:#9d9b9b;
	 line-height:17px;
	 overflow: -moz-scrollbars-vertical;

     }
	 
#container{
     margin-left: auto;
     margin-right: auto;
	 margin-top:0px;
     width: 960px;
	 text-align: left;
	 padding-bottom:100px;
     }
     
/*------------------------------------------------------------------
   Primary Navigation
-------------------------------------------------------------------*/
ul#nav		{ position: relative; top: 0; left:-35px; width: 370px; height: 58px; } 

#nav li 	{ list-style: none; display: inline; margin: 0; padding: 0; }
#nav li a 	{ display: block; float: left; text-indent: -9999px; height: 58px; background-image: url(../images/nav.gif); background-repeat:no-repeat; }

#nav li#home a, #nav li#home a:link, #nav li#home a:visited { background-position:0px 0px; width: 97px; }
#nav li#home a:hover, #nav li#home a:focus, #nav li#home a:active, 
#nav li#home_on a, #nav li#home_on a:link, #nav li#home_on a:visited  { background-position:0px -59px; width: 97px; }

#nav li#artwork a, #nav li#artwork a:link, #nav li#artwork a:visited { background-position:-97px 0px; width: 113px; }
#nav li#artwork a:hover, #nav li#artwork a:focus, #nav li#artwork a:active, 
#nav li#artwork_on a, #nav li#artwork_on a:link, #nav li#artwork_on a:visited { background-position:-97px -59px; width: 113px; }

#nav li#press a, #nav li#press a:link, #nav li#press a:visited { background-position:-210px 0px; width: 99px; }
#nav li#press a:hover, #nav li#press a:focus, #nav li#press a:active, 
#nav li#press_on a, #nav li#press_on a:link, #nav li#press_on a:visited { background-position:-210px -59px; width: 99px; }

#nav li#contact a, #nav li#contact a:link, #nav li#contact a:visited { background-position:-309px 0px; width: 61px; }
#nav li#contact a:hover, #nav li#contact a:focus, #nav li#contact a:active,
#nav li#contact_on a, #nav li#contact_on a:link, #nav li#contact_on a:visited { background-position:-309px -59px; width: 61px; }

div#menu 	{  height: 58px; width: 960px; background-image: url(../images/nav_bg.gif); background-repeat:repeat-x;  }

img#logo	{ float: right; border: none; }

div#slideshow	{ height: 367px; width: 960px; overflow: hidden;}

#art_resources{width:auto; display:block; padding:5px 0;}
#art_resources #column_left{width:300px; margin-right:25px; float:left;}
#art_resources #column_middle{width:300px; margin-right:25px; float:left;}
#art_resources #column_right{width:300px; float:left;}

#shop_talk{width:auto; display:block; padding:1px 0; line-height:16px;}
#shop_talk #column_left{width:227px; margin-right:5px; float:left;}
#shop_talk #column_middle{width:330px; margin-right:25px; float:left;}
#shop_talk #column_right{width:330px; float:left;}

#interiors{width:auto; display:block; padding:1px 0;}
#interiors #column_left{width:305px; margin-right:5px; float:left;}
#interiors #column_right{width:650px; height:600px; float:left;}

#press{width:950px; display:block; padding:60px 0 0 30px;}
div.press_article { float:left; width: 15%;  margin-right:10px; line-height:13px; }
div.press_row {display:block;  height:200px; }
div.press_article img { margin-bottom:7px; }

#press #column_left{width:360px; margin-right:93px; float:left;}
#press #column_right{width:360px; float:left;}

#purchase { line-height:15.5px; }

#contact{ display:block; padding:50px 0 0 0px;}
#contact #column_left{width:200px; margin-right:10px; float:left;}
#contact #column_mid{width:200px; float:left;}
#contact #column_right{width:550px; float:left;}

#inventory_artists { margin:20px 0 0 7px; }
#inventory_artists div { float:left; width:400px; }

#interior_locations { margin-left:7px; }

div#interior_thumbnails { margin:25px 0 0 7px; }
div#interior_thumbnails img{ margin:0 2px 2px 0; }

div#interiors_photo{
	/*background-color:#eeeeee;
	width:650px;
	text-align:center;*/
	width:650px;
}

div.article {  display:block; padding-top:5px;  background-image:url(../images/line_press.gif); background-repeat:no-repeat; background-position:bottom; }
div.article div{ margin-top:70px; }

img.float_right	{ float: right; }
div.text_left	{ margin-right: 55%; height: 250px;}

div.spacer{clear:both; display:block;}

.indent { margin-left:7px; }

td{ vertical-align:top; }
	
p{ margin-top:0px; }

div.popup		{ background-color: #fff; }
p.popup_hdr		{ font: bold 11px/13px Arial, Helvetica, sans-serif; color:#232323; margin: 0; padding:0; text-transform: uppercase; text-align: left; }
p.popup_details	{ font: normal 11px/13px Arial, Helvetica, sans-serif; color:#666; margin: 0; padding:0; text-align: left; }


p.flush{
	margin-top:0px;
	margin-bottom:0px;
	}
	
p.strong{
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	}

.orange{ color:#ff9900; }

.blue{ color:#232323; }

.pink { color:#232323; }
	
p.header{
	color:#232323;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	}
	
p.header_big{
	color:#fe9710;
	font-weight:bold;
	font-size:13px;
	margin-top:0px;
	margin-bottom:0px;
	}

.header_blue{
	color:#232323;
	font-weight:bold;
	font-size:11px;
	margin-top:0px;
	margin-bottom:0px;
	}

p.header_gray{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:#999999;
	font-weight:bold;
	font-size:16px;
	margin-top:0px;
	margin-bottom:0px;
	}
	
p.header_orange{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:#fe9710;
	font-weight:bold;
	font-size:16px;
	margin-top:0px;
	margin-bottom:0px;
	}
	
p.header_artist{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:#232323;
	font-weight:bold;
	font-size:16px;
	margin-top:0px;
	margin-bottom:0px;
	}
	
p.date_month{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:#999999;
	font-weight:bold;
	font-size:11px;
	margin-top:0px;
	margin-bottom:0px;
	}
p.date_day{
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:.1em;
	color:#ff9000;
	font-weight:bold;
	font-size:24px;
	margin-top:0px;
	margin-bottom:0px;
	}
p.date_dayword{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:#ff9000;
	font-weight:bold;
	font-size:11px;
	margin-top:0px;
	margin-bottom:0px;
	}

p.caption {
	font-size:9px;
	line-height:10px;
}


p#title_header {
	color:#4792b1;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:8px;
	}
	
p#title_details {
	font-weight:bold;
	padding-bottom:8px;
	margin-top:0px;
	margin-bottom:0px;
}



	
img.block{
	display:block;
	}
	
img.thumb_left{
	float:left;
	border:1px solid #ccc;
	margin:10px;
	margin-top:5px;
	}
	
div.home img.thumb_left{
	float:left;
	border:1px solid #ccc;
	margin:5px 10px 10px 7px;
	}

div.home img.thumb_left:hover{
	border:1px solid #232323;
}

img.art{
	margin-right:5px;
	margin-bottom:5px;
	border:2px solid #cccccc;
	}

img.pressicon{
	border:1px solid #999999;
	float:left;
	margin-right:12px;
}
	
img.presspop{
	padding-left:20px;
}
	
ul{
	margin-top:0px;
	}
	
li{
	list-style-image:url(../images/bullet.gif);
	}
	


	
div.footer{
	color:#CCCCCC;
	margin:10px auto;
    width: 960px;
	text-align:left;
}

div.home{
	clear:left;
	margin:0;
	}

div.home_text{
	width:230px;
	margin-left:55px;
	padding-top:3px;
	}
	
div.home_text p { margin-top:-3px; }

div.sideviewbox{
	background-color:#eeeeee;
	width:400px;
	padding:15px;
	
}

div.grayarea{
	background-color:#eeeeee;
	width:942px;
	padding:8px 2px 2px 8px;
}



a { outline: none;/* takes the little dotted border off of selected links */ }

a:link, a:visited{
	color:#232323;
	}
	
a:hover{
	text-decoration: underline;
	}
	


div.footer a, div.footer a:visited{
	color:#999999;
	}
	
div.footer a:hover{
	color:#666666;
	}
	

div.home_text a, div.home_text a:visited {
	color:#232323;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	text-decoration:none;
	display:block;
}

div.home_text a:hover {
	text-decoration:underline;
}

div.article a, div.article a:visited {
	color:#232323;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	text-decoration:none;
	display:block;
}

div.article a:hover {
	text-decoration:underline;
}




a.pagelink:link, a.pagelink:visited{
	font-size:12px;
	color:#fe9710;
	margin-top:0px;
	margin-bottom:0px;
	text-decoration:none;
	}
	
a.pagelink:hover{
	text-decoration:underline;
	}


a.artviewlink:link, a.artviewlink:visited{
	border:2px solid #f7f7f7;
	display: block;
	float: left;
	}
	
a.artviewlink:hover{
	border:2px solid #ff9000;
	}
	

	
.clearfix {
  _height: 1px;/* sets a dimension only in ie */
}
.clearfix:after {
    content: ".";
    clear: both;/* clears any left and right floats contained in the element */
    display: block;/* required for the clear property to work */
    visibility: hidden;/* hides the added content (still takes up space) */
    height: 0;/* sets the height so that the content no longer takes up any space */
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 1%;
    font-size: 1%;
}
div#thumbnav {

}
div#thumbnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
}
div#thumbnav ul li {
	display: block;
	margin: 0 3px 3px 0;
	float: left;/* this float is cleared by the clearfix class */
	width: 40px;/* a fixed dimension of either height or width is needed to make floats work in IE (im me for ways around this) */
}
div#thumbnav ul li a:link, div#thumbnav ul li a:visited {
display: block;	
border:1px solid #f7f7f7;
}
div#thumbnav ul li a:hover {
	border:1px solid #ff9000;
}


#imageDetails a, #imageDetails a:visited{
	font-weight:600;
	font-size:12px;
	color:#ec2881;
	text-decoration:none;
	}
#imageDetails a:hover{
	text-decoration:underline;
	}


#inventory_artists a, #inventory_artists a:visited{
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	font-weight:600;
	font-size:10px;
	color:#999999;
	}
#inventory_artists a:hover{
	text-decoration: underline;
	}
	
#interior_locations a, #interior_locations a:visited{
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	font-weight:600;
	font-size:10px;
	color:#999999;
	}
#interior_locations a:hover{
	color:#4792b1;
	}
	
	


a.artistinfo:link, a.artistinfo:visited{
	text-decoration:none;
	font-weight:600;
	font-size:9px;
	color:#999999;
	}
a.artistinfo:hover{
	color:#4792b1;
	}

a.pressheader:link, a.pressheader:visited{
	text-decoration:none;
	color:#232323;
	font-weight:bold;
	font-size:11px;
	margin:0px 0 0 0;
	padding:0px 0 0 0;
	}
a.pressheader:hover{
	text-decoration:underline;
	}


/* POP UP STYLES */

div.popup{
	background-color:#f4f4f4;
	width:100%;
	height:59px;
	text-align:left;
	}
	
div.popup_container{
	text-align:left;
	padding:20px;
	}