/*********
DShope 2008: Courtesy of Everaldo
************/

*{
	color:#000000;
	padding:0;
	list-style:none;
	text-decoration:none;
	font:12.5px Tahoma, Helvetica, Arial, sans-serif;
}

.heading{
	color:#CCCC66;
	font:16px Tahoma, Arial, Verdana;
}

img{
	border:none;
}


a{
	color:#767676;
}

a:hover{
	color:#A0A0A0;	
}

body{
	background:url(background.jpg) repeat;
}

#general{
	margin:20px auto;
	font-size:0px;
}

/******************
TOP and MENU
*********************/

#top{
	width:840px;
	margin:0 auto;
	height:34px;			
}

#menu{
	width:840px;
	height:34px;
	float:right;
	position:relative;
}

#menu li{
	height: 34px;	
	position:absolute;
	display:block;	
	background: url(menu.jpg) 0px 0px no-repeat;	
}

#menu a{
	height:34px;
	display: block;
}

#menu #blank{
	width: 500px;
	left: 0px;
	top:0;
	background-position: 0px 0px;	
}

#menu #home{
	width: 45px;
	left: 500px;
	top:0;
	background-position:-500px 0px;
}

#menu #home a:hover{background: url(menu.jpg) -500px -34px no-repeat scroll;}


#menu #features{
	width: 70px;
	left: 540px;
	top:0;
	background-position:-540px 0px;
}

#menu #features a:hover{background: url(menu.jpg) -540px -34px no-repeat scroll;}


#menu #screenshots{
	width: 90px;
	left: 610px;
	top:0;
	background-position:-610px 0px;
}

#menu #screenshots a:hover{background: url(menu.jpg) -610px -34px no-repeat scroll;}


#menu #support{
	width: 58px;
	left: 700px;
	top:0;
	background-position: -700px 0px;	
}

#menu #support a:hover{background: url(menu.jpg) -700px -34px no-repeat scroll;}


#menu #about{
	width: 47px;
	left: 758px;
	top:0;
	background-position: -758px 0px;	
}

#menu #about a:hover{background: url(menu.jpg) -758px -34px no-repeat scroll;}

#menu #blank2{
	width: 45px;
	left: 805px;
	top:0;
	background-position: -805px 0px;	
}

/*****************
LAYOUT
**********************/

#topbody{
	width:840px;
	height:94px;
	margin:0 auto;
}

#topbody img{
	margin:0 0 0 0px;
}

#body{
	width:840px;
	margin:0px auto;
}

.border-splash{	
	clear:both;
	font:0px Arial, Helvetica, sans-serif;
	height:5px;
	margin:0px 0px 0px 3px;
	background:url(border-splash.jpg) no-repeat;
}

#body-boxes{
	background:url(body-body.jpg) repeat-y;
}

#box1{
	position:relative;
	left:20px;
}


#box1 p{
	margin:0px auto;
	margin-left:20px;
	margin-right:20px;
	font-face:tahoma,arial,verdana;
	font-size:12px;
}


#blank{
	float:right;
	width:55px;
}

#homeboxicon{
	position:relative;
	left:70px;
}

#homeboxfeatures{
	position:absolute;
	left:160px;
	margin:0px auto;
	margin-top:5px;
}

#homeboxtutorials{
	position:absolute;
	left:160px;
	top:85px;
	margin:0px auto;
}

#homeboxpricing{
	position:absolute;
	left:160px;
	top:165px;
	margin:0px auto;
}

#featuresboxicon{
	position:relative;
	left:30px;
}

#featuresboxscreen{
	position:relative;
	left:50px;
}

#featuresboxtext1{
	position:absolute;
	left:320px;
	margin:0px auto;
	margin-left:15px;
	margin-top:0px;
}

#featuresboxtext2{
	position:absolute;
	left:320px;
	margin:0px auto;
	margin-left:15px;
	margin-top:225px;
}

#featuresboxtext3{
	position:relative;
	left:40px;
	margin:0px auto;
	margin-left:5px;
	margin-top:5px;
}

#buybutton{
	position:absolute;
	left:260px;
	margin:0px auto;
}

/******************
CONTENT
*********************/

.heading{
	font-face: "Segoe UI", tahoma, arial, verdana;
	font-size: 24px;
	color: #CCCCCC;
}

.secondary{
	font-face: "Segoe UI", tahoma, arial, verdana;
	font-size: 12.5px;
	color: #3366ff;
}

.list-heading{
	font-face: "Segoe UI", tahoma, arial, verdana;
	font-size: 14px;
	color: #000099;
}

img.homeicon{
	width:83px;
	margin-left:70px;
}

#mylist ul, li{
	width:760px;
	padding-left:0px;
	margin:0px auto;
	margin-left:0px;
	}

#btn{
	height: 30px;	
	display:block;
	position:absolute;
	background-attachment:fixed;	
}

#btn a{
	height:30px;
	display: block;
}

#btn #about{
	width: 144px;
	height: 30px;	
	top:30;
	background: url(home_btns.png) 0px 0px no-repeat;
}

#btn #about a:hover{background: url(home_btns.png) 0px -30px no-repeat scroll;}

#btn #tutorials{
	width: 144px;
	height: 30px;	
	top:30;
	background: url(home_btns.png) 0px -60px no-repeat;
}

#btn #tutorials a:hover{background: url(home_btns.png) 0px -90px no-repeat scroll;}

#btn #pricing{
	width: 144px;
	height: 30px;
	top:30;
	background: url(home_btns.png) 0px -120px no-repeat;
}

#btn #pricing a:hover{background: url(home_btns.png) 0px -150px no-repeat scroll;}



/*************************
Bottom Links
*****************************/
#bottom-body{
	position:relative;
	height:50px;
	width:840px;
	margin:0 auto;
	background:url(bottom-body.jpg) no-repeat;
}