html, body, form, fieldset {
	/* background: #064070 url(/images/bg.jpg) top center no-repeat; */
	margin: 0;
	padding: 0;
	font: 100%/150% Georgia, "Times New Roman", Times, serif;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

li, dd, blockquote {
	margin-left: 1em;
}

form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

input, select, textarea {
	font-size: 100%;
	padding: 2px;
}

textarea {
	font-size: 130%;
}

body { font-size: 80%; color: #333; }

a, a:link { color: #333; text-decoration: none; }
a:visited { color: #333; }
a:hover { color: #000; text-decoration: underline; }
a img { border: 0; }

a.blue { color: blue; text-decoration: none; }
a:hover.blue { color: blue; text-decoration: underline; }

h1, h2, h3, h4 { font-weight: normal; }
h2 { font-size: 150%; }
h3 { font-size: 130%; }

.snip {
	font-size: 2em;
	line-height: 90%;
	padding-right: 20px;
	float: right;
	color:#D90000;
}

.snippet {
	font-size: 3em;
	line-height: 90%;
	color:#D90000;
	padding-left: 300px;
	margin-top: 15px;
}
	
.hide { display: none; }
.hidden { visibility: hidden; }
.clear { clear: both; }
hr.hidden { margin: 0; padding: 0; border: 0; height: 1px; }

div#header { margin: 0 auto; padding: 0; width: 900px; height: 60px; position: relative; border-bottom: 1px solid #DDD; }

	div#header h1#logo { margin: 0; padding: 0; position: absolute; top: 25px; right: 0; }
	div#header h1#logo a { display: block; text-indent: -9999px; width: 177px; height: 29px; border: none; }

	ul#menu { margin: 0; padding: 0; position: absolute; bottom: 0; right: 0; list-style: none; font-size: 16px; }
		ul#menu li { margin: 0 20px 0 0; padding: 0; float: left; text-transform: lowercase; }
		ul#menu a { padding: 0 0 3px 0; float: left; color: #000; text-decoration: none; border-bottom: 4px solid #FFF; font: 70%/150% Arial, Helvetica, sans-serif; text-transform: uppercase; }
		ul#menu a:hover { color: #000; border-bottom: #DDD 4px solid;  }
		ul#menu a#menucurrent, ul#menu a#menuhighlight { color: #000; border-bottom: #DDD 4px solid; }
		ul#menu .lang a { color: blue; }
		
div#lang a { float: right; padding: 0 0 4px 0; margin: 20px 10px 0 0; font: 70%/150% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; }
div#lang a:hover { float: right; padding: 0 0 4px 0; margin: 20px 10px 0 0; border-bottom: 4px solid #DDD; font: 70%/150% Arial, Helvetica, sans-serif; text-transform: uppercase;}
			
div#content { margin: 0 auto; width: 900px; }
.content { margin: 0 auto; width: 900px; }

	h1#sub, p#sub { margin: 0.2em 0 0.5em 0; color: #D90000; font-size: 52px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 120%; }
			p#sub span { display: block; font-size: 20px; color: #666; }
	
	.main { margin: 20px 0 0 0; width: 580px; float: left; color: #333; }
		body#home .main { margin: -30px 0 0 0; width: 900px; float: left; color: #444; }

	.app { padding: 0px 5px 0px 5px; width: 32%; height: 220px; float: left; display: block; border-left: #ccc 1px dashed; }
		.app h1 { margin-left: 10px; margin-top: 0px; }
		.app h1 a { color: #d90000; }
		.app h1 a:hover { text-decoration: none; }
		.app img { float: left; }
		
	.ref { float: left; margin-bottom: 50px; }
	.ref img { float: left; margin-right: 20px; }
	.ref p { margin-left: 570px; }
	.ref ul { margin-left: 570px; }
	.ref a:hover { text-decoration: underline; }
	.ref h1 { color: #d90000; margin-top: 0px; }

	.xref { float: left; margin-bottom: 50px; margin-top:20px; }
	.xref ul { margin-left: 10px; }
	.xref a:hover { text-decoration: underline; }
	.xref h1 { color: #d90000; margin-top: 0px; font-size:3em; margin-top:20px; }
	
	div#side { padding: 0px 5px 0px 5px; width: 32%; float: left; display: block; border-left: #ccc 1px dashed; }
		div#side h1 a { padding-top: 20px; margin-top: 0px; color: gray; }
	
	div#blog { clear: both; }

	.tag {
		padding-left: 20px;
		background: url(/images/del-off.gif) no-repeat 0 top;
	}

	.tag:hover {
		background: url(/images/del-on.gif) no-repeat 0 top;
	}

	.diy {
		padding-left: 20px;
		background: url(/images/diy-off.gif) no-repeat 0 top;
	}

	.diy:hover {
		background: url(/images/diy-on.gif) no-repeat 0 top;
	}

	.dload {
		padding-left: 40px;
		height: 37px;
		display: block;
		font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; 
		font-size: 20px;
		line-height: 100%;
		text-transform: uppercase;
		background: url(/images/dload.gif) no-repeat 0 top;
	}
		
	.quote {
		/*background: url(/images/quote.png) no-repeat 0;*/
		text-transform: uppercase;
		color: red;
	}

	#slide{
				overflow:hidden;
				width:590px;
				position:relative;
				height:252px;
				float:left;
				margin-top: -10px;
			}
				#slide ul {
					margin-left: -10px;
					list-style: none;
				}

				#slide a{
					color:#777;
					text-decoration:none;
				}
				#slide a:hover {
					color:#D90000;
					text-decoration:none;
				}
				
				#slide .app h1 a { 
					/*color:#D90000;*/
					color: black;
				}
	.section{
				width:3900px;
				position:relative;
			}

				.section .sub{
					position:relative;
					float:left;
					padding-right: 75px;
					width:537px;
					height:220px;
				}
				
				.section .sub .app {
					border: none;
				}
					.section .sub .app h1 a {
						width: 530px;
						display: block;
						font-size: 25px;
						line-height: 110%;
					}
					
					.section .sub img { float: left; padding-right: 10px; }
					
					.section .sub p {
						width:530px;
						line-height:1.4em;
					}
					
					.section .next, .section .prev{
						position:absolute;
						bottom:15px;
						letter-spacing:-2px;
					}
					.section .next {
						right:30px;
					}
					.section #next {
						width: 35px;
						height: 35px;
						background: url(/images/right.gif) no-repeat 0 top;					
					}
					.section #next:hover {
						width: 35px;
						height: 35px;
						background: url(/images/right-over.gif) no-repeat 0 top;
					}
					.section #prev {
						width: 35px;
						height: 35px;
						background: url(/images/left.gif) no-repeat 0 top;					
					}
					.section #prev:hover {
						width: 35px;
						height: 35px;
						background: url(/images/left-over.gif) no-repeat 0 top;
					}
					.section .prev{
						right:65px;
					}

					
div#footer { 
	clear: both; 
	margin-top: 40px; 
	padding-top:10px; 
	border-top: #dddddd 1px solid; 
	width: 100%; 
	float: left; 
	text-align: center;
	line-height: 24px;
}

div#footer img {;
	vertical-align: middle;
}