/**
*	###########
*	#__________#
*	__________#
*	________#
*	_____###_____˛xiT development
*	_________#
*	___________#
*	#__________#
*	_#________#
*	__#______#
*	____####
*
*	project.inc.css			Main CSS file
*	@version 				1.0
*	@author 				33xiT <admin@33xit.fr>
*	@copyright				33xiT (c)2008
*
*	This work is licensed under the Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.
*	To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/.
*/

* {
	margin:			0;
	padding:		0;
	border:			0;
	font-family:	Trebuchet MS, Verdana, Arial, sans-serif;
	color:			#3f6486;
	line-height:	1.15em;
}

body {
	background-color:	#28333f;
	padding:			2em;
}

h1 {
	font-size:		1.4em;
	font-weight:	normal;
	color:			#223648;
	margin:			1.2em 0 1.2em 0.8em;
}

h1 small {
	color: #223648;
}

h2 {
	font-size:		1.2em;
	font-weight:	normal;
	margin:			1em 0 1em 1.4em;
	color:			#2c465e;
}

h3 {
	font-size:		1em;
	font-weight:	normal;
	margin:			0.8em 0 0.8em 2.2em;
	color:			#33506c;
}

p{
	font-size:		0.85em;
	text-align:		justify;
	margin:			0 0.8em 0.8em;
}

html:first-child p {
	font-size: 0.8em;
}

ul {
	margin: 0.8em 2em;
}

li ul {
	margin: 0.4em 2em;
}

li {
	font-size:			0.85em;
	list-style-type:	square;
}

li ul li {
	list-style-type:	circle;
	font-size:			1em;
}

small {
	font-size:		0.7em;
}

abbr {
	cursor:			help;
	border-bottom:	1px #3f6486 dotted;
}

sup {
	color:				#eb3759;
	text-decoration:	blink;
}

q {
	font-family:		"Times New Roman", serif;
	background-color:	#b5cef2;
	padding:			1px;
}

a, a abbr, li a abbr {
	color: #2c465e;
}

a:hover, a:hover abbr, li a:hover abbr {
	color: #4185CA;
}

a[title='Get it now!'] {
	background:			#59718c url(./download_background.jpg) 0 0 no-repeat;
	padding:			17px 0 0 165px;
	width:				91px;
	height:				57px;
	display:			block;
	font-size:			1em;
	text-decoration:	none;
	color:				#e1e8f2;
}

a[title='Get it now!']:hover {
	background-position:	0 -74px;
	color:					#fff;
}

a[title='Get it now!'] small {
	color: #e1e8f2;
}

a[title='Get it now!']:hover small {
	color: #fff;
}

hr {
	clear:		both;
	visibility:	hidden;
}

.back {
	margin:		0.8em 0;
	font-size:	0.6em;
}

.back a {
	color:				#c9d8eb;
	height:				14px;
	width:				98px;
	text-decoration:	none;
	display: 			block;
	padding:			3px 5px 1px 5px;
	background:			url(./background_backlink.jpg) 0 0 no-repeat;
}

.back a:hover {
	color:		#3f6486;
	background:	url(./background_backlink.jpg) 0 -18px no-repeat;
}

#ielow {
	display: none;
}

#container {
	background-color:	#fff;
	min-width:			700px;
}

#cor_tl, #cor_tr, #cor_bl, #cor_br, #icor_tl, #icor_tr, #icor_bl, #icor_br {
	width:		10px;
	height:		10px;
	display:	block;
}

#cor_tl, #cor_tr, #cor_bl, #cor_br {
	background: #fff url(./corner.jpg) no-repeat;
}

#icor_tl, #icor_tr, #icor_bl, #icor_br {
	background: #e1e8f2 url(./icorner.jpg) no-repeat;
}

#cor_tr, #icor_tr {
	float:					right;
	background-position:	-10px 0;
}

#cor_bl, #icor_bl {
	background-position: 0 -10px;
}

#cor_br, #icor_br {
	float:					right;
	background-position:	-10px -10px;
}

#content {
	float:				left;
	width:				65%;
	min-width:			450px;
	background-color:	#e1e8f2;
	margin:				0 10px;
}

#menu {
	margin-left:	65%;
}

#menu li {
	list-style-type: none;
}

#menu li ul {
	margin: 0;
}

#menu li a {
	display:			block;
	padding:			0.3em 0 0.3em 1.4em;
	text-decoration:	none;
	max-width:			15em;
}

#menu li ul li a {
	text-indent: 20px;
}

#menu li a:hover {
	background-color: #e2e9f3;
}

.right {
	text-align: right;
}

#tools {
	text-align:		center;
	margin:			2em auto 1em auto;
	width:			100%;
}

#tools a {
	margin: 0 1em;
}