/* Begin header goodness*/

#nav {
	width: 760px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin: 0;
	padding: 0;
	height: 60px;}

#nav li.on ul, #nav li.off ul {
	margin: 0;
	padding: 0;}

#nav a {
	text-decoration: none;}

#nav li {
	margin: 0;
	float: left;
	display: block;}

#nav li ul {
	display: none;}

#nav li.off ul, #nav li.on ul {
	position: absolute;
	border-top: 1px solid #9D9D9D;
	margin-left: 8px;
	padding: 5px 2px 0px 5px;
	background: #ffffff;
	width: auto;}
	
#nav li a {
	font-weight: bold;
	color: #313131;
	background: #ffffff;
	display: block;
	width: auto;
	border-right: 1px solid #9D9D9D;
	padding: 5px 10px 5px 10px;}

#nav li.on a {
	border: 1px solid #9D9D9D;
	color: #ffffff;}

#nav li.on ul a, #nav li.off ul a {
	float: left;
	border: 0;
	color: #313131;
	width: auto;}

#nav li.on ul {
	display: block;}

#nav li.off:hover ul {
	display: block;
	z-index: 6000;}

#nav li.off a:hover, #nav li:hover a {
	background: #ffffff;
	color: #728ac4;}
	
.searchbox {
	font-size: 9px;}
	
.searchinput {
	margin-left: 10px;
	font-size: 9px;
	width: 100px;}
	
.searchbutton {
	margin-left: 4px;
	width: 55px;}

/* End header goodness*/


/* Begin index silkiness*/
h4 {
	margin: 0;
	color: #728ac4;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;}

#flash {
	margin: 10px 0px 10px 0px;}

#news {
	margin: 5px 0px 0px 0px;
	color: black;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	vertical-align: top;}
	
#news a:link {
	color: black;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; text-decoration: none;
	text-align: left;
	vertical-align: top;}
	
#news a:visited {
	color: black;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	background: none;}
	
#news a:hover {
	color: 728ac4;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	border-bottom: 1pt dashed #728ac4;}
	
#description_container {
	margin: 0px 0px 0px 0px;
	width: 760px;
	height: 350px;
	background: #fff url(/images/shared_images/matrixscreen3.jpg) no-repeat 75% 35%;
	}
	
ul#prodnav {
	margin-top; 20px;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	width: 222px;
	display: block;
	}

ul#prodnav li.pro a, ul#prodnav li.pro a:visited {
	margin: 10px 0px;
	padding: 10px 0px;
	width: 222px;
	background: url(/images/index/CreatorLogoP.png) no-repeat left top;
	display: block;
	text-decoration: none;
	}
	
ul#prodnav li.pro a:hover {
	background: url(/images/index/CreatorLogoPon.png) no-repeat left top;}

	
ul#prodnav li.server a, ul#prodnav li.server a:visited {
	margin: 0px 0px;
	width: 222px;
	padding: 10px 0px;
	background: url(/images/index/CreatorLogoS.png) no-repeat left top;
	display: block;
	text-decoration: none;
	}
	
ul#prodnav li.server a:hover {
	background: url(/images/index/CreatorLogoSon.png) no-repeat left top;}

	
	
	
div.rollover h5 {
	float: left;
	width: 218 px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;}
	
div.rollover h5 a:link {
	text-decoration: none;
	display: block;	
	width: 218px;
	height: 20px;
	margin: 0 0 0 0px;
	padding: 0;
	border: 0;}
	
div.rollover h5 a:visited {
	text-decoration: none;
	display: block;	
	width: 218px;
	height: 20px;
	margin: 0 0 0 0px;
	padding: 0;
	border: 0;}
	
h5.pro a:link { 
	background: url(/images/index/CreatorLogoP.png) no-repeat left top}
	
h5.pro a:visited { 
	background: url(/images/index/CreatorLogoP.png) no-repeat left top}
	
h5.pro a:hover {
	background: url(/images/index/CreatorLogoPon.png) no-repeat left top}
	
h5.server a:link {
	background: url(/images/index/CreatorLogoS.png) no-repeat left top}
	
h5.server a:visited {
	background: url(/images/index/CreatorLogoS.png) no-repeat left top}

h5.server a:hover {
	background: url(/images/index/CreatorLogoSon.png) no-repeat left top}
	
.description h4  { 
	display: block; 
	padding-top: 10px; 
	position: absolute; 
	left: 231px;
	}
	
.description h4.prodetail {
	visibility: hidden;
	height: 20px;
	top: 330px; 
	}
	
.description h4.serverdetail {
	visibility: hidden;
	height: 20px;
	top: 380px; 
	}

.description h4 span {
	display: block;
	cursor: text;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	float: left;
	padding: 8px;
	border-top: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	background-color: #FFF;
	margin: 0px 0px 0px 0px;
	width: 510px;}

.description:hover h4 {
	visibility: visible;}
	
#about {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	width: 525px;
	margin: 0px 0px 0px 0px;}
	
#flashpromo  { 
	margin: 0 0 20px 0; 
	width: 750px; 
	color: black; font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	vertical-align: top;}

#flashpromo a:link {
	color: black; font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; text-decoration: none;
	text-align: left;
	vertical-align: top;}

#flashpromo a:visited {
	color: black;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	background: none;}

#flashpromo a:hover {
	color: 728ac4;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	border-bottom: 1pt dashed #728ac4;}

 
#flashpromo span.flashpromoposition {
	padding: 9px 0px 0px 50px;}
	
		
/* End index silkiness*/

/* store frontpage rollovers */

#storecontainer {
	clear: right;
	float: left;
	width: 760px;
	height: 150px;
	margin: 15px 0 0 0px;
	}
	
div.storerollover h5 {
	float: left;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;}
	
div.storerollover h5 a:link {
	text-decoration: none;
	display: block;	
	width: 68px;
	height: 95px;
	margin: 0 0 0 12px;
	padding: 0;
	border: 0;}
	
div.storerollover h5 a:visited {
	text-decoration: none;
	display: block;	
	width: 68px;
	height: 95px;
	margin: 0 0 0 12px;
	padding: 0;
	border: 0;}
	
/*
h5.storepro a:link { 
	background: url(/images/store/buttons/button_professional.png) no-repeat left top}
	
h5.storepro a:visited { 
	background: url(/images/store/buttons/button_professional.png) no-repeat left top}
	
h5.storepro a:hover {
	background: url(/images/store/buttons/button_professional.png) no-repeat 0 -95px}
	
h5.storedesktop a:link, a:visited {
	background: url(/images/store/buttons/button_desktop.png) no-repeat left top}
	
h5.desktop a:visited {
	background: url/images/store/buttons/button_desktop.png) no-repeat left top}
	
h5.storedesktop a:hover {
	background: url(/images/store/buttons/button_desktop.png) no-repeat 0 -95px}
	
h5.storebooks a:link {
	background: url(/images/store/buttons/button_books2.png) no-repeat left top}
	
h5.storebooks a:visited {
	background: url(/images/store/buttons/button_books2.png) no-repeat left top}

h5.storebooks a:hover {
	background: url(/images/store/buttons/button_books2.png) no-repeat 0 -95px}
	
h5.storeservice a:link {
	background: url(/images/store/buttons/button_service.png) no-repeat left top}
	
h5.storeservice a:visited {
	background: url(/images/store/buttons/button_service.png) no-repeat left top}

h5.storeservice a:hover {
	background: url(/images/store/buttons/button_service.png) no-repeat 0 -95px}
*/
	
.storedescription h4  { background: url(/images/index/boxtop.png) no-repeat; visibility: visible; display: block; padding-top: 12px; position: absolute; top: 270px; float: left;}
	
.storedescription h4.storeprodetail {
	left: 8px;}
	
.storedescription h4.storedesktopdetail {
	left: 88px;}
	
.storedescription h4.storebooksdetail {
	left: 168px;}

.storedescription h4.storeservicedetail {
	left: 248px;}

.storedescription h4 span {
	display: block;
	cursor: text;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	float: left;
	padding: 8px;
	border-top: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	margin: 0px 0px 0px 0px;
	width: 500px;}

.storedescription:hover h4 {
	visibility: visible;}

#foot {
	margin: 0;
	float: left;}

/* Begin bad css...boo...*/

.headings {
	color: black;
	font-size: 8.5pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;}

.boxroll {
	color: black;
	font-size: 8.5pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;}

.boxroll a:link {
	color: black;
	font-size: 8.5pt; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: center;}

.boxroll a:visited {
	color: black; font-size: 8.5pt;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
	text-decoration: none;
	text-align: center;
	background: none;}

.boxroll a:hover {
	color: black;
	font-size: 8.5pt; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background-position: center top;
	text-align: center;
	border-bottom: 1pt dotted white;}

.header {
	color: white; font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	text-align: left;
	text-indent: 5pt;
	vertical-align: top;}

.header a:link {
	color: white; font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold; text-decoration: none;
	text-align: left;
	text-indent: 5pt;
	vertical-align: top;}

.header a:visited {
	color: white;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	text-indent: 5pt;
	vertical-align: top;
	background: none;}

.header a:hover {
	color: white;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	text-indent: 5pt;
	vertical-align: top;
	border-bottom: 1pt dashed #728ac4;}
	
.header2 {
	color: black; font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	vertical-align: top;}

.header2 a:link {
	color: black; font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; text-decoration: none;
	text-align: left;
	vertical-align: top;}

.header2 a:visited {
	color: black;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	background: none;}

.header2 a:hover {
	color: 728ac4;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	border-bottom: 1pt dashed #728ac4;}

.sidemenu {
	color: gray;
	font-size: 7.5pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-indent: 5pt;
	vertical-align: top;
	border-right: 1pt solid black;}

.sidemenu a:link {
	color: #ff3932; font-size: 7.5pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;}

.sidemenu a:visited {
	color: #ff3932; font-size: 7.5pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	background: none;}

.sidemenu a:hover {
	color: gray;
	font-size: 7.5pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1pt dotted black;}

.sidemenu2 {
	color: #ff3932; font-size: 7.5pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-indent: 10pt;
	vertical-align: top;}

.sidemenu2 a:link {
	color: black;
	font-size: 7.5pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1pt dotted gray;}

.sidemenu2 a:visited {
	color: black;
	font-size: 7.5pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1pt dotted gray;
	background: none;}

.sidemenu2 a:hover {
	color: #ff3932;
	font-size: 7.5pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1pt solid white;}
	
.sidemenu3 {
	color: #728ac4; font-size: 7.5pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-indent: 10pt;
	vertical-align: top;}

.sidemenu3 a:link {
	color: black;
	font-size: 7.5pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1pt dotted gray;}

.sidemenu3 a:visited {
	color: black;
	font-size: 7.5pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1pt dotted gray;
	background: none;}

.sidemenu3 a:hover {
	color: #728ac4;
	font-size: 7.5pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1pt solid white;}


.copy {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5pt;
	padding-left: 10pt;}


.graybox {
	border: solid 1pt gray; }


.box {
	border: solid 1pt black; }

.box1 {
	border-top: 1pt solid black;
	border-right: 1pt solid black;
	border-bottom: 1pt solid black; }

.box2 {
	border-right: 1pt solid black;
	border-bottom: 1pt solid black;
	border-left: 1pt solid black; }

.box3 {
	border-top: 1pt solid black;
	border-bottom: 1pt solid black;
	border-left: 1pt solid black; }

.box4 {
	border-top: 1pt solid black;
	border-right: 1pt solid black;
	border-left: 1pt solid black; }

.box5 {
	border-right: 1pt solid black;
	border-bottom: 1pt solid black; }

.box6 {
	border-bottom: 1pt solid black;
	border-left: 1pt solid black; }

.box7 {
	border-top: 1pt solid black;
	border-right: 1pt solid black; }

.box8 {
	border-top: 1pt solid black;
	border-bottom: 1pt solid black; }

.box9 {
	border-right: 1pt solid black;
	border-left: 1pt solid black; }

.box10 {
	border-left: 1pt solid black; }

.box11 {
	border-top: 1pt solid black; }

.box12 {
	border-right: 1pt solid black; }

.box13 {
	border-bottom: 1pt solid black; }

.boxdividernounderline {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5pt; padding-bottom: 5pt;
	padding-left: 10pt;}

.boxdivider {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5pt; padding-bottom: 5pt;
	padding-left: 10pt;
	border-bottom: 1pt dotted gray;}

.boxdivider a:link {
	color: #728ac4;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;}

.boxdivider a:visited {
	color: #728ac4;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: none;}

.boxdivider a:hover {
	color: #728ac4;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;}

.boxdivider2 {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5pt; padding-bottom: 5pt;
	padding-left: 10pt;
	border-bottom: 1pt dotted gray;}

.boxdivider2 a:link {
	color: #728ac4;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;}

.boxdivider2 a:visited {
	color: #728ac4;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: none;}

.boxdivider2 a:hover {
	color: #728ac4;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;}
	
.boxdivider2 h4 {
 	color: #728ac4;
 	font-size: 9pt;
 	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
	
.boxdivider2 h3 {
 	color: #000000;
 	font-size: 10pt;
 	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

.headerlinks {
	color: black;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;}

.headerlinks a:link {
	color: black;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;}

.headerlinks a:visited {
	color: black;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	background: none;}

.headerlinks a:hover {
	color: #728ac4;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1pt dotted gray;}
	
#nobg a {
	background: none;}
	

/* End bad css*/

/* creator store css */

.forgotCopy {
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5pt;
	padding-left: 10pt;}
	
.crumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	color: #ff3932;
	font-weight: bold;}
	
.crumbs a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	font-weight: bold;}
	
.crumbs a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	font-weight: bold;}
	
.crumbs a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	font-weight: bold;}
	
.clearBoth {
	clear: both;}