html{
	height:100%;
}

.first {border-top: none !important;}

body{
	height:100%;
	margin:0px;
	padding:0px;
	font-family:"Interstate-Regular","Interstate Regular",Tahoma,Verdana,sans-serif;
	font-size:12px;
	/* the background can be changed below, either horizontal or vertical */
	/*	background:#ffffff url(../pics/bg_body_white.jpg) top center repeat-y;	*/
	background:#eaeaea url(../pics/bg_body_horizontal.jpg) top center no-repeat;

}
a:link{
	color:#752936;	
}
a:hover{
	text-decoration:none;
}
#history{ /* horizontal background with burgundy at bottom */
	/* background:#752936 url(../pics/bg_body_horizontal_burgundy.jpg) top center repeat-x; */	
}

#content{
	background:#ffffff;	
	background-color:#ffffff;
	width:100%;
	position:relative;
	/*z-index:10;*/
	margin-bottom:-10px;
}
#wrapper{
	width:775px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	height: auto;
	z-index: 0;
}
#header{
	position:relative;
	background-color:#ffffff;
	width:100%;
	height:120px;
}

#lillian{
position: absolute; 
top: 50px; 
left: 490px;
}
#lillian a img{border: none;}

#mainNav{
	display:none;
}
	#menubar {
		position:relative;
		width:775px;
		background:#ffffff url(../pics/line_header-gradient.jpg) bottom center no-repeat;
		font-family:"Interstate-Regular","Interstate Regular",Verdana,sans-serif;
		text-transform:uppercase;
		font-size:14px;
		text-align:center;
		height:25px;
		padding-top:3px;
	}
	#menubar img,.menu img{
		border:0px;
	}
	
	#menubar a {
		color:#FFFFFF;
		letter-spacing:1px;
		border-left:2px solid #ffffff;
		border-right:2px solid #ffffff;
		padding-left:10px;
		padding-right:10px;
		text-decoration:none;
		padding-top:3px;
	}
	#menubar a.active,#menubar a:hover {
		color:#000000;
		border-right-color:#eaeaea;
		border-left-color:#eaeaea;
	
	}
	.menu .options {
		font-family:"Interstate-Regular","Interstate Regular",Verdana,sans-serif;
		background-color:#eaeaea;
		position:absolute;
		width:auto;
		/* I'm only setting this width because there's only one dropdown and 
		the comp specified dropdowns equal to nav actuator.
		Also, because the actuator text is generated by PHP using GD and Freetype lib,
		the width of the actuator may change, hence the need to change this width. */
		filter: alpha(opacity=95);
		-moz-opacity: .95;
		-khtml-opacity: .95;
		opacity: .95;
		z-index:100;
	}
	.menu .options ul{
		list-style-type:none;
		padding:0px;
		margin:0px;
	}
	.menu .options ul li{
		margin:0px;
		_padding:1px;/*This is just to make MSIE happy - otherwise it seems to add margin-bottom */
		_margin-left:-1px;
		_margin-right:-1px;
	}
	.menu a {
		color:#696362;
		display:block;
		padding:5px;
		text-decoration:none;
		background-color:transparent;

	}
	.menu a:hover {
		color:#000000;
	}
	
	
/*{{{ unordered list styles for dropdown menus */

/* Turn off list bullets */
ul.aqtree3clickable li { list-style: none; border-top: solid 2px #ffffff;}
ul.aqtreeclickable, ul.aqtreeclickable ul, ul.aqtreeclickable li { margin: 0; padding: 0; }
ul.aqtreeclickable{
	/*margin-left:-20px;*/
}
/* Provide space for our own "bullet" inside the link */
ul.aqtree3clickable li a { padding-left: 15px; }

/* Show "bullets" in the links, depending on the class of the LI that the link's in */
ul.aqtree3clickable li.aq3open a {
  /*  background: url('../pics/aqtree/minus_dark.gif') center left no-repeat;*/
	/*margin-left:-25px;*/
}
ul.aqtree3clickable li.aq3open a:hover {
  /*  background:#eaeaea url('../pics/aqtree/minus.gif') center left no-repeat;*/
}

ul.aqtree3clickable li.aq3closed a {
    /*background: url('../pics/aqtree/plus_dark.gif') center left no-repeat;*/
	/*margin-left:-25px;*/
}
ul.aqtree3clickable li.aq3closed a:hover {
   /* background:#eaeaea url('../pics/aqtree/plus.gif') center left no-repeat;*/

}

ul.aqtree3clickable li.aq3bullet a {
   /* background: url('../pics/aqtree/bullet_dark.gif') center left no-repeat;*/
	/*margin-left:-25px;*/
}
ul.aqtree3clickable li.aq3bullet a:hover {
  /*  background:#eaeaea url('../pics/aqtree/bullet.gif') center left no-repeat;*/
}

ul.aqtree3clickable ul li.aq3bullet a {
  /*  background: url('../pics/aqtree/bullet_dark_level2.gif') center left no-repeat;*/
	/*margin-left:-25px;*/
}
ul.aqtree3clickable ul li.aq3bullet a:hover {
  /*  background:#eaeaea url('../pics/aqtree/bullet_level2.gif') center left no-repeat;*/
}

/* Actually show and hide sublists */
ul.aqtree3clickable li.aq3open ul { display: block;margin-left:15px; }
ul.aqtree3clickable li.aq3closed ul { display: none; }
ul.aqtree3clickable li,ul.aqtree3clickable a{
	margin:0px;
	/*_border:1px solid #D2D2B8;*/
	}
ul.aqtree3clickable ul{}


.aq3open .aq3bullet {border-top: none !important; }
/*}}}*/
	
#header h1,#header h2{
	height:0px;
	padding-top:77px;
	overflow:hidden;	
	margin:0px;
	font-size:8px;
}
#header h1{
	background:#ffffff url(../pics/logo.jpg) top left no-repeat;
	width:332px;
	padding-top:37px;
	position:absolute;
	left:20px;
	top:60px;
}
#header h2{
	background:#ffffe1 url(../pics/tagline.gif) top right no-repeat;
	width:226px;
	margin-right:10px;
	position:absolute;
	right:0px;
	top:0px;
}
h3,h4,h5,legend{
	letter-spacing:0.1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#696362;
}
#story h3, #story h4{
	font-size:12px;
}
#poster{
	width:100%;
	/*height:415px;*/
	white-space:nowrap;
	overflow:hidden;
}
#poster #posterA{
	border-right:1px solid white;
}
#poster #posterB{
	border-left:1px solid white;
}



/* jared */

#instructions {

	font-size: 10px;
}

#poster_new{
	/*width:540px;*/
	/*height:415px;*/
	/*
	position: absolute;
	
	top: 0;
	right: 0;
	*/
	white-space:nowrap;
	overflow:hidden;
}

#poster_new_new{
	float: left;
	width:567px;
	height:543px;
	overflow:hidden;
	white-space:nowrap;


}

#home_pg_slides li{	
	position: absolute;
	left: 0px;
	top:0px;
	width: 567px;
	height: 543px;
}


#home_pg_slides{
	width:567px;
	height:543px;
	overflow:hidden;
	float:left;
	margin:0;
	padding:0;
	list-style-type: none;
}

#poster_new .posterA{
	float: right;
	border-right:1px solid white;
}
#poster_new #posterB{

	border-left:1px solid white;
}

#wrapper_new{
	width:1500px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#home_pg_copy_container{
	/*	float: left; */
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
	height: 343px;
	width: 220px;
	z-index:20;
	background: #FFFFFF none repeat scroll 0 0;

}

#home_pg_copy {
	padding-top: 25px;
	width: 185px;
	padding-left: 15px;
}

#home_pg_numbers {position: absolute; top: 62px; right: 52px;}

#home_pg_lowerstrip * {border: none;}

#home_pg_copy img {
	margin-bottom: 5px;
	
}


#la_button {
	width: 220px;
	height: 72px;
	padding-top: 2px;
	position: absolute;
	top: 269px;
}

#la_button a {
	text-decoration: none;
	width: 220px;
	height: 72px;


}

#la_button_img {
	width: 220px;
	height: 72px;
	border: 0px;

}




/* end jared*/



#story{
	line-height:130%;
	word-spacing:1px;
}
/*{{{ form styles*/

form,fieldset{
	margin:0px;
	padding:0px;
}

#searchForms fieldset{
	border:0px;
	width:225px;
	margin-bottom:10px;
	display:block;
}
#searchForms legend{
	font-size:12px;
}
#searchForms select{
	background-color:#f2f0e5;
}
#searchForms .selectionPrompt{
	font-weight:normal;
}
#searchForms .inputfield{
	background:#ffffff url(../pics/bg_inputfield.gif) bottom right no-repeat;
	padding-bottom:4px;
}
#searchForms select,#searchForms .inputfield{
	border:0px;
	height:16px;
	width:145px;
	display:inline;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana,Arial,sans-serif;
	float:left;
}

#formHelp{
	color:#d56f2b;
	font-family:Verdana,Arial,sans-serif;
	font-size:12px;
	clear:both;
}
#searchFooter{
	clear:both;
}

#footer{
	padding-top: 30px;
	top: 0px;
	position: relative; 
	height:50px;
	width:100%;
	margin-left:auto;margin-right:auto;
	color:#a3a3a3;
	font-size:10px;
	background:#eaeaea url(../pics/bg_footer.jpg) top center no-repeat;
	text-align:center;
	z-index: 100;
}
#footer .copyright{
	display:block;
	width:100%;
	margin-top:5px;
}
#footerNav a{
	text-transform:uppercase;
	color:#a3a3a3;
	text-decoration:none;
	padding-bottom:1px;
	position:relative;
	margin-left:5px;
	margin-right:5px;
}
#footerNav a:hover{
	color:#000000;
}

/* Tom's Additions 10-6-09 */
#new_story {position: relative; left: 20px; top:50px;  width: 150px; height: 620px;}
#new_story p, #new_finishes p,#textSlides .sliderT {font-family: Georgia; font-size: 11px;}
#new_story h2 {}
#new_story img {border: 0px;}

#slipNslideshow {position: absolute; top: 0px; right: 0px; height: 600px; width: 560px;}
#slipNslideshow .slider {position: absolute; top: 20px; right: 0px; width: 553px; height: 514px; text-align: right;}
#slipNslideshow .wider {position: absolute; top: 20px; right: 0px; width: 566px !important; height: 566px !important; text-align: right;}

#slipNslideshow2 {position: absolute; top: 0px; right: 0px; height: 492px; width: 560px; z-index: 100;}
#slipNslideshow2 .slider {position: absolute; top: -15px; right: 0px; width: 548px !important; height: 532px !important; text-align: right;}
#slipText {position: absolute; top: 172px; left: 0px; width: 174px; height: 247px; background: #e8e7e7;}
#textSlides .sliderT {position: absolute; top: 10px; left:10px; background: #e8e7e7; height: 190px; width: 160px;}
#slipNnav2 {position: absolute; bottom: 0px; left: 0px; border-top: solid 2px white; width: 164px; padding-left: 10px; padding-top: 14px; height: 26px;}

#slipNnav {position: absolute; bottom: 0px; right: 0px;}
#slipPrev, #slipNext {display: inline; cursor: pointer;}
#slipNext {border-right: solid 2px #797979; padding-right: 5px; margin-right: 5px;}
#slipPrev {margin-right: 10px;}

#new_finishes h2 {}
#clickNote {position: absolute; width: 200px; right: 0px; top: 120px;}
#finishTable { width: 700px; position: relative; left: 32px;}
#finishTable .finishTitle {border-bottom: solid 2px #646269; clear: both; padding-top: 10px;}
#finishTable .finishThumb {float: left; width: 170px; margin-top: 10px; margin-right: 5px; text-align: center;}
#finishTable .finishThumb img {border: none;}
#finishTable .folio {clear: both; padding-top: 30px;}

#dyo_nav {width: 222px; height: 1311px; position: relative; padding-top: 117px; left: 0px; background: transparent url('../pics/customization/dyo/dyo_nav_bg.png') repeat-x;}
#dyo_nav .step {border-top: solid 2px white; height: 55px; cursor: pointer;}
#dyo_nav .number {font-size: 40px; font-family: Georgia, Serif; color: #6d6f70; margin-left: 25px; margin-right: 25px; vertical-align: text-middle; line-height: 55px;}
#dyo_nav .name {line-height: 55px;}

#dyo_title {position: absolute; top: 40px; left: 252px; width: 420px; height: 133px; }
#dyo_stage {position: absolute; top: 173px; left: 222px;}
.interstate { font-family: "Interstate_Regular","Interstate Regular", Verdana, Arial;}
.interstate_light {font-family: "Interstate_Light", Verdana, Arial;}


/* Pulled from Chad Nance's styles on the LA site for portfolio pages */
span.errors{color: red;}

div.portfolio_result
{
width:140px;
height:200px;
}

div.portfolio_result a
{
position:relative; margin:0 auto;
width:140px;
text-align: center;
font-size:11px;
/*font-family:Georgia, "Times New Roman", Times, serif;*/
text-decoration: none;
color: #666769;
display:block;
clear: both;
}

div.portfolio_result a.item_link:hover
{
font: normal 12px;
background: url(../images/thm_txt_bg.jpg) bottom repeat-x;
color: #762123;
}

.my_portfolio{ width: 700px;  margin: auto;}

#portfolio_results_pages{ margin: 20px 0 25px 2px}

#portfolio_results_pages a
{
position:relative; 
/*font-family:Arial, Helvetica, sans-serif;*/
text-decoration: none;
color:#752936;	

}

#portfolio_results_pages a:hover
{
font: normal 12px;
color: #762123;
}

a.delete_my_account{ float: right; margin: 12px 0 0 0; color:#752936;	}

a.delete_my_account:hover{text-decoration: underline}

#subcontent,#usercontent { padding:10px; padding-top:40px; font-family:Tahoma,Verdana, sans-serif; font-size:14px; color:#666769; line-height:19px; min-height: 200px;}

#subcontent p { margin:0; width:500px; }

#usercontent a:link{color:#752936;	}

#usercontent a:hover{text-decoration:none;	}

h2.my_portfolio_header{ color: #696362;/* font-family: Georgia, serif;*/ font-weight: normal; padding: 0 0 15px 0; margin-top: 10px;}

div.result{float: left; padding: 0 30px 0px 0;  text-align: center;width:140px; position: relative}

div.tool_bar{position: relative;}

div.tool_bar img{padding: 0 5px 0 0; border-style: none;}
div.portfolio_result img {border-style: none;}