@charset "UTF-8";
/* CSS Document */

/*RESET ALL*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
table {
	border-collapse: collapse;
	/*border-spacing: 0;*/
}
#Container {
	background-color:#FFF;
	height:790px;
	width:950px;
	margin: 0 auto;
}
#content {
	position:relative;
	height:790px;
}

#Header {
	position:absolute;
	top:0;
	height:120px;
	width:950px;
	
}
#Logo {
	display:block;
	float:left;
	margin:10px;
	background-image:url(../logo/Logo.jpg);
	background-repeat:no-repeat;
	height:100px;
	width:313px;
	text-indent:-10000px;
}
#Logo a {
	display:block;
	width:100%;
	height:100%;
}
#return {
	position:absolute;
	background-image:url(../img/return.png);
	height:15px;
	width:70px;
	top:10px;
	left:10px;
	
}
#HeadTag {
	float:left;
	margin:10px;
	margin-left:30px;
	background-image:url(../img/HeaderTag.png);
	background-repeat:no-repeat;
	height:100px;
	width:360px;
}
#StartBtn {
	position:absolute;
	display:block;
	left:790px;
	top:0px;
	background-image:url(../img/StartBtn.jpg);
	background-repeat:no-repeat;
	height:100px;
	width:160px;
	text-indent:-10000px;
}
#StartBtn a {
	display:block;
	width:100%;
	height:100%;
}
#StartBtn a:hover {
	background:url(../img/StartBtn.jpg) no-repeat 0 -100px;
}
#FirstTimeBtn {
	position:absolute;
	display:block;
	left:790px;
	top:95px;
	background-image:url(../img/FirstTimeBtn.jpg);
	background-repeat:no-repeat;
	height:20px;
	width:145px;
	text-indent:-10000px;
}
#FirstTimeBtn a {
	display:block;
	width:100%;
	height:100%;
}
#FirstTimeBtn a:hover {
	background:url(../img/FirstTimeBtn.jpg) no-repeat 0 -20px;
}
#MenuBar {
	position:absolute;
	top:120px;
	background-image:url(../img/MenuBar.jpg);
	background-repeat:no-repeat;
	height:30px;
	width:950px;
}
#MenuList {
	position:relative;
	font-size:16px;
	font-weight:bold;
	color:#FFF;		
}
#MenuList ul {
	width:950px;
	height:30px;
	list-style:none;
	padding-left:20px;
	padding-right:20px;
}
#MenuList ul li {
	float:left;
	height:30px;
	padding-top:4px;
}
#MenuList ul li a {
	color:#FFF;
	text-decoration: none;
}
#MenuList ul li a:hover {
	color:#000;
}
#SideNav {
	position:absolute;
	top:160px;
	left:10px;
	width:250px;
	height:130px;
}
.NavBox {
	display:block;
	background-image:url(../img/SideNavBox.jpg);
	background-repeat:no-repeat;
	height:40px;
	width:250px;
	margin-bottom:5px;
}
.NavBox a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	padding-top:3px;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
}
.NavBox a:hover {
	background:url(../img/SideNavBox.jpg) no-repeat 0 -40px;
}
.NavBoxSubText {
	font-size:10px;
	font-weight:normal;
	color:#333;
}
#Calendar {
	position:absolute;
	top:400px;
	left:10px;
	height:150px;
	width:248px;
	border:#999 1px solid;
}
#BoxBanner {
	position:relative;
	height:20px;
	width:248px;
	background-color:#333;
	border-bottom:#999 1px solid;
	font-size:12px;
	font-weight:bold;
	text-indent:10px;
	padding-top:4px;
	color:#FFF
}
#CalData {
	background-image:url(../img/CalPic.jpg);
	height:115px;
	width:238px;
	font-size:12px;
	font-weight:normal;
	text-indent:10px;
	padding:5px;
	color:#333;
}
#CalData h1 {
	font-weight:bold;
	color:#F00;
}
#FBO {
	position:absolute;
	top:293px;
	left:10px;
	height:100px;
	width:248px;
	border: 1px solid #999;
}
#ProductList {
	background-image:url(../img/CatalogGrad.jpg);
	background-repeat:repeat-x;
	height:75px;
	width:238px;
	font-size:12px;
	font-weight:Normal;
	padding:5px;
	color:#333;
}
#ProductList ul {
	list-style:none;
}
#AttractSWF {
	position:absolute;
	top:160px;
	left:300px;
	height:250px;
	width:630px;
}
#VarText {
	position:absolute;
	top:440px;
	left:300px;
	height:130px;
	width:630px;
	font-size:14px;
	font-weight:Normal;
	color:#333;
}
#VarText h1 {
	font-weight:bold;
	font-size:24px;
	text-transform:uppercase;
}

#VarText p {
	margin-top:6px;
	margin-bottom:6px;
}
#howtoSWF {
	position:relative;
	top:160px;
	left:330px;
	height:400px;
	width:550px;
}
#QuickPic {
	position:absolute;
	top:600px;
	left:0;
	height:160px;
	width:950px;
}

#QuickPic ul {
	display:block;
	float:left;
	background:url(../img/Quickpic.jpg) no-repeat 0 0;
	height:160px;
	width:950px;
	list-style:none;
}
#QuickPic ul li {
	display:block;
	float:left;
	height:160px;
	text-indent:-10000px;
}
#Nothing {
	width:150px;
}
#PhotoBook {
	width:179px;
}
#CeramicMug {
	width:171px;
}
#MousePad {
	width:172px;
}
#T-Shirt {
	width:145px;
}
#Other {
	width:133px;
}
#QuickPic ul li a {
	display:block;
	width:100%;
	height:100%;
}
#PhotoBook a:hover {
	background:url(../img/Quickpic.jpg) no-repeat -150px -160px;
}
#CeramicMug a:hover {
	background:url(../img/Quickpic.jpg) no-repeat -329px -160px;
}
#MousePad a:hover {
	background:url(../img/Quickpic.jpg) no-repeat -500px -160px;
}
#T-Shirt a:hover {
	background:url(../img/Quickpic.jpg) no-repeat -672px -160px;
}
#Other a:hover {
	background:url(../img/Quickpic.jpg) no-repeat -817px -160px;
}
#Footer {
	position:relative;
	top:0px;
	height:20px;
	width:950px;
	font-size:9px;
	font-weight:Normal;
	color:#FFF;
	padding-top:5px;
}
#Footer ul {
	list-style:none;
}
#Footer ul li {
	float:left;
	padding-right:30px;
}
#Footer a {
	text-decoration:none;
}
#Footer a:hover {
	color:#333;
}
#FAQ {
	position:relative;
	top:150px;
	left:300px;
	height:610px;
	width:630px;
	overflow: auto;
	font-size:12px;
	padding:10px;
	padding-top:20px;
	background-color:#E3E3E3
}

#FAQ ul {
	padding-left:40px;
}
#FAQ ul li {
	padding-left:0px;
}
#FAQ h6 {
	font-size:24px;
	font-weight:bold;
}
#FAQ h1 {
	font-size:20px;
	font-weight:bold;
}
#FAQ h2 {
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
}
#FAQ h3 {
	font-size:12px;
	padding-left:10px;
}
#FAQ h4 {
	font-size:9px;
	padding-left:20px;
}
#FAQ a {
	text-decoration:none;
}
#FAQ p {
	padding-left:20px;
}
#Compare {
	position:relative;
	top:160px;
	left:300px;
	height:600px;
	width:600px;
	overflow: auto;
	font-size:12px;
	padding:10px;
}
#Compare h1 {
	font-size:18px;
	font-weight:bold;
	padding-bottom:9px;
}
#Compare h6 {
	font-size:24px;
	font-weight:bold;
}
#dare {
	position:absolute;
	top:565px;
	margin:10px;
	width:248px;
	height:200px;
}
#barform {
	position:relative;
	top:160px;
	left:300px;
	height:380px;
	width:550px;
	padding:10px;
	
}
#barform .form_buttons, #raf .form_buttons {
	text-align:center;
	padding-top:10px;
}
#barform ul {
	text-align:right;
	list-style:none;
	padding-right:80px;
	padding-top:10px;
}
#barform ul li {
	margin-left:20px;
	padding-bottom:7px;
	font-size:12px
	
}
#barform legend {
	font-size:24px;
	font-weight:bold;
}
#ContactUs {
	position:relative;
	top:160px;
	left:300px;
	height:380px;
	width:550px;
	padding:10px;
	font-size:14px;
}
#ContactUs h6 {
	font-size:24px;
	font-weight:bold;
}
#raf {
	position:relative;
	top:160px;
	left:300px;
	height:380px;
	width:550px;
	padding:10px;
	
}
#raf ul {
	list-style:none;
	text-align:right;
	padding-right:120px;
	padding-top:10px;
}
#raf ul li {
	padding-bottom:7px;
	font-size:12px
}
#raf legend {
	font-size:24px;
	font-weight:bold;
}
#howto {
	position:relative;
	top:160px;
	left:300px;
	height:40px;
	width:590px;	
}
#howto h1 {
	font-size:24px;
	font-weight:bold;
}
#first {
	position:relative;
	top:150px;
	left:300px;
	height:620px;
	width:630px;
	padding:10px;
	overflow: auto;
	
}
#first2 {
	position:relative;
	height:620px;
	width:400px;	
}
#first h1 {
	font-size:20px;
	font-weight:bold;
}
#first p {
	font-size:12px;
	color:#000;
}
#first h2 {
	font-size:14px;
	color:#F00;
	line-height:100%;
}
#first h3 {
	font-size:16px;
	line-height:100%;
	color:#000;
}
#storagepic {
	position:absolute;
	background-image:url(../img/storage.jpg);
	background-repeat:no-repeat;
	top:320px;
	left:444px;
	height:556px;
	width:186px;
}
#player {
	position:absolute;
	top:50px;
	left:55px;
	height:330px;
	width:480px;
}
#flow {
	position:absolute;
	top:390px;
	height:230px;
	width:590px;
}
#marquee {
	position:absolute;
	top:760px;
	left:0;
	height:30px;
	width:950px;
	padding-top:4px;
}