@charset "utf-8";
/* CSS Document */
html, body {
	height: 100%;
	background:url(images/layout/stripes.png) repeat top left #000;
	margin:0;
	padding:0;
}
h1 {
	font-size:1.2em;
}
h2 {
	font-size:1em;
}
h3 {
	font-size:.7em;
	;
}
h1, h2, h3 {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}
h1, h2, h3, a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	line-height:.8em;
}
.smalltype{
	font-size:.6em;
}
a:link {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}
a:hover {
	color:#fff;
}
a:active {
	color:#fff;
}
a:visited {
	color:#fff;
}
a:visited:hover {
	color:#fff;
}
p {
	font-size:.8em;
	line-height:1.2em;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}
#home {
	width:200px;
	height:40px;
	float:left;
	position:relative;
	margin:10px 0 0 10px;
}
#wrap {
	min-height: 100%;
	background:url(images/layout/bgpatternglow.png) no-repeat top center;
	background-position:center fixed;
	min-width:1024px;
}
#main {
	overflow:auto;
	padding-bottom:68px;
}
#hr-grd-hdr {
	background:url(images/layout/grdnt.png) repeat-x top left;
	height:150px;
	width:100%;
	z-index:0;
	margin-bottom:5px;
}
#footer {
	background:url(images/layout/grdnt-ftr.png) repeat-x top left;
	position: relative;
	margin-top:-68px;
	height:68px;
	clear:both;
	border-top:1px solid #666;
}
#menu {
	width:832px;
	height:67px;
	background:url(images/layout/hr-bg.png) no-repeat;
	position:relative;
	margin:auto;
	top:25px;
}
#navigation {
	width:295px;
	float:right;
	margin:26px 10px 0 0;
	font:.9em Arial, Helvetica;
	color:#fff;
	font-weight:bold;
}
.bg-pattern {
	height:auto;
	width:auto;
	position:relative;
}
#navwrapper {
	width:100%;
	postion:relative;
	height:auto;
	margin:auto;
}
#dock2 {
	width: 100%;
	bottom: 0px;
	position: relative;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	padding-left: 20px;
}
a.dock-item2 {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px;
	color: #fff;
	bottom: 0px;
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left:20px;
	float:right;
 color="#fff"
}
.push {
	border:solid 1px #000;
	position:absolute;
	top:50px;
	background:url(images/icons/title-bg.png) no-repeat top left;
	padding:3px;
	color:#fff;
}
.dock-item2 img {
	border: none;
	margin: 5px 10px 0px;
	width: 100%;
}
#wacom {
	position:relative;
	overflow:visible;
	top:215px;
}
.wacom {
	background:url(images/icons/wacom.png) no-repeat top left;
	height:119px;
	width:159px;
}
.pencil-eraser {
	background:url(images/icons/pencil-eraser.png) no-repeat top left;
	height:116px;
	width:86px;
}
#text-area {
	position:absolute;
	float:right;
	padding:15px 25px 20px 50px;
	width:auto;
}
#artboard {
	top:20px;
	position:relative;
	margin: -65px auto;
	left:195px;
	width:430px;
	height:335px;
	display:block;
	overlow:hidden;
}
.paper {
	background:url(images/icons/CF-black-glass.png) no-repeat top left;
}
.email {
	background:url(images/icons/Email-Marketing.png) no-repeat top left;
}
.paper2 {
	background:url(images/icons/paper2.png) no-repeat top left;
}
.uopx {
	background:url(images/icons/uopx-bg.png) no-repeat top left;
}
.marketing {
	background:url(images/layout/pane-emailmarketing.png) no-repeat top left;
}
.vector{
	background:url(images/icons/vector-bg.png) no-repeat top left;
}
.raster{
	background:url(images/icons/raster-bg.png) no-repeat top left;
}
.thumb_1 {
	background:url(images/icons/thumbnail-001.png) no-repeat top left;
}
.thumb_2 {
	background:url(images/icons/thumbnail-002.png) no-repeat top left;
}
.thumb_3 {
	background:url(images/icons/thumbnail-003.png) no-repeat top left;
}
.thumb_4 {
	background:url(images/icons/thumbnail-004.png) no-repeat top left;
}
.thumb_5 {
	background:url(images/icons/thumbnail-005.png) no-repeat top left;
}
.thumb_6 {
	background:url(images/icons/thumbnail-006.png) no-repeat top left;
}
.thumb_7 {
	background:url(images/icons/thumbnail-007.png) no-repeat top left;
}
/* PENCILS, PENS, & MARKERES */
.thumb_8 {
	background:url(images/icons/thumbnail-008.png) no-repeat top left;
}
.thumb_9 {
	background:url(images/icons/thumbnail-009.png) no-repeat top left;
}
.thumb_10 {
	background:url(images/icons/thumbnail-010.png) no-repeat top left;
}
.thumb_11 {
	background:url(images/icons/thumbnail-011.png) no-repeat top left;
}
.thumb_12 {
	background:url(images/icons/thumbnail-012.png) no-repeat top left;
}
.thumb_13 {
	background:url(images/icons/thumbnail-013.png) no-repeat top left;
}
.thumb_14 {
	background:url(images/icons/thumbnail-014.png) no-repeat top left;
}
.thumb_15 {
	background:url(images/icons/thumbnail-015.png) no-repeat top left;
}
.thumb_16 {
	background:url(images/icons/thumbnail-016.png) no-repeat top left;
}
.thumb_17 {
	background:url(images/icons/thumbnail-017.png) no-repeat top left;
}
.thumb_18 {
	background:url(images/icons/thumbnail-018.png) no-repeat top left;
}
#next, #prev{
	bottom:15px;
	right:3px;
	width:100px;
	height:25px;
	float:right;
	top:295px;
	position:absolute;
	z-idex:99;
	curosr:pointer;
}
#next{background:url(images/icons/next.png) center top no-repeat;}
#thumbnail {
	float:left;
	width:133px;
	height:91px;
	margin:5px;
	cursor:pointer;
	background-position:2px;
}
.windowpage {
	background:url(images/layout/window-pane.png) no-repeat top left;
	width:402px;
	height:322px;
	position:relative;
	margin: -320px auto;
	left:-222px;
}
#wacom-icon-sm {
	margin:35px 0 0 3px;
	width:140px;
	height:111px;
	float:left;
}
.wacom-cat-lightpath {
	background:url(images/icons/wacom-light-paths.png) top left no-repeat;
	padding-right:100px;
}
.wacom-placeholder {
	background:url(images/icons/wacom-icon-sm.png) top left no-repeat;
}
.wacom-digital-icon {
	background:url(images/icons/wacom-digital-icon.png) top left no-repeat;
}
.wacom-pencil-icon {
	background:url(images/icons/wacom-pencil-icon.png) top left no-repeat;
}
.wacom-uopx-icon {
	background:url(images/icons/wacom-uopx-icon.png) top left no-repeat;
	padding-right:100px;
}
.markting-uopx-logo {
	position:absolute;
	background:url(images/icons/uop-logo.png) top left no-repeat;
	width:137px;
	height:60px;
	top:260px;
	float:left;
}
.grid {
	background:url(images/icons/grid.png) no-repeat top left;
}
#email-01 {
	background:url(images/icons/email-template-01.png) top left no-repeat;
	width:172px;
	height:250px;
	margin:10px 0 0 10px;
	postion:relative;
	float:left;
}
#alienthing {
	background:url(images/icons/alienthing.png) top left no-repeat;
	width:158px;
	height:313px;
	position:absolute;
	left:310px;
	top:20px;
}
:-moz-any-link:focus {
 outline: 1px dotted invert;
}
:-moz-any-link:focus {
 outline: none;
}