/* CSS Document */
/*author : reino viljoen from misseddesigns at http://www.reinoviljoen.com*/
body{
	margin: 0;
	padding: 0;
	font-size:62.5%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
h1{font-size:2.5em; margin-bottom:8px; margin-top:0;}
h2, h3, h4, h5, ul, ol, li {
	margin: 0;
	padding: 0;
}
a{
	text-decoration:none;
	color:#000000;
}
a:hover{
	text-decoration:underline;
}
img{
	border:none;
}
.floatRight{
	float:right;
}
.floatLeft{
	float:left;
}
.clear{
	clear:both;
}
.clearten{
	height:10px;
	clear:both;
}
.cleartwenty{
	height:20px;
	clear:both;
}
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearItem { display: inline; }
/* Start Commented Backslash Hack \*/
* html .clearItem, * html .clearItem * {height: 1%;}
.clearItem { display: block; }
/* Close Commented Backslash Hack */

#wrapper {
	margin:auto;
	width:902px;
	position: relative;
	background:#FFF;
}
#navigation {font-size:1.2em;}
#navigation ul{list-style:none; float:left; background:#EBEAEA; padding-bottom:5px; display:block}
#navigation li{float:left; background:url(../images/navgrad.jpg) left top repeat-x; margin-right:1px; line-height:29px; padding:0 12px 0 12px; color:#FFFFFF; cursor:pointer;}
#navigation li:hover{background:url(../images/nav_gradover.jpg) left top repeat-x;}
#navigation li.nomargin{margin-right:0px; padding-right:18px; padding-left:18px;}
#navigation a{color:#FFFFFF; text-decoration:none}
#navigation .adverts{float:right; padding-top:20px;}

#main_content {font-size:1.2em; float:left; width:902px; margin:20px 0;}

#main_content .left_content{float:left; width:470px; padding-left:10px; position:relative}
#main_content .left_content h2{background:url(../images/sealthedeal.jpg) no-repeat; margin-left:-10px; width:476px; height:50px; text-indent:-9999px;}
#main_content .right_content{float:right; width:407px;}
#main_content .right_content #telle{float:left; width:407px;}
#main_content .right_content span.caption{float:left; font-size:0.9em; padding:6px 0; margin-bottom:10px; border-bottom:3px solid #EBEAEA; width:100%;}
#main_content h3.halfback{float:left; background:url(../images/half_normal.jpg) no-repeat; font-size:1em; width:407px; line-height:25px; text-indent:10px; font-weight:bold; color:#FFFFFF;}

.publication img.book{padding:10px 10px 10px 10px;}
.publication img.buy{margin:5px 5px 5px -10px;}
.publication img.moreinfo{margin:5px 5px 5px -2px;}
.publication span{padding:10px; width:270px;}

#footer{background:url(../images/footer_grad.jpg) repeat-x; color:#FFFFFF; height:165px; font-size:1.2em; width:880px; float:left; padding:10px; display:block; position:relative}
#footer ul{list-style:none; padding:10px; float:left;}
#footer span{text-align:right; float:right; position:absolute; right:10px; bottom:10px;}
#footer img{float:right; padding-right:25px; margin-top:30px;}
#footer a{color:#FFFFFF;}

.dateline{display:block; padding:5px; margin:10px 0; border-bottom:1px dotted #CCCCCC; border-top:1px dotted #CCCCCC;}