body {
	background-color:#FFFFFF;
	font-family:Georgia;
	margin:0;
	padding:0;
	background-image:url('../image/tile_bg.png');
	background-repeat:repeat 200 20;
    color:#CCCCCC;
    font-size:13px; 		
}

a {
	color:#FFFF00;	
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

img {
	border:none;
}

h3 {
	font-size:38px;
	color:#FFFF00;
	margin-top:10px;
	margin-bottom:10px;	
	padding:0px;
}

p {

}

#logo {
	position: absolute;
	top:387px;
	left:107px;

}

.icon {
	position:absolute;	
	cursor: pointer;
}

.icon img {
	width:74px;
	height:74px;
}

#beardme_icon {
	top:188px;
	left:458px;
}

#prezme_icon {
	top:278px;
	left:548px;	
}

#sos_icon {
	top:278px;
	left:638px;	
}

#uclock_icon {
	top:278px;
	left:818px;	
}

#fclock_icon {
	top:188px;
	left:998px;	
}

#dclock_icon {
	top:278px;
	left:908px;	
}

#colorid_icon {
	top:188px;
	left:728px;	
}

#asciime_icon {
	top:98px;
	left:818px;	
}

#justnukeit_icon {
	top:188px;
	left:638px;	
}

#justnukeit2_icon {
	top:278px;
	left:728px;	
}

#pcvst_icon {
	top:98px;
	left:548px;	
}

#parktaggo_icon {
	top:98px;
	left:638px;	
}

#mail_icon {
	top:548px;
	left:368px;
}

#question_icon {
	top:548px;
	left:458px;
}

#news_icon {
	top:548px;
	left:548px;
}

#idea_icon {
	top:548px;
	left:638px;
}

#twitter_icon {
	top:638px;
	left:278px;	
}

.detail {
	background-color:#1A1A1A;
	width:234px;
	height:414px;
	padding:10px;
}

.detail-close {
	float:right;
}

.screenshot-close {
	text-align: right;
}

#info_detail_padder {

	position: absolute;
	top:638px;
	left:548px;
	width:234px;
	height:504px;	
	z-index: -1;	

}

#about_detail {

	position: absolute;
	top:638px;
	left:548px;

}

#news_detail {

    position: absolute;
    top:638px;
    left:548px;	
		
}

#idea_detail {

    position: absolute;
    top:638px;
    left:548px;	
		
}	

#news_detail p {
	margin-bottom:0px;
}

#app_detail_padder {

	position: absolute;
    top:188px;
    left:818px;
	width:1080px;
	height:900px;
	z-index: -1;

}

.app_detail {

    position: absolute;
    top:368px;
    left:818px; 	
	
}

.app_more_info {

    position: absolute;
    top:368px;
    left:1088px; 	
	
}

.app-watch-demo-link {
    position: absolute;
    left:10px;    
    top:377px;
}

.app-view-screeshots-link {
    position: absolute;	
    left:9px;
    top:395px;
}	

.app_photo {

	width:235px;
		
}

.news-previous-link {
    position: absolute;
    left:10px;
    top:395px;
}

.news-next-link {
    position: absolute;
    left:197px;
    top:395px;	
}

.app-screenshot-previous-link {
    position: absolute;
    left:10px;
    top:395px;
}

.app-screenshot-next-link {
    position: absolute;
    left:197px;
    top:395px;	
}

.app_screenshots {
	
    position: absolute;
    top:548px;
	
}

.app_video, detail {

    width:416px;
    height:324px;	
		
}	

.app_video {

	position: absolute;
    top:188px;
	
}

.app_video_embed {

	margin-top:30px;
		
}	

/* jScrollPane */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
border: none;
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
margin-top:10px;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #333333;
color: #666666;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #999999;
color: #fff;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}