/*----------------- body  -------------------------------------------*/



body {
	margin: 0;
	padding: 0;
	border: 0;
	font: 101% verdana, sans-serif;
	line-height: 1.3em;
	color: #494644;
	background-color: #fff;
	text-align: center;
	}



/*----------------- text  -------------------------------------------*/



h1 {
	margin: 0 270px 0 0;
	padding: 0;
	font: 300 1.4em/1.1em verdana, sans-serif;
	color: #fff;
	letter-spacing: -0.05em;
	}

h1 em {
	font-variant: normal;
	font-size: 0.8em;
	}

h2 {
	margin: 0;
	padding: 1.5em 0 1em 0;
	font: 1.56em/1.1em verdana, sans-serif;
	letter-spacing: -0.05em;
	color: #555;
	border-bottom: 1px solid #fff;
	}

a {
	color: #633;
	text-decoration: none;
	border-bottom: 1px solid #c99;
	}

a:hover {
	color: #06f;
	border-bottom: 1px solid #039;
	}

code {
	font: 1.1em 'courier new' monospace;
	color: #06c;
	}

div.clear {
	display: block;
	clear: both;
	}



/*-------------generics -------------------------------------------*/



.hide {
	position: absolute;
	left: -9999px;
	text-align: left;
	clear: both;
	}

#masthead {
	background: #494644 url(images/bkgd.png) bottom center no-repeat;
	color: #fff;
	border-bottom: 3px solid #bad94a;
	padding: 35px 0 2em 0;
	}

#intro {
	position: relative;
	width: 740px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 0.75em;
	}

#intro img { margin-bottom: 25px; }
#intro img, #intro a.logo { border: 0; }

#intro p {
	font-size: 0.75em;
	line-height: 1.8em;
	word-spacing: 0.05em;
	margin-right: 270px;
	}



/*-----------intro-------------------------------------------*/

#intro h2 {
	padding: 0;
	margin-top: 0.75em;
	margin-right: 270px;
	font: 1.2em arial;
	line-height: 1em;
	letter-spacing: -0.05em;
	color: #e9e9e9;
	}

#intro p.abstract a { font-weight: 300; }



/*------------------announcements-------------------------------------------*/



#intro p.announce {
	line-height: 1.8em;
	word-spacing: 0.05em;
	}

#intro p.announce em {
	font-size: 1.4em;
	letter-spacing: -0.05em;
	font-weight: 300;
	color: #f60;
	background: #fff;
	}

#intro p.announce strong {
	color: #fff;
	background: ;
	}



/*------------download-------------------------------------------*/



#download {
	position: absolute;
	right: 0;
	top: 85px;
	width: 210px;
	border: 0px solid #fff;
	background: transparent url(images/download_bkgd.png) top center no-repeat;
	}

#download div {
	padding-bottom: 1em;
	background: ;
	}

#download h2 {
	margin: 60px 15px 0 20px;
	padding: 0 0 0.25em 0;
	font-size: 1.2em;
	}

#download p {
	margin: 0.33em 20px;
	padding: 0;
	font-size: 0.75em;
	font-weight: 900;
	line-height: 1.4em;
	}

#download p.dlversion {
	font-size: 0.7em;
	font-weight: 300;
	font-style: italic;
	}



/*---------- main conatiner and centered column   -------------------------------------------*/



#container {
	font-size: 0.75em;
	color: #333;
	background-color: #F3F3ED;
	background-image: url(images/fade.png);
	background-repeat: repeat-x;
	background-position: top;
	border-top: 1px solid #fff;
	border-bottom: 2px solid #fff;
	}

#mainpanel {
	position: relative;
	width: 740px;
	margin: 0 auto;
	text-align: left;
	}

#sidepanel1 {
	float: right;
	width: 210px;
	}





/*----------------------content-------------*/

.content {
	float: left;
	width: 480px;
	}

.content ul, .content p, .content dl {
	list-style: none;
	padding: 1em 0 1em 20px;
	margin: 0;
	background: ;
	border-top: 1px solid #e0e0d6;
	color: #555;
	text-align: justify;
	}

.content p {
	margin-bottom: 1em;
	padding: 17px 20px;
	}

.content p a,
.content p img { border: 0; }
.content p a:hover { border: 0; }

.right {
	text-align: right;
	color: #999;
	}





/*------------------ contact ------------------------------------------*/



div.create {
	height: 8.6em;
	background: #fff;
	border: 2px solid #e0e0d6;
	}

div.create p {
	margin: 0;
	padding: 1em 20px 0.5em 10px;
	}

div.create img {
	float: left;
	border: 0;
	width: 95px;
	height: 85px;
	}

div.col1 div.create p a { border-bottom: 1px solid #c99; }
div.col1 div.create p a:hover { border-bottom: 1px solid #039; }



/*---------- live demo -------------------------------------------*/



div.go {
	margin-bottom: 2em;
	background: #fff;
	border: 2px solid #e0e0d6;
	}

div.go p {
	margin: 0;
	padding: 1em 20px;
	}

div.go img {
	display: block;
	border: 0;
	}

div.go a.aimg, div.go a.aimg:hover { border: 0; }



/*---------------- menu  -------------------------------------------*/



#menu {
	position: absolute;
	top: -1.9em;
	right: 0;
	font-size: 0.9em;
	z-index: 9999;
	}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menu ul li {
	display: inline;
	width: auto;
	margin: 0 0 0 0.75em;
	padding: 0.2em 0.75em;
	background: #f6f6f6;
	border-top: 2px solid #e0e0d6;
	border-right: 1px solid #e0e0d6;
	border-left: 1px solid #e0e0d6;
	}

#menu ul li.live { background: #f0f0e6; }

#menu ul li.live a {
	color: #690;
	border-bottom: 1px solid #f0f0e6;
	}

#menu a { border-bottom: 0; }



/*---------footer-------------------------------------------*/



#foot {
	clear: both;
	font-size: 0.7em;
	text-align: center;
	background: #494644;
	border-top: 2px solid #bad94a;
	}

#foot p {
	margin: 0;
	padding: 0.75em 0 0.5em 0;
	}

#foot img, #foot a { border: 0; }

#foot ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0.5em 0;
	}

#foot ul li {
	display: inline;
	padding-left: 1em;
	}