gallery-middle/* Overall basics - reset old browser expectations */

* {
	margin: 0;
}
html, body {
	height: 100%;
}

html {
	padding-top: 0px;
	position
}
body {
	line-height:1.2;

	

	background-color: transparent;

}	


.pageBgMthHD{
	background-image: url(images/pageBgMthHD.jpg);
	
	height: 100%;
}

.page {
	background-color: transparent;
	
	
	
	text-align: left;
	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -18px; /* the bottom margin is the negative value of the footer's height */	
	
	
}

.pageMenuSpacer{
	min-height: 100px;
	
}

.bottomFooter, .push {
	height: 18px; /* .push must be the same height as .footer */
	
	
	font-family: arial, sans-serif;
	font-size: 12px;
color: #000000;
	
text-align: right;


	
}

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

table {
	border: 0px;
	border-collapse: collapse;
	font-size: 13px;
}
td, th {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}
/* fix transparent pngs on IE  - the url has to be either abosolute or root-relative. So it will not work on a non-root installation of the site  */
img { behavior:url(/js/iepngfix.htc); }

img {
	border: 0px 0px 0px 0px;
}


body, p, ul, ol, td, li {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
}
body, p {
	color: #352f28;
}
p {
	margin-top: 0px;
	margin-bottom: 18px;
}
ul, ol, td, li {
	color: #352f28;
}
ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 5px;

	margin-right: 0.5em;
	margin-left: 1.2em;
	padding-left: 0;
	padding-right: 0;

	font-size: 12px;
	color: #333;
}

ul {
	list-style-type: disc;
	list-style-image: url(images/li-bullet.png);
	list-style-position: outside;
}
ul li {
	margin-left: 0em;
}
ul.inline-ul {
	margin-top: -10px;
	margin-bottom: 5px;
}



h1 {
	font-size: 18px;
	color: #090909;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 1px;
	clear: both;
}
h2 {
	font-size: 13px;
	color: #090909;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 13px;
}
h3 {
	clear: both;
	font-size: 13px;
	color: #181818;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
}
h4 {
	font-size: 13px;
	color: #404040;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 3px;
}

a img {
	border: 0px;
}
a {
	color: black;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}

a.more,
a.more-simple {
	display: block;
	text-align: right;
	padding-top: 3px;
	padding-right: 10px;
	text-decoration: none;
}
a.more:after {
	content: " \BB";
}

a.more:hover,
a.left-more:hover,
a.more-simple:hover {
	text-decoration: underline;
}
a.left-more {
	text-decoration: none;
}
a.left-more:after {
	content: " \BB";
}
/* a.read-on:before {
	content: "\BB  ";
}
a.read-off-back:before {
	content: "\AB  ";
}
*/

.image-text {
	font-size: 10px;
}

.small-text {
	font-size: 11px;
}





/* Globals */

.spaceLeft{
	position:relative;padding-left:130px;	
}



/***** Main content - page with left menu ******/

.main-lm {
	float: left;

	margin-top: 20px;
	margin-left: 24px;

	width: 600px;
}

.main-lm .main-top {
	margin-bottom: 20px;
	margin-top: 0px;
}
.main-lm .main-top img {
//	margin-bottom: 22px;
}

.main-lm .main-col-left, 
.main-lm .main-col-right {
	width: 277px;
	float: left;
}
.main-lm .main-col-right {
	margin-left: 25px;
}

/***** Main content, broad page ******/

.main-broad {
	float: left;

	margin-top: 20px;
	padding-left: 13px; /* IE6 will double-margin if margin were used... so use padding instead */

	width: 850px;
}

.main-broad .main-top {
}
.main-broad .main-top img.banner {
	margin-bottom: 10px;
	width: 840px;
	height: 180px;
}

.main-broad .main-bottom {
	clear: both;
}

/* Previous + Next style navigation */

.nav {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}

.nav .nav-prev,
.nav .nav-next {
}

.nav .nav-prev .nav-left {
	float: left;
	background: url(images/navigation/prev_left.png) top;
	height: 22px;
	width: 20px;
}
.nav .nav-prev .nav-right {
	float: left;
	background: url(images/navigation/prev_right.png) top;
	height: 22px;
	width: 11px;
}
.nav .nav-next .nav-left {
	float: right;
	background: url(images/navigation/next_right.png) top;
	height: 22px;
	width: 20px;
}
.nav .nav-next .nav-right {
	float: right;
	background: url(images/navigation/next_left.png) top;
	height: 22px;
	width: 11px;
}
.nav .nav-prev .nav-main,
.nav .nav-next .nav-main {
	height: 22px;
	background: url(images/navigation/nav_back.png) top repeat-x;
	white-space: nowrap;

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;

	color: #333;
}
.nav .nav-prev .nav-main {
	float: left;
	text-align: left;
}
.nav .nav-next .nav-main {
	float: right;
	text-align: right;
}
.nav a {
	text-decoration: none;
}
.nav a:hover {
	text-decoration: underline;
}

.nav-down {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	text-decoration: none;
	height: 22px;
	white-space: nowrap;
}

.nav-down a {
	text-decoration: none;
}

.nav-down .nav-left {
	float: left;
	background: url(images/down_button_l.png) top no-repeat;
	height: 22px;
	width: 15px;
}
.nav-down .nav-right {
	float: left;
	background: url(images/down_button_r.png) top no-repeat;
	height: 22px;
	width: 27px;
}
.nav-down .nav-main {
	float: left;
	height: 22px;
	background: url(images/down_button_m.png) top repeat-x;
	white-space: nowrap;
	padding-top: 3px;
	background-color: transparent;
	text-decoration: none;
	text-align: left;
	min-width: 150px;
}
.nav-down .nav-extra {
	float: left;
	padding-left: 10px;
	padding-top: 5px;
	font-size: 10px;
}


/* Inlined images */
.inlined-right {
	float:right;
	margin-top:1px;
	margin-left:10px;
	margin-bottom:10px;
}

.inlined-left {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

/* Banner image for feature pages */
.banner-narrow {
	margin:0px -10px 0px -10px;
	padding:0px 10px 0px 10px;
//	height:186px;
}

/* horizontal table of seperator images */
.separator-img {
	width:100%;
	margin-bottom:18px;
}

.separator-img td {
	text-align:center;
}

.main-broad .main-col-left, 
.main-broad .main-col-right {
	width: 381px;
	float: left;
}
.main-broad .main-col-right {
	margin-left: 75px;
}

/* profile pages */
.profile-header {
	margin:0px 10px 20px 0px;
}

.main-top .profile-header img{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

.profile-header h1, .profile-header p {
	background-color: transparent;
	margin-left: 15px;
	margin-right: 15px;
	margin-top:0px;
	padding-top:10px;
}

.profile-header h2 {
	color:white;
	margin-left: 20px;
	margin-right: 10px;
	font-weight: bold;
}
.textImage {
	width: 290px; 
	height: 186px;
	margin-top: 20px;
	margin-bottom: 20px;
} 

.textImage-text {
	margin-top: 110px;
}

/* The 3 images in a row that goes below the main banner */
.subimages-box {
	margin-top:20px;
}

.subimages-box td.three {
	width: 186px;
	max-width: 186px;
	padding-right: 17px;
}

.subimages-box td.two {
	width: 286px;
	max-width: 286px;
	padding-right: 12px;
}

.subimages-box td p {
	color: black;
	font-size: 11px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}

.subimages-box td .more {
	display: block;
	text-align: right;
	font-weight: bold;
	padding-right:0px;
}

.subimages-box td img {
	margin-bottom:0px;
}

.subimages-box td a:hover {
	text-decoration:underline;
}

.subimages-box-three {
	margin-top:20px;
}

.subimages-box-three td {
	width: 186px;
	max-width: 186px;
	padding-right: 17px;
}

.subimages-box-three td p {
	color: black;
	font-size: 11px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
}

.subimages-box-three td .more {
	display: block;
	text-align: right;
	font-weight: bold;
	padding-right:0px;
}


/* in-page galleries */
.inl-gallery {
	font-size: 13px;
	color: #1b0d00;
	font-weight: bold;
	margin: 0px 0px 5px -14px;
}
.inl-gallery h3 {
	margin: 0 0 5px 14px;
	background: url(images/ic_gallery.png) top right no-repeat;
}
.inl-gallery img {
	height: 60px;
	margin-left:14px;
	margin-right:-2px;
	margin-bottom:5px;
}

/* navigation buttons */
a.button-prev {
	margin: 10px 10px 10px 10px;
	width: 176px;
	height: 22px;
	padding: 3px 0px 2px 0px;
	text-indent: 25px;
	color:white;
	float: left;
	background: url(images/prev_button.png) no-repeat;	
	text-decoration: none;
	display: block;
}
a.button-prev:hover  {	text-decoration: none; }

a.button-next {
	margin: 10px 10px 10px 10px;
	width: 176px;
	height: 22px;
	padding: 3px 0px 2px 0px;
	text-indent: 15px;
	color:white;
	float: right;
	background: url(images/next_button.png) no-repeat;	
	text-decoration: none;
	display: block;
}
a.button-next:hover  {	text-decoration: none; }
a.button-down {
	margin: 10px 10px 10px 10px;
	width: 176px;
	height: 22px;
	padding: 3px 0px 2px 0px;
	text-indent: 15px;
	color:white;
	float: right;
	background: url(images/down_button.png) no-repeat;	
	text-decoration: none;
	display: block;
}


a.button-small-next {
	margin: 0 10px 0 10px;
	width: 126px;
	height: 22px;
	padding: 3px 0px 1px 0px;
	text-indent: 10px;
	color:#ccc;
	font-weight: bold;
	text-decoration: none;

	float: right;
	background: url(images/next_button_flat.png) no-repeat;	
	display: block;

}
a.button-small-next:hover  {	text-decoration: none; color:#fff; }

a.button-small-prev {
	margin: 0 10px 0 10px;
	width: 126px;
	height: 22px;
	padding: 3px 0px 1px 0px;
	text-indent: 25px;
	color:#ccc;
	font-weight: bold;
	text-decoration: none;
	
	float: right;
	background: url(images/prev_button_flat.png) no-repeat;	
	display: block;

}
a.button-small-prev:hover  {	text-decoration: none; color:#fff; }

/* Bottom boxes */

.main-bottom-box-medium p,
.main-bottom-box-medium h3, 
.main-bottom-box-medium th, 
.main-bottom-box-medium td, 
.main-bottom-box-medium ul, 
.main-bottom-box-medium li,
.main-bottom-box-large p,
.main-bottom-box-large h3, 
.main-bottom-box-large th, 
.main-bottom-box-large td, 
.main-bottom-box-large ul, 
.main-bottom-box-large li {
	font-size: 10px;
	margin-bottom: 0px;
	padding: 0px;
	line-height: 1.3em;
}

.main-bottom-box-large h3,
.main-bottom-box-medium h3 {
	margin-top:.5em;
}

.main-bottom-box-large th,
.main-bottom-box-medium th {
	text-align: center;	
}

.main-bottom-box-large .check,
.main-bottom-box-medium .check {
	background: url(images/ic_check.png) center no-repeat;
}


.main-bottom-box-small .main-bottom-box-top,
.main-bottom-box-large .main-bottom-box-top,
.main-bottom-box-medium .main-bottom-box-top,
.gallery-bottom-box-large .main-bottom-box-top {
	height: 6px;
	font-size: 0px;
}

.main-bottom-box-small .main-bottom-box-main,
.main-bottom-box-large .main-bottom-box-main,
.main-bottom-box-medium .main-bottom-box-main {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 11px;
	padding-right: 11px;
}
.main-bottom-box-small .main-bottom-box-bottom,
.main-bottom-box-large .main-bottom-box-bottom,
.main-bottom-box-medium .main-bottom-box-bottom,
.gallery-bottom-box-large .main-bottom-box-bottom {
	height: 7px;
	margin-bottom: 7px;
	clear: both;
}



.main-bottom-box-large,
.main-bottom-box-medium {
	clear: both;
	padding-top: 30px;
	margin-left: -11px;
	margin-right: -11px;
}

.main-bottom-box-medium .main-bottom-box-top {
	background: url(images/bottom-box/wb_medium_t.png) top left no-repeat;
}
.main-bottom-box-medium .main-bottom-box-main {
	background: url(images/bottom-box/wb_medium_m.png) top left repeat-y;
}
.main-bottom-box-medium .main-bottom-box-bottom {
	background: url(images/bottom-box/wb_medium_b.png) top left no-repeat;
}


.main-bottom-box-large .main-bottom-box-top {
	background: url(images/bottom-box/wb_large_t.png) top left no-repeat;
}
.main-bottom-box-large .main-bottom-box-main {
	background: url(images/bottom-box/wb_large_m.png) top left repeat-y;
}
.main-bottom-box-large .main-bottom-box-bottom {
	background: url(images/bottom-box/wb_large_b.png) top left no-repeat;
}




.main-bottom-box-small {
	width: 275px;
	float: left;
}
.main-bottom-box-large {
	width: 859px;
}
.main-bottom-box-small .main-bottom-box-top {
	background: url(images/bottom-box/wb_small_t.png) top left no-repeat;
}
.main-bottom-box-small .main-bottom-box-main {
	background: url(images/bottom-box/wb_small_m.png) top left repeat-y;
	height: 149px;
	overflow: hidden;
}
.main-bottom-box-small .main-bottom-box-bottom {
	background: url(images/bottom-box/wb_small_b.png) top left no-repeat;
}

.main-bottom-box-small-spacer {
	width: 16px;
	float: left;
//	font-size: 4pt;
}


.main-broad .main-bottom-box-large .main-col-left,
.main-broad .main-bottom-box-large .main-col-right {
	width: 403px;
}
.main-broad .main-bottom-box-large .main-col-right {
	margin-left: 30px;
}


/***** Left menus ******/
div.left-menu {
	float: left;
	margin-top: 15px;
	padding-left: 6px;

	background: url(images/left-menu/bb_titlebar.png) 6px 0px no-repeat;
	width: 223px;
}
/* When left-menu is both floated and relatively positioned, IE6 does not like absolutely positioned drop shadows. One more extra div solves it. */
div.left-menu-iefix {
	position: relative;
	width: 223px; /* IE6 needs this */
}
.left-menu .top-menu-level-1,
.left-menu 
.top-menu-level-2 {
	width: 100%;
	display: none;
}

.left-menu .left-menu-top {
	padding-left: 27px;
	padding-top: 15px;
	padding-bottom: 9px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 17px;
	color: #dddddd;
	font-weight: normal;

	min-height: 18px;
	max-height: 18px;
	white-space: nowrap;
}

.left-menu-body-leftside,
.left-menu-body-rightside {
	position: absolute;
	width: 4px;
	height: 53px;
	top: 55px;
}
.left-menu-body-leftside {
	background: url(images/left-menu/bb_drop_left.png) top left no-repeat;
	left: 6px;
}
.left-menu-body-rightside {
	background: url(images/left-menu/bb_drop_right.png) top right no-repeat;
	left: 221px;
}

.left-menu .left-menu-body-short,
.left-menu .left-menu-body-medium,
.left-menu .left-menu-body-tall {
	margin-top: -2px;
	background-color:red;

	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 0px;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
}

/****** box below left menus *******/
.left-menu .left-menu-body-tall {
	background: url(images/left-menu/bb_large_background.png) bottom left no-repeat;
}
.left-menu .left-menu-body-medium {
	background: url(images/left-menu/bb_med_background.png) bottom left no-repeat;
}
.left-menu .left-menu-body-short {
	background: url(images/left-menu/bb_tiny_background.png) bottom left no-repeat;
}

.left-menu a.menu-item,
.left-menu a.menu-item-on {
	display: block;
	margin-left: 12px;
	margin-right: 16px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	max-height: 30px;
	white-space: nowrap;
	color: #d0d0d0;
	text-decoration: none;
}
.left-menu a.menu-item:hover {
	color: #eeeeee;
}
.left-menu a.menu-item-on {
	color: #dddddd;
	background-color: #56575b;
}

.left-menu a.menu-item-on:hover {
	color: #dfdfdf;
	text-decoration: none;
}

.left-menu a {
}


div.left-wb-top { 
	margin-top:20px;
	background: url(images/wb_menu_t.png) bottom left no-repeat; height:7px;
}
div.left-wb-mid { 
	background: url(images/wb_menu_m.png) repeat-y; 
	margin-bottom:0px;
	padding:5px 15px 5px 15px;
}
div.left-wb-bot {	
	margin-top:0px;
	background: url(images/wb_menu_b.png) top left no-repeat; height:7px; 
}

.left-wb-link {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	display: block;
	vertical-align:middle;
	white-space: nowrap;
	color: #352f28;
	text-decoration: none;
}
.left-wb-link a, .left-wb-link a:hover {
	color: #352f28; text-decoration: none;
}

/***** Stuff pertaining to library items (name clearly!) ******/

/* top-menu.lbi and auto-menus */

.top-menu {
	position: absolute;
	white-space: nowrap;
	margin-top: 27px;
	table-layout: fixed;
	
}

.top-menu .top-menu-leftedge {
	background: url(images/top-menu/mm_leftedge.png);
	width: 8px;
	height: 63px;
	
	background-color:#000000;
}
.top-menu 
.top-menu-rightedge {
	background: url(images/top-menu/mm_right_edge.png);
	width: 8px;
	height: 63px;
}


.top-menu-logo {
	background: url(images/top-menu/mm_top.png) repeat-x;
	width: 400px;
	height: 57px;
	
}

.top-menu-logo img {
	width: 400px;
	height: 57px;
}


.top-menu 
.top-menu-level-1 {
	background: url(images/top-menu/mm_top.png) repeat-x;
	width: 100%;
	height: 57px;
}


.top-menu 
.top-menu-level-1 
.top-menu-level-2,
.top-menu .top-menu-level-3 {
	display: none;
}


.top-menu .top-menu-level-1 .menu-item-stimunation,
.top-menu .top-menu-level-1 .menu-item-stimunation-on,
.top-menu .top-menu-level-1 .menu-item-support,
.top-menu .top-menu-level-1 .menu-item-support-on,
.top-menu .top-menu-level-1 .menu-item-store,
.top-menu .top-menu-level-1 .menu-item-store-on,
.top-menu .top-menu-level-1 .menu-item-gallery,
.top-menu .top-menu-level-1 .menu-item-gallery-on,
.top-menu .top-menu-level-1 .menu-item-company,
.top-menu .top-menu-level-1 .menu-item-company-on {
	float: left;
	height: 36px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.top-menu 
.top-menu-bottom-edge {
	background: url(images/top-menu/mm_bottom_edge.png) repeat-x;
	height: 6px;
}


.top-menu .top-menu-level-1 .menu-item-stimunation {
	background: url(images/top-menu/mm_stimunation.png);
	width: 80px;
	margin-left: 8px;
}
.top-menu .top-menu-level-1 .menu-item-stimunation:hover {
	background: url(images/top-menu/mm_stimunation_hover.png);
}
.top-menu .top-menu-level-1 .menu-item-stimunation-on {
	background: url(images/top-menu/mm_stimunation_on.png);
	width: 80px;
	margin-left: 8px;
}
.top-menu .top-menu-level-1 .menu-item-stimunation-on:hover {
	background: url(images/top-menu/mm_stimunation_onhover.png);
}

.top-menu .top-menu-level-1 .menu-item-support {
	background: url(images/top-menu/mm_support.png);
	width: 89px;
}
.top-menu .top-menu-level-1 .menu-item-support:hover {
	background: url(images/top-menu/mm_support_hover.png);
}
.top-menu .top-menu-level-1 .menu-item-support-on {
	background: url(images/top-menu/mm_support_on.png);
	width: 89px;
}
.top-menu .top-menu-level-1 .menu-item-support-on:hover {
	background: url(images/top-menu/mm_support_onhover.png);
}

.top-menu .top-menu-level-1 .menu-item-store {
	background: url(images/top-menu/mm_store.png);
	width: 80px;
}
.top-menu .top-menu-level-1 .menu-item-store:hover {
	background: url(images/top-menu/mm_store_hover.png);
}
.top-menu .top-menu-level-1 .menu-item-store-on {
	background: url(images/top-menu/mm_store_on.png);
	width: 80px;
}
.top-menu .top-menu-level-1 .menu-item-store-on:hover {
	background: url(images/top-menu/mm_store_onhover.png);
}

.top-menu .top-menu-level-1 .menu-item-gallery {
	background: url(images/top-menu/mm_gallery.png);
	width: 83px;
}
.top-menu .top-menu-level-1 .menu-item-gallery:hover {
	background: url(images/top-menu/mm_gallery_hover.png);
}
.top-menu .top-menu-level-1 .menu-item-gallery-on {
	background: url(images/top-menu/mm_gallery_on.png);
	width: 83px;
}
.top-menu .top-menu-level-1 .menu-item-gallery-on:hover {
	background: url(images/top-menu/mm_gallery_onhover.png);
}

.top-menu .top-menu-level-1 .menu-item-company {
	background: url(images/top-menu/mm_company.png);
	width: 97px;
}
.top-menu .top-menu-level-1 .menu-item-company:hover {
	background: url(images/top-menu/mm_company_hover.png);
}
.top-menu .top-menu-level-1 .menu-item-company-on {
	background: url(images/top-menu/mm_company_on.png);
	width: 97px;
}
.top-menu .top-menu-level-1 .menu-item-company-on:hover {
	background: url(images/top-menu/mm_company_onhover.png);
}


.top-menu .top-menu-level2 {
	background: url(images/top-menu/mm_submenu_back.png) repeat-x;

	margin-top: 0px;
	margin-bottom: 0px;

	padding-left: 23px;
	padding-top: 3px;

	font-size: 12px;
	letter-spacing: 0.09em;
 	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.top-menu .top-menu-level-2 .menu-item,
.top-menu .top-menu-level-2 .menu-item-on {
	float: left;
	padding-left: 0px;
	padding-right: 22px;
	max-height: 12px;
	white-space: nowrap;
}

.top-menu .top-menu-level-2 a {
	color: #9ea0a3;
}
.top-menu .top-menu-level-2 .menu-item-on a {
	color: #d4d6d9;
}
.top-menu .top-menu-level-2 a:hover {
	color: #d4d6d9;
	text-decoration: none;
}
.top-menu .top-menu-level-2 .menu-item-on a:hover {
	color: #dddddd;
	text-decoration: none;
}

.top-menu a {
	text-decoration: none;
}



file {
	color:#666;
}

table.history-features img {
	margin-right: 25px;
}

/* Resource pages */
.resource-banner {
	background-image: url(images/resource_detail_back.png); 
	background-repeat:no-repeat; 
	background-position:0px 156px;
	height: 300px;
	width:600px;
}
.resource-banner h2 {
	margin-bottom:40px;
}
.resource-logo  {
	width:340px;
	height:270px;
	margin-left: 10px;
	margin-right: 10px;
}

dl { 
	padding-left:0px;
	margin-left: 0px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:13px;
}

dt	{ 
	font-weight:bold;  
	margin-top:6px;
	background: url(images/li-bullet.png) no-repeat;
	margin-left:-10px;
	padding-left:10px;
	background-position: 0px 5px;
}
dd	{ margin-left:0px; }

tt, code {
	font-family: "Monaco", "Lucida Console", "Courier New";
	font-size: 85%;
}

.resources-download {
	font-size: 13px;
	color: #1b0d00;
	margin-top:40px;
}
.resources-list td {padding-bottom:3px;}
.resources-list td a { text-decoration: none; }
.resources-list td a:hover { text-decoration: underline; }

.download-size { font-weight: normal; }

.resources-download h3 {
	background: url(images/ic_download.png) top right no-repeat;
	margin-bottom:10px;
}



.resourceoverview 			{ clear:both; }

.resourceoverview a 			{ text-decoration: none;	 	}
.resourceoverview a:hover 	{ text-decoration: underline; 	}

.main-lm .resource-col-left, 
.main-lm .resource-col-right {
	width: 277px;
	float: left;
	margin-bottom:40px;
}
.main-lm .resource-col-right {
	margin-left: 25px;
}

.main-lm .resource-col-left 	{ clear:both; }

.main-lm .resource-col-left p {
	margin-bottom:5px;
}

h3 a { text-decoration:none; }

.resourceoverview img {
	display:block;
	float:left;
	clear:both;
	margin:0px 0px 0px 0px;
}

.resourceoverview h2 {
	margin-left:96px;
	margin-bottom:0px;
	clear:none;
}

.resourceoverview p {
	margin: 0px 0px 10px 96px;
	clear:none;
	font-size:11px;
} 





/* Profiles stuff */

.main-broad .inline-image img,
.main-lm .inline-image img {
	margin-bottom: 0px;
}

/* Gallery stuff */

.gallery, .gallery-shadow { position:absolute; top:0; left:-1122px; z-index:9990; }
.gallery { width:804px; height:563px; margin:18px 40px 20px 32px;}

.gallery-shadow { width:870px; height:617px; }
.gallery-shadow img { width:100%; height:100%; }
.gallery-shadow.isanim img { *display:none; _display:block; }

.gallery a.close { position:relative; display:block; width:28px; height:28px; top:7px; margin:0 -28px -28px 7px; text-indent:-9999px; 
	background:url(images/ic_close.png) no-repeat; 
	cursor:pointer; 
	outline:none; 
	z-index: 9991;
}
.gallery.isanim a.close{ display:none; }

.gallery .popupcontents { width: 806px; height: 463px; }
.gallery .popupcontents th {vertical-align: bottom; text-align: center; height: 30px; color: #5d5d5d; font-size: 16px; font-weight: bold;}
.gallery .popupcontents td {vertical-align: middle; text-align: center; height: 413px;}
.gallery .popupcontents td.byline {vertical-align: bottom; text-align: right; height: 16px; padding: 0 10px 0 0; color: #5d5d5d; font-size: 12px;}
.gallery .popupcontents td.popupnav {vertical-align: middle; text-align: center; height: 92px; }
.gallery .popupimg { }

 .popupnav { padding-top:9px; }
 .popupnav a { margin: 0 10px;  }
 .popupnav a img { padding: 1px; height: 64px; border:1px solid white;}
 .popupnav a.active img { border-color: #555; }




/* News stuff */

table.news p {
	margin-right: 50px;
}

table.news td {
	padding-top: 30px;
}

table.news {
	width: 600px;
}

.imagecredit {
	color:white;
	text-align:right;
	font-size: 10px;
	vertical-align:bottom;
}

.main-broad .main-top table.news tr td img {
	width: 110px;
	height: auto;
}

table.news .news-date {
	float: right;
	margin-right: 60px;
	color: gray;
}


/* License comparison table stuff */

table.comparison { width: 840px; border: 0px none #fff; border-collapse: collapse; text-align: center; }
table.comparison td, th { border-right: 1px solid #fff; padding: 3pt; }
table.comparison a       { color: #000; text-decoration: none; }
table.comparison a:hover { color: #666; text-decoration: none; }
table.comparison a img  { float: left; margin-top: 4px; }
table.comparison div a   { text-decoration: underline; padding-left: 0px; }
table.comparison div     { padding-top: 0pt; padding-left: 12px;}
table.comparison div div { padding-top: 3pt; padding-left: 0px; font-size: 90%; }
table.comparison th { vertical-align: bottom; height: 3em; }
table.comparison .h { font-size: 120%; }
table.comparison .a { background: #dcdddf; }
table.comparison .b { background: #f3f3f4; }
sup { vertical-align: 0; position: relative; bottom: 1ex; font-size: 70%; }
.comparison tr.a .check {
	background: url(images/ic_check_d.png) top center no-repeat; background-position: 50% 7px; background-color: #dcdddf;
}
.comparison tr.b .check {
	background: url(images/ic_check_l.png) top center no-repeat; background-position: 50% 7px; background-color: #f3f3f4;
}

/* Front page stuff */

.subscribe-news-box {
	clear: both;
	margin-bottom: 30px;
	height: 26px;
	background: url(images/front/newsletter_box.png) no-repeat;
	padding-top: 6px;
	padding-left: 11px;
	width: 858px;
}

.subscribe-news-box .left-label {
	font-weight: bold;
	float: left;
	width: 140px;
}
.subscribe-news-box .middle-label {
	float: left;
	width: 487px;
}
.subscribe-news-box .form-field {
	float: left;
	margin-top: -4px;
	width: 140px;
}
.subscribe-news-box .submit-icon {
	float: left;
	margin-left: 3px;
	padding-right: 3px;
}
.subscribe-news-box .submit-label {
	float: left;
	width: 50px;
	white-space: nowrap;
	padding-top: 1px;
}

.subscribe-news-box .submit-label a {
	text-decoration: none;	
	color: grey;
}
.subscribe-news-box .submit-label a:hover {
	color: black;
}

/* Special items */

.download-button input {
	margin-bottom: -6px;
	white-space: nowrap;
}
.download-button {
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	margin-left:-3px;
	margin-bottom: 20px;
}

/* Plugin download page */
.dl-box {
	margin-top: 20px;
	width: 495px;
	display: none;
}
.main-broad .main-top .dl-box img {
	height: auto;
}


/* Documentation pages */

.manual-body ul {
	margin-left: 30px;

	list-style-type: none;
	list-style-image: none;
}

.manual-scriptref-menu {
	padding-top: 13px;
	width: 185px;
}

.manual-scriptref-menu .left-menu-container ul {
	margin-left: 0px;
}


/* Gets overridden depending on the platform */
.platform-Win { display: none; }
.platform-MacIntel { display: none; }
.platform-MacPPC { display: none; }
.platform-Unknown { display: block; }


/* gallery-section stuff */
.gallery-top {
	margin-left: 2px;
	margin-top: -6px;
	background:url(images/gallery_back_top.png) bottom center no-repeat ; 
}
.gallery-middle { 
	background:url(images/gallery_back_bottom.jpg) 0px 0px no-repeat ; 
	text-align:center; 
	height:143px;
	padding-top:13px;
	margin-top: -3px; /* move up a bit for IE6/IE7 */
	border:0px;
	margin-left: 5px;
}

.gallery_image {
	cursor: pointer;
	width:116px;
	height:86px;
	margin-right:3px;
	margin-left:3px;
	margin-bottom:0px;
	margin-top:6px;
	padding:0px;
}

.main-free {
	position: relative;
	left: -10px;
	width: 860px;
}

.main-free .main-bottom-box-large { /* kill negative margins on large box in the gallery */
	margin-left: 0px;
	margin-right: 0px;
}

.gallery-bottom-box-large .main-bottom-box-top {
	background: url(images/bottom-box/wb_large_t.png) top left no-repeat;
	margin:0px;
	padding:0px;
	height:6px;
}
.gallery-bottom-box-large .main-bottom-box-main {
	background: url(images/bottom-box/wb_large_m.png) top left repeat-y;
	margin:0px;
	padding:0px;
	height:209px;
}
.gallery-bottom-box-large .main-bottom-box-bottom {
	background: url(images/bottom-box/wb_large_b.png) top left no-repeat;
}

.gallery-bottom-box-large h2 {
	margin-top:3px;
	margin-bottom:3px;
	font-size:16px;
} 

.gallery-bottom-box-large h3 {
	padding-top:2px;
	margin-bottom:4px;
	margin-left:0px;
} 

.gallery-bottom-box-large {
	width: 859px;
	margin:0px;
}
.gallery-bottom-box-large .popupthumb img {
	width:125px;
	height:87px;
	margin-right:3px;
	margin-left:0px;
	padding: 0px;
	border:0px;
}
.gallery-middle h1 {
	font-size:20px;
}
.gallery-middle h3 {
	color:#666;
}
.gallery-bottom-box-large .main-bottom-box-main {
	padding-left:22px;
	
}
.galleryinfo td {
	width:392px;
	padding-left:11px;
	padding-right:18px;
}

.galleryinfo a.more {
	padding-right:2px;
}

.galleryinfo .inl-gallery {
	font-size: 13px;
	color: #1b0d00;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

/* styles for 3-column setup of gallery front page */
.gallerycolumn-small {
	width:232px;
	height:210px;
}
.gallerycolumn-small .first {
	height: 80px;
}

.gallerycolumn-small p {
	margin-bottom:0px;
}
.gallerycolumnsep-small {
	width:59px;
	background:url(images/gallery_column_sep.png) 28px 10px no-repeat;
}



/* Features overview page */
.featureoverview {
	width:840px;
	clear:both;
	margin-top: 35px;
}

.featureoverview .column {
	float: left;
	width:280px;
	margin-bottom:20px;
}

.column img {
	display:block;
	float:left;
}

.column h2 {
	margin-left:86px;
	margin-bottom:4px;
	clear:none;
}

.column p {
	margin-left:86px;
	margin-right:10px;
	clear:none;
	font-size:11px;
} 

/* Old style image galleries */

.old-style-image {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 15px;
}

/* Front page news ticker */

#newsticker{
	display: block;
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 16px;
	padding-right: 16px;
	margin: 0px;
}

#newsheader{
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	height: 15px;
	line-height: 15px;
	width: 150px;
	overflow: hidden;
	display: block;
	position: absolute;
	font-weight: bold;
}

#newssubmit{
	position: absolute;
	width: 15px;
	right: 15px;
}

#newsticker ul{
	width: 375px;
	position: absolute;
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	left: 150px;
	color: white;
}
#newsticker ul li{
	line-height: 15px;
	height: 15px;
	font-size: 11px;
	list-style-type: none;
	list-style-image: none;
	display: block;
	color: #352f28;
}

#newsitems{
	display: none;
}

#newsticker ul li a{
	text-decoration: none;
}
#newsticker .form-field{
	position: absolute;
	right: 45px;
	width: 130px;
}

#newsticker .form-field input{
	height: 15px;
	font-size: 10px;
	line-height: 15px;
	width: 130px;
	padding: 0px;
	margin: 0px;
}

#newscallout{
	right: 190px;
	font-size: 11px;
	line-height: 15px;
	height: 15px;
	width: 155px;
	text-align: right;
	position: absolute;
}


.thirdbox{
	width: 286px;
	height: 173px;
	overflow: hidden;
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	border: none;
}
.thirdboxcontent{
	padding-left: 5px;
	padding-right: 5px;
	height: 173px;
}

.thirdboxlabel{
	position: relative;
	top: -155px;
	width: 276px;
	left: 17px;
	font-size: 11px;
	text-align: left;
}

.thirdboxlabel a, .thirdboxlabel a:hover{
	text-decoration: none;
}

.fullbox{
	width: 860px;
	height: 173px;
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	border: none;
	overflow: hidden;
}
.fullboxcontent{
	padding-left: 5px;
	padding-right: 5px;
	height: 173px;
}

.fullboxlabel{
	position: relative;
	top: -155px;
	width: 246px;
	left: 600px;
	font-size: 11px;
	text-align: left;
}

.fullboxlabel a, .fullboxlabel a:hover{
	text-decoration: none;
}


#bottomthirds, .bottomthirds{
	padding-top: 17px;

}

#splashes, #livedemo {
	maxheight: 730px;
	width: 100%;
	display: block;
	overflow: hidden;
}

#splashes .splash, #livedemo .livedemo{
	display: none;
}

#splashes .active, #livedemo .active{
	display: block;
	height: 400px;
}

#splashmenu, #livedemomenu {
	display: block;
	position: absolute;
	margin-top: -42px;
	height: 42px;
	width: 600px;
	background-repeat: repeat-x;
	background-position: top;
	margin-left: -300px;
	left: 50%;
}

#splashmenu ul, #livedemomenu ul{
	display: block;
	height: 42px;
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#splashmenu ul li, #livedemomenu ul li{
	display: inline;
	height: 42px;
	line-height: 42px;
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

#splashmenu ul li a, #livedemomenu ul li a{
	text-decoration: none;
	font-size: 10px;
	color: #777777;
	height: 42px;
	line-height: 42px;
}

#splashmenu ul li.active a, #livedemomenu ul li.active a{
	color: #352f28;
	
}
div#demo {
	width: 865px;
	height: 365px;
	border-bottom: 1px solid #ddd;
}
div#demolist{
	width: 630px;
	left: 117px;
	height: 100px;
	overflow: hidden;
	padding: 0px;
	margin:0px;
	margin-top: 15px;
	display: block;
	position: relative;
}

div#demolist div.innerlist div.listitem{
	display: inline;
	height: 100px;
}
div#demolist div.innerlist div.listitem a{
	background-image: url(images/livedemoback.jpg);
	height: 100px;
	display: block;
	float: left;
    padding-left: 5px;
    padding-right: 5px;
}
div#demolist div.innerlist div.listitem a img{
	height: 100px;
    
}
.demoforward, .demobackward{
	display: block;
	position: relative;
	width: 55px;
	float: left;
	margin-top: 15px;
    margin-left: 60px;
    background-image: url(images/livedemoarrowback.jpg);
    
}
.demoforward{
	float: right;
	margin-top: -100px;
    background-image: url(images/livedemoarrowback.jpg);
    margin-right: 60px;
    
}
.demoforward a, .demobackward a{
    background-image: url(images/livedemoarrowback.jpg);
}
.demoleft{
	width: 229px;
	float: left;
    
}
.demoright{
	width: 635px;
	float: right;
}

#controlsBox{position: relative;top: 10px;	left: 0px;
padding-left:0px;width:1100px;background-color: #333333;color: #ffffff;font-size: 10px;background: url('images/bgGradientBar.png') 0 100% repeat-x; }

a {outline: none;}