body
{
	margin:				0px;
	padding:			0px;
	background-color:	white;
}
a.selectedit
{
	position:			relative;
}
p
{
	margin:				0px;
}

#popup-box
{
	margin:				20px auto;

	text-align:			center;
	font-family:		verdana,sans-serif;
	font-size:			11px;

}
#popup-box h1
{
	display:			none;
}

hr
{
	color:				black;
	height:				1px;
}




#header
{
	background-color:		#dddddd;
	text-align:				center;
}


#navbar
{
	width:					100%;
	height:					22px;
	border-top:				1px solid white;
	background-image:		url( /images/mainnav-back.gif );
	background-repeat:		repeat-x;
	text-align:				center;
}
#nav-main
{
	border-top:				1px solid white;
	width:					100%;
	height:					22px;

	background-image:		url("/sollewitt/images/mainnav-back.gif");
	background-repeat:		repeat-x;

	text-align:				center;
	font-family:			tahoma,arial,sans-serif;
	font-size:				11px;
	color:					black;

}

#nav-main ul
{
	list-style-type:		none;
	margin:					0px;
	padding:				0px;
}

#nav-main li
{
	display:				inline;
}

#nav-main a
{
	background-image:		url( /images/mainnav-back3.gif );
	background-repeat:		repeat-x;
	
	padding:				5px 15px;

	line-height:			22px;
	font-weight:			normal;
	text-transform:			uppercase;
	color:					black;
}
#nav-main a:hover,
#nav-main a.active
{
	color:					#666666;
}



img
{
	border:					0px;
}


#main
{
	width:					400px;
	margin:					40px auto;
}

/*********************************************************************************************************/
/*	DHTML menu styles
/*********************************************************************************************************/
.menublock
{
	position:			absolute;
	z-index:			200;
	visibility:			hidden;
	background-color:	rgb(238,238,238);
	border:				1px solid #999999;
}

.homemenublock
{
	position:			absolute;
	z-index:			200;
	visibility:			hidden;
	background-color:	rgb(238,238,238);
	border:				1px solid #999999;
}

a.menuitem
{
	display:			block;
	width:				auto;
	height:				2.1em;
	padding:			0em 0.8em;
	line-height:		2.1em;
	white-space:		nowrap;
	background-color:	rgb(238,238,238);
	font-family:		verdana, arial;
	font-size:			10px;
	text-decoration:	none;
	color:				black;
	font-weight:		normal;
}

a.homemenuitem
{
	display:			block;
	width:				auto;
	height:				2.1em;
	padding:			0em 0.8em;
	line-height:		2.1em;
	white-space:		nowrap;
	background-color:	rgb(238,238,238);
	font-family:		verdana, arial;
	font-size:			10px;
	text-decoration:	none;
	color:				black;
	font-weight:		normal;
}

a.homemenuitem:hover
{
	color:				darkred;
}

/*********************************************************************************************************/
/*	Main nav item styles (for text-only menu headers - delete these if graphics are used for main nav)
/*********************************************************************************************************/
a.topnav
{
	display:			inline;
	width:				80px;
	height:				23px;
	padding:			0em 0.8em;
	line-height:		23px;
	white-space:		nowrap;
	font-family:		verdana, arial;
	font-size:			10px;
	text-decoration:	none;
	color:				white;
}

a.topnav-active
{
	display:			block;
	width:				80px;
	height:				23px;
	padding:			0em 0.8em;
	line-height:		23px;
	white-space:		nowrap;
	font-family:		verdana, arial;
	font-size:			10px;
	text-decoration:	none;
	color:				white;
}

/*********************************************************************************************************/
/*	Sidenav styles - delete these if side nav is not used
/*********************************************************************************************************/
.sidenav
{
	padding:			1.7em 1em;
	margin-top:			10px;
	font-family:		verdana,arial,sans serif;
	font-size:			10px;
}

a.sidenavlink-top
{
	display:			block;
	padding:			2.6em 0em 0.5em 0em;
	text-decoration:	none;
	color:				#B0B0B0;
}

a.sidenavlink
{
	display:			block;
	padding:			0.4em 0.5em;
	text-decoration:	none;
	color:				#B0B0B0;
	font-weight:		normal;
}

a.sidenavlink:hover
{
	color:				black;
}

a.sidenavlink-active
{
	display:			block;
	padding:			0.4em 0.5em;
	text-decoration:	none;
	color:				black;
	font-weight:		normal;
}

a.sidenavlink-active:hover
{
	color:				black;
}

/*********************************************************************************************************/
/*	Footer styles
/*********************************************************************************************************/
#footer
{
	clear:				both;
	margin:				0px 0px 20px;
	border-top:			1px solid white;

	text-align:			center;
	line-height:		2.0em;
	font-family:		verdana,arial,sans serif;
	font-size:			10px;
}

#footer ul
{
	list-style-type:	none;
	margin:				0px 0px 50px;
	padding:			0px;
}
#footer li
{
	display:			inline;
}

#footer a
{
	white-space:		nowrap;
	text-decoration:	none;
	color:				gray;
}

#footer a.active
{
	text-decoration:	none;
	color:				gray;
}

/*	used for the dividing line | between nav items	*/
.divider
{
	padding:			0em 0.3em;
}

#credit
{
	border-top:			1px solid #cccccc;
	padding-top:		5px;
	margin-top:			20px
	;color:				#000000;
	font-size:			10px
}
#credit a
{
	color:				darkred;
}

/*********************************************************************************************************/
/*	Global
/*********************************************************************************************************/
.global
{
	line-height:		2.1em;
	font-family:		verdana, arial;
	font-weight:		bold;
	font-size:			10px;
	text-decoration:	none;
	color:				black;
	padding-top:		1.6em;
	padding-right:		2em;
}

/*********************************************************************************************************/
/*	Standard body styles
/*********************************************************************************************************/

.bodytext
{
	margin-left:		0px;
	line-height:		20px;
	font-family:		verdana,arial;
	font-size:			11px;
	color:				black;
}

a
{
	font-weight:		bold;
	text-decoration:	none;
	color:				darkred;
}

a:hover
{
	text-decoration:	none;
	color:				gray;
}

a.white
{
	text-decoration:	none;
	color:				white;
}

a.white:hover
{
	color:				white;
}

.formlabel
{
	padding-top:		1.0em;
	font-family:		verdana,arial;
	font-size:			10px;
	color:				black;
}

.image-caption
{
	line-height:		15px;
	font-family:		verdana,arial;
	font-size:			10px;
	color:				black;
	text-align:			center;
}

.tableheader
{
	padding:			3px;
	line-height:		1.5em;
	font-family:		verdana,arial;
	font-size:			10px;
	color:				white;
	font-weight:		bold;
}

.tablecell
{
	padding-left:		10px;
	line-height:		20px;
	font-family:		verdana,arial;
	font-size:			11px;
	color:				black;
}

h1,
h2,
.headerbar
{
	margin:				0px;
	border:				1px solid black;
	background-color:	black;
	padding:			3px 0px;

	text-align:			center;
	line-height:		1.5em;
	font-family:		verdana,arial;
	font-weight:		bold;
	font-size:			10px;
	color:				white;

	text-transform:		uppercase;
}

.subheaderbar
{
	padding-top:		3px;
	padding-bottom:		3px;
	line-height:		1.5em;
	font-family:		verdana,arial;
	font-size:			10px;
	color:				black;
	font-weight:		bold;
	background-color:	white;
	text-align:			center;
	border:				1px solid black;
}

.tabledescription
{
	margin-left:		0px;
	line-height:		15px;
	font-family:		verdana,arial;
	font-size:			10px;
	color:				black;
	padding-top:		20px;
	padding-bottom:		20px;
	padding-left:		10px;
	padding-right:		10px;
}

.date
{
	line-height:		15px;
	font-family:		verdana,arial;
	font-size:			10px;
	color:				black;
	font-style:			italic;
}

.widget
{
	font-family:		arial;
	font-size:			9px;
	color:				black;
	font-weight:		bold;
}

/*********************************************************************************************************/
/*	Form styles
/*********************************************************************************************************/
form
{
	margin:				0em;
}

input.textfield,select.textfield,textarea.textfield
{
	width:				150px;
	background-color:	white;
	font-family:		verdana,arial;
	font-size:			10px;
	color:				black;
}

input.button
{
	background-color:	rgb(204,204,204);
	font-family:		verdana,arial;
	font-weight:		bold;
	font-size:			10px;
	color:				black;
}


/*********************************************************************************************************/
/*	WebTop site edit styles
/*********************************************************************************************************/

select.siteedit,input.siteedit
{
	background-color:	white;
	font-family:		arial;
	font-size:			10px;
	color:				black;
}

select.preview,input.preview
{
	background-color:	lightgreen;
	font-family:		arial;
	font-size:			10px;
	color:				black;
}

input.siteeditbutton
{
	font-family:		arial;
	color:				black;
}

a.galleryimage
{
	display: block;
	border: 1px solid #fff;
}

a.galleryimage:hover
{
	border: 1px solid #791211!important;
}

/*********************************************************************************************************/
/*	Contact Form
/*********************************************************************************************************/
label
{
	display: block;
	font-family:		verdana,arial, sans-serif;
	font-size:			11px;
	color:				black;
}

.contactform
{
	width: 250px;
}






/*---------------------------------------------------------------------------------------------------------
//	Menus
//-------------------------------------------------------------------------------------------------------*/
ul.m1,
ul.m1 ul
{
	position:				absolute;
	left:					180px;
	top:					0px;
	display:				none;

	list-style:				none;
	margin:					0px;
	padding:				0px;

	border-top:				1px solid darkgray;
	width:					180px;
	background-color:		#eeeeee;
}

ul.m1 li
{
	display:				block;
	position:				relative;
	margin:					0px;
	padding:				0px;

	float:					left;
	width:					100%;
}


ul.m1 li a
{
	display:				block;
	text-decoration:		none;

	border-bottom:			1px solid darkgray;

	height:					22px;	/*	needed so IE can size the link correctly	*/
	line-height:			22px;

	padding:				0px 8px;

	white-space:			nowrap;
	
	font-family:			verdana,arial,sans-serif;
	font-weight:			normal;
	font-size:				10px;
	color:					black;
}

ul.m1 a:hover,
a.highlight,
a.highlight-active
{
	background-color:		#999999!important;
	color:					white!important;
}



/*	Makes arrow indicator for links with submenu	*/
a.showsub,
a.showsub:hover
{
	background-image:		url( /images/arrow0.gif );
	background-position:	center right;
	background-repeat:		no-repeat;
}

/*	Menu item mouseover	*/
a.showsub:hover
{
	background-image:		url( /images/arrow1.gif );
}





#dim
{
	display:		none;
	position:		fixed;
	top:			0px;
	left:			0px;
	width:			100%;
	height:			100%;
	opacity:		0.5;
	z-index:		998;
/*	absolute; top: 0px; left: 0px; width: 1171px; height: 3378px; opacity: 0.9; z-index: 998;	*/
	background-color:	#999999;
}
#loadcontent
{
	/*	default positioning	*/
	position:			fixed;
	top:				50px;

	display:			none;
	width:				600px;
	height:				500px;
	z-index:			999;
	border:				2px solid #999999;
}
#formcontent
{
	width:				600px;
	height:				500px;
	margin:				0px auto;

}

a#close
{
	position:			fixed;
	top:				53px;
	z-index:			1001;

	line-height:		22px;
	font-family:		tahoma,arial,sans-serif;
	font-weight:		bold;
	font-size:			9px;
	color:				white;

	cursor:				pointer;
}


a.inquire
{
	display:					block;
	margin:						20px 0px;
	background-color:			#b3b3b3;
	padding:					1px 12px 1px 12px;

	width:						35px;

	border-radius:				10px;
	-moz-border-radius:			10px;
	-webkit-border-radius:		10px;

	font-family:				arial,sans-serif;
	font-size:					11px;
	text-align:					center;
	font-weight:				bold;
	color:						white;
}


a.inquire:hover
{
	background-color:			#a1a1a1;
}



table#artlist td
{
	padding-top:		20px;
	padding-bottom:		20px;
	border-top:			2px solid #dddddd;
}

table#artlist tr:first-child td
{
	border-top:			0px;
	padding-top:		0px;
}

#summary
{
	float:				left;
	width:				150px;
	overflow:			hidden;
	padding:				20px;
}

#summary img
{
	float:				left;
	padding:				0px 20px 20px 0px;
}

#formblock
{
	float:				left;
	margin:				20px 20px 20px 170px;
	padding-top:		20px;
}
#formblock .fieldblock
{
	overflow:			hidden;
}

label.inquiry-cb
{
	display:			block;
	margin:				0px 0px 0px 24px;
	padding-top:		4px;
}

input,select,textarea
{
	border:				1px solid #aaaaaa;
}

label
{
	margin-bottom:		2px;
	font-size:			10px;
}

textarea
{
	width:				388px!important;
	height:				65px;
}
iframe
{
	border:				0px;
}

/*	change properties of inquiry box on additonal inquries not requiring the form	*/
.additional-inquiry
{
	width:				400px!important;
	height:				220px!important;
}
.noform
{
	width:				400px!important;
	height:				220px!important;
}

.noform #summary
{
	width:				400px!important;
}

.noform .formblock
{
	display:			none;
}

.additional-inquiry a#close
{
}

#popup-box #tracker-onpage
{
	top:				0px;
	left:				0px;
}


a#wall
{
	display:					block;

	margin:						-18px 0px 18px;
	background-color:			black;
	padding:					5px 30px;

	text-align:					center;
	line-height:				14px;
	font-family:				tahoma,verdana,arial,sans-serif;
	font-weight:				normal;
	text-transform:				uppercase;
	font-size:					11px;
	color:						white;
}

