/* CSS */

/*--------------------------------------------------------------------
	Clear all the default styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*
	vertical-align: baseline;
	*/
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*--------------------------------------------------------------------
	Structure
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

body {
	margin:0 0 30px 0; 
	background-color:#CCC;
}

#wrapper {
	width:840px;
	margin:30px auto;
}

#header {
	background:#000;
	width:100%;
	height:100px;
	font:Georgia;
	color:#fff;
}
	#header-content {
		width:900px;
		margin:0 auto;
		padding:24px 0 0 0;
	}
		#header-client {
			float:left;
			font-size:20px;
		}
		#header-hyper {
			float:right;
			font-size:13px;
		}

.example-content {
	width:840px;
	background:#fff;
	margin:30px auto 0 auto;
	padding:30px;
}
	.initial-example {
		background:url('/previews/images/false-content.png') no-repeat;
		height:191px;
	}
	
.mantle-ad {
	width:728px;
	background:url('/previews/images/728x90.png') no-repeat;
	margin:30px auto 0 auto;
	z-index:99;
	overflow:hidden;
}
	.mantle-ad-closed {
		height:90px;
	}

	.mantle-ad-expand {
		height:180px;
	}
	
.mantle-ad-overlay {
	width:728px;
	background:url('/previews/images/728x90.png') no-repeat;
	margin:30px auto 0 auto;
	height:90px;
}

.box-ad-content {
	width:530px;
	height:400px;
	background:#fff;
	float:left;
	margin:0 10px 0 0;
}

.box-ad {
	width:300px;
	height:250px;
	background:#999;
	float:left;
	display:inline;
}

p {
	margin:20px 0;
}

		
/*--------------------------------------------------------------------
	Clearfix
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
.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 */