/* CSS | GERALD AND CULLEN RAPP | (c) 2006 FUSEBOX INC | WRITTEN BY: MATTHEW PODSIAD 12.06.2006 */

/* --------------------------- */
/* GENERAL */
/* --------------------------- */

	body, html { 
		color: #6F6F6F; 
		font-family: 'century schoolbook', times; 
		font-size: 14px; 
		margin: 0; 
	}
	body { 
		background-color: #eef3ef; 
		padding: 14px; 
	}
	
	/* LINK STYLES */
	a:link { 
		color: #588C67; 
		text-decoration: none; 
	}
	a:visited { 
		color: #588C67; 
		text-decoration: none; 
	}
	a:hover { 
		color: #000000; 
		text-decoration: none; 
	}
	a:active { 
		color: #588C67; 
		text-decoration: none; 
	}
	
	a img { 
		border: 2px solid #588c67; 
	}
	a img:hover	{ 
		border: 2px solid #000;
	}

	/* FORM STYLES */
	input,
	select { 
		border: 1px solid #CBCBCB; 
		color: #666666;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 11px; 
		padding: 3px;
		text-align: left; 
	}
	input.button { 
		background-color: #70b285; 
		border: 0; 
		color: #ffffff;
		cursor: pointer; 
		font-size: 10px;
		font-weight: bold; 
		text-align: center; 
		text-transform: uppercase; 
	}
	input.radio_button { 
		border: 0; /* prevents border in IE */
		padding: 0; 
	}
	select { 
		padding: 2px; 
	}
	textarea { 
		border: 1px solid #CBCBCB; 
	}
	
	/* H1 - H6 STYLES */
	h1 { 
		font-size: 22px; 
		font-weight: bold; 
		margin: 0; 
		padding: 0; 
	}
	h2 { 
		font-size: 16px; 
		margin: 0; 
		padding: 0;
	}
	
/* --------------------------- */
/* HEADER */
/* --------------------------- */

	#subheader1 { 
		margin: 0; 
		padding: 10px; 
		text-align: center; 
	} 
		#header_m { 
			height: 65px; 
			margin: 0; 
			padding: 0; 
			text-align:left; 
		} 
			#header_m img { 
				border: 0px; 
				float: left; 
				margin: 0 15px 0 0; 
				padding: 0px; 
			}
			#header_m ul { 
				background: #fff; 
				border-bottom: 1px dashed #cbcbcb; 
				float: left; 
				list-style: none; 
				margin: 0; 
				padding: 0; 
			}
				#header_m li { 
					float: left; 
					height: 65px;
					margin: 0; 
					padding: 0; 
				}
					#header_m li a { 
						border-right: 1px dashed #cbcbcb; 
						color: #6f6f6f;
						display: block;
						float: left; 
						font-size: 16px; 
						font-weight: normal; 
						margin: 23px 0 0 0; 
						padding: 0; 
						text-align: center;
						width: 128px; 
					}
					#header_m li.about a:hover,
					#header_m li.about a.current { 
						color: #70B285; 
					}
					
					#header_m li.portfolio a:hover,
					#header_m li.portfolio a.current { 
						color: #70B285; 
					}
					
					#header_m li.search a:hover,
					#header_m li.search a.current { 
						color: #70B285; 
					}
					
					#header_m li.contact a:hover,
					#header_m li.contact a.current { 
						color: #70B285; 
					}
					
					#header_m li.logo { 
						margin: 0; 
						padding: 0; 
						text-align: right; 
						width: 277px; 
					}
						#header_m li.logo img { 
							margin: 0; 
							padding: 0; 
							float: right;
						}
						#header_m li.logo a	{ 
							border: 0; 
							display: block;
							margin: 0; 
							padding: 0; 
							text-align: right;
							width: 277px;
						}
					#header_m li.alt_pic { 
						margin: 0 10px 0 0; 
					}

/* --------------------------- */ /*  UNIVERSAL */ /* --------------------------- */

	#pageTitle { 
		border-bottom: 1px solid #CBCBCB; 
		margin: 50px 25px 0 25px; 
		padding: 20px 0 5px 0; 
		xoverflow: auto; 
	}
		#pageTitle h1 { 
			float: left; 
			margin: 0; 
			padding: 0; 
			text-align: left; 
		}
		#pageTitle .chooseArtist { 
			float: right; 
			font-size: 10px; 
			text-align: right; 
			width: 350px; 
		}
			#pageTitle .chooseArtist form { 
				margin: 0; 
				padding: 0;
			}
		#pageTitle #artistWeb { 
			float: right; 
			margin: 0; 
			padding: 10px 0 0 0; 
		}
	
	#maincontent { 
		height: 100%;
		line-height: 1.5em;
		margin: 35px 25px 15px 25px;
		min-height:350px;  
		padding: 0 30px 30px 20px; 
		xwidth: 970px;
		
	}
		#maincontent img { 
			border: 1px dashed #cbcbcb; 
			float: right; 
			margin-left: 30px; 
			padding: 10px; 
		}

	#headcontent { 
		background-color: #f4f4f4;
		margin: 15px 25px 15px 25px; 
		padding: 15px 30px 10px 20px; 
	}
		#headcontent input,
		#headcontent select	{ 
			margin: 0 0 0 5px; 
		}
	
	#subnav	{ 
		border-top: 1px solid #CBCBCB;
		margin: 0 45px 0 45px; 
		padding: 10px 0 0 0; 
	}
		#subnav ul { 
			float: left; 
			list-style: none;
			margin: 0; 
			padding: 0; 
		}
			#subnav ul li { 
				float: left; 
				margin: 0 10px 0 0; 
				padding: 0; 
			}
			#subnav ul li.byStyle { 
				border-right: 1px solid #CBCBCB; 
				padding: 0 10px 0 0; 
			}
			#subnav ul li.byTopic {}
				#subnav ul li a#current	{ 
					color: #6F6F6F; 
				}
		#subnav span.artistName	{ 
			float: left;
			font-weight: normal;
			text-align: left; 
			width: 380px; 
		}
		#subnav span.artistWeb { 
			float: right; 
		}
	
	#subcontent	{ 
		clear: both; 
		margin: 30px 25px 50px 25px; 
		padding: 0 20px 20px 20px; 
		text-align: left;
	}
		#subcontent #tableForm { 
			height: 100%;
			margin: 0 0 15px 25px; 
			padding: 0; 
		}
			#subcontent #tableForm th {
				font-size: 12px; 
				font-weight: normal;  
				padding: 0 20px 5px 0; 
				text-align: left; 
			}
			#subcontent #tableForm td { 
				font-size: 12px;
				padding: 0 0 5px 0; 
			}
		#subcontent select { 
			font-size: 12px;
			margin: 10px 0 5px 0; 
		}
		#subcontent p { 
			margin-top: 35px; 
			text-align: left; 
		}


/* --------------------------- */ /*  PUBLIC SITE */ /* --------------------------- */
	

/* --------------------------- */
/* FEATURED ARTISTS */
/* --------------------------- */

	#pageTitleHome { 
		margin: 20px 25px 0 25px; 
		padding: 70px 0 0 0; 
	}
		#pageTitleHome h1 { 
			font-weight: normal; 
			margin-top: 0; 
			margin-right: auto; 
			margin-bottom: 0; 
			margin-left: auto; 
			width: 712px; 
		}
		* html #pageTitleHome h1 { margin-left: 75px;}
	#homecontent { 
		height: 100%;
		margin-top: 10px; 
		margin-right: auto;
		margin-bottom: 15px; 
		margin-left: auto; 
		min-height:450px;
		padding: 0px 0 30px 0;
		text-align: center;  
		width: 712px;
	}
		#homecontent p { 
			float: left; 
			text-align: left; 
		}
		* html #homecontent p { width: 720px; } 
		#pictures { 
			height: 325px; 
			margin-left: auto; 
			margin-right: auto; 
			overflow:auto; 
			text-align: center; 
			width: 722px;
		}
		* html #pictures { width: 820px; margin-left: 100px; clear: both; height: 325px; } 
			#pictures img { 
				border: 1px solid #BCBCBC;
				padding: 10px; 
			}
			#pictures img:hover { 
				opacity: .75; 
				filter: alpha(opacity=75); 
				-khtml-opacity:75; 
			}
			* html #pictures img { margin: 10px; border: 0; }
			#pictures div.pic { 
				float: left; 
				height: 300px;
				margin: 0px 25px 25px 0px; 
				width: 220px; 
			}
			#pictures div.pic3 { 
				float: left; 
				height: 300px;
				margin: 0px 0px 25px 0px; 
				width: 220px; 
			}								
				#pictures div.pic div.imgwidth,
				#pictures div.pic3 div.imgwidth	{ 
					height: 281px;
					margin: 0; 
					padding: 0; 
					width: 220px; 
				}
				* html div.imgwidth { border: 1px solid #bebebe; padding: 10px; width: 200px; height: 281px; }
				#pictures div.pic div.tab,
				#pictures div.pic3 div.tab { 
					background: url('../../imgs/if/drawer.gif') bottom left no-repeat; 
					float: left; 
					font-size: 10px;
					height: 27px; 
					line-height:3em; 
					margin:0 0 0 2px; 
					width:218px; 
				}
				* html #pictures div.pic div.tab,			
				* html #pictures div.pic3 div.tab { margin: 0 1px 0 1px; padding: 0; width:218px; height: 27px; background: transparent url('../../imgs/if/drawer.gif') top center no-repeat; xline-height:3em; font-size: 10px; clear:both; }

					#pictures div.pic div.tab span.left,
					#pictures div.pic3 div.tab span.left { 
						float: left; 
						margin: 0 0 0 10px; 
						padding: 0; 
					}
					#pictures div.pic div.tab span.left a,
					#pictures div.pic3 div.tab span.left a { 
						color: #666; 
					}
					#pictures div.pic div.tab span.right,
					#pictures div.pic3 div.tab span.right { 
						float: right; 
						margin: 0 10px 0 0; 
						padding: 0; 
					}
			#homecontent ul	{ 
				float:left;
				list-style-type: none; 
				margin: 25px 0 0 0; 
				padding:0; 
				text-align:left;  
			}
			* html #homecontent ul { margin: 25px 0 0 0; padding:0; list-style-type: none; text-align:left; width: 840px; }
				#homecontent ul li { 
					float: left;
					height: 50px; 
				}
				#homecontent ul li.click { 
					border-right: 1px dashed #BCBCBC; 
					margin: 0; 
					padding: 0 30px 0 0; 
					width: 436px; 
				}
				* html #homecontent ul li.click	{ margin: 0; padding: 0 30px 0 100px; border-right: 1px dashed #BCBCBC; width: 565px; }
				#homecontent ul li.contact { 
					font-size: 12px;
					margin: 0 0 0 20px; 
					width: 220px; 
				}
				* html #homecontent ul li.contact { margin: 0 0 0 20px; width: 240px; font-size: 12px; }
 
/* --------------------------- */
/* RAPP ARTISTS PORTFOLIOS */
/* --------------------------- */

	#listcontent { 
		font-size: 10px;
		height: 100%; 
		margin: 30px 0 0 0; 
		min-height:475px;
		padding: 0 30px 30px 20px; 
	}
		#listcontent #thumbtile	{ 
			border-bottom: 1px dashed #BCBCBC;
			display:block; 
			float:left;
			height: 111px;
			margin: 0 0 12px 0; 
			padding: 0 6px 0 6px; 
			text-align: left; 
		}
		#listcontent #thumbtile img	{ 
			border: 1px solid #BCBCBC; 
			clear: both; 
			height: 71px;
			margin: 0; 
			padding: 1px; 
			text-align: center;
			width: 113px;  
		}
		#listcontent #thumbtile img:hover { 
			background-color: #CCCCCC;
			border: 1px solid #000; 
			opacity: 0.5;  
			filter: alpha(opacity=50); 
			-khtml-opacity:50; 
		}
		#listcontent #thumbtile span.thumbname { 
			float:left; 
		}

/* --------------------------- */
/* ARTIST PORTFOLIO */
/* --------------------------- */
	div.artistWeb {
		float: right;
		margin: 5px 25px 0 25px;
	}
        * html div.artistWeb {
                float: right;
                margin: 5px 0 0 25px;
                padding: 0 25px 0 0;
        }

	#maincontent #thumbsContainer { 
		float: left;
		padding: 0 0 50px 0;
		text-align: left;
		width: 260px;   
	}	
		#maincontent #thumbsContainer img {
			border: 2px solid #588C67;
			float: none; 
			margin: 0; 
			padding: 0;  
		}
		#maincontent #thumbsContainer img:hover	{ 
			border: 2px solid #000; 
			opacity: 0.5;  
			filter: alpha(opacity=50); 
			-khtml-opacity:50; 
		}
	#maincontent #imageContainer { 
		text-align: left; 
		float: left;
	}
		#maincontent #imageContainer img { 
			xborder: 1px dashed #CBCBCB; 
			border: 0 none;
			float: none;
			margin: 0 0 25px 0;
			xpadding: 10px; 
			padding: 0;
			xwidth: 600px;
		}
		#maincontent #bioContainer { 
			border: 1px dashed #CBCBCB;
			float: left; 
			margin: 0 0 75px 0; 
			padding: 10px; 
			overflow: auto;
			width:500px; 
		}

/* --------------------------- */
/* SEARCH */
/* --------------------------- */

	#headcontent .search { 
		float: left; 
	}
	#headcontent .searchBy { 
		font-size: 11px; 
	}
	
	#subcontent span.thumbname label { 
		display:block;
		float:left; 
		margin: 0 0 5px 0; 
		padding: 0 2px 0 2px; 
		text-align: left; 
		width: 150px;
	}							
	#subcontent span.thumbname a { 
		display:block;
		margin: 0; 
		padding: 0; 
		text-align: left; 
	}

/* --------------------------- */	
/* CONTACT RAPP ARTISTS */
/* --------------------------- */

	#maincontent #address { 
		float: left; 
		width: 250px; 
	}
	#maincontent #contactform { 
		height:100%; 
		margin: 0 0 12px 0; 
		padding: 0; 
	}
		#maincontent #contactform th { 
			font-weight: normal; 
			padding-right: 6px; 
		}
		#maincontent #contactform td {  
			padding: 0 0 5px 0; 
		}
		#maincontent #contactform table.right td { 
			text-align: right; 
		}



/* --------------------------- */ /*  SITE ADMIN */ /* --------------------------- */


/* --------------------------- */
/* SITE ADMIN - PORTFOLIOS  */
/* --------------------------- */

	#subcontent #artistlist	{ 
		margin: 0; 
		padding: 0; 
	}
		#subcontent #artistlist div.artistButt { 
			font-family: Verdana, Arial, Helvetica, sans-serif; 
			text-align: right; 
			width: 100%; 
		}
		#subcontent #artistlist div.imgRow { 
			background: #f4f4f4; 
			clear:both; 
			line-height:1.7em; 
			margin: 5px 0 5px 0; 
			padding: 5px; 
			overflow: auto; 
		}
			#subcontent #artistlist div.imgRow img { 
				float:left; 
				margin: 0 15px 5px 3px; 
			}
		#subcontent #contactform { 
			height:100%; 
			margin: 0 0 12px 0; 
			padding: 0; 
		}
			#subcontent #contactform img { 
				margin: 0 0 15px 0; 
				padding: 0; 
			}
		#subcontent #contactform th { 
			font-weight: normal; 
			padding-right: 6px; 
		}
		#subcontent #contactform td {  
			padding: 0 0 5px 0; 
		}
/* --------------------------- */
/* SITE ADMIN - MANAGE HOMEPAGE */
/* --------------------------- */

	#subcontent #pictures { 
		height: 100%;
		margin-top: 20px; 
		margin-left: auto; 
		margin-right: auto; 
		text-align: center; 
		width: 845px;
	}
		#subcontent #pictures div.pic { 
			float: left;
			height: 100%;
		 	padding: 0 25px 0 0; 
		}
		#subcontent #pictures div.pic3 { 
			height: 100%;
			padding: 0; 
		}
		#subcontent .left { 
			float: none;
			text-align: center; 
		}
		

/* --------------------------- */
/* SITE ADMIN - MANAGE IMAGES */
/* --------------------------- */

	#imagelist ul#boxes	{ 
		list-style-type: none; 
		margin: 0; 
		padding: 0; 
		width:100%; 
	}
		#imagelist ul#boxes	li { 
			cursor: move; 
			float: left; 
			height:80px; 
			position: relative; 
		}
			#imagelist div.imgBox { 
				background-color: #f4f4f4; 
				border: 1px dashed #BCBCBC;
				clear:right; 
				float: left;
				font-size: 12px;
				height:60px;
				margin: 0 5px 5px 0; 
				padding: 5px 0 5px 5px; 
				width:250px; 
			}
				#imagelist div.imgBox img { 
					clear: right;
					float:left; 
					margin: 0 5px 0 0; 
				}
				#imagelist span.artistName { 
					width: 125px; 
				}
					#imagelist a.clickable { 
						cursor: pointer; 
					}
		#imagelist div.button { 
			clear: both;
			float: right; 
		}

/* --------------------------- */
/* SITE ADMIN - MANAGE IMAGES */
/* --------------------------- */

	#editImage { margin: 0 0 25px 25px; }


/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */
/* Special hacks for expanding content */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

	.clear { 
		clear: both; 
		height: 1px; 
		overflow: hidden; 
		font-size: 0px; 
		margin-bottom: -1px; 
	}
	* html .clear { height: auto; margin-bottom:0; } 
	#fullheightcontainer { 
		top:0px; /*** Lift the container up by the value of the bottom margin of the page. Makes the page 100% less xx px high ***/
  		margin-left:30px; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
  		margin-right:30px; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
  		text-align:left; /*** IE Win re-alignment of page if page is centered ***/
  		position:relative; /*** Needed for IE, othewise header and footer aren't contained directly above and below the body ***/
  		min-width:960px; /*** Needed for Moz/Opera to keep page from sliding to left side of page when it calculates auto margins above. Can't use min-width. Note that putting width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/ 
		/* \*/
  		height:100%; 
		/* Last height declaration hidden from Mac IE 5.x */
		/*** Needed for Moz to give full height design if page content is too small to fill the page ***/ 
		
	}
	#wrapper { min-height:100%; /*** moz uses this to make full height design. As this #wrapper 
	is inside the #fullheightcontainer which is 100% height, moz will not inherit heights
	further into the design inside this container, which you should be able to do with
	use of the min-height style. Instead, Mozilla ignores the height:100% or
	min-height:100% from this point inwards to the center of the design - a nasty bug.
	If you change this to height:100% moz won't expand the design if content grows.
	Aaaghhh. I pulled my hair out over this for days. ***/
	/* \*/
  	height:100%;
	/* Last height declaration hidden from Mac IE 5.x */
	/*** Fixes height for non moz browsers, to full height ***/ 
	
	}
	#wrapp\65 r{ /*** for Opera and Moz (and some others will see it, but NOT Safari) ***/
  		height:auto; /*** For moz to stop it fixing height to 100% ***/ 
	}
	* html #wrapper{
  		height:100%;

	}
	/* Last style with height declaration hidden from Mac IE 5.x */
	/*** Fixes height for IE, back to full height,
	from esc tab hack moz min-height solution ***/
	#outer	{ 
		z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  		position:relative; /*** IE needs this or the contents won't show outside the parent container. ***/
  		background:#FFFFFF; /*** Sets background of center col***/
		/* \*/
  		height:100%;
		/* Last height declaration hidden from Mac IE 5.x */
		/*** Needed for full height inner borders in Win IE ***/ 
		
	}
	#clearheadercenter	{ 
		height:64px; /*** needed to make room for header in center column ***/
  		overflow:hidden; 
	}
	* html #clearheadercenter { height: 65px; width: 1100px; }
	#topmargin	{ height:0px; /*** top margin height ***/ }
	.bottomtopmargin { 
		background:#eef3ef; /*** Background Color of Body ***/
 		width:100%; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders + Both External Borders ***/
  		overflow:hidden; 

	}
	#gfx_bg_middle	{ 
		top:-25px; 
		position:absolute; 
		height:100%; 
		overflow:hidden; 
		width:100%; /*** = Center Col Width ***/
  		margin-left:0px; /*** = Left Col Width ***/
  		background:#FFFFFF; /*** Set background color for center column for Mozilla & Opera ***/ 
		clear: both;
	}
	* html #gfx_bg_middle { display:none; /*** Hides the moz fix from IE ***/ }
	#header	{ 
		clear:both; 
		z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  		position:absolute; 
		top:0px;
  		width:100%; /*** Set to Left Col (not if left sidebar fully intrudes into header or left sidebar is off)
		+ Right Col (not if right sidebar fully intrudes into header or right sidebar is off) + Center Col + Both Inner
		Borders (not if any sidebar intrudes into header or footer, or Inner Borders are off) + Both External Borders
		(not if external borders are off) ***/
  		height:64px; /*** = Top Margin + One Outer Border + header to body divider depth +
		subheader1 height + any other subheader heights ***/
  		overflow:none; 
	}

	* html #header { left: 0px; }

	#clearfootercenter	{ 
		height:1px; /*** needed to make room for footer in center column ***/
  		overflow:hidden; 

	}
	#footer	{ 
		z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  		position:absolute; 
		clear: both;
  		width:100%; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders +
		Both External Borders ***/
  		height:25px; /*** = Bottom Margin + One Outer Border + body to footer divider depth +
		subfooter1 height + any other subfooter heights ***/
  		overflow:hidden;
  		margin-top:-50px; /*** negative height ***/ 
	}
	#subfooter1	{ 
		background:#FFFFFF; /*** Background Color of Sub-footer #1 ***/
  		text-align:center;
  		height:25px; /*** sub-footer row height ***/ 
		text-align: right; 
		border-top: 1px solid #BCBCBC; 
		padding: 5px 0 0 0; 
		margin: 0 25px 0 25px; 
		font-size: 10px; 
		font-family: verdana, sans-serif;
	}
    #subfooter1 span.foot_left 	{ float: left; clear: right; font-weight: bold; }
	#subfooter1 span.foot_right { float: right; }

	html,body {
  		margin:0; /*** Do NOT set anything other than a left margin for the page as this will break the design ***/
		padding:0;
  		border:0;
		/* \*/
  		height:100%;
		/* Last height declaration hidden from Mac IE 5.x */
	}
	body{
  		min-width:1015px; /*** This is needed for moz. Otherwise, the header and footer will
slide off the left side of the page if the screen width is narrower than the design.
Not seen by IE. Left Col + Right Col + Center Col + Both Inner Borders + Both Outer Borders ***/
  		text-align:center; /*** IE/Win (not IE/MAC) alignment of page ***/
	}
	<!--[if lt IE 6]>
<style type="text/css">
/*** The rule below prevents long urls from widening floated cols and breaking the layout
     in IE. It is not W3C valid, but if placed within a "Conditional comment" it will be hidden
     from all user agents other than IE/Win, and thus validate. This fix fails in IE5/Win.
     http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp ***/
#outer{word-wrap:break-word;}

</style>
<![endif]-->