body {
text-align:center;
background:url(images/body.jpg) repeat-y center top;
background-image : url(images/body.jpg);
margin:0; padding:0;
}
#back {
background-image : url(images/footer.jpg);
background-repeat : no-repeat;
background-position: bottom;
}

a {
	text-decoration:none;
	color:#000000
}
a:hover {
	text-decoration: underline;
}
#wrap {
	width:800px;
	text-align:left;
	margin:0 auto;
}

.floatl{ float:left}
.folatr{ float:right}
.clearfix{ clear:both}


.main {width:533px;}
/* header */
#header { background:url(images/header.jpg);  height:189px;
	position:relative
}
#logo {
	position:absolute;
	top:50px;
	left:100px;
	color:#000000
}
.title {
	font-size:34px;
	font-weight:700;
	
}
#logo p {
	padding-left:100px;
}

/* content */
#content {background:url(images/main.jpg);
background-repeat:no-repeat;
color:#FFFFFF;}
.blog { width: 200px; margin: 15px 0 0 50px;height: 150px;display: inline; }
.blog h1, .blogg h1 {font-size:22px; color:#FFFFFF; padding:0 0 10px 0}
.blogg {clear:both;margin: 0 0 0 50px;}
.blogg p {font-family:Verdana, Arial, Helvetica, sans-serif;width: 440px;}

ul#nav { font-size:20px; margin:250px 0 0 70px}
ul#nav a{ color:#FFFFFF}
/* footer */
#footer {background:url(images/footer.jpg);
background-position:bottom; clear:both; padding:50px 0 0 80px; height:100%;}

#xhtml{float:right;margin-right: 100px;}
.side {background:url(images/side.png);  width:267px;height:789px}