body {
	background-color: black ;
	margin: 0px ;
}

div, table, tr, td, select, option, input, textarea, span, p, pre {
	font-family: Tahoma, Verdana, Lucida Grande, sans ;
	letter-spacing: 1px ;
	font-size: 11px ;
	color: white ;
	margin: 0px ;
}

h1, h2, h3, h4 {
	margin: 0px ;
	font-family: Georgia, Lucida Grande, serif ;
}

a {
	color: white ;
	text-decoration: none ;
	border-bottom: 1px dotted ;
}

a:hover {
	border-bottom: 1px solid ;
}

a.noborder {
	color: white ;
	text-decoration: none ;
	border: 0px ;
}	

a.noborder:hover {
	text-decoration: underline ;
}	

a.noborderred {
	color: #C80000 ;
	text-decoration: none ;
	border: 0px ;
}	

a.noborderred:hover {
	text-decoration: underline ;
}	

a.noborderyellow {
	color: #E1E100 ;
	text-decoration: none ;
	border: 0px ;
}	

a.noborderyellow:hover {
	text-decoration: underline ;
}	

h1 {
	font-size: 36px ;
	font-weight: normal ;
	margin-bottom: 5px ;
}

h2 {
	font-size: 18px ;
	font-weight: normal ;
	color: #E1E100 ;
	margin-bottom: 10px ;
}

h2.fp {
	font-size: 25px ;
	font-weight: normal ;
	color: #FFFFFF ;
	margin-bottom: 10px ;
}
	h2.fp2 {
		font-size: 18px ;
		font-weight: normal ;
		color: #E1E100 ;
		margin-bottom: 10px ;
	}
	
	h2.fp3 {
		font-size: 25px ;
		font-weight: normal ;
		color: #E1E100 ;
		margin-bottom: 10px ;
	}

h2.fpblack {
	font-size: 25px ;
	font-weight: normal ;
	color: black ;
	margin-bottom: 10px ;
}

h2.inline {
	display: inline ;
	font-size: 18px ;
	font-weight: normal ;
	color: #E1E100 ;
	margin-bottom: 10px ;
}

h3 {
	font-size: 12px ;
	font-weight: bold ;
	color: #4B4B4B ;
	margin: 15px 0px 15px 0px ;
}

h3.fp {
	font-size: 12px ;
	font-weight: normal ;
	color: #FFFFFF ;
	margin: 0px ;
	letter-spacing: 0px ;
}

h4 {
	font-size: 14px ;
	font-weight: normal ;
	color: #E1E100 ;
	margin-bottom: 10px ;
	font-weight: bold ;
}

.clearBoth {
	clear: both ;
}

hr {
	border: 0px ;
	color: #4B4B4B ;
	background-color: #4B4B4B ;
	height: 1px ;
	margin-bottom: 10px ;
	margin-top: 10px ;
	margin-left: 0px ;
	padding: 0px ;
}

img, a img {
	border: 0px ;
}

.yellow {
	color: #E1E100 ;
}

.black {
	color: black ;
}

.strong {
	font-weight: bold ;
}

.c {
	text-align: center ;
}

.inline {
	display: inline ;
}

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

p.success {
	padding-left: 20px ;
	background-image: url('../images/success.gif') ;
	background-position: 0px 0px ;
	background-repeat: no-repeat ;
	color: #FFAF00 ;
	font-weight: bold ;
	margin-bottom: 10px ;
}

p.error {
	padding-left: 20px ;
	background-image: url('../images/error.gif') ;
	background-position: 0px 0px ;
	background-repeat: no-repeat ;
	color: #C80000 ;
	font-weight: bold ;
	margin-bottom: 10px ;
}

p.error2 {
	padding-left: 20px ;
	background-image: url('../images/error-2.gif') ;
	background-position: 0px 0px ;
	background-repeat: no-repeat ;
	color: #C80000 ;
	font-weight: bold ;
	margin-bottom: 10px ;
}

p.note {
	text-align: left ;
	font-size: 9px ;
	margin-bottom: 5px ;
}

blockquote {
	font-style: italic ;
}

/***********************************************************************************************/

div.GlobalContainer {
	width: 1000px ;
	margin: 0 auto ;
}

	div.TopContainer {
		height: 100px ;
		background-image: url('../images/css/top-background.jpg') ;
	}
		div.TopOvB {
			height: 70px ;
			font-size: 18px ;
			letter-spacing: 3px ;
			color: white ;
		}
			div.OvB {
				font-family: Georgia, Lucida Grande, serif ;
				font-size: 30px ;
				letter-spacing: 3px ;
				padding-left: 15px ;
				padding-top: 5px ;
			}
			
			div.CG {
				font-family: Georgia, Lucida Grande, serif ;
				font-size: 14px ;
				letter-spacing: 1px ;
				padding-left: 15px ;
				margin-top: -3px ;
				font-weight: bold ;
			}
		
		div.TopMenuFakeContainer {
			position: absolute ;
			top: 70px ;
			width: 1000px ;
			height: 30px ;
			background-color: black ;
			opacity: 0.45 ;
			text-align: right ;
			z-index: 0 ;
		}
		
		div.TopMenuContainer {
			position: absolute ;
			width: 1000px ;
			height: 30px ;
			text-align: right ;
			z-index: 99 ;
		}
		
		ul.TopMenuList {
			margin: 0px ;
			padding: 0px ;
			padding-top: 3px ;
		}	
		
			li.TopMenuItem {
				display: inline ;
				margin: 0px 6px ;
				color: white ;
				font-size: 18px ;
				letter-spacing: 2.5px ;
				font-family: Georgia, Lucida Grande, serif ;
			}
			
			li.TopMenuItem2 {
				display: inline ;
				margin: 0px 6px ;
				color: white ;
				font-size: 18px ;
				letter-spacing: 2.5px ;
				border-bottom: 1px solid #E1E100 ;
				padding-bottom: 6px ;
				font-family: Georgia, Lucida Grande, serif ;
			}
			
			li.TopMenuItemA {
				display: inline ;
				margin: 0px 6px ;
				color: #C80000 ;
				font-size: 18px ;
				letter-spacing: 2.5px ;
				font-family: Georgia, Lucida Grande, serif ;
			}
			
			li.TopMenuItemM {
				display: inline ;
				margin: 0px 6px ;
				color: #E1E100 ;
				font-size: 18px ;
				letter-spacing: 2.5px ;
				font-family: Georgia, Lucida Grande, serif ;
			}
			
				li.TopMenuItem a, li.TopMenuItem2 a {
					font-size: 18px ;
					letter-spacing: 2.5px ;
					border-bottom: 0px ;
				}
				
				li.TopMenuItemA a {
					font-size: 18px ;
					letter-spacing: 2.5px ;
					border-bottom: 0px ;
					color: #C80000 ;
				}
				
				li.TopMenuItemM a {
					font-size: 18px ;
					letter-spacing: 2.5px ;
					border-bottom: 0px ;
					color: #E1E100 ;
				}
				
				li.TopMenuItem a:hover, li.TopMenuItem2 a:hover {
					border-bottom: 1px solid #E1E100 ;
					padding-bottom: 6px ;
				}
				
				li.TopMenuItemA a:hover {
					border-bottom: 1px solid #E1E100 ;
					padding-bottom: 6px ;
				}
				
				li.TopMenuItemM a:hover {
					border-bottom: 1px solid #E1E100 ;
					padding-bottom: 6px ;
				}
			
	div.ContentContainer {
		background-color: black ;
		background-image: url('../images/css/top-gradient.jpg') ;
		background-repeat: repeat-x ;
	}
	
	div.ContentSpacer {
		padding: 10px ;
	}
	
div.FrontpageContainer {

}

	div.NewsTopContainer {
		background-image: url('../images/frontpage-background.jpg') ;
	}
	
	div.NewsLatestItemContainer {
		float: right ;
		margin: 15px ;
		width: 400px ;
		background-color: white ;
		opacity: 0.85 ;
	}
		div.NewsLatestItemSpacer {
			margin: 15px ;
			max-height: 470px ;
			overflow: auto ;
		}
		
		p.NewsLatestContent {
			color: black ;
			text-align: justify ;
		}
		
		p.NewsLatestContent a {
			color: black ;
			font-weight: bold ;
		}
	
	div.NewsBottomContainer {
		background-color: black ;
		background-image: url('../images/css/top-gradient.jpg') ;
		background-repeat: repeat-x ;
	}
		div.NewsBottomRightLists {
			float: right ;
			width: 470px ;
		}
		
		div.NewsBottomLeftLists {
			float: left ;
			width: 500px ;
		}
			div.NewsPortfolioItemContainer {
				margin-bottom: 20px ;
			}
				div.NewsPortfolioItem {
					float: left ;
					position: relative ;
					width: 61px ;
					height: 61px ;
					margin-right: 10px ;
					margin-bottom: 10px ;
				}
					img.NewsPortfolioItemImage {
						padding: 3px ;
						background-color: white ;
					}
					
					div.NewsPortfolioItemToolTip {
						display: none ;
					}
				
				div.NewsPortfolioItem:hover div.NewsPortfolioItemToolTip {
					position: absolute ;
					left: 61px ;
					top: 0px ;
					background-color: white ;
					display: inline ;
					opacity: 0.85 ;
					color: black ;
					padding: 5px ;
					font-size: 9px ;
					width: 200px ;
					z-index: 10 ;
				}
			
			div.NewsTutorialItemContainer {
				margin-top: 20px ;
				margin-bottom: 20px ;
			}
				div.NewsTutorialItem {
					float: left ;
					position: relative ;
					width: 61px ;
					height: 61px ;
					margin-right: 10px ;
					margin-bottom: 10px ;
				}
					img.NewsTutorialItemImage {
						padding: 3px ;
						background-color: white ;
					}
					
					div.NewsTutorialItemToolTip {
						display: none ;
					}
				
				div.NewsTutorialItem:hover div.NewsTutorialItemToolTip {
					position: absolute ;
					left: 61px ;
					top: 0px ;
					background-color: white ;
					display: inline ;
					opacity: 0.85 ;
					color: black ;
					padding: 5px ;
					font-size: 9px ;
					width: 200px ;
					z-index: 10 ;
				}
		
		div.NewsBottomRightMenu {
			float: right ;
			width: 175px ;
			text-align: right ;
		}
		
		div.NewsBottomList {
			float: left ;
			width: 280px ;
		}
			div.NewsBottomListItem {
				padding: 5px 0px ;
				border-bottom: 1px dotted #4B4B4B ;
			}
				div.NewsBottomListItemLeft {
					float: left ;
					width: 75px ;
				}
				
				div.NewsBottomListItemRight {
					float: left ;
					width: 205px ;
					text-align: right ;
				}div.PortfolioContainer {

}

	div.PortfolioListType {
		float: right ;
		height: 20px ;
		width: 100px ;
		margin-top: 10px ;
		text-align: right ;
	}

	/* LIST */
	div.PortfolioListItem {
		margin-top: 15px ;
		margin-bottom: 10px ;
	}

		div.PortfolioListItemImage {
			float: left ;
			width: 172px ;
		}
			img.PortfolioListItemImage {
				padding: 10px ;
				border: 1px solid #4B4B4B ;
			}
			
			img.PortfolioListItemImage:hover {
				padding: 10px ;
				border: 1px solid #666666 ;
			}
			
		div.PortfolioListItemDescription  {
			float: right ;
			width: 800px ;
			color: #AAAAAA ;
		}
			h3.PortfolioListItemTitle {
				font-size: 18px ;
				font-weight: normal ;
				color: white ;
				margin: 0px 0px 10px 0px ;
			}
		
			div.PortfolioListItemSpecifications {
				color: white ;
				font-size: 10px ;
				padding-top: 10px ;
			}
			
				span.PortfolioListItemSpec {
					color: white ;
					font-size: 10px ;
					margin-right: 25px ;
					
				}
	
	div.PortfolioTableListItem {
		float: left ;
		height: 250px ;
		width: 230px ;
		margin-right: 10px ;
		text-align: center ;
	}
	
	div.PortfolioTableListItem:hover {
		background-color: #111111 ;
	}
	
		div.PortfolioTableListItemTitle {
			height: 40px ;
			text-align: center ;
		}
			
			h3.PortfolioTableListItemTitle {
				font-size: 16px ;
				font-weight: bold ;
				color: white ;
				margin: 0px ;
				padding: 0px ;
			}
		
		div.PortfolioTableListItemImage {
			width: 172px ;
			margin: 0 auto ;
		}
		
		div.PortfolioTableListItemSpecs {
			text-align: left ;
			padding-left: 32px ;
		}
				
	/* ITEM */
	
	div.PortfolioThumbnailsContainer {
		margin-bottom: 5px ;
		text-align: center ;
	}
		img.PortfolioThumbnail {
			margin: 0px ;
			padding: 0px ;
			opacity: .66 ;
			height: 40px ;
		}
		
		img.PortfolioThumbnail:hover {
			margin: 0px ;
			padding: 0px ;
			opacity: 1.0 ;
		}
		
		img.PortfolioThumbnail2 {
			margin: 0px ;
			padding: 0px ;
			height: 40px ;
		}
		
	div.PortfolioImageFinalContainer {
		text-align: center ;
	}
		
		div.PortfolioImageBannerspace {
			clear: right ;
			float: right ;
			width: 160px ;
			margin-right: -8px ;
		}
		
		div.PortfolioImageFinalHeader {
			width: 820px ;
			margin: 0 auto ;
		}
		
			div.PortfolioImageFinalPrevious {
				float: left ;
				width: 75px ;
				text-align: left ;
			}
			
			div.PortfolioImageFinalHeaderText {
				float: left ;
				width: 670px ;
				text-align: center ;
			}
			
			div.PortfolioImageFinalNext {
				float: left ;
				width: 75px ;
				text-align: right ;
			}
			
		div.PortfolioImageFinal {
			width: 820px ;
			margin: 0 auto ;
		}
			img.PortfolioImageFinal {
				padding: 10px ;
				border: 1px solid #4B4B4B ;
			}
		
		div.PortfolioAnimationFinal {
			width: 820px ;
			text-align: center ;
			margin-bottom: 10px ;
			margin: 0 auto ;
		}
			div.PortfolioAnimationDownload {
				padding-top: 5px ;
				width: 820px ;
				font-size: 10px ;
				text-align: right ;
			}
			
		div.PortfolioImageOriginalSize {
			padding: 10px ;
			padding-top: 5px ;
			width: 820px ;
			font-size: 10px ;
			text-align: right ;
			margin: 0 auto ;
		}
		
		div.PortfolioImageDescription {
			padding: 10px ;
			padding-top: 5px ;
			width: 820px ;
			color: #AAAAAA ;
			font-size: 11px ;
			text-align: justify ;
			margin: 0 auto ;
		}hr.yellow {
	color: #e1e100 ;
	background-color: #e1e100 ;
	border: 0px ;
	height: 1px ;
	margin-bottom: 10px ;
	margin-top: 10px ;
	margin-left: 0px ;
	padding: 0px ;
}

div.TutorialContainer {

}
	div.TutorialExtras {
		float: right ;
		text-align: right ;
	}
	
	p.TutorialContent {
		text-align: justify ; 
		color: #AAAAAA ;
		margin: 15px 0px ;
	}
	
	span.TutorialText {
		
	}
	
	img.TutorialImage {
		padding: 10px ;
		border: 1px solid #4B4B4B ;
	}
	
	
	div.TutorialBannerspace {
		float: right ;
		width: 160px ;
	}div.ContactContainer {

}
	div.ContactData {
		float: left ;
		width: 450px ;
	}
	
	div.ContactForm {
		float: right ;
		width: 450px ;
	}div.GuestbookContainer {

}

	div.GuestbookEntry {
	
	}
		div.GuestbookEntryName {
			float: left ;
			width: 180px ;
			font-weight: bold ;
			padding: 10px ;
		}
			span.date {
				font-family: Georgia, Lucida Grande, serif ;
				color: #C80000 ;
				font-size: 10px ;
				font-weight: normal ;
			}
		
		div.GuestbookEntryMessage {
			float: right ;
			background-color: black ;
			background-image: url('../images/css/small-gradient-background.jpg') ;
			background-repeat: repeat-x ;
			width: 750px ;
			margin-bottom: 10px ;
			padding: 10px ;
			border: 1px solid #4B4B4B ;
			color: #AAAAAA ;
		}
		
		div.GuestbookEntryPageList {
			float: right ;
			width: 750px ;
			margin-bottom: 10px ;
			padding: 10px ;
		}
		
		span.GuestbookPageList {
			font-size: 10px ;
		}form {
	margin: 0px ;
	padding: 0px ;
	border: 0px ;
}

fieldset {
	margin: 0px ;
	padding: 0px ;
	border: 0px ;
	width: 342px ;
}

fieldset.addcomment {
	margin: 0px ;
	padding: 0px ;
	border: 0px ;
	width: 350px ;
}

label {
	width: 80px ;
	float: left ;
	text-align: right ;
	margin: 0 10px 10px 0 ;
	clear: both ;
}

label.addcomment {
	width: 80px ;
	float: left ;
	text-align: right ;
	margin: 0 10px 10px 0 ;
	clear: both ;
	color: black ;
}

.input-box {
	float: left ;
	margin-bottom: 10px ;
	width: 250px ;
	background-color: #FFFFFF ;
	border: 1px solid #4B4B4B ;
	background-image: url('../images/css/form-bg.gif') ;
	color: black ;
}

.input-image {
	float: left ;
	margin-bottom: 10px ;
	background-color: #FFFFFF ;
	background-image: url('../images/css/form-bg.gif') ;
	color: black ;
}

.textarea {
	float: left ;
	width: 250px ;
	height: 100px ;
	margin-bottom: 10px ;
	background-color: #FFFFFF ;
	border: 1px solid #4B4B4B ;
	background-image: url('../images/css/form-bg.gif') ;
	color: black ;
}

.submit-button {
	background-color: black ;
	color: white ;
	border: 1px solid #4B4B4B ;
	clear: both ;
	float: right ;
}

/* ADMIN */

fieldset.AdminFieldSet {
	margin: 0px ;
	padding: 0px ;
	border: 0px ;
	width: 450px ;
}

fieldset.AdminFieldSetBig {
	margin: 0px ;
	padding: 0px ;
	border: 0px ;
	width: 600px ;
}

label.AdminLabel {
	width: 80px ;
	float: left ;
	text-align: right ;
	margin: 0 10px 10px 0 ;
	clear: both ;
}

input.Admin-input-box {
	float: left ;
	margin-bottom: 10px ;
	width: 358px ;
	background-color: #FFFFFF ;
	border: 1px solid #4B4B4B ;
	background-image: url('../images/css/form-bg.gif') ;
	color: black ;
}

input.Admin-input-box-small {
	float: left ;
	margin-bottom: 10px ;
	width: 50px ;
	background-color: #FFFFFF ;
	border: 1px solid #4B4B4B ;
	background-image: url('../images/css/form-bg.gif') ;
	color: black ;
}

input.Admin-input-image {
	float: left ;
	margin-bottom: 10px ;
	background-color: #FFFFFF ;
	background-image: url('../images/css/form-bg.gif') ;
	border: 0 ;
	width: 358px ;
	color: black ;
}

textarea.Admin-textarea {
	float: left ;
	width: 358px ;
	margin-bottom: 10px ;
	height: 100px ;
	background-color: #FFFFFF ;
	border: 1px solid #4B4B4B ;
	background-image: url('../images/css/form-bg.gif') ;
	color: black ;
}

textarea.Admin-textarea-big {
	float: left ;
	width: 508px ;
	margin-bottom: 10px ;
	height: 300px ;
	background-color: #FFFFFF ;
	border: 1px solid #4B4B4B ;
	background-image: url('../images/css/form-bg.gif') ;
	background-repeat: no-repeat ;
	color: black ;
}

select.Admin-select-box {
	float: left ;
	margin-bottom: 10px ;
	background-color: #FFFFFF ;
	border: 1px solid #4B4B4B ;
	color: black ;
}

select.Admin-select-box option {
	color: black ;
}

option.OptionSelected {
	color: black ;
	font-weight: bold ;
	background-color: #AAAAAA ;
}

span.FormMessage {
	float: left ;
	width: 320px ;
}

span.FormErrorMessage {
	float: left ;
	padding-left: 20px ;
	background-image: url('../images/error.gif') ;
	background-position: 0px 0px ;
	background-repeat: no-repeat ;
	width: 320px ;
	color: #C80000 ;
	font-weight: bold ;
	margin-bottom: 10px ;
}

span.FormSuccessMessage {
	float: left ;
	padding-left: 20px ;
	background-image: url('../images/success.gif') ;
	background-position: 0px 0px ;
	background-repeat: no-repeat ;
	width: 320px ;
	color: #FFAF00 ;
	font-weight: bold ;
	margin-bottom: 10px ;
}
div.CommentsContainer {
	margin-top: 10px ;
}

	div.CommentEntry {
		width: 822px ;
	}
		div.CommentLefts {
			float: left ;
		}
		
		div.CommentEntryName {
			float: left ;
			width: 200px ;
			font-weight: bold ;
			padding: 10px ;
		}
			span.date {
				color: #C80000 ;
				font-size: 10px ;
				font-weight: normal ;
			}
		
		div.CommentEntryMessage {
			float: right ;
			width: 550px ;
			margin-bottom: 10px ;
			padding: 10px ;
			border: 1px solid #4B4B4B ;
			background-color: black ;
			background-image: url('../images/css/small-gradient-background.jpg') ;
			background-repeat: repeat-x ;
			color: #AAAAAA ;
		}
		
	div.AddCommentForm {
		display: none ;
		right: 0px ;
		width: 400px ;
		position: absolute ;
		border: 1px solid #4B4B4B ;
		background-color: white ;
		padding: 10px ;
		opacity: 0.85 ;
	}
	
	div.CommentBannerspace {
		float: right ;
		text-align: right ;
		width: 140px ;
	}div.LinksContainer {

}

	/* LIST */
	div.LinksListItem {
		float: left ;
		margin-bottom: 10px ;
	}

		div.LinksListItemImage {
			float: left ;
			width: 100px ;
		}
			img.LinksListItemImage {
				padding: 10px ;
				border: 1px solid #4B4B4B ;
			}
			
			img.LinksListItemImage:hover {
				padding: 10px ;
				border: 1px solid #666666 ;
			}
			
		div.LinksListItemDescription  {
			float: left ;
			width: 350px ;
			color: #AAAAAA ;
			text-align: justify ;
			margin-right: 20px ;
		}
			h3.LinksListItemTitle {
				font-size: 18px ;
				font-weight: normal ;
				color: white ;
				margin: 0px 0px 0px 0px ;
			}
			
			h3.LinksListItemURL {
				font-size: 10px ;
				font-weight: normal ;
				color: white ;
				margin: 0px 0px 10px 0px ;
			}div.AboutContainer {

}

	p.about {
		text-align: justify ;
		margin-bottom: 15px ;
	}
	
	table.AboutLogos {
		border-collapse: collapse ;
	}
	
	table.AboutLogos tr td {
		text-align: center ;
		padding: 5px ;
	}	p.ShopItemDescription {
		text-align: justify ;
	}
	
	h3.ShopItemTitle {
		
	}
	
	p.nodownload, p.nodownload * {
		color: #4b4b4b ;
	}h4.Subjects {
	font-size: 12px ;
	color: #E1E100 ;
	padding: 3px ;
	margin: 0px ;
}

h4.SubjectsLinked {
	font-size: 12px ;
	color: #E1E100 ;
	padding: 3px ;
	margin: 0px ;
	border-bottom: 1px dotted ;
	cursor: pointer ;
	display: inline ;
}

div #VideoTutorials, div #Ebooks, div #Credits {
	
}

table.MemberAreaCredits tr td {
	text-align: center ;
	font-size: 14px ;
}

table tr.MemberAreaVideoRow1 td {
	background-color: #161616 ;
}

img.MemberAreaMenuIcon {
	vertical-align: bottom ;
}

tr.ProductDescriptionRow {
}

div.ProductDescription {
	display: none ;
	background-color: #161616 ;
	padding: 10px ;
	margin: 10px ;
}

table.ProductDetails tr td {
	padding: 10px ;
	background-color: #161616 ;
}div.AdminContainer {

}
	div.AdminHomeBox {
		float: left ;
		width: 150px ;
		height: 150px ;
		padding: 10px ;
	}

	table.AdminListTable tr td {
		padding: 3px ;
	}
	
	table.AdminListTable tr.AdminTableHeader td, table.AdminListTableP tr.AdminTableHeader td {
		font-weight: bold ;
	}
	
	table.AdminListTableP tr td {
		padding: 3px ;
		vertical-align: top ;
	}
	
	table tr.AdminListTableSubHeader td {
		font-weight: bold ;
		font-size: 12px ;
		color: #E1E100 ;
	}