body {
	background:#cccaa3 url(http://fatheadapps.com/images/NavBg.png) repeat-x top left;
	font-family:Verdana;
	font-size:13px;
	color:#333333;
}
a {
	text-decoration: none;
	color: #787201;
}	
a:hover {
	text-decoration:underline;
	color: #6b6955;
}
img {
	border:0px;
	background:#cccaa3;
}



ul#nav {
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}	
ul#nav a {
	text-decoration:none;
	color:#6b6955;
	cursor:pointer;
	float:left;
	margin:40px 7px 0 7px;
	font-size:13;
	font-weight:bold;
	font-family:Verdana; 
}
ul#nav a:hover {
	color:#b6b491;
}

div.dock {
	position: relative;
	float: left;
	margin: 20px 6px 6px 6px;
	padding: 0;
	width: 876px;
	height: 138px;
	background:url(http://fatheadapps.com/images/ApplicationsDock.png) no-repeat top left;
	font-size:0px;
}

div.dock ul {
    /*
	 x = iconCount
     IconSpace = x*74+(x-1)*15
     MarginCalc = (876-IconSpace)/2
    
     magin: 0 0 5px MarginCalc;
    */

	float: left;
	margin: 0 0 5px 89.5px;
	padding: 0;
	list-style-type: none;
}

div.dock ul li {
	margin: 0;
	padding: 0;
	display: inline;
}


div.dock ul li.timetable a {
	float: left;
	margin: 40px 15px 0 0;
	display: block;
	width: 74px;
	height: 90px;
	background: url(http://fatheadapps.com/images/TimeTableIcon.png) no-repeat 0 0;
	cursor:pointer;
}
div.dock ul li.timetable a.active,
div.dock ul li.timetable a:hover {
	background: url(http://fatheadapps.com/images/TimeTableIcon.png) no-repeat 0 -90px;
}


div.dock ul li.voccit a {
	float: left;
	margin: 40px 15px 0 0;
	display: block;
	width: 74px;
	height: 90px;
	background: url(http://fatheadapps.com/images/VoccitIcon.png) no-repeat 0 0;
	cursor:pointer;
}
div.dock ul li.voccit a.active,
div.dock ul li.voccit a:hover {
	background: url(http://fatheadapps.com/images/VoccitIcon.png) no-repeat 0 -90px;
}


div.dock ul li.friendwall a {
	float: left;
	margin: 40px 15px 0 0;
	display: block;
	width: 74px;
	height: 90px;
	background: url(http://fatheadapps.com/images/FriendWallIcon.png) no-repeat 0 0;
	cursor:pointer;
}
div.dock ul li.friendwall a.active,
div.dock ul li.friendwall a:hover {
	background: url(http://fatheadapps.com/images/FriendWallIcon.png) no-repeat 0 -90px;
}


div.dock ul li.memoria a {
	float: left;
	margin: 40px 15px 0 0;
	display: block;
	width: 74px;
	height: 90px;
	background: url(http://fatheadapps.com/images/MemoriaIcon.png) no-repeat 0 0;
	cursor:pointer;
}
div.dock ul li.memoria a.active,
div.dock ul li.memoria a:hover {
	background: url(http://fatheadapps.com/images/MemoriaIcon.png) no-repeat 0 -90px;
}


div.dock ul li.tasks a {
	float: left;
	margin: 40px 15px 0 0;
	display: block;
	width: 74px;
	height: 90px;
	background: url(http://fatheadapps.com/images/TasksIcon.png) no-repeat 0 0;
	cursor:pointer;
}
div.dock ul li.tasks a.active,
div.dock ul li.tasks a:hover {
	background: url(http://fatheadapps.com/images/TasksIcon.png) no-repeat 0 -90px;
}


div.dock ul li.mixed a {
	float: left;
	margin: 40px 15px 0 0;
	display: block;
	width: 74px;
	height: 90px;
	background: url(http://fatheadapps.com/images/MixedIcon.png) no-repeat 0 0;
	cursor:pointer;
}
div.dock ul li.mixed a.active,
div.dock ul li.mixed a:hover {
	background: url(http://fatheadapps.com/images/MixedIcon.png) no-repeat 0 -90px;
}


div.dock ul li.solitaire a {
	float: left;
	margin: 40px 15px 0 0;
	display: block;
	width: 74px;
	height: 90px;
	background: url(http://fatheadapps.com/images/SolitaireIcon.png) no-repeat 0 0;
	cursor:pointer;
}
div.dock ul li.solitaire a.active,
div.dock ul li.solitaire a:hover {
	background: url(http://fatheadapps.com/images/SolitaireIcon.png) no-repeat 0 -90px;
}


div.dock ul li.paper a {
		float: left;
		margin: 40px 15px 0 0;
		display: block;
		width: 74px;
		height: 90px;
		background: url(http://fatheadapps.com/images/PaperIcon.png) no-repeat 0 0;
		cursor:pointer;
}
div.dock ul li.paper a.active,
div.dock ul li.paper a:hover {
		background: url(http://fatheadapps.com/images/PaperIcon.png) no-repeat 0 -90px;
	}


div.dock ul li a span {
	display: none;
}



div.appheader {
	position: relative;
	float: left;
	width: 876px;
	background:#cccaa3;
}	
div.content {
	position: relative;
	float: left;
	margin: 10px 6px 0 6px;
	width: 876px;
	background:url(http://fatheadapps.com/images/ContentBg.png) repeat-y top left;
}
div.contentbottom {
	position: relative;
	float: left;
	padding: 0px 0px 50px 0px;
	width: 876px;
	height: 26px;
	background:#cccaa3 url(http://fatheadapps.com/images/ContentBottom.png) no-repeat top left;
}
div.contentbottom img {
	padding: 30px 316px 0px 316px;
}

div.ScreenshotFrame {
	position: relative;
	float: left;
	margin: 0px 6px 20px 6px;
	padding: 1px 0px 0px 25px;
	width: 327px;
	height: 429px;
	background:url(http://fatheadapps.com/images/ScreenshotFrame.png) no-repeat top left;
}
div.ScreenshotFrame2 {
	position: relative;
	float: left;
	margin: 0px 6px 20px 6px;
	padding: 1px 0px 0px 25px;
	width: 327px;
	height: 412px;
	background:url(http://fatheadapps.com/images/ScreenshotFrame2.png) no-repeat top left;
}

div.ScreenshotDescription {
	float:left;
	margin-left:0px;
	width:400px;
}


div.imageBigIndex {
	position: relative;
	float: left;
	margin: 20px 6px 0 6px;
	padding: 0;
	width: 876px;
}

div.imageSmallIndex {
	position: relative;
	float: left;
	margin: 15px 3px 0 3px;
	padding: 0;
	width: 876px;
}
div.imageSmallIndex img {
	margin-right:3px;
	margin-left:3px;
}

div.imageBigIndex img:hover,
div.imageSmallIndex img:hover {
	cursor:pointer;
}




div.AppView {
	position: relative;
	float: left;
	margin: 0;
	padding:40px;
	width: 796px;
}
div.Image {
	float:right;
	width:500px;
}
div.TextMitImage {
	float:left;
	width:296px;
}
div.TextOhneImage {
	float:left;
	width:796px;
}

div.AppView img {
	background:#FFFFFF;
}


table.entry {
	text-align:center;

	border:1px solid #C0C0C0;
	border-collapse:collapse;
	background-color:#ededed;
	margin:0px;
	padding:0px;
	padding-right:10px;
}


div.MemoriaScreen {
	position: relative;
	float: left;
	padding: 76px 0px 0px 59px;
	width: 500px;
	height: 480px;
	background:url(http://fatheadapps.com/images/Memoria01.png) no-repeat top left;
}
div.VoccitScreen {
	position: relative;
	float: left;
	padding: 85px 0px 0px 59px;
	width: 324px;
	height: 480px;
	background:url(http://fatheadapps.com/images/Voccit01.png) no-repeat top left;
}
div.MixedScreen {
	position: relative;
	float: left;
	padding: 169px 0px 0px 99px;
	width: 500px;
	height: 400px;
	background:url(http://fatheadapps.com/images/Mixed01.png) no-repeat top left;
}
div.SolitaireScreen {
	position: relative;
	float: left;
	padding: 169px 0px 0px 99px;
	width: 500px;
	height: 400px;
	background:url(http://fatheadapps.com/images/Solitaire01.png) no-repeat top left;
}