/* block-definitions */


html, body{ 
	margin:0; 
	padding:0; 
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
}

#border{ 
	width:790px; 
	margin-left:auto; 
	margin-right:auto;
	padding:15px 0;
	border:1px solid #000;
	background:#FFF;
}

#pagewidth{ 
	width:730px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	background: url(../img/bd_bg.gif) top center repeat-y; 
} 

#header{
	position:relative; 
	height:200px; 
	background-color:#FFFFFF; 
	width:100%;
} 

#twocols{
	width:730px; 
	float:right; 
	position:relative;
}

#rightcol{
	width:220px; 
	float:right; 
	position:relative; 
}

#maincol{
	float: left; 
	display:inline; 
	position: relative; 
	width:490px;
	padding:0 0 0 20px; 
}

#shadow{
	margin-top:12px;
	background:url(../img/shadow_right.gif) top center repeat-y;
}

#shadow_sub{
	height:15px;
	background:url(../img/shadow_bottom.gif) top center no-repeat;
}

.preview {
	margin-top:30px;
}


/* content-definitions */

p {
	font-size:12px;
	margin: 0 0 8px;
	padding:0;
	line-height:18px;
}

img {
	border:0;
}

#maincontent {
	padding: 12px 25px 0 0;
}

#maincontent h1 {
	font-size:15px;
	font-weight:bold;
	line-height:18px;
	margin:12px 0 15px 0;
	padding:0;
}

#maincontent h2 {
	font-size:12px;
	font-weight:bold;
	margin: 0 0 10px 0;
	padding:0;
	line-height:18px;
}

#maincontent img {
	float:left; 
	margin:0 10px 10px 0;
}


#rightcontent {
	padding: 20px 20px 10px;
}

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */