/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Main CSS
Author : Helldesign
URL : http://en.helldesign.pl

Description : This is the main stylesheet

Created :24.06.2006 
Modified : 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/****************************************************************
	BASIC
****************************************************************/
body {
	background:#fff;
	margin:0;
	padding:0 0 30px;
	text-align:center;
}
body,input,textarea,select,td,th {
	color:#6a8199;
	font:13px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif;
}
a:link {
	color:#70abe6;
}
a:visited {
	color:#70abe6;
}
a:hover {
	text-decoration:none;
	color:#99bc3c;
}
a img {
	border:0;
}
form, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, p, input, blockquote {
	margin: 0;
	padding: 0;
	}
#root {
	margin:0 auto;
	text-align:left;
	width:780px;
}

/****************************************************************
	HEADER
****************************************************************/
#header {
	height:94px;
	position:relative;
}
	#header .skip {
		display:none;
	}
	#header h1 {
		margin:0 0 0 20px;
		padding:22px 0 0;
	}
	#header h1 a {
		cursor:hand;
		display:block;
		font-size:12px;
		height:55px;
		position:relative;
		width:164px;
	}
	#header h1 a {
		display:block;
	}
	#header h1 span {
		background:url("../images/logo.gif") 0 0 no-repeat;
		height:55px;
		position:absolute;
		width:164px;
	}
	/* menu */
	#header ul#menu {
		height:17px;
		left:299px;
		margin:0;
		padding:0;
		position:absolute;
		top:50px;
		width:469px;
	}
	#header ul#menu li {
		list-style:none;
		margin:0;
		padding:0;
		float:left;
		margin:0 19px 0 0;
		background-position:0 -34px;
		background-repeat:no-repeat;
		height:17px;
		display:block;
	}
	#header ul#menu li a {
		height:17px;
		display:block;
		background-position:0 -34px;
		background-repeat:no-repeat;
	}
	#header ul#menu li a:hover {
		background-position:0 -34px;
	}
	#header ul#menu li span {
		display:none;
	}
	#header ul#menu li.getting-started,
	#header ul#menu li.getting-started a {
		background-image:url("../images/menu_getting_started.gif");
		width:101px;
		visibility: hidden;
	}
	#header ul#menu li.features,
	#header ul#menu li.features a {
		background-image:url("../images/menu_features.gif");
		width:126px;
	}
	#header ul#menu li.try-it,
	#header ul#menu li.try-it a{
		background-image:url("../images/menu_try_it.gif");
		width:47px;
	}
	#header ul#menu li.buy-it,
	#header ul#menu li.buy-it a {
		background-image:url("../images/menu_buy_it.gif");
		width:53px;
	}
	#header ul#menu li.support,
	#header ul#menu li.support a{
		background-image:url("../images/menu_support.gif");
		width:66px;
		margin:0;
	}

/****************************************************************
	FOOTER
****************************************************************/
#footer {
	font-size:10px;
	color:#98bde3;
	position:relative;
}
#footer p.copy{
	padding: 6px 118px 0 30px;
}
#footer p.design {
	position:absolute;
	top:0;
	right:10px;
	width:97px;
}
	#footer p.design,
	#footer p.design a{
		background:url("../images/desin_by_helldesign.gif") 0 0 no-repeat;
		height:27px;
	}
	#footer p.design a {
		display:block;
	}
	#footer p.design a:hover {
		background-position:0 -54px;
	}
	#footer p.design span {
		display:none;
	}
/****************************************************************
	CONTENT 
****************************************************************/
/* ----- basic ----- */
#content h3 {
	color:#d49417;
	font-size:18px;
	font-weight:normal;
	margin:0 18px 8px;
	letter-spacing:-0.05em;
}
/****************************************************************
	MODULES 
****************************************************************/
/* ----- basic ----- */
#modules h3 {
	color:#d49417;
	font-size:18px;
	font-weight:normal;
	letter-spacing:-0.05em;
	padding: 0 0 11px;
}
/* sub-header */
#modules .sub-header:after {
	content: "."; 
	display: block; 
	height:0; 
	clear: both; 
	visibility: hidden;
}
#modules .sub-header {
	display:block;
}
	#modules .sub-header h3 {
		float:left;
		width:65%;
	}
	#modules .sub-header a.more {
		float:right;
		width:58px;
		widt\h:46px;
		background:url("../images/arrow.gif") 0 7px no-repeat;
		padding: 0 0 0 12px;
	}
	#modules .sub-header a.more:hover {
		background-position:0 -98px;
	}

/* .box */
#modules .box {
	border-bottom:1px solid #ebf0f0;
	margin:0 0 11px;
}
	#modules .box.box-last {
		border-bottom:none;
	}