/* web-candy stylesheet */
body {
	color: #999;
	position: absolute;
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	font-family: "Century Gothic", sans-serif, helvetica;
	background-color:#fff;
}
img {
	border: none;
	padding: 0px;
	margin: 0px;
}
.float {
	margin:0 auto;
	position:relative;
	width:951px;
	height: auto;
	padding-bottom:10px;
	background-color:transparent;
	padding-top:10px;
	text-align:left;
}
.tech_back {
	position:absolute;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 200px;
	margin-left:2px;
	left: 10px;
	top: 0px;
	width: 830px;
	height: auto;
}
.logo {
	position: absolute;
	left: 29px;
	top: 20px;
}
.banner {
	position: absolute;
	left: 166px;
	top: 29px;
	font-family: 'Nova Square', cursive;
	color: #999;
	font-size: 40pt;
	font-weight:bold;
}
/* Navigation */
#sidebar {
	position:absolute;
	top: 130px;
	left: 6px;
	height:auto;
	width: 185px;
}
.nav {
	position: relative;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
	height:auto;
	width: 120px;
	font-weight: bold;
	text-align: right;
	border: thin solid #999;
}
.nav a {
	text-decoration: none;
	padding-bottom: 2px;
	padding-right: 10px;
	display:block;
}
.nav a:link {
	color: #999;
}
.nav a:visited {
	color: #777;
}
.nav a:active {
	color: #000;
	background-color:#6cc;
}
.nav a:hover {
	color: #CCFFFF;
	background-color:#1B3636;
}
.nav a.selected {
	font-weight: bold;
	font-size: 110%;
	background-color: #CFF;
	background-image:url(assets/images/head.jpg);
	color:#000;
}
.sticker {
	position:absolute;
	top: 243px;
	left: 626px;
	width: 300px;
	height: 100px;
	;
	background-color:transparent;
	text-decoration:none;
	font-size:25px;
	border-radius: 10px;
}
.sticker a {
	text-decoration:none;
}
/*display */
.display {
	position:relative;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 15px;
	float:right;
	top: 110px;
	left: 136px;
	font-size: 100%;
	height: auto;
	width: auto;
	height:auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
	border:thin #999 solid;
}
.head {
	background-color:#ccc;
	padding-left: 10px;
	color:#000;
	display:block;
	font-weight: bold;
	font-size: 120%;
	width:auto;
	height: 27px;
}
.heart {
	font-size: 100%;
	text-align:center;
	font-size: 100%;
}
.heart a:link {
	color:#00CC00;
}
.heart a:visited {
	color:#009900;
}
.heart a:active {
	color:#00FF00;
}
.heart a:hover {
	color:#00FF00;
}
#overlay1 {
	position:absolute;
	top:686px;
	left: 38px;
	width:376px;
	height: 146px;
}
#overlay2 {
	position:absolute;
	top:1032px;
	left: 46px;
	width:758px;
	height: 99px;
}
#overlay3 {
	position:absolute;
	top:1226px;
	left: 430px;
	width:364px;
	height: 152px;
}
#overlay4 {
	position:absolute;
	top:686px;
	left: 244px;
	width:343px;
	height: 302px;
	z-index:1111;
}
#overlay5 {
	position:absolute;
	top:1126px;
	left: 203px;
	width:454px;
	height: 154px;
}
#overlay6 {
	position:absolute;
	top:1285px;
	left: 264px;
	width:307px;
	height: 338px;
}
#overlay7 {
	position:absolute;
	top:1489px;
	left: 46px;
	width:369px;
	height: 201px;
}
#overlay8 {
	position:absolute;
	top:1494px;
	left: 446px;
	width:317px;
	height: 199px;
}
#overlay9 {
	position:absolute;
	top:1774px;
	left: 46px;
	width:367px;
	height: 198px;
}
#overlay10 {
	position:absolute;
	top:1781px;
	left: 423px;
	width:363px;
	height: 195px;
}
#overlay11 {
	position:absolute;
	top:2144px;
	left: 46px;
	width:360px;
	height: 197px;
}
#overlay12 {
	position:absolute;
	top:2117px;
	left: 425px;
	width:359px;
	height: 194px;
}
#overlay13 {
	position:absolute;
	top:2532px;
	left: 54px;
	width:364px;
	height: 192px;
}
#overlay14 {
	position:absolute;
	top:2529px;
	left: 418px;
	width:361px;
	height: 200px;
}
#overlay15 {
	position:absolute;
	top:2928px;
	left: -39px;
	width:357px;
	height: 195px;
}
#overlay16 {
	position:absolute;
	top:2928px;
	left: 432px;
	width:361px;
	height: 196px;
}
#overlay17 {
	position:absolute;
	top:3175px;
	left: 8px;
	width:370px;
	height: 200px;
}
#overlay18 {
	position:absolute;
	top:3175px;
	left: 425px;
	width:363px;
	height: 197px;
}
#overlay19 {
	position:absolute;
	top:3400px;
	left: 41px;
	width:372px;
	height: 218px;
}
#overlay20 {
	position:absolute;
	top:3400px;
	left: 430px;
	width:358px;
	height: 220px;
}
#overlay21 {
	position:absolute;
	top:3940px;
	left: 189px;
	width:449px;
	height: 164px;
}
#overlay22 {
	position:absolute;
	top:4120px;
	left: 192px;
	width:449px;
	height: 164px;
}
.text {
	text-align:justify;
	font-size: 80%;
	height: 60px;
}
.text-area {
	font-family:"Courier New", Courier, monospace;
	background-color:#FFFFCC;
	padding-left: 10px;
	color:#999;
	text-align:left;
	font-size: 110%;
}
.tube {
	background-color:#000;
}
.foot {
	background-color: #1B3636;
	background-image:url(assets/images/candy-arrow-go.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	color:#6cc;
	display:block;
	font-weight: bold;
	font-size: 110%;
	width:auto;
	height: auto;
}
.foot a {
	color:#31cf00;
	padding-left: 50px;
	text-decoration: none;
}
.foot a:link {
	color:#6cc;
}
.foot a:hover {
	color: #FFF;
}
.download {
	text-align:justify;
	background-color: #1B3636;
	background-image:url(assets/images/candy-arrow-down.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	color:#6cc;
	display:block;
	font-weight: bold;
	font-size: 110%;
	width:auto;
	height: auto;
}
.download .button {
	font-size: 110%;
	font-weight: bold;
	border:none;
	color:#31cf00;
	background-color:#1B3636;
	margin-left: 50px;
	text-decoration: none;
}
.download .button:hover {
	color: #FFF;
}
.download a {
	color:#31cf00;
	padding-left: 50px;
	text-decoration: none;
}
.download a:hover {
	color: #FFF;
}
.product {
	width: 742px;
	background-image:url(assets/images/fade.jpg);
	background-repeat:repeat-x;
	height:auto;
	float:left;
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 10px;
	margin-bottom: 65px;
}
.product_box {
	background-image:url(assets/images/fade.jpg);
	background-repeat:repeat-x;
	float:left;
	width: 362px;
	height:auto;
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 5px;
	margin-bottom: 65px;
}
.code {
	position:relative;
	font-size: 130%;
	color: #999;
	text-align:left;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none
}
h1 {
	color:#066;
	font-size: 14pt;
	padding:0px;
	margin:0px;
	border:0px;
}
h2 {
	font-family: 'Nova Square', cursive;
	color: #999;
	font-size: 30pt;
	font-weight: normal;
	margin: 0px;
}
h3 {
	font-family: "Century Gothic", sans-serif, helvetica;
	color: #009999;
	font-size: 10pt;
}
h4 {
	font-family: "Century Gothic", sans-serif, helvetica;
	color: #006666;
	font-size: 30pt;
}
.strap {
	width: 742px;
	height:auto;
	float:left;
	margin-top: 5px;
	margin-left: 15px;
	margin-right: 10px;
	margin-bottom: 5px;
}

