/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../../images/misc/bodyBg.gif) top repeat-x #fff;
	margin: 0px;
}

a img {
	border: none;
}

h1 {
	font-size: 3.0em;
	font-weight: normal;
	color:#c50c02;
	font-weight:bold;
}

h2 {
	font-size: 1.6em;
	font-weight:normal;
}

h2 a {
	font-size: 1.6em;
	font-weight:normal;
	text-decoration:none;
}

h3 {
	font-size: 1.2em;
	font-weight:bold;
	color:#c50c02;
	margin:10px 0;
}
h4 {
	font-size: 1.2em;
	font-weight:bold;
	color:#c50c02;
}

/* Container Styles
--------------------------------------------------------------- */

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
}

	body#index #contentContainer{
		width: 960px;
		z-index: 1;
		border-top:2px solid #e64941;
		padding-top:290px;
		/*margin-top:387px;*/
	}
			
	#contentContainer {
		width: 960px;
		z-index: 1;
		border-top:2px solid #e64941;
		padding-top:10px;
		margin-top:387px;
	}
	
		#lowerCopy{
			padding:0 10px;
		}
		
			#lowerImgs .bottomImg{
				margin-bottom:100px;
			}
			
			#lowerText h2{
				color:#cd1006;
				margin-top:15px;
			}
			#lowerText a{
				color:#cd1006;
				margin-top:15px;
			}
			
			body#room-types #lowerText h2{
				margin-top:0px;
			}
			
			#lowerText p{
				padding:5px 0;
				font-size:1.1em;
			}
	
/* 'Mid' Styles
--------------------------------------------------------------- */

#midText{
	position:absolute;
	top:0px;
	left:0;
	z-index:500;
	padding-top:20px;
}

	#midText p{
		font-size:1.6em;
		font-weight:normal;
		color:#c50c02;
		padding:0 20px;
	}

#midBoxes{
	position:absolute;
	top:70px;
	left:10px;
	z-index:500;
	padding-top:20px;
}

.midBoxes{
	width:220px;
	height:184px;
	/*background:url(../../images/misc/midBox.png) no-repeat;*/
	margin-right:20px;
	float:left;
}

	#midBoxes2 .midBoxes{
		margin-bottom:20px;
		margin-right:25px;
		width:150px;
	}
	
	* html #midBoxes2 .midBoxes{
		margin-right:17px;
	}	

.lastBox{
	margin-right:0px;
}
		
		a.boxHeader{
			width:220px;
			height:27px;
			background:url(../../images/misc/boxHeaderBg.jpg) repeat-x;
			display:block;
			text-decoration:none;
			padding-top:15px;
		}
		
		#midBoxes2 a.boxHeader{
			width:140px;
			height:auto;
			background:#ED1E18;
			display:block;
			text-decoration:none;
			padding-top:0px;
			padding-bottom:0px;
			padding-left:10px;
			border-right:#ED1E18 solid 3px;
		}
		
			a.boxHeader span{
				color:#fff;
				font-size:1.7em;
				font-style:italic;
				padding-left:5px;
				padding-top:0;
			}
		
		a.boxImage{
			width:150px;
			height:37px;
			display:block;
			text-decoration:none;
			padding-top:110px;
			padding-left:70px;
		}
		
		#midBoxes2 a.boxImage{
			width:110px;
			height:32px;
			display:block;
			text-decoration:none;
			padding-top:110px;
			padding-left:40px;
			border-right:#ED1E18 solid 3px;
		}
		
			a.boxImage span{
				font-size:2em;
				color:#c50c02;
			}
		
		a.box1{
			background:url(../../images/misc/loftConversionsBoxBg.jpg) no-repeat;
		}
		
		a.box2{
			background:url(../../images/misc/atticInstallationsBoxBg.jpg) no-repeat;
		}
		
		a.box3{
			background:url(../../images/misc/bedroomConversionsBoxBg.jpg) no-repeat;
		}
		
		a.box4{
			background:url(../../images/misc/garageConversionsBoxBg.jpg) no-repeat;
		}

#adams-attics{
	width:637px;
	height:62px;
	background:url(../../images/misc/adamsAttics.gif) no-repeat;
	padding-top:8px;
	padding-left:10px;
	margin-top:20px;
}

	#main #adams-attics p{
		width:347px;
		margin:0;
	}
	
	#adams-attics a{
		color:#C50C02;
		font-weight:bold;
		font-size:1.5em;
		text-decoration:none;
	}

#numberOne{
	width:200px;
	background:url(../../images/misc/numberOne.jpg) bottom no-repeat;
	float:right;
	margin-right:10px;
	margin-bottom:20px;
	padding:6px 10px 70px 10px;
	border-top:5px solid #E9BF77;
}

	#numberOne span.red{
		color:#C50C02;
	}

	#numberOne p{
		font-size:1.4em;
		padding-bottom:10px;
	}
	
	#numberOne p.number{
		font-size:1.8em;
	}
	
	#numberOne p.smaller{
		font-size:1em;
	}
	

/* Main Styles
--------------------------------------------------------------- */

		#main {
			float: left;
			width: 640px;
			padding: 10px 10px;
		}
			#main a {
				color:#c50c02;
			}
			#main p {
				margin: 13px 0px 13px 0px;
			}
			#main ul {
				margin: 5px 0px 5px 40px;
				color:#333333;
				line-height:16px;
			}
		
		body#conversions #main, body#gallery #main, body#testimonials #main, body#coverage #main {
			width:700px;
		}
		
			body#coverage #main img{
				margin-right:30px;
				margin-left:20px;
			}
		
		#googleMap {
			width: 640px;
			height: 300px;
		}
		
			#pullquote{
				margin:20px 0 20px 40px;
				color:#c50c02;
				font-size:1.6em;
			}
			
			.pullquote{
				color:#c50c02;
				font-size:1.6em;
			}
			
			body#contact #main table td{
				padding-right:20px;
				padding-bottom:5px;
				font-size:1.1em;
			}
			h2.locations {
				color:#c50c02;
			}

/* Sidebar/CTA Styles
--------------------------------------------------------------- */
		
		#sidebar {
			float: right;
			width: 280px;
			padding-top:10px;
			padding-bottom:0px;
		}
		
			body#conversions #sidebar, body#gallery #sidebar, body#testimonials #sidebar, body#coverage #sidebar {
				width:240px;
			}
		
		body#index #sidebar,
		body#contact #sidebar {
			padding-bottom:0px;
		}
		
		#sidebar img{
			float: right;
			margin-right:10px;
			margin-top:10px;
		}
		
		#testimonialsLink
		{
			background:url(../../images/misc/testimonialsBg.jpg) no-repeat;
			margin-left:48px;
			margin-bottom:17px;
		}
		
		body#gallery #testimonialsLink, body#conversions #testimonialsLink, body#coverage #testimonialsLink{
			margin-left:8px;
		}

			#testimonialsLink a{
				display:block;
				width:203px;
				height:119px;
				padding:10px 0 10px 10px;
				color:#fff;
				text-decoration:none;
				text-align:center;
				font-weight:bold;
				text-transform:uppercase;
				font-size:1.4em;
				line-height:1.0em;
			}
			
				#testimonialsLink a span{
					color:#780c06;
					display:block;
					text-transform:capitalize;
					font-size:0.7em;
					padding-top:58px;
				}
		
			#callback{
				width:200px;
				background:url(../../images/misc/callbackBg.gif) repeat-x;
				float:right;
				margin-right:10px;
				padding:0px 10px 10px 10px;
			}
			
			* html #callback{
				margin-right:5px;
			}
			
			#callback h2{
				color:#fff;
				font-size:1.7em;
				font-style:italic;
				padding:5px 0;
			}
			
			#callback h4{
				color:#fff;
				font-size:1.5em;
				font-style:italic;
				padding:5px;
			}
			
			input{
				width:100%;
				margin-bottom:5px;
			}
			
			input.button{
				width:100px;
				margin-top:5px;
				margin-bottom:5px;
			}
			
			select.callOptions{
				width:80px;
			}
		
/* Header Styles
--------------------------------------------------------------- */
#headerContainer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.2em;
}
#header {
	width: 960px;
	height: 387px;
	position: absolute;
	z-index: 1;
	top: 0px;
	background:url(../../images/misc/headerBg.jpg) no-repeat;
}

body#conversions #header{
	background:url(../../images/misc/headerBgConvTypes.jpg) no-repeat;
}

body#loft-conversions #header{
	background:url(../../images/misc/headerBgLoftConv.jpg) no-repeat;
}

body#attic-conversions #header{
	background:url(../../images/misc/headerBgArmchair.jpg) no-repeat;
}

body#bedroom-conversions #header{
	background:url(../../images/misc/headerBgBedroomConv.jpg) no-repeat;
}

body#garage-conversions #header{
	background:url(../../images/misc/headerBgLoftConv.jpg) no-repeat;
}

body#faqs #header{
	background:url(../../images/misc/headerBgFaq.jpg) no-repeat;
}

body#room-types #header{
	background:url(../../images/misc/headerBgRoomTypes.jpg) no-repeat;
}

body#office-conversions #header{
	background:url(../../images/misc/headerBgOffice.jpg) no-repeat;
}

body#dormer-lofts #header{
	background:url(../../images/misc/headerBgDormer.jpg) no-repeat;
}

	#innerHeader{
		width:960px;
		height:387px;
		background:url(../../images/misc/navBg.gif) 0px 31px repeat-x;
	}

	#logo {
		width: 193px;
		height: 96px;
		float: left;
		margin-top:3px;
		/*background: #666;*/
	}
	
	#cta-top-right {
		float: right;
		padding: 5px 0px 0px 0px;
		text-align: right;
		font-size: 1.5em;
		color:#c50c02;
		font-weight:bold;
		/*background: #333 url(../../images/misc/cta-top-right-bg.jpg) right top no-repeat;*/
	}
	
		#cta-top-right span{
			display:block;
			font-size:1.9em;
			color:#780c06;
			/*background: #333 url(../../images/misc/cta-top-right-bg.jpg) right top no-repeat;*/
		}

	#headerQuote{
		position:absolute;
		z-index:100;
		top:285px;
		left:0;
		width:340px;
		padding:5px;
		background: #fff;
	}
	
		#headerQuote p{
			font-size:1.7em;
			font-weight:normal;
			color:#7e0a04;
		}
		
	.headerQuote2{
		position:absolute;
		z-index:100;
		top:105px;
		left:0;
		visibility:hidden;
	}
	
	body#index .indexQuote, body#conversions .convs, body#loft-conversions .loftConv, body#attic-conversions .atticInstall, body#bedroom-conversions .bedroomConvs, body#garage-conversions .garageConvs, body#faqs .freqQuestions, body#room-types .roomTypes, body#gallery .galleryPage, body#testimonials .testimonialsPage, body#coverage .coveragePage, body#contact .contactUs, body#office-conversions .officeConversionsQuote, body#dormer-lofts .dormerLoftsQuote{
		visibility:visible;
	}
	
		.headerQuote2 p{
			font-size:5.2em;
			font-weight:normal;
			color:#c50c02;
			font-style:italic;
		}
		
		.headerQuote2 p span{
			font-size:0.4em;
			display:block;
			text-align:right;
			font-style:normal;
		}
		
	#asSeenOn{
		position:absolute;
		z-index:100;
		top:84px;
		right:23px;
		width:142px;
		height:144px;
	}

#flashSlideshow {
	background: url(../../images/misc/flashSlideshowBackup.jpg);
}

.newImages{
	background:#FFEFCF;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	width:665px;
	margin-bottom:20px;
}

	.newImages h2{
		margin:0;
		padding:0 0 10px 0;
	}

	#galleryGrid .newImages img{
		margin-right:10px;
		margin-bottom:10px;
	}
	
	#galleryGrid .newImages img.lastImg{
		margin-right:0px;
		margin-bottom:10px;
	}

#galleryGrid{
	margin-top:8px;
}

	#galleryGrid img{
		border:5px solid #E9BE78;
		margin-right:14px;
		margin-bottom:14px;
	}



/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#navigation {
	height: 34px;
	z-index: 1;
	position: absolute;
	margin-left: 195px;
	top: 31px;
}

	#navigation ul {
		margin: 0px;
		padding: 0px;
	}
	
		#navigation ul li {
			display: inline;
			list-style: none;
		}
			  
			#navigation ul li a {
				float: left;
				border-right: 1px solid #fff;
				color: #c50c02;
				text-decoration: none;
				display:block;
				height:26px;
				padding: 8px 9px 0px 9px;
				font-weight: bold;
				font-size: 1.1em;
			}
			
				#navigation ul li a.rightLink {
					border: none;
				}

				#navigation ul li a:hover {
					background: #780C06;
					color: #fff;
				}
				
#index #navigation .index-a,
#conversions #navigation .link1-a,
#attic-conversions #navigation .link1-a,
#bedroom-conversions #navigation .link1-a,
#garage-conversions #navigation .link1-a,
#loft-conversions #navigation .link1-a,
#office-conversions #navigation .link1-a,
#dormer-lofts #navigation .link1-a,
#faqs #navigation .link2-a,
#room-types #navigation .link3-a,
#gallery #navigation .link4-a,
#coverage #navigation .link5-a,
#contact #navigation .contact-a {
	background: #EF3B32;
	color:#fff;
}

	#subnav{
		z-index:200;
		position: absolute;
		background:#E9BE78;
		top:65px;
		left:251px;
		visibility:hidden;
		width:150px;
	}
	
		#subnav li{
			list-style:none;
			display:block;
			float:left;
		}
		
		#subnav a{
			color:#c50c02;
			text-decoration:none;
			padding:5px 10px;
			width:130px;
			display:block;
			float:left;
		}
		
		#subnav a:hover{
			background:#fff;
			color:#c50c02;
		}
		
#subnavRemoveLower{
	z-index:199;
	position: absolute;
	top:65px;
	left:222px;
	width:250px;
	height:150px;
	visibility:hidden;
	background:none;
}

#subnavRemoveTop{
	z-index:199;
	position: absolute;
	top:0px;
	left:255px;
	width:100px;
	height:30px;
	visibility:hidden;
}

/* Footer Styles
--------------------------------------------------------------- */
#footerContainer {
	width: 960px;
	font-size: 1.1em;
	background:url(../../images/misc/footerContBg.jpg) repeat-x;
	width:100%;
	margin-top:20px;
}
#footer {
	clear: both;
	position:relative;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	color: #ddd;
	background:url(../../images/misc/footerBg.jpg) no-repeat;
	padding: 20px 10px 10px 10px;
	font-size: 1.1em;	
}

/*	#footerLists ul{
		width:350px;
		float:left;
	}
	
		#footerLists ul.list2{
			margin-left:20px;
		}
	
	#footerLists li{
		list-style:none;
		margin-bottom:20px;
		display:block;
	}

	#footerLists a{
		color:#fff;
		font-size:1.9em;
		font-style:italic;
		text-decoration:none;
		display:block;
	}
	
	#footerLists a span{
		font-size:0.6em;
		display:block;
		font-style:normal;
	}
	
	#footerDetails{
		float:right;
		text-align:right;
	}
					
		#footerDetails h2{
			font-size:1.9em;
			color:#fff;
			font-style:italic;
		}
		
		#footerDetails ul{
			text-align:right;
			color:#fff;
		}
		
		#footerDetails li{
			list-style:none;
			font-size:1.1em;
		}
		
		#footerDetails p{
			font-size:1.1em;
			width:200px;
			color:#fff;
			padding-top:30px;
			font-style:italic;
		}
		#footerDetails a{
			list-style:none;
			color:#FFFFFF;
			text-decoration:none;
		}*/

	#footer .index-a, #footer .conta ct-a {
		display: none;
	}

	#footer h2 {
		font-weight: bold;
		margin: 0px;
		color: #fff;
		padding: 3px 5px;
		font-size: 1.5em;
		font-style: italic;
		width: 250px;
	}
		
	#footer li {
		list-style: none;
		font-size:1.0em;
	}
	
	#footer p, #footer ul {
		margin: 0px;
		padding: 0px;		
	}

	#footer a {
		white-space: nowrap;
		color: #ddd;
		font-size:1.0em;
		text-decoration: none;
	}
	
	#footer a:hover {
		color: #ffcc00;
		text-decoration:underline;
	}
	
#footer a.adtrakLogo {
	position:absolute;
	top:170px;
	right:0px;
	}	

/* Footer Services Styles
--------------------------------------------------------------- */	

	#footer #footer-services {
		float: left;
		width: 200px;
		margin: 0px;
	}
	
		#footer #footer-services ul li {
			float: left;
		}
	
			#footer #footer-services ul li a {
				float: left;
				width: 150px;
				padding: 3px 5px;
				border-bottom: 1px dotted #777;
			}
		
/* Footer Areas Styles
--------------------------------------------------------------- */	

	#footer #footer-areas {
		float: left;
		width: 320px;
	}
	
		#footer #footer-areas h2 {
			width: 300px;
		}
	
		#footer #footer-areas ul {
			float: left;
			width: 155px;
		}
	
		#footer #footer-areas ul li {
			float: left;
			width: 125px;
			padding: 3px 5px;
			border-bottom: 1px dotted #777;
		}
		
/* Footer Right Styles
--------------------------------------------------------------- */	

	#footer #footer-right {
		float: left;
		width: 190px;
	}
	
		#footer #footer-right h2 {
			width: 170px;
		}
		
		#footer #footer-right p {
			line-height: 20px;
			padding: 3px 5px;
		}
				
/* Footer Right Styles2
--------------------------------------------------------------- */	

	#footer #footer-right2 {
		float: left;
		width: 165px;
	}
	
		#footer #footer-right2 h2 {
			width: 155px;
		}
		
			#footer #footer-right2 ul li {
				float: left;
			}
					
			#footer #footer-right2 ul li a {
				float: left;
				width: 165px;
				padding: 3px 5px;
				border-bottom: 1px dotted #777;
			}
		
		#footer #footer-right2 p {
			line-height: 20px;
			padding: 3px 5px;
		}
		
		#footer #footer-right2 .bottomLink {
			margin-bottom: 5px;
		}
		
		
/* Footer Bottom Styles
--------------------------------------------------------------- */	

	#footer #footer-bottom {
		width: 940px;
		clear: both;
		float: left;
		margin: 10px 0px 0px 0px;
		text-align: center;
	}

/* Image Styles
--------------------------------------------------------------- */

.img-left {
	float: left;
	margin: 0px 20px 30px 0px;
}

.img-leftNB {
	float: left;
	margin: 0px 20px 10px 0px;
}

.clearleft{
	clear:left;
}

.img-right {
	float: right;
	margin: 0px 0px 10px 10px;
}
	
	.img-border {
		border: 1px solid #ccc;
	}
	
/* Contact Table Styles
--------------------------------------------------------------- */

	#contactTable #botBuster {
		display: none;
	}
	
	table.callback #botBuster {
		display: none;
	}
	
	body#contact form.mainForm{
		/*border-top:1px solid red;
		border-bottom:1px solid red;*/
		border:1px solid #eee;
		padding:20px;
	}
	
	body#contact form.mainForm input{
		width:auto;
	}
	
/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}

.questions{
	font-weight:bold;
	color:#C50D03;
	font-size:1.4em;
}	

.keywordsFade{
	color:#CCCCCC;
}

.red{
	font-weight:bold;
	color:#C50C02;
}

table.callback{
	color:#fff;
}