div.clearit {
	clear: both;
	}

#instantdrummerIntro{
	background: #011318 url(instantdrummer_images/instantdrummer_background.jpg) 0 0 no-repeat;
	min-height: 669px;
	height:auto !important;
	height:710px;
	padding: 20px 0;
	margin: 0 25px;
	color: #230b1a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	line-height: 1.4;
	position: relative;
	overflow:hidden;
	}
    #instantdrummerIntro h1{ width: 453px; height: 124px; margin: 0 0 0 30px; background: url(instantdrummer_images/instantdrummer_logo.png) no-repeat left top; text-indent: -9999px; }
    #instantdrummerIntro .newV{ display: block; width: 107px; height: 109px; position: absolute; z-index: 1000; top: 0; left: 0; background: transparent url(instantdrummer_images/new_violator.png) 0 0 no-repeat; text-indent: -99999px; }
    #instantdrummerIntro .iphoneFtPv{ 
    	display: block;
    	position: absolute;
    	left: -20px;
    	top: 20px;
    	margin: 0;
    	z-index: 1;
    	}
    #instantdrummerIntro .appStoreLink{
    	display: block;
    	width: 279px;
    	height: 65px;
    	position: absolute;
    	left: 396px;
    	top: 250px;
    	background: url(instantdrummer_images/btn_appstore.png) 0 0 no-repeat;
    	text-indent: -9999px;
    	}
   body #instantdrummerIntro h2 {
    	position: absolute;
    	left: 405px;
    	top: 320px;
    	width: 265px;
    	font-size: 16px;
    	font-weight: bold;
    	line-height: 1.5em;
    	margin: 0;
    	padding: 0;
    	color: white;
    	}

   body #instantdrummerIntro p {
    	position: absolute;
    	left: 405px;
    	top: 343px;
    	width: 265px;
    	font-size: 12px;
    	line-height: 1.5em;
    	margin: 0;
    	padding: 0;
    	color: white;
    	}
	#instantdrummerIntro a {
		color: white;
		}
        
    #instantdrummerIntro .demoVideoLink {
    	display: block;
    	width: 279px;
    	height: 65px;
    	position: absolute;
    	left: 396px;
    	top: 632px;
    	background: url(instantdrummer_images/watch_demo.png) 0 0 no-repeat;
    	text-indent: -9999px;
    	}
    
    
#instantdrummer{ color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; line-height: 1.4; }
    .featured{
    	padding: 10px 24px 0 24px;
    	margin: 0;
    	position: relative;
    	left: 7px;
    	}
        .featured .col{
        	float: left;
        	width: 190px;
        	padding: 0;
        	margin: 0 33px 0 0;}
        .featured .last{ margin: 0 !important; }
        .featured p{ color: #000; line-height: 1.4; }
        #instantdrummer .featured h3{ font-size: 15px; color: #308cbc; margin: 0 0 5px; }

        
    .featureBlock {
    	margin: 20px 0 0 0;
    	padding: 0;
    	}
    .featureBlock .colWrap {
    	margin: 0;
    	padding: 0;
    	background: white;
    	border: 1px white solid;
    	}
	.featureBlock h2 {
		font-size: 14px;
		color: #333333;
		margin: 0 0 8px 0;
		padding: 0 0 0 13px;
		}
	.featureBlock .features {
		float: left;
		width: 60%;
		margin: 0;
		padding: 10px;
        }        
	.featureBlock .moreInfo {
		float: left;
		width: 30%;
		margin: 0;
		padding: 10px;
		}
	.featureBlock .previews {
		float: left;
		width: 45%;
		margin: 0;
		padding: 10px;
        }
    .featureBlock .previews2 {
		float: left;
		width: 45%;
		margin: 0;
		padding: 10px;
		}    
	.featureBlock ul {
		margin: 10px 15px;
		padding: 0;
		}
	.featureBlock li {
		list-style-type: none;
		}
	.featureBlock h2 {
		margin: 0;
		padding: 0;
		}
            
            
            
    .instantdrummerFooter{
    	padding: 20px;
    	}
        .instantdrummerFooter p {
        	width: 400px;
        	float: left;
        	margin: 0;
        	}
        .instantdrummerFooter .logo {
        	float: left;
        	display: block;
        	margin: -5px 10px 0 18px;
        	}
            .instantdrummerFooter img{ display: block; border: 0; }
            .mapilogo {
            	display: block;
            	float: right;
            	margin: 0;
            	}