@import "lib/bootstrap.less";
@import "lib/responsive.less";

body { padding-top: 92px; background: url(images/fabric_plaid.png); font-family: @baseFontFamily; }


h1 { text-align: center; text-transform: uppercase; margin-bottom: 18px;  }

.navbar { 
	h1.brand { padding: 0; margin: 10px 50px 10px 0; background: url(images/logo.png) 0 0 no-repeat; text-indent: -9999px; display: block; height: 50px; width: 170px; }
	h1.brand:hover {  }

}

div.hero-unit { background: url(images/redsatin.jpg) 0 0 no-repeat; color: #fff;

	p { font-size: 48px; line-height: 1; font-weight: 100; }
}

#callout { 
	p { text-align: center; padding: 0px; margin: 0;  }
	p.calltoaction { font-style: italic; letter-spacing: 5px;  margin-bottom: 9px; }
	p.tel { font-size: @baseFontSize * 5; line-height: 45px; padding: 0px; margin: 0; font-weight: bold; border-bottom: 1px solid @red; color: @red;  }
}

#about { text-shadow: 0 1px 0 #fff;
	p.promise { font-size: @baseFontSize * 1.25; width: 100%; font-weight: bold; font-style: italic; text-align: center; padding: 18px 0px; margin: 0; }
	h1 { padding-top: 32px; margin-top: 32px;  }
	p.first { font-size: @baseFontSize * 1.25; line-height: @baseLineHeight * 1.25; }
}


#contact { text-shadow: 0 1px 0 #fff; text-align: center;

	h1 { padding-top: 32px; margin-top: 32px; border-top: 1px solid #ccc; }
	
}


#services { text-shadow: 0 1px 0 #fff;

	h1 { padding-top: 32px; margin-top: 32px; border-top: 1px solid #ccc; }
	
	div.span6 { 
		p { color: @grayDark; font-size: @baseFontSize * 2; line-height: @baseLineHeight * 1.5; }
		img { float: left; margin: 0px 18px 18px 0; border: 9px solid #fff; .box-shadow();}
		small { color: @gray; font-size: @baseFontSize; line-height: @baseLineHeight; font-style: italic; }
		
	}
	
}

footer { padding: 32px 0px; border: 0;

small { font-size: 10px; text-align: center; display: block;  }

}

@media (max-width: 980px){
body { padding-top: 0;}
}

@media (max-width: 768px){

#about { 
	h1 { padding-top: 32px; margin-top: 0px;  }
}

#callout { margin: 0;

	p.tel { font-size: @baseFontSize * 3.5; line-height: 32px;   }
}

.span6 { width: 100%; float: left; clear: both;}


div.hero-unit { padding: 20px;
	p { font-size: 24px; line-height: 1.2; font-weight: 100; }
	}
	
#services { 

	h1 { padding-top: 32px; margin-top: 32px; border-top: 1px solid #ccc; }	
	div.span6 {   
		p { font-size: @baseFontSize * 1.5; line-height: @baseLineHeight; }
		img {}
		small { }
		}	
	}

 }