/* CSS Document */


body { 
	margin:0px;
	background:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1 {
   font-family: arial;
   font-size: 18px;
   line-height: 22px;
   color: rgb(220,80,102);
}
a {
   text-decoration: none;
}
a:link, a:visited {
   color: rgb(80, 165, 210);
}
a:hover {
   color: rgb(0, 130, 204);

}
a:active {
   color: rgb(220, 80, 102);
}


#top_nav {
	height:21px;
	color: #533478;
	background-image: url(http://cdnimg.piczo.com/images/homepages/nav_top_bkgrd.gif);
	border-top:1px #828282 solid;
	border-bottom:1px #828282 solid;
	width:100%;
	padding:0px 0px 0px 0px;
	z-index:90;
}
#top_nav a {
	font:12px Arial;
	font-weight:bold;
	color:#533478;
	text-decoration:none;
}
#top_nav a:hover {
	text-decoration:underline;
	background:none;
}
#home_main { 
}


.stage {
   background-image:url(http://cdnimg.piczo.com/images/homepages/background.jpg);
   background-repeat:no-repeat;
   padding:20px 20px 0px 15px;
   position: relative;
   width: 740px;
   height:793px;
   text-align:center;
}
#home_left {
	float:left;
	width:430px;
}
#home_right {
	float:right;
	width: 300px; 
}
#home_signup {
	margin:5px 0px;
}


#matrix {
   width: 400px;
   margin-left:15px;
}
#matrix div {
   position: relative;
   float: left;
   width: 98px;
   height: 98px;
   border: 1px solid white;
   visibility: hidden;
}
#matrix div div {
   position: absolute;
   width: 112px;
   height: 112px;
   border: 1px solid white;
   left: -12px;
   top: -12px;
   z-index: 1;
   visibility: hidden;
}
#matrix div img {
   cursor: pointer;
   cursor: hand;
}

#slideshow {
   position: absolute;
   top: 235px;
   left: 0px;
   width: 450px;
   height: 340px;
   visibility: hidden;
   color: rgb(140,140,140);
   z-index: 10;
   border:1px #333333 solid;
}
#slideshow div {
   position: absolute;
   font-size: 11px;
   left: 0px;
   top: 0px;
   width: 410px;
   height: 315px;
   display: inline;
   padding-left: 10px;
   visibility: hidden;
}
#slideshow .screen {
   position: absolute;
   left: 10px;
   top: 50px;
   width: 430px;
   height: 265px;
   border: 0px;
}
#slideshow h1 {
   font-size: 13px;
   line-height: 16px;
   margin-bottom: 2px;
   margin-top: 8px;
}
#slideshow h1 a {
   color: rgb(220,80,102);
   margin-left: 0px;
}
#slideshow a {
   margin-left: 15px;
}
#slideshow .background {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 450px;
   height: 340px;
   background: white;
   opacity: 0.95;
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
}
#slideshow #close {
   position: absolute;
   top: 5px;
   right: 10px;
   width: 26px;
   height: 24px;
   background: red;
   z-index: 2;
   margin-left: 0px;
   background: url(http://cdnimg.piczo.com/images/public/piczo2/graphics3/btn_screen_close_default.gif) no-repeat 0px 0px;
}
#slideshow #previous {
   position: absolute;
   bottom: 0px;
   left: 10px;
   width: 26px;
   height: 24px;
   background: red;
   z-index: 2;
   margin-left: 0px;
   background: url(http://cdnimg.piczo.com/images/public/piczo2/graphics3/btn_screen_prev_default.gif) no-repeat 0px 0px;
}
#slideshow #next {
   position: absolute;
   bottom: 0px;
   right: 10px;
   width: 26px;
   height: 24px;
   background: red;
   z-index: 2;
   margin-left: 0px;
   background: url(http://cdnimg.piczo.com/images/public/piczo2/graphics3/btn_screen_next_default.gif) no-repeat 0px 0px;
}
#slideshow #close:hover {
   background: url(http://cdnimg.piczo.com/images/public/piczo2/graphics3/btn_screen_close_hover.gif);
}
#slideshow #previous:hover {
   background: url(http://cdnimg.piczo.com/images/public/piczo2/graphics3/btn_screen_prev_hover.gif);
}
#slideshow #next:hover {
   background: url(http://cdnimg.piczo.com/images/public/piczo2/graphics3/btn_screen_next_hover.gif);
}

	
.footer {
   margin: 0px 20px;
   border-top: 1px rgb(239,239,239) solid;
   color: rgb(180,180,180);
   clear: both;
   font-size: 11px;
   line-height:18px;
   width:730px;

}
.footer .navigation {
   display: block;
   float: left;
   padding: 0px 10px;
   border-left: 1px rgb(239,239,239) solid;
}
.footer .navigation.first {
   padding-left: 0px;
   border-left: none;
}
.footer a:hover {
   background: rgb(215, 230, 245);
 }
.copyright {
  clear: both;
  padding-top: 5px;
}
#features {
	position:absolute;
	top:130px;
	left:-70px;
	width:512px;
	height:282px;
	background:url(http://cdnimg.piczo.com/images/homepages/feature_background.gif);
	background-repeat:no-repeat;
	display:none;
	z-index:100000000;
}
#feature_nav {
	padding:10px 0px 10px 0px;
}
#linkClose	{
	font-size:14px;
	padding-right:20px;
	text-decoration:underline;
}
.feature_box {
	clear:both;
	display:none;
	height:180px;
}
.pic {
	float:left;
}
.pic img {
	margin-left:23px;
}
.desc {
	float:right;
	margin-right:10px;
	width:250px;
	text-align:left;	
}
.desc ul {
	margin-top:0px;
}
.desc ul li {
	font-size:12px;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-color:#333333;
}
.beta {
	color: #990000;
	font-size:9px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:text-top;
	line-height: 8px;
}