/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin:0;
}

.col:first-child { margin-left: 0% } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin:0;
	}
}



@media only screen and (max-width: 1024px) {
input {width:90%;}
textarea  {width:90%;}

.tabs {display:none;}
.tabs_inner {display:none;}
.logo {position:relative; margin-left:-0; left:0; top:0px; text-align:center; padding:30px 5%;}
.logo_inner {padding:20px 2%}
.slide{ height:180px; background-attachment: scroll;}
.blurb { width:60%;}
.sep {display:none;}
}

@media only screen and (max-width: 950px) {
.logobox {position:absolute; top:50px; left:50%; margin-left:-150px; z-index:90;}
.blurb { width:60%;top:200px;}
}

@media only screen and (max-width: 800px) {
.blurb h1 {font-size:20px; line-height:20px;}
.blurb h4 {font-size:40px; line-height:40px;}
.blurb { width:40%;top:180px; margin-left:-50px;}
.logobox {position:absolute; top:50px; left:50%; margin-left:-50px; z-index:90;}
}

@media only screen and (max-width: 600px) {
.logobox {position:absolute; top:60px; left:50%; margin-left:-20px; z-index:90;}
.blurb { position:relative; width:90%; top:0px; margin-left:0px; left:0%; padding:10px 5% 30px 5%; background-image:url(http://www.mcknightguitars.com/images/inner_patt.jpg); text-align:center;}
}

@media only screen and (max-width: 400px) {
.logobox {position:absolute; top:20px; left:50%; margin-left:-50px; z-index:90;}
}