@charset "utf-8";

@import "reset.css";
@import "fonts.css";

/* Basic XHTML */
body{
	background-image:url(../img/back_base.jpg);
	background-position:top;
	background-repeat:repeat;
	background-attachment:scroll;
	color: #333;
	text-align: center;
}

a:link{ color: #00c; text-decoration:none;}
a:visited{ color: #551a8b; text-decoration:none;}
a:hover, a:visited:hover{ color: #00c; text-decoration:underline;}
a:active{ color: red; }

p{
	font-size: 100%;
	margin:10px 5px;
	line-height:150%;
}

strong{
	font-size: 122%;
	line-height:160%;
}

h2{
	margin-top: 3em;
}

h3{
	font-size: 122%;
	line-height:160%;
}


/* header */

#header{
	background-color:#FFFFFF;
	margin:0 auto;
	width:860px;
	height:478px;
	position:relative;
}


/* container */

#container{
background-color:#000;
margin:0 auto;
border: 1px solid #ccc;
width:800px;
}

#description{
	margin:20px 20px 0px 20px;
	width:760px;
}

#buttom{
background-color:#000;
padding: 20px;
}

#subcontainer{
background-color:#eee;
padding:20px 20px 20px 20px;
}

#containerend{
height:10px;
float:none;
clear:both;
}

/* leftblock */
#leftblock{
	float:left;
	text-align:left;
	width:370px;
}


/* rightblock */
#rightblock{
	float:right;
	text-align:left;
	width:370px;
}

#rightblock .bigtext{
	font-size: 122%;
	line-height:160%;
	color: red;
	text-decoration: underline;
}


/* footerblock */
#footer{
	margin:5px auto;
	width:800px;
	text-align:right;
}

/* tips */

.dotline{
	border-bottom: 1px dotted #ccc;
	padding-bottom:10px;
}

.smalltext{
	font-size: 90%;
}
.imgtext{
	margin:10px 0;
}