/* ------------------------------------------------------------------------------------------------------------------------ */
/* BODY, PAGE, HEADERS, COLORS */
/* ------------------------------------------------------------------------------------------------------------------------ */

body				{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: none; color: #3A3A3A; cursor: default; margin: 0px;
					  background-color: white; background-image: url(images/bg.jpg); background-repeat: repeat-x; background-position: top }

.small				{ font-family: Arial, Helvetica, sans-serif; font-size:  9px; font-weight: none; color: #3A3A3A }
.regular,td			{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: none; color: #3A3A3A; line-height: 17px  }

.content			{ background-color: #EEEEEE; background-image: url(images/content_bg.jpg); padding: 25px; padding-top: 30px }
.banner				{ background-color: #EEEEEE; height: 163px; padding-left: 25px;
					  font-size: 15px; font-weight: bold; letter-spacing: 1px; color: #584C74 }
#home_banner		{ background-image: url(images/home_banner.jpg) }
#demos_banner		{ background-image: url(images/demos_banner.jpg) }
#biography_banner	{ background-image: url(images/biography_banner.jpg) }
#links_banner		{ background-image: url(images/links_banner.jpg) }
#contact_banner		{ background-image: url(images/contact_banner.jpg) }


.header				{ background-image: url(images/header.jpg); height: 167px }
.left_shadow		{ background-image: url(images/left_shadow.jpg); width: 20px; background-repeat: no-repeat; background-position: top right }
.right_shadow		{ background-image: url(images/right_shadow.jpg); width: 20px; background-repeat: no-repeat; background-position: top left }
.bottom				{ background-image: url(images/bottom.jpg); height: 57px; font-family: Verdana; font-size: 10px; color: #B0B0B0; padding-top: 17px; padding-left: 40px }

.navLinks			{ padding-top: 16px; font-size: 22px; font-weight: bold; color: #C7C8C9; }

h1					{ font-family: "Times New Roman", Arial, Helvetica, sans-serif; font-size: 25px; font-weight: normal; color: #645864; }
h2					{ font-family: "Times New Roman", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; color: #645864; }
h3					{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #645864; }

.nolineheight		{ line-height: 0px}

.links_div			{ font-weight: bold; color: #756680 }
.div_james			{ background-image: url(images/james_small.jpg); background-repeat: no-repeat; background-position: top left; height:25px; padding-bottom: 10px; padding-top: 10px; text-indent: 100px;
					  font-family: "Times New Roman", Arial, Helvetica, sans-serif; font-size: 19px; font-weight: normal; color: #645864;}
					  
.need_flash			{ border: 1px solid #cecece; background-color: #F5F4E7; padding: 5px; }
.demo_bg			{ width: 708px; height: 367px; background-image: url(images/demo_bg.jpg); background-repeat: no-repeat }
.visual_demo_no_flash { background-color: #2E2E2E; color: white; width: 404px; height: 300px; font-weight: bold }
/* ------------------------------------------------------------------------------------------------------------------------ */
/* LINKS */
/* ------------------------------------------------------------------------------------------------------------------------ */
:link:focus, :visited:focus {-moz-outline:0px;}

A.regular			{ cursor: hand; font-family: Verdana; font-size: 11px; font-weight: bold; color: #556197; text-decoration: none }
A:hover.regular		{ color: #90363A; text-decoration: underline }

A.navigation		{ letter-spacing: 1px; margin: 25px; padding: 15px; cursor: hand; font-family: Arial; font-size: 15px; font-weight: bold; color: #EBEAEE; text-decoration: none }
A:hover.navigation	{ color: #FFA801; }
 
A.smallLink			{ cursor: hand; font-family: Verdana; font-size: 10px; font-weight: bold; color: #9BA1B1; text-decoration: none }
A:hover.smallLink	{ color: #90a363A; text-decoration: underline }

/* ------------------------------------------------------------------------------------------------------------------------ */
/* OTHER */
/* ------------------------------------------------------------------------------------------------------------------------ */
.hr				{ background-color: #DDDDDD; color: #DDDDDD; border: 0px; border-top: 1px solid #DDDDDD; height: 2px; margin-top: 10px }
.hr_thin		{ background-color: #DDDDDD; color: #DDDDDD; border: 0px; border-top: 1px solid #DDDDDD; height: 1px; margin-top: 10px }
.hr_thin_custom	{ background-color: #DDDDDD; color: #DDDDDD; border: 0px; border-top: 1px solid #DDDDDD; height: 1px; margin-top: 10px
				  text-align: left; margin-top: 0px; width: 700px }
.hr_thick		{ background-color: #F9F5F5; color: #F9F5F5; border: 0px; border-top: 1px solid #DDDDDD; height: 10px; margin-top: 10px }
.hr_thick_custom {background-color: #F9F5F5; color: #F9F5F5; border: 0px; border-top: 1px solid #DDDDDD; height: 10px; margin-top: 10px
				  text-align: left; margin-top: 0px; width: 700px }

#notopmargin	{ margin-top: 0px }
.list_margintop	{ list-style-type: square; list-style-image: url('images/bullet.gif'); margin-top: 5px }
.list			{ list-style-type: square; list-style-image: url('images/bullet.gif') }
li				{ padding-bottom: 2px }

.bold			{ font-weight: bold }
.right			{ float: right }
.left			{ float: left }
.border			{ border: 1px solid #9C9C9C }
.underline		{ text-decoration: underline }

.subtle_highlight {background-color: #F8F8EA }
/* ------------------------------------------------------------------------------------------------------------------------ */
/* FORMS */
/* ------------------------------------------------------------------------------------------------------------------------ */
.label				{ text-align: right; vertical-align: middle; color: #4F4F4F; font-weight: bold }
.star				{ font-size: 14px; color: red; font-weight: bold } 
.button				{ cursor: hand; font-weight: normal }

.input				{ cursor: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #F8FAFC;	color: #404B76; border: 1px solid #CFCFCF; border-top: 1px solid #949AA0; border-left: 1px solid #949AA0;  }
.textarea			{ cursor: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #F8FAFC;	color: #404B76; border: 1px solid #CFCFCF; border-top: 1px solid #949AA0; border-left: 1px solid #949AA0;  }
.select				{ cursor: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #F8FAFC;	color: #404B76 }

/* ------------------------------------------------------------------------------------------------------------------------ */
/* CORNERS */
/* ------------------------------------------------------------------------------------------------------------------------ */
b.rtop, b.rbottom			{ display: block; background-color: white}
b.rtop b, b.rbottom b		{ display:block; height: 1px; overflow: hidden; background-color: #F4F2EE}
b.r1						{ margin: 0 5px}
b.r2						{ margin: 0 3px}
b.r3						{ margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4	{ margin: 0 1px; height: 2px}
.rounded_panel_background	{ background-color: #F4F2EE; padding: 5px; padding-left: 10px; padding-right: 10px }

#color2	{ background-color: #F2F1F5 }