@charset "UTF-8";
/* CSS Document */

/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Studio J Landing Page styles
Version:		1.0
Last change:	24 July 2009
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
1.0 Reset styles
-------------------------------------------------------------------*/

/* Don't forget to set a foreground and background color on the 'html' or 'body' element! */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100.01% /* for opera and ie/win6+ */; line-height: inherit; font-family: inherit; text-align: left; vertical-align: top /* affects wrapping of inline images */; word-wrap: break-word; }
	
:focus { outline: 0; }

table { border-collapse: collapse; border-spacing: 0; }

select, input, textarea { font-size: 99%; } /* for Safari 2+ */

ol, ul { list-style: none; } /* affects the bullet placement; make sure to apply "vertical-align: baseline;" to local li styles */

hr { border: 0; height: 1px; background: #ccc; color: #ccc; margin: 1em 0 .8em 0; clear: both; }
*html hr { border: 0; height: 1px; background: #ccc; color: #ccc; margin: .5em 0 .3em 0; clear: both; } /* for IE6 */
*+ html hr { border: 0; height: 1px; background: #ccc; color: #ccc; margin: 0 0 1em 0; clear: both; } /* for IE7 */

caption, th, td { text-align: left; font-weight: normal; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
blockquote, q { quotes: "" ""; }

button { padding: 0; width: auto; overflow: visible; }

em { font-style: italic; line-height: inherit; }
strong { font-weight: bold; line-height: inherit; vertical-align: baseline; }
.strong { font-weight: bold; line-height: inherit; vertical-align: baseline; }
sup { font-size: .6em; vertical-align: super; line-height: 0; }
.right { float: right; font: inherit; }
.clear { clear: both; }
.circler { vertical-align: super; line-height: normal; font-size: .6em; }
small { font-size: .8em; vertical-align: baseline; }
.grey { color: #aaa; }
textarea { font-family: "Courier New", Courier, monospace; font-size: .75em; line-height: 130%; padding: .35em; width: 100%; border: 1px solid #ccc; }

body, div, img, li, a, h4, h6 { behavior: url(scr/iepngfix.htc); } /* for .png visualization in IE6+; ensure that the .htc script sits inside an 'scr' folder inside the tree structure, and that 'spacer.gif' sits inside an 'img' folder */

a { text-decoration: underline; line-height: inherit; vertical-align: baseline; }
a:visited { color: #00c; }
a:hover { text-decoration: none; }
a:active { }

wbr { display: inline-block; }

input, select { border: 1px solid #ccc; padding: 4px; font-size: 1em; color: #666; background-color: #f9f9f9; overflow: visible; }
input:focus, select:focus { border: 1px #bbb solid; padding: 4px; background: #fffff1; outline: none; } 

/*------------------------------------------------------------------
2.0 Composition styles
-------------------------------------------------------------------*/

body { background: #F3F8DB url(../img/studioj_flourishes.png) center top no-repeat; font-family: "Lucida Sans", "Lucida Grande", Tahoma, sans-serif; }
* html body { padding: 30px 0; } /* IE6 */
#wrapper { width: 900px; margin: 30px auto; padding: 0 0 0 .9em /* optical centering */; }
#header { position: relative; z-index: 20; padding: 0 0 0 0; }
	.logo { float: left; background: url(../img/studioj_logo.png) 0 0 no-repeat; width: 170px; height: 64px; }
	.logo:hover { cursor: pointer; }

	.mailinglist { width: 670px; float: right; margin: .2em 1.6em 0 0; }
		.mailinglist p { color: #635445; text-align: right; font-size: 13px; line-height: 140%; }
		.mailinglist .smaller { color: #635445; text-align: right; font-size: 12px; line-height: 140%; }
		.mailinglist input.textfield { width: 165px; font-size: 16px; padding: 5px; margin: 0 8px; border: 1px solid #bbb; color: #999; }
		.mailinglist .buttoncontainer { float: right; }
		.mailinglist input.entertowin { border: 0; margin: 0; width: 100px; height: 31px; overflow: hidden; background: url(../img/studioj_signmeup.png) 0 0 no-repeat; }
		.mailinglist input.entertowin:hover { background: url(../img/studioj_signmeup.png) 0 -31px no-repeat; }

/*------------------------------------------------------------------
2.2 Metanavigation styles; requires droppy.js
-------------------------------------------------------------------*/
/* Basic code - don't modify */
#metanav { display: block; margin: 0; padding: 0; position: relative; right: 0; }
/* IE6 */ * html #metanav { display: block; margin: 0; padding: 0; right: 22px !important; position: relative; }
#metanav li { display: block; list-style: none; margin: 0; padding: 0; float: right; position: relative; }
#metanav a { display: block; }
#metanav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #metanav ul { line-height: 0; } /* IE6 "fix" */
#metanav ul a { zoom: 1; } /* IE6/7 fix */
#metanav ul li { float: none; }
#metanav ul ul { top: 0; }
    
/* Essentials - configure this */
#metanav ul { width: 200px; /*-moz-box-shadow: 8px 8px 8px #C6C1BB; -webkit-box-shadow: 8px 8px 8px #C6C1BB; box-shadow: 8px 8px 8px #C6C1BB; */ }
#metanav ul ul { left: 131px; }

/* Theming */
#metanav { width: 670px; float: right; height: 29px; margin: 0 1.6em 1.5em 0; padding: 1em 0 0 0; z-index: 99; }
#metanav *:hover { background-color: none; text-decoration: underline;}
#metanav a { color: #635445; text-align: left; font-size: 18px; line-height: 140%; letter-spacing: .01em; text-decoration: none; padding: 0 0 0 1.15em; text-shadow: 1px 1px 0 #fff /* nuanced type for Webkit */; }
	#metanav a.noarrow { background-image: none; margin: 0; }
	#metanav a.login { font-weight: bold; }
#metanav li.hover a { background: none; text-decoration: underline; }
#metanav ul { top: 26px; left: 9px; background: #EDF4CF; }
* html #metanav ul { top: 26px; left: 9px; background: #fff; }
#metanav ul li a { font-size: .75em; background-color: #EDF4CF; color: #635445; border: 1px dashed #CFE27E; border-width: 0 0 1px 0; padding: .5em 1em .6em 1em; margin: 0; font-weight: normal; text-decoration: none; }
	#metanav ul li a.noborder { border: none; padding: .5em 1em .7em 1em; }
#metanav ul a.hover { background-color: #E7F0BF; text-decoration: underline; }
#metanav ul a { border: 1px solid #fff; border-width: 0 0 1px 0; text-decoration: none;}
/* #metanav ul a { border-bottom: none; } - I also needed this for IE6/7 */


#content { position: relative; z-index: 10; margin: 0; }
	.headline { margin: 1em 0 .8em 0; width: 874px; height: 43px; background: url(../img/studioj_title.png) right 50% no-repeat; }
	.videowell { height: 390px; }
	.watchvideo { display: block; position: absolute; z-index: 15; top: 95px; left: 20px; height: 87px; width: 364px; }
		a.watchvideo 		{ background: url(../img/studioj_watchvideo_active.png); height: 87px; }
		a.watchvideo:hover	{ background: url(../img/studioj_watchvideo_ro.png); height: 87px; }
	#about { width: 430px; margin: 0 0 90px 16px; z-index: 999; position: relative; }
	#about p { font-size: 14px; line-height: 150%; color: #635445; }
	#about ul { margin: .8em 0 0 0; }
	#about li { list-style: none; margin: 0; font-size: 16px; line-height: 33px; color: #635445; }
	#about li a { color: #635445; }
	#about li a:hover { text-decoration: none; }
	#about li.video { background: url(../img/film.png) 0% 50% no-repeat; padding: 0 0 0 39px; }
	#about li.faq { background: url(../img/notebook.png) 0% 50% no-repeat; padding: 0 0 0 39px; font-size: 14px; }
	#about li.sample { background: url(../img/artwork.png) 0% 50% no-repeat; padding: 0 0 0 39px; font-size: 14px; }
	
#maincontent { background: #fff; margin: 0 0 .5em 0 !important; padding: 2.7em 1.5em 1.5em 1.5em; width: 52em; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; position: relative; }

.ribbon-main { background: url(../img/ribbon.png) bottom repeat-x; height: 25px; width: 886px; position: absolute; top: 0; left: -3px; z-index: 99999; }
* html .ribqqbon-main { background: url(../img/ribbon.png) bottom repeat-x; height: 25px; width: 886px; position: absolute; top: 0; left: -883px; z-index: 99999; }

.ribbon { background: url(../img/ribbon.png) bottom repeat-x; height: 25px; width: 886px; position: absolute; top: 0; left: -3px; z-index: 99999; }

.topshadow { width: 885px; height: 12px; position: absolute; top: 25px; left: 0; z-index: 9999; }

#maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6, #maincontent p { font-weight: normal; }
		
#maincontent h1 { font-weight: normal; font-size: 1.7em; color: #5A4C3F; border-bottom: 1px dashed #AAA29A; padding: 0 0 .3em 0; margin: .2em 0 .7em 0; letter-spacing: .02em; /* used with sIFR */ }
#maincontent h2 { font-size: 1.2em; line-height: 120%; padding: 0; margin: 0 0 .2em 0; color: #5A4C3F; font-weight: normal; } /* subhead: large */
#maincontent h3 { font-size: 17px; line-height: 125%; margin: 0; margin: 0 0 .4em 0; color: #444; } /* subhead: medium */
#maincontent h4 { font-size: 12px; line-height: 145%; margin: 0 0 9px 0; color: #5A4C3F; text-transform: uppercase; letter-spacing: .05em; font-weight: bold; dispqqlay: block; } /* subhead: small */
#maincontent h5 { font-size: .71em; line-height: 150%; margin: 0 0 12px 0; color: #555; font-weight: normal; vertical-align: baseline; }
#maincontent h6 { font-size: 10px; line-height: 150%; padding: .6em 0 1.1em 0; color: #666; }
	#maincontent h6.artlabel { padding: .6em 0 1.1em 17px; color: #666; background: url(../img/search.png) -2px 5px no-repeat; }
	#maincontent h6.errortext { color: #f00; display: none; font-size: 60%; padding: .3em 0; }

#maincontent p, #maincontent li, #maincontent td, td { font-size: .75em; line-height: 155%; margin: 0 0 1em 0; color: #483D32; }
#maincontent a { color: #93B300; }
	.level2 { font-size: .7em; font-weight: normal; }
	.small { font-size: .8em; font-weight: normal; }
	.uppercase { text-transform: uppercase; letter-spacing: .5px; letter-spacing: .1em; }
	
#maincontent li ul li { list-style: square; font-size: 1em; line-height: 160%; margin: 0; color: #444; vertical-align: baseline; }
	#maincontent .nomargin { margin: 0; } /* use for ending p style */

#maincontent ul { margin: 0 0 1em 1em; padding: 0; list-style: outside disc; }
#maincontent ol { margin: 0 0 1em 1.6em; padding: 0; list-style: outside decimal; }
/* IE6 */ * html #maincontent ol { margin: 0 0 1em 2em; padding: 0; list-style: outside decimal; }
/* IE7 */ *+ html #maincontent ol { margin: 0 0 1em 2em; padding: 0; list-style: outside decimal; }
#maincontent .noleader { margin: 0; padding: 0; list-style: none; }
#maincontent li { margin: 0 0 1em 0; padding: 0; vertical-align: baseline; }
#maincontent label.timeline { float: left; width: 50px; margin: .12em .3em 1px 0; padding: 0; text-align: left; font-weight: bold; }
	*+ html #maincontent label.timeline { float: left; width: 50px; margin: 0 .3em 1px 0; padding: 0; text-align: left; font-weight: bold; }
	* html #maincontent label.timeline { float: left; width: 50px; margin: 0 .3em 1px 0; padding: 0; text-align: left; font-weight: bold; }
	
#maincontent .leftcol { width: 10.5em; margin: 1em 1em 0 0; float: left; }
#maincontent .rightcol { width: 39.5em; margin: 1em 0 0 0; float: right; }

.table_01 { margin: .3em 0 0 0; }
.table_01 th { font-size: 9px; line-height: 1; margin: 0 0 9px 0; padding: .8em .3em; color: #5A4C3F; text-transform: uppercase; letter-spacing: .1em; font-weight: bolder; background: #FDFDF6; border: 1px solid #F0F5CD; border-width: 2px 0 1px 0; }
.table_01 tr.division { border: 1px dotted #ccc; border-width: 1px 0 0 0; }
.table_01 td { padding: .2em; }


/*.feature { width: 8.75em; margin: 0em 1em 1em 0; padding: 0; float: left; }
	.feature img { width: 8.8em; height: 4.6em; } 4 columns */
.feature { width: 12.1em; margin: 0em 1em .7em 0; padding: 0; float: left; }
	.feature img { width: 11em; height: 5.6em; margin: 0 0 .2em 0; }
	.feature a { color: #67752B; }
	.feature a.view { color: #67752B; }

.featurevideo { position: relative; width: 12.1em; margin: 0 1em .7em 0; padding: 0; float: left; }
	.featurevideo img.thumb { width: 11em; height: 5.6em; margin: 0 0 .2em 0; }
	.featurevideo a { color: #67752B; }
	.featurevideo a.view { color: #67752B; }
	.play { background: url(../img/play_icon.png) no-repeat; width: 38px; height: 38px; top: 27px; left: 68px; position: absolute; z-index: 9999; }

#widgethelp dl { width: 29.6%; margin: .5em 0 0 0; padding: 0 3.7% 0 0; float: left; }
#widgethelp dl img { width: 170px; height: auto; margin: .3em 0; }
/* IE6 */ * html #widgethelp dl img { width: 170px; height: 125px; margin: .3em 0; }

/*------------------------------------------------------------------
Terms & Conditions styles
-------------------------------------------------------------------*/

body #terms { background: #fff; }
#tc { background: #fff; margin: -.5em 0 .5em 0 !important; padding: 1.2em 1.5em 1.5em 1.5em; }
#tc h1, #tc h2, #tc h3, #tc h4, #tc h5, #tc h6, #tc p { font-weight: normal; }
		
#tc h1 { font-weight: normal; font-size: 1.7em; color: #5A4C3F; border-bottom: 1px dashed #AAA29A; padding: 0 0 .3em 0; margin: .2em 0 .7em 0; letter-spacing: .02em; /* used with sIFR */ }
#tc h2 { font-size: 1.2em; line-height: 120%; padding: 0; margin: 0 0 .2em 0; color: #5A4C3F; font-weight: normal; } /* subhead: large */
#tc h3 { font-size: 1.05em; line-height: 125%; margin: 0; margin: 0 0 .4em 0; color: #444; } /* subhead: medium */
#tc h4 { font-size: .78em; line-height: 145%; margin: 0 0 .5em 0; color: #5A4C3F; text-transform: uppercase; letter-spacing: .1em; font-weight: bold; } /* subhead: small */
#tc h5 { font-size: .71em; line-height: 150%; padding: .2em 0; color: #555; font-weight: normal; vertical-align: baseline; }
#tc h6 { font-size: .65em; line-height: 150%; padding: .6em 0 1.3em 0; color: #666; }

#tc p, #tc li { font-size: .75em; line-height: 155%; margin: 0 0 1em 0; color: #483D32; }
#tc a { color: #93B300; }
#tc ul { margin: 0 0 1em 1em; padding: 0; list-style: outside disc; }
#tc ol { margin: 0 0 1em 1.5em; padding: 0; list-style: outside decimal; }
#tc li { margin: 0 0 1em 0; padding: 0; vertical-align: baseline; }
#tc li ul li { list-style: square; font-size: 1em; line-height: 160%; margin: 0; color: #444; vertical-align: baseline; }

/*------------------------------------------------------------------
2.21 slider styles
-------------------------------------------------------------------*/

#screen2 { position: relative; z-index: 9000; margin: 0 auto; width: 880px; float: left; }
	#screen2 #buttons { width: 971px; position: absolute; top: 43%; margin: 0 0 0 -44px !important; display: block; }
	#screen2 #buttons a { margin: 0; font-weight: bold; color: #C9DE6E; font-size: 3.5em; text-decoration: none; }
	#screen2 .prev { float: left; }
	#screen2 .next { float: right; }

#slideshow { overflow: hidden; width: 880px; height: 430px; margin: 0;}
	#slideshow #panels { width: 5000px; padding: 25px 0 0 0; }
		#slideshow dl { float: left; margin: 0; width: 880px; height: 430px; }
		#slideshow dl dt, #slideshow dl dd { color: #514538; text-shadow: 1px 1px 0 #fff /* nuanced type for Webkit */; }

		#slideshow dd a { 
		background: #b5cb39;
		font-weight: bold;
		letter-spacing: .03em;
		color: #fff; 
		outline: none; 
		cursor: pointer; 
		text-align: center; 
		text-decoration: none; 
		margin: 0; 
		padding: .55em 11px .55em 13px; 
		/* for Webkit & Mozilla */
		text-shadow: 0 1px 2px rgba(0,0,0,.3);
		-webkit-border-radius: .4em; 
		-moz-border-radius: .4em; 
		border-radius: .4em; 
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
		box-shadow: 0 1px 2px rgba(0,0,0,.2); 
		background: -webkit-gradient(linear, left top, left bottom, from(#D0D44B), to(#b5cb39));
		background: -moz-linear-gradient(top,  #D0D44B,  #b5cb39);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D0D44B', endColorstr='#b5cb39');
		}
		/* IE6 */ * html #slideshow dd a { padding: 5px 10px 5px 12px; display: inline-block; } 
		/* IE7 */ *+ html #slideshow dd a { padding: 5px 10px 5px 12px; display: inline-block; }

		#slideshow dd a:hover { 
		text-decoration: underline;
		background: #ADC04A;
		/* for Webkit & Mozilla */
		background: -webkit-gradient(linear, left top, left bottom, from(#b5cb39), to(#D0D44B));
		background: -moz-linear-gradient(top,  #b5cb39,  #D0D44B);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5cb39', endColorstr='#D0D44B');
		}

		#slideshow dl#panel1 { background: #eaf3c2 url(../img/studiojcom_homeslides_1.jpg) 295px 30px no-repeat; }
			#panel1 dt { margin: 26px 0 0 32px; width: 230px; font-size: 1.5em; line-height: 115%; }
			#panel1 dd { margin: 12px 0 0 32px; width: 250px; font-size: .79em; line-height: 145%; }
			/* IE6 */ * html #panel1 dd { margin: 12px 0 -5px 32px; width: 250px; font-size: .79em; line-height: 145%; }
			/* IE7 */ *+ html #panel1 dd { margin: 12px 0 -5px 32px; width: 250px; font-size: .79em; line-height: 145%; }
			dl#panel1 dd.cta { margin: 1.5em 0 0 30px !important; }

		#slideshow dl#panel2 { background: #dbe99e url(../img/studiojcom_homeslides_2a.jpg) -234px -2px no-repeat; }
			#panel2 dt { margin: 40px 0 0 675px; width: 170px; font-size: 1.5em; line-height: 120%; }
			#panel2 dd { margin: 12px 0 0 675px; width: 170px; font-size: .8em; line-height: 145%; }
			/* IE6 */ * html #panel2 dd { margin: 12px 0 -5px 675px; width: 170px; font-size: .8em; line-height: 145%; }
			/* IE7 */ *+ html #panel2 dd { margin: 12px 0 -5px 675px; width: 170px; font-size: .8em; line-height: 145%; }
			dl#panel2 dd.cta { margin: 1.5em 0 0 670px !important; }

		#slideshow dl#panel3 { background: #eaf3c2 url(../img/studiojcom_homeslides_4.jpg) -20px 150px no-repeat; }
			#panel3 dt { margin: 23px 0 0 40px; width: 500px; font-size: 1.5em; line-height: 120%; }
			#panel3 dd { margin: 12px 0 0 40px; width: 500px; font-size: .8em; line-height: 145%; }
			#panel3 dd.caption { margin: 75px 0 0 37px; width: 90px; font-size: .65em; line-height: 145%; font-style: italic; }
			dl#panel3 dd.cta { margin: -218px 0 0 675px /*-128px 0 0 500px*/ !important; }
			/* IE6 */ * html dl#panel3 dd.cta { margin: -256px 0 0 675px /*-128px 0 0 500px*/ !important; }
			/* IE7 */ *+ html dl#panel3 dd.cta { margin: -256px 0 0 675px /*-128px 0 0 500px*/ !important; }

/*------------------------------------------------------------------
Footer styles
-------------------------------------------------------------------*/
#footer { margin: 1.5em 1em 0 0; padding: 1.2em 0 0 0; border: 1px dashed #AAA29A; border-width: 1px 0 0 0; }
	#footer p { font-size: 11px; line-height: 148%; padding: 0 13.5em; text-align: center; color: #AAA29A; }
	#footer a { color: #8E8378; }
.clear { clear: both; }

/*------------------------------------------------------------------
Login page styles
-------------------------------------------------------------------*/
#login { margin: 1.2em 0 0 0; }
	#login .getmein { width: 15.5em; padding: 1.2em 1.2em .9em 1.2em; margin: 0 1.7em 0 0; border: 1px solid #BDD74E; background: #DBE99E; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-box-shadow: 5px 5px 5px #BFC993; -webkit-box-shadow: 5px 5px 5px #BFC993; box-shadow: 5px 5px 5px #BFC993; }
	#login .getmein_fun { width: 15.5em; padding: 1.2em 1.2em .8em 1.2em; margin: 1.7em 1.7em 1.7em 0; float: left; border: 1px solid #DBE99E; background: #F2F7DC; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-box-shadow: 5px 5px 5px #BFC993; -webkit-box-shadow: 5px 5px 5px #BFC993; box-shadow: 5px 5px 5px #BFC993; }
	#login .register { width: 30.7em; overflow: hidden; padding: 0 0 0 1.4em; margin: 0; float: right; }
	#login .techrequire { width: 25em; }
	#login h5 { margin: .1em 0 0 0; }
	#login input, #login select { margin: 0 0 .2em 0; }
	#login input.button { font-size: .8em; padding: .3em .6em .4em .5em; margin: .8em 0 .4em 0; }
	#login input.button:hover { background: #eee; }
	.sectionborder { border: 1px dashed #cfcfcf; border-width: 0 0 0 1px; }
	#login .nomargin { padding: 0; margin: 0; } /* use for ending p style */

	#login fieldset { position: relative; padding: 0; margin: 0; }
	#login legend { font-size: .78em; line-height: 145%; padding: 0 0 1em 0; color: #5A4C3F; text-transform: uppercase; letter-spacing: .1em; font-weight: bold; }
	#login fieldset ol { padding: 0; margin: .5em 0 0 0; list-style: none; }
	#login fieldset ol li { float: left; clear: left; width: 100%; padding: 4px 0 4px 0; margin: 0; }
	#login fieldset label { float: left; width: 130px; margin: 0 1em 0 0; }
	#login fieldset li.checksteps { margin: 0 0 0 24px; text-indent: -24px; width: auto; }
	#login fieldset .input_note { font-size: 10px; font-weight: normal; margin: .2em 0 .3em 141px; }
	#login fieldset .input_note_error { font-size: .8em; font-weight: normal; margin: .2em 0 .3em 141px; color: #e00; display: none; }
	
	#login input.textfield { padding: .5em; margin: -.1em .2em .2em -.1em !important; vertical-align: middle; border: 1px solid #cfcfcf; }
	#login input.select { padding: .2em; margin: 0 .2em .2em -.1em !important; vertical-align: middle; border: 1px solid #00f; }
	#login input.radio { padding: 0; margin: 0 .2em .2em -.1em !important; vertical-align: middle; }
	#login input.checkbox { padding: 0; margin: 0 .3em .2em -.1em !important; vertical-align: middle; border: none; background: none; }	
	#login input.error, #login select.error { background: #FFF2F2; border: 1px solid #FF7474; }
	#login input:focus { background: #ffe; } /* subject to color */
	
	#login #errormessage { background: #e00; margin: .5em 0 1em 0; padding: .8em .8em; color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; display: none; }
	#login #errormessage h6 { line-height: 150%; color: #fff; margin: 0 0 .5em 0; padding: 0; }
	#login #errormessage ul { margin-top: 0; margin-bottom: .2em; }
	#login #errormessage li { font-size: .68em; line-height: 150%; padding: 0; margin: 0; color: #fff; }

	.xxsmall { width: 1em; }
	.xsmall { width: 3em; }
	.medium { width: 10em; }
	.large { width: 13em; }
	.xlarge { width: 25em; }
	.xxlarge { width: 30em; }
	.xxxlarge { width: 38em; }
	
/*------------------------------------------------------------------
Graveyard
-------------------------------------------------------------------

	#emailwarning { position: absolute; z-index: 99999; top: 74px; right: 30px; width: 220px; border: 1px solid #E9B7AA; background: #F9EDEA; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding: 12px 13px; -moz-box-shadow: 8px 8px 8px #E3A595; -webkit-box-shadow: 8px 8px 8px #E3A595; box-shadow: 8px 8px 8px #E3A595; display: none; } 
		#emailwarning em { position: absolute; left: 20px; top: -6px; width: 11px; height: 6px; background: url(../img/tooltiparrow_warning.gif) 0 0; display: block; font-size: 1px; } 
		#emailwarning b { position: absolute; right: -14px; top: -10px; width: 26px; height: 26px; background: url(../img/closebox.png) 0 0; display: block; font-size: 1px; } 
		#emailwarning p, #emailwarning a { font-size: 11px; line-height: 130%; color: #8D290F; }
		#emailwarning a:hover { text-decoration: none; }

/*	#emailsuccess { position: absolute; z-index: 99998; top: 74px; right: 30px; width: 220px; border: 1px solid #BDD74E; background: #DBE99E; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding: 12px 13px; -moz-box-shadow: 8px 8px 8px #899C39; -webkit-box-shadow: 8px 8px 8px #899C39; box-shadow: 8px 8px 8px #899C39; display: none; } 
		#emailsuccess em { position: absolute; left: 20px; top: -6px; width: 11px; height: 6px; background: url(../img/tooltiparrow_success.gif) 0 0; display: block; font-size: 1px; } 
		#emailsuccess b { position: absolute; right: -14px; top: -10px; width: 26px; height: 26px; background: url(../img/closebox.png) 0 0; display: block; font-size: 1px; } 
		#emailsuccess p, #emailsuccess a { font-size: 11px; line-height: 130%; color: #566223; }
		#emailsuccess a:hover { text-decoration: none; }

	#entertowin { position: absolute; z-index: 99998; top: 74px; right: 0px; width: 350px; border: 1px solid #BDD74E; background: #DBE99E; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding: 12px 13px; -moz-box-shadow: 8px 8px 8px #899C39; -webkit-box-shadow: 8px 8px 8px #899C39; box-shadow: 8px 8px 8px #899C39; display: none; } 
		#entertowin em { position: absolute; left: 120px; top: -6px; width: 11px; height: 6px; background: url(../img/tooltiparrow_success.gif) 0 0; display: block; font-size: 1px; } 
		#entertowin b { position: absolute; right: -14px; top: -10px; width: 26px; height: 26px; background: url(../img/closebox.png) 0 0; display: block; font-size: 1px; } 
		#entertowin p, #emailsuccess a { font-size: 11px; line-height: 130%; color: #566223; }
		#entertowin a:hover { text-decoration: none; }

/*------------------------------------------------------------------
FAQ overlay styles
-------------------------------------------------------------------
#faq { position: absolute; z-index: 25; margin: 1.5em 1em 1.5em 0; padding: 1.8em 1.5em 1.5em 1.5em; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; color: #635445; width: 100%; top: 0; left: -35px; background: #E1EDAA; filter: alpha(opacity=94); opacity: 0.94; -moz-opacity: 0.94; background: rgba(225,237,170,1.0); display: none; }
*+ html #faq { position: absolute; z-index: 25; display: inline-block; zoom: 1; margin: 1.5em 1em 1.5em 0; padding: 1.8em 1.5em 1.5em 1.5em; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; color: #635445; width: 100%; top: 0; left: -35px; filter: alpha(opacity=94); opacity: 0.94; -moz-opacity: 0.94; background: #E1EDAA url(../img/faqbground.png); display: none; }
	#faq b { position: absolute; right: -14px; top: -10px; width: 26px; height: 26px; background: url(../img/closebox.png) 0 0; display: block; font-size: 1px; } 
	#faq h1 { font-size: 12px; line-height: 140%; margin: 0 0 2em 0; letter-spacing: .3em; text-align: center; }
		.uppercase { text-transform: uppercase; }
	#faq p, #faq li { font-size: 13px; line-height: 145%; text-align: left; margin: 0 0 1em 0; }
	#faq ul ul li { list-style: disc; margin: .3em 0 0 1em; }
	#faq ol, #faq ul { margin: .3em 0 1em 0; }
	#faq ol li { margin: 0 0 0 1.5em; }
	#faq a { color: #2D261F; }
	#faq li { list-style: decimal; margin: 0 0 1em 1.9em; }
	#faq .col1 { width: 48%; float: left; }
	#faq .col2 { width: 48%; float: right; }

/*------------------------------------------------------------------
2.21 slider styles
-------------------------------------------------------------------

.next, .prev { cursor: pointer; }

#slider { backqqground: #fff; padqqding: 1.2em 1.5em 1.5em 1.5em; width: 880px; heiqqght: 1000px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; position: relative; boqqrder: 1px solid #0f0; }

	#slider #buttons { border: 1px dashed #000; border-width: 1px 0; width: 960px; margin: 0 0 0 -35px !important; position: absolute; top: 45%; display: none; }
	#slider #buttons a { margin: 0 20px; color: #000; }
	#slider .prev { float: left; }
	#slider .prev img { float: left; text-decoration: none; margin: .2em .3em 0 0 !important; }
	#slider .next { float: right; }
	#slider .next img { float: right; text-decoration: none; margin: .2em 0 0 .3em !important; }

#slideshow { overflow: hidden; width: auto; height: 430px; margin: -.6em 0 .5em 0 !important; display: none; }
	#slideshow #gallery { width: 10000px; overflow: hidden; } 
	#slideshow .panel { float: left; margin: 0; padding: 1em; cursor: pointer; width: 880px; height: 430px; }
	#slideshow .panel .panelone { position: relative; top: 30px; left: 15px; width: 220px; color: #635445; }
	#slideshow .panel .paneltwo { position: relative; top: 50px; left: 670px; width: 140px; color: #635445; }
	#slideshow .panel .panelthree { position: relative; top: 5px; left: 340px; width: 500px; height: 60px; borqqder: 1px solid #f00; color: #635445; }
	
	#slideshow h1, #slideshow h2, #slideshow h3 { font-weight: normal; }
	#slideshow h1 { font-size: 1.5em; line-height: 120%; margin: 0 0 .4em 0; text-shadow: -1px -1px 0 #fff; }
	#slideshow h2 { font-size: .8em; line-height: 145%; margin: 0 0 .8em 0; text-shadow: -1px -1px 0 #fff; }
	#slideshow h3 { font-size: .78em; line-height: 135%; margin: 1.5em 0; position: relative; z-index: 9999; }
	#slideshow h3 a { padding: .5em .6em .6em .6em; background: #ccc; }

.next, .prev { cursor: pointer; }





*/