/* REDEFINITIONS
------------------------------------------------------------ */

	/* set everything to default 0
	------------------------------------------------------------ */
	html,body,div,p,form,input,select,textarea,a,table,td,tr,h1,h2,h3,h4,h5,h6,hr
	{
		margin:				0;
		padding:			0;
	}
	
	/* set body and html to max width/height and center content
	------------------------------------------------------------ */
	html,body
	{
		width:				100%;
		height:				100%;
		text-align:			center;
	}
	
	/* default style for divs, paragraphs and links
	------------------------------------------------------------ */
	div,p,a
	{
		font-family:		"Arial","Trebuchet MS","Helvetica","Verdana";
		font-size:			11px;
		color:				#52923E;
		text-align:			left;
	}
	
	/* default link style
	------------------------------------------------------------ */
	a
	{
		text-decoration:	none;
	}
	
	/* default link hover
	------------------------------------------------------------ */
	a:hover
	{
		text-decoration:	underline;
	}
	
	/* remove all image borders by default (links too)
	------------------------------------------------------------ */
	img
	{
		border:				0;
	}
	
	/* default spacing for paragraphs (negates <br /> tags for basic spacing)
	------------------------------------------------------------ */
	p
	{
		margin:				0 0 10px 0;
	}
	
	/* default form field styles
	------------------------------------------------------------ */
	input,select,textarea
	{
		font-family:		"Verdana";
		font-size:			11px;
		border:				solid 1px #9AB;
		background:			#FFF;
	}
	
	/* field set boxes (label and field)
	------------------------------------------------------------ */
	fieldset
	{
		border:				0;
		border-bottom:		solid 1px #DDD;
	}
	
	/* default form label style
	------------------------------------------------------------ */
	fieldset label
	{
		width:				110px;
		display:			block;
		float:				left;
	}
	
	/* make sure the title sizes are the same in ALL browsers
	------------------------------------------------------------ */
	h1{ font-size:			24px; }
	h2{ font-size:			16px; }
	h3{ font-size:			14px; }
	h4{ font-size:			13px; } 
	h5{ font-size:			12px; }
	h6{ font-size:			11px; }
	
	h2 a{ font-size:		16px; }
	
/* ------------------------------------------------------------ */





/* LAYOUT
------------------------------------------------------------ */

	/* style for main wrapper
	------------------------------------------------------------ */
	#wrapper
	{
		margin:				0 auto 20px;
		width:				840px;
	}
	
	/* style for header
	------------------------------------------------------------ */
	#header
	{
		width:				100%;
		float:				left;
		height:				75px;
		background:			url(/includes/images/header/header_bg.gif) no-repeat;
	}
	
	/* style for navigation
	------------------------------------------------------------ */
	#navigation
	{
		margin:				0;
		padding:			0 0 0 45px;
		width:				795px;
		height:				30px;
		text-align:			center;
		float:				left;
		background:			url(/includes/images/navigation/nav_bg.gif) no-repeat;
	}
	
	/* style for navigation
	------------------------------------------------------------ */
	#main_content
	{
		margin:				0;
		padding:			0;
		width:				750px;
		text-align:			center;
		float:				left;
	}
	
	
	
	
	
	
	
	/* left column
	------------------------------------------------------------ */
	.left_col
	{
		width:				380px;
		float:				left;
	}
	
	/* right column
	------------------------------------------------------------ */
	.right_col
	{
		width:				380px;
		float:				right;
	}
	
	/* single column (may need left and right within single)
	------------------------------------------------------------ */
	.single_col
	{
		width:				700px;
		float:				left;
	}
	
	
	
	
	
	/* email link
	------------------------------------------------------------ */
	#email_link
	{
		width:				40px;
		height:				110px;
		text-indent:		-5000px;
		overflow:			hidden;
		background:			url(/includes/images/buttons/email.gif) 0 0;
	}
	
	#email_link:hover
	{
		background:			url(/includes/includes/images/buttons/email.gif) -40px 0;
	}
	
	/* login link
	------------------------------------------------------------ */
	#login_link
	{
		width:				40px;
		height:				360px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(/includes/images/buttons/login.gif) 0 0;
	}
	
	#login_link:hover
	{
		background:			url(/includes/images/buttons/login.gif) -40px 0;
	}
	
	
	
	
	
	
	/* artist row
	------------------------------------------------------------ */
	.artist_row
	{
		margin:				10px 0 0;
		padding:			5px;
		width:				738px;
		float:				left;
		height:				60px;
		border:				solid 1px #52923E;
		background:			#F5F5F5;
	}
	
	/* artist image
	------------------------------------------------------------ */
	.artist_image
	{
		margin:				0;
		padding:			0;
		width:				80px;
		height:				60px;
		float:				left;
	}
	
	/* artist title/name
	------------------------------------------------------------ */
	.artist_row h2
	{
		margin:				0 10px;
		padding:			15px 0 0;
		width:				150px;
		height:				43px;
		float:				left;
	}
	
	/* artist bio
	------------------------------------------------------------ */
	.artist_bio
	{
		margin:				0 2px 0 0;
		padding:			7px 0 0 0;
		width:				435px;
		height:				43px;
		float:				left;
	}
	.artist_bio p{ color:	; }
	
	/* artist link
	------------------------------------------------------------ */
	.artist_link
	{
		margin:				12px 0 0 0;
		padding:			0;
		float:				left;
		background:			url(/includes/images/buttons/button_artist_down.gif) no-repeat;
	}
	
	
	/* artist link a
	------------------------------------------------------------ */
	.artist_link a
	{
		margin:				0;
		padding:			0;
		width:				40px;
		height:				32px;
		float:				left;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(/includes/images/buttons/button_artist_down.gif) no-repeat 0 0;
	}
	
	.artist_link a:hover
	{
		background:			url(/includes/images/buttons/button_artist_down.gif) no-repeat 0 -32px;
	}
	
	/* artist back
	------------------------------------------------------------ */
	#artist_back
	{
		width:				40px;
		height:				32px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(/includes/images/buttons/button_artist_up.gif) no-repeat 0 0;
	}
	
	#artist_back:hover
	{
		background:			url(/includes/images/buttons/button_artist_up.gif) no-repeat 0 -32px;
	}
	
	/* artist back
	------------------------------------------------------------ */
	#artist_prev
	{
		width:				54px;
		height:				32px;
		text-indent:		-5000px;
		overflow:			hidden;
		float:				left;
		background:			url(/includes/images/buttons/prev.gif) no-repeat 0 0;
	}
	
	#artist_prev:hover
	{
		background:			url(/includes/images/buttons/prev.gif) no-repeat 0 -32px;
	}
	
	/* artist back
	------------------------------------------------------------ */
	#artist_next
	{
		width:				54px;
		height:				32px;
		text-indent:		-5000px;
		overflow:			hidden;
		float:				right;
		background:			url(/includes/images/buttons/next.gif) no-repeat 0 0;
	}
	
	#artist_next:hover
	{
		background:			url(/includes/images/buttons/next.gif) no-repeat 0 -32px;
	}
	
	/* the mask div for the slider
	--------------------------------- */	
	.slider_frame
	{
		margin:				0;
		width:				630px;
		float:				left;
		overflow:			hidden;
	}

	/* the long div that we will be sliding back and forth
	--------------------------------- */
	.slider
	{
		float:				left;
		width:				50000px;
	}

	/* slider sections
	--------------------------------- */
	.slider_section
	{
		padding:			0;
		float:				left;
		width:				630px;
	}
	
	
	
	
	
	/* footer style
	------------------------------------------------------------ */
	#footer
	{
		border-top:			solid 1px;
	}
	
	
	
	
	
		
	/* system output box
		border for this will not work because it's size is a %
	------------------------------------------------------------ */
	.system_output
	{
		margin:				1% 0;
		padding:			0;
		width:				98%;
		float:				left;
		background:			#06F;
	}

	/* system output text (use this border for entire box)
	------------------------------------------------------------ */
	.system_output h3
	{
		margin:				0;
		padding:			5px;
		color:				#FFF;
		border:				solid 1px #0AF;
		font-size:			12px;
	}
	
	/* default bg color
	------------------------------------------------------------ */
	.system_output #dft
	{
		background:			#06F;
	}
	
	/* positive output bg color
	------------------------------------------------------------ */
	.system_output #pos
	{
		background:			#0A0;
	}
	
	/* negative output bg color
	------------------------------------------------------------ */
	.system_output #neg
	{
		background:			#A00
	}
	
/* ------------------------------------------------------------ */





/* TEXT STYLES
------------------------------------------------------------ */
	
	/* class for required fields (affects the * only)
	------------------------------------------------------------ */
	.require
	{
		color:				#C00;
	}
	
	/* header title (main title for site, the only h1)
	------------------------------------------------------------ */
	#header h1
	{
		float:				left;
		text-indent:		-5000px;
		overflow:			hidden;
		height:				50px;
		width:				250px;
		display:			block;
		background:			url(/includes/images/header/logo.jpg) no-repeat;
	}
	
	/* header text
	------------------------------------------------------------ */
	#header p
	{
		text-indent:		-5000px;
		overflow:			hidden;
		height:				50px;
		width:				120px;
		display:			block;
		float:				right;
		background:			url(/includes/images/header/phone.jpg) no-repeat;
	}
	
	/* navigation list item style
	------------------------------------------------------------ */
	#navigation li
	{
		padding:			0 12px 0 0;
		display:			inline;
		float:				left;
	}
	
/* ------------------------------------------------------------ */






/* STYLES FOR NAVIGATION BUTTONS
------------------------------------------------------------ */

	#treatments
	{
		margin:				0;
		padding:			0;
		width:				115px;
		height:				30px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(/includes/images/navigation/menu.gif) no-repeat 0 0;
	}
	#treatments:hover{ background: url(/includes/images/navigation/menu.gif) no-repeat 0 -30px; }
	
	#treatments_cur
	{
		margin:				0;
		padding:			0;
		width:				115px;
		height:				30px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(/includes/images/navigation/menu.gif) no-repeat 0 -60px;
	}
	
	#visuals
	{
		margin:				0;
		padding:			0;
		width:				115px;
		height:				30px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(/includes/images/navigation/menu.gif) no-repeat -115px 0;
	}
	#visuals:hover{ background: url(/includes/images/navigation/menu.gif) no-repeat -115px -30px; }
	
	#visuals_cur
	{
		margin:				0;
		padding:			0;
		width:				115px;
		height:				30px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(/includes/images/navigation/menu.gif) no-repeat -115px -60px;
	}
	
	
	#storyboards
	{
		margin:				0;
		padding:			0;
		width:				115px;
		height:				30px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(/includes/images/navigation/menu.gif) no-repeat -230px 0;
	}
	#storyboards:hover{ background: url(/includes/images/navigation/menu.gif) no-repeat -230px -30px; }
	
	#storyboards_cur
	{
		margin:				0;
		padding:			0;
		width:				115px;
		height:				30px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(/includes/images/navigation/menu.gif) no-repeat -230px -60px;
	}
	
	#graphic_design
	{
		margin:				0;
		padding:			0;
		width:				115px;
		height:				30px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(/includes/images/navigation/menu.gif) no-repeat -345px 0;
	}
	#graphic_design:hover{ background: url(/includes/images/navigation/menu.gif) no-repeat -345px -30px; }
	
	#graphic_design_cur
	{
		margin:				0;
		padding:			0;
		width:				115px;
		height:				30px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(/includes/images/navigation/menu.gif) no-repeat -345px -60px;
	}
	
	#illustration
	{
		margin:				0;
		padding:			0;
		width:				115px;
		height:				30px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(/includes/images/navigation/menu.gif) no-repeat -460px 0;
	}
	#illustration:hover{ background: url(/includes/images/navigation/menu.gif) no-repeat -460px -30px; }
	
	#illustration_cur
	{
		margin:				0;
		padding:			0;
		width:				115px;
		height:				30px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(/includes/images/navigation/menu.gif) no-repeat -460px -60px;
	}
	
	#pre_vis
	{
		margin:				0;
		padding:			0;
		width:				115px;
		height:				30px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(/includes/images/navigation/menu.gif) no-repeat -575px 0;
	}
	#pre_vis:hover{ background: url(/includes/images/navigation/menu.gif) no-repeat -575px -30px; }
	
	#pre_vis_cur
	{
		margin:				0;
		padding:			0;
		width:				115px;
		height:				30px;
		text-indent:		-5000px;
		overflow:			hidden;
		display:			block;
		background:			url(/includes/images/navigation/menu.gif) no-repeat -575px -60px;
	}