body { 
padding:			0;
background: 		#C5C6C7 url(page-bg.gif) fixed repeat-x;
font:				75% "Lucida Grande", Verdana, Arial, Tahoma, Helvetica, sans-serif;
color:				#333;
text-align:			center;
margin:				0;
padding:			0;
}
img	{
border:					0;
}
p, td, li {
font:					1em "Lucida Grande", Verdana, Arial, Tahoma, Helvetica, sans-serif;
line-height:			1.5em;
}
.code {
font:					1em "Courier New", Monaco, Profont, monospace !important;
}
.lead {
font-weight: bold;
}
.small {
font-size:				10px;
}
.smaller {
font-size:				9px;
}
.smaller a {
color:					#555;
}
.warn {
color:					red;
}
.grey {
color:					#A7A7A7;
}

/* * * * * * * * * * * * *  TITLES  */

h1 {
display:				none;
}

h2 {
font-size:				1.5em;
color: 					#666;
text-shadow: 			2px 2px 2px #DDD;			
background:				url(data_bg.gif) top left repeat-x;
}
h3 {
color: 					#333;
letter-spacing:			-0.05em;
text-shadow: 			2px 2px 2px #DEDEDE;			
font-size: 				1.3em;
font-weight:			bold;
}
h4 {
font-size: 				0.95em;
color:					#000;
text-transform:     	uppercase;
}


/* * * * * * * * * * * * *  LINKS  */
a {
color:					#76AC0F;	
text-decoration: 		none;
font-weight:			normal;
font-weight:			bold;
}
a:visited {
color:					#83A33C;	
}
a:hover {
color:					#111;
}
a:active {
color:					#000;	
}



#page {
margin:				0 auto;
text-align:			left;
width:				699px;
min-height:			800px;
height:				100%;
position:			relative;
background:			#FFF url(content-shadow.gif) 0 224px repeat-x;
}

#header {
width:				699px;
height: 			223px;
}

#logo {
float: 				left;
width:				489px;
height:				223px;
background: 		#FFF url(banner.gif) top no-repeat;
}

#logo a {
display:			block;
width:				200px;
height:				120px;
}

#lang {
position:			absolute;
top:				209px;
right:				20px;
font:				9px Verdana, Helvetica, Arial, sans-serif;
}
	#lang a:link,
	#lang a:visited,
	#lang a:active {
	color:				#666;
	}
	#lang a:hover {
	color:				#FFF;
	}
#breadcrumb {
color:				#FFF;
height:				18px;
position:			absolute;
top:				205px;
left:				32px;
font:				0.8em Verdana, Helvetica, Arial, sans-serif;
line-height:		18px;
font-weight:		bold;
}
	#breadcrumb a {
	color:				#FFF;
	text-decoration:	none;
	}
	#breadcrumb a:visited {
	color:				#FFF;
	}
	#breadcrumb a:hover {
	color:				#333;
	}
	#breadcrumb a:active {
	color:				#FFF;
	}




#quote p {
width:				380px;
height:				60px;
overflow:			hidden;
color: 				#FFF;
font:				1.4em Georgia, "Times New Roman", serif;
font-style:			italic;
text-shadow:		#000 2px 2px 2px;
position:			absolute;
top:				105px;
left:				50px;
line-height:		1.5em;
}


#menu {
float:				left;
width:				210px;
height:				223px;
background:			#2F3D40 url(buttons-bg.gif) top left no-repeat;
}
	#menu ul  {
	width:				210px;
	margin: 			0;
	padding:			18px 0 0 0;
	}
	#menu ul li {
	margin:				0;
	padding:			0;
	text-align: 		right;
	list-style: 		none;
	}
	#menu ul li a:link,
	#menu ul li a:visited,
	#menu ul li a:active {
	background-image:	none;
	display:			block;
	padding-right:		20px;
	text-decoration: 	none;
	color:				#2F3D40;
	font:				1em "Arial Black", Impact, Helvetica, sans-serif;
	letter-spacing:		-0.07em;
	text-transform:		uppercase;
	line-height:		27px;
	height: 			31px;
	}
	#menu ul li#overview a:hover {
	color:				#fff;
	background:			url(but1-over.gif) top left no-repeat;
	}
	#menu ul li#showcase a:hover {
	color:				#fff;
	background:		url(but2-over.gif) top left no-repeat;
	}
	#menu ul li#try a:hover {
	color:				#fff;
	background:		url(but3-over.gif) top left no-repeat;
	}
	#menu ul li#get a:hover {
	color:				#fff;
	background:		url(but4-over.gif) top left no-repeat;
	}
	#menu ul li#blog a:hover {
	color:				#fff;
	background:		url(but5-over.gif) top left no-repeat;
	}
	#menu ul li#overview.current a {
	color:				#fff;
	background:		url(but1-active.gif) top left no-repeat;
	}
	#menu ul li#showcase.current a {
	color:				#fff;
	background:		url(but2-active.gif) top left no-repeat;
	}
	#menu ul li#try.current a {
	color:				#fff;
	background:		url(but3-active.gif) top left no-repeat;
	}
	#menu ul li#get.current a {
	color:				#fff;
	background:		url(but4-active.gif) top left no-repeat;
	}
	#menu ul li#blog.current a {
	color:				#fff;
	background:		url(but5-active.gif) top left no-repeat;
	}



#content {
border:				1px solid #FFF;
padding:			32px;
margin:				0;
min-height:			500px;
background: 		url(content-side-bg.gif) top right no-repeat;
}
	#content-main {
	font-size:			0.96em;
	float:				left;
	width:				415px;
	}
	#content-side {
	float:				right;
	width:				175px;
	font-size:			0.85em;
	}
	
#footer {
border-left:		1px solid #FFF;
border-right:		1px solid #FFF;
border-top:			1px solid #DEDEDE;
margin-top:			32px;
padding:			8px 32px 0 32px;
height:				32px;
background: 		url(footer-bg.gif) top left repeat-x;
font:				0.75em Verdana, Helvetica, Arial;
color:				#888;
}
	.foot-quixpace {
	float: 				left;
	width:				99px;
	}
	.foot-left {
	float: 				left;
	text-align:			left;
	width:				250px;
	}
	.foot-right {
	float: 				right;
	text-align:			right;
	width:				250px;	
	}
	#footer a:link,
	#footer a:visited,
	#footer a:active {
	color:				#888;
	font-weight:		bold;
	}
	#footer a:hover {
	color:				#444;
	font-weight:		bold;
	}


/* * * * * * * * * * * * *  QBLOG  */

.newsitem {
padding-bottom:			3em;
}

.postdata {
border-top:			1px solid #E8E8E8;
padding-top:			0.3em;
margin-top:			-1em;
font-size:			0.9em;
color:				#777;
}




#content-side p {
line-height:		1.3em;
}


.screenshot {
clear:				both;
margin-bottom:		15px;
border-bottom:		1ps solid #F5F5F5;
}
.screenshot .image {
float:				left;
width:				35%;
margin-right:		4%;
}
.screenshot .image img {
border:				1px solid #777;
}
.screenshot .words {
float:				left;
width:				60%;
}


.skip {
display:			none;
}

.clear {
clear:				both;
}