	clearfix {
		clear: both;
		}
	
	body {
		font-family: 'PT Sans', sans-serif;
		padding-top: 50px;
		}		
	
	a:link {
		text-decoration: none;
		}
	
	.heroWrapper {	
		background: #033357 url('/img/blue-gradient.png') bottom left repeat-x;
		padding: 60px 0 0px 0;
		}
		
	.blueWrapper {	
		background: #033357 url('/img/blue-shadow-bottom.png') bottom left repeat-x;
		padding: 60px 0 0px 0;
		}	
		
	.redWrapper {	
		background: #a51515 url('/img/red-shadow-top.jpg') top left repeat-x;
		padding: 60px 0 0 0;
		}	
		
	.redShadow {
		background: url('/img/red-shadow-bottom.jpg') bottom left repeat-x;
		padding: 0 0 60px 0;
		}	
		
	.grayWrapper {	
		background: #a5b3c0 url('/img/gray-shadow-bottom.jpg') bottom left repeat-x;
		padding: 60px 0 45px 0;
		}
		
	.whiteWrapper {	
		background: #ffffff;
		padding: 70px 0 70px 0;
		}	
		
	.heroCTA {
		color: #355c78; 
		font-size: 34px;
		line-height: 35px;
		}
		
	a.callUs:link {
		color: #355c78; 
		text-decoration: none;
		}
	
	a.callUs:hover {
		color: #ffffff; 
		text-decoration: none;
		}	
		
		
	
	.followUs {
		margin: 15px 0 23px 5px;
		padding: 10px 0 10px 0;
		width: 294px;
		}	
		
	.followusText {
	float: left;
	width: 215px;
	color: #355c78;
	font-size: 17px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
		}	
		
	a.socialIcons:link {
		margin-left: 3px;
		opacity: 0.25; 
		filter: alpha(opacity=25);
		}	
		
	a.socialIcons:hover {
		opacity: 100; 
		filter: alpha(opacity=100);
		}
		
	
	.introText {
		font-size: 30px;
		line-height: 35px;
		margin: 0px;
		}
	
	.whiteWrapper .introText {
		color: #666666
		}
		
		
	.redWrapper .introText {
		color: #dba1a1;
		margin-top: -10px;
		}
		
	.grayWrapper .introText {
		color: #023356;
		margin-top: 10px;

		}	

	.bodyText {
		font-size: 16px;
		line-height: 23px;
		}
	
	.whiteWrapper h4 {
		margin-bottom: 5px;
		}	
		
	.whiteWrapper  ul>li {
		font-size: 16px;
		margin-bottom: 4px;
		}
		
	.whiteWrapper > span12 {
		border-top: 1px solid #666666;
		}				
	
	.redHead {
		color: #a51515;
		margin: -15px 0 15px 0;
		}	
		
	.roofLogos {
	width: 938px;
	height: 53px;
	background-image: url(../img/roof-logos2.png);
		}
		
	.redWrapper h1 {
		color: white;
		font-size: 40px;
		margin: 0 0 20px 0;
		}	
	
	.hRule {
		margin: 20px 0 0 0;
		border-top: 1px solid #841111;
		}	
	
	.whiteBox {
		padding: 13px;
		background: #ffffff;
		}
	
	.whiteBox p {	
		font-size: 16px; 
		line-height: 24px;
		}	
		
	.whiteBox ul {
		margin: 0px;
		padding: 0px;
		}		
	
	ul.costList li {
		font-weight: 700;
		font-size: 24px;
		color: #023356;
		margin: 0 0 10px 0;
		padding: 6px 0 10px 30px;
  		list-style: none;
		background: url('/img/icon-value.jpg') no-repeat;
		background-position: -10px;
		}
	
	ul.timeList li {
		font-weight: 700;
		font-size: 24px;
		color: #023356;
		margin: 0 0 10px 0;
		padding: 6px 0 10px 42px;
  		list-style: none;
		background: url('/img/icon-time.jpg') no-repeat;
		background-position: -2px;
		}
	
	ul.workList li {
		font-weight: 700;
		font-size: 24px;
		color: #023356;
		margin: 0 0 10px 0;
		padding: 6px 0 10px 42px;
  		list-style: none;
		background: url('/img/icon-work.jpg') no-repeat;
		background-position: -2px;
		}
	
	ul.resaleList li {
		font-weight: 700;
		font-size: 24px;
		color: #023356;
		margin: 0 0 10px 0;
		padding: 6px 0 10px 42px;
  		list-style: none;
		background: url('/img/icon-resale.jpg') no-repeat;
		background-position: -2px;
		}
	
	.whiteWrapper h1 {
		font-size: 40px;
		}
	
	.blueWrapper h1 {	
		font-size: 40px; 
		color: #ffffff;
		}
	
	.grayWrapper h1 {
		font-size: 40px; 
		color: #023356;
		}	
	
	.blueBox {
		padding: 0 15px 10px 0;
		color: #ffffff;
		margin-bottom: 20px;
		}
	
	#visutUs, #emailUs {
		//padding-right: 15px;
		border-right: 1px solid #345b77;
		}	
	
	.blueBox p {	
		font-size: 16px; 
		line-height: 24px;
		}	
		
	.blueBox ul {
		margin: 0px;
		padding: 0px;
		}
	
	ul.visitList li {
		font-weight: 700;
		font-size: 18px;
		color: #ffffff;
		margin: 0 0 10px 0;
		padding: 6px 0 10px 40px;
  		list-style: none;
		background: url('/img/icon-visit.jpg') no-repeat;
		background-position: 0px;
		}
	
	ul.emailList li {
		font-weight: 700;
		font-size: 18px;
		color: #ffffff;
		margin: 0 0 10px 0;
		padding: 6px 0 10px 40px;
  		list-style: none;
		background: url('/img/icon-email.jpg') no-repeat;
		background-position: 0px;
		}
	
	ul.callList li {
		font-weight: 700;
		font-size: 18px;
		color: #ffffff;
		margin: 0 0 10px 0;
		padding: 6px 0 10px 40px;
  		list-style: none;
		background: url('/img/icon-call.jpg') no-repeat;
		background-position: 0px;
		}
	
	.blueBox .details {
		margin-top: 8px;
		font-size: 18px;
		}	
		
	#infoBar {	
		padding: 15px 0 40px 0;
		margin: 50px 0 0 0;
		border-bottom: 1px solid #8b8a8a;
		}	
		
	#infoBar ul{
		text-transform: uppercase;
		float: left;
		margin-left: 0;
		}
	
	#infoBar ul.visitList {
		margin-right: 38px;
		}	
		
	#infoBar ul.visitList li {
		font-weight: 100;
		padding: 5px 0 10px 40px;
		color: #8b8a8a;
		background: url('/img/icon-visit-info.png') no-repeat;
		}	
	
	#infoBar ul.emailList {
		margin-right: 39px;
		}		
		
	#infoBar ul.emailList li {
		font-weight: 100;
		color: #8b8a8a;
		background: url('/img/icon-email-info.png') no-repeat;
		}	
		
	#infoBar ul.callList li {
		font-weight: 100;
		color: #8b8a8a;
		background: url('/img/icon-call-info.png') no-repeat;
		}		
		
		
	
	#googleWrapper {
		margin-bottom: 30px;
		background: #00243e;
		}
		
	.googleMap {
		margin: 10px 0 6px 10px;
		}
		
	#thumbnails {
		padding-top: 30px;
		}
			
	.thumbnailBorder {
		float: left;
		width: 148px; 
		height: 115px;
		background: url('/img/gallery-thumbnail-border.png') top left no-repeat; 
		padding: 4px 0 0 4px;
		margin: 0 30px 20px 0;
		}
		
	.thumbnailShadow {
		width: 130px;
		height: 95px;
		margin: 0 22px 25px 0;
	    border: solid 2px #ffffff;
		float: left;
		-moz-box-shadow: 	 5px 5px 5px #818c97;
 		-webkit-box-shadow: 5px 5px 5px #818c97;
 		box-shadow: 		 5px 5px 5px #818c97;	
	
		}	
		
	#navLinks {
		margin-top: 14px; 
		font-size: 18px;
		font-weight: 700;
		letter-spacing: px;
		text-transform: uppercase;
		}
			
	#navLinks > li > a {
		color: #355c78;
		}
		
	#navLinks > li > a:hover {
		color: #ffffff;
		}	
		
	#getQuote {
	font-size: 25px;
	font-weight: 700;
	margin-top: 5px;
		}
		
	#getQuote > li > a {
		color: #ffffff;
		}
		
	#getQuote > li > a:hover {
		color: #ffffff;
		text-decoration: underline;
		}
		
		
	.quoteWrapper {
		color: #00243e;
		background: #00243e;
		padding: 13px;
		margin-bottom: 30px;
		}
		
	.quoteContainer {
		background: #ffffff;
		padding: 20px;
		}
		
		
		
	.contestLink {
		color: #a51515;
		}			

	.infoEmail, .infoAddress {
		color:#757575;
		}
		
	a.infoEmail:hover , a.infoAddress:hover , .contestLink:hover {
		color: #ffffff;
		background: #a51515;
		}		
		

	.fbGallery {
		color: #a51515;
		}
	
	a.fbGallery:link {
		text-decoration: none;
		}	
	
	a.fbGallery:hover {
		color: #ffffff;
		background: #a51515;
		}	
		
	.contactLink {	
		color: #ffffff;
		}	
		
	a.contactLink:hover {
		color: #013255;
		text-decoration: none;
		background: #ffffff;
		}	
	
	
		
		






				
				
				
				
				
				
