/************************************************************************
	CSS RESET
************************************************************************/
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,b, u, i, center,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-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}


/************************************************************************
	COMMON DEFINITION
************************************************************************/
html,body{ background: url(images/cz4-bkg-body.jpg) 0 0 repeat-x;}
a{ text-decoration: none; color: #78110a; font-weight: bold;}
.clearme:after{	content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0.1em; line-height: 0;}


/************************************************************************
	TOP NAV
************************************************************************/
#wrapper-top-nav{ width: 100%; height: 30px; background: #000;}
#top-nav{ position: relative; width: 974px; height: 30px; margin: auto;}
#top-nav-links{ height: 30px; margin: 0 0 0 20px;}
#top-nav-links li{ float: left; height: 30px; margin: 0 40px 0 0; font: 14px/29px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; color: #fff;}
#top-nav-links li a{ display: block; font: 14px/29px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; color: #628291; letter-spacing: 0.05em;}
#top-nav-links li a:hover{ color: #fff;}

#bitolithic-logo{ position: absolute; top: 0; left: 866px; width: 88px; height: 30px; background: url(images/cz4-bitolithic-logo.jpg) top right no-repeat; overflow: hidden;}
#bitolithic-logo a{ display: block; width: 88px; height: 30px; text-indent: -9999px;}

/************************************************************************
	GLOBAL
************************************************************************/
#wrapper{ width: 100%; background: url(images/cz4-bkg-wrapper-full.jpg) top center no-repeat;}
#contain{ position: relative; width: 974px; min-height: 700px; height:auto !important; height: 700px; margin: auto;}
	
	/************************************************************************
		HEADER
	************************************************************************/
	h1{ position: absolute; top: 5px; left: 107px; width: 356px; height: 179px; text-indent: -9999px; overflow: hidden;}
	h2{ position: absolute; top: 194px; left: 626px; width: 200px; height: 66px;}
	h2 a{ display: block; width: 200px; height: 66px; text-indent: -9999px; overflow: hidden;}
	h3{ position: absolute; top: 234px; left: 850px;  width: 108px; height: 64px; background: url(images/cz4-about-comics.png) 0 0 no-repeat; text-indent: -9999px; overflow: hidden;}
	#ipads{ position: absolute; top: 210px; left: 15px; width: 947px; height: 602px; background: url(images/cz4-ipads.png) 0 0 no-repeat;}
	
	/************************************************************************
		CONTAIN
	************************************************************************/
	#text{ position: absolute; top: 800px; left: 20px; width: 472px;}
	#text-intro{ font: 18px/24px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; color: #606063; text-align: justify;}
	#text-intro p{ margin: 0 0 15px;}
	#text-intro strong{ color: #78110a;}
	
	#text-desc{ font: 14px/20px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; color: #606063; text-align: justify; padding: 0 0 30px;}
	#text-desc p{ margin: 0 0 12px;}
	#text-desc strong{ color: #78110a;}
	#text-desc em{ font: bold 14px/20px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; color: #4e4e4e;}
	#text-desc h5{ font: 12px/16px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; color: #78110a;}
	#footer{ font: 11px/14px "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; text-align: center; color: #999; padding: 0 0 20px;}
	
	#imgzoom{ position: absolute; top: 790px; left: 605px;}
	#imgzoom ul{ width: 262px; height: 262px;}
	#imgzoom ul li{ float: left; width: 130px; height: 130px;}
	
	#appstore-link{ margin: 30px 10px 0; width: 240px; height: 84px;}