/* CSS Document */

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

p {
	line-height: 1.4em;
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

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

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background: url(../../images/layout/containerBg.jpg) center repeat-y #f1f1f1;
	margin: 0px;
}

a:link, a:visited, a:focus {
	text-decoration: underline;
	outline: none;
	color: #000;
}

a:hover, a:active {
	color: #227fb8;
	text-decoration: underline;
}

a img {
	border: none;
}

h1 {
	font-size: 1.8em;
	color: #227fb8;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

h2, h3 {
	font-size: 1.6em;
	color: #df8a05;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

.cta {
	text-decoration:underline;
	outline: none;
	color: #df8a05;
}

.cta a {
	outline: none;
	color: #df8a05;
}

/* Layout Styles
--------------------------------------------------------------- */

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

	#contentContainer {
		width: 960px;
		position: absolute;
		z-index: 1;
		top: 170px; 
		background: url(../../images/layout/contentBg.jpg) repeat-x #fff;
	}
	
		#contentLeft {
			float: left;
			width: 310px;
			padding: 10px 0px 10px 10px;
		}
		
/* Left Content CTA's
--------------------------------------------------------------- */

	#LargeCTA {
		width: 280px;
		height: 150px;
		color: #df8a05;
		padding: 10px;
		margin: 0px 0px 10px 0px;
		border: 5px solid #c3c0c0;
		background: url(../../images/layout/cta1LargeBg.jpg) no-repeat right #fff;
	}
		
		#LargeCTA p {
			margin: 0px;
			padding: 0px;
			color: #227fb8;
			font-size: 1.4em;
			font-weight: bold;
		}
	
		#LargeCTA strong {
			margin: 0px;
			padding: 0px;
			color: #000;
		}
		
		#LargeCTA ul {
			margin: 0px;
			padding: 0px 0px 0px 20px;
			list-style: none;
		}
		
		#LargeCTA li {
			margin: 0px;
			padding: 0px;
		}
		
	#LargeCTA2 {
			width: 280px;
			height: 150px;
			color: #df8a05;
			padding: 10px;
			margin: 0px 0px 10px 0px;
			border: 5px solid #c3c0c0;
			background: url(../../images/layout/cta1LargeBg2.jpg) no-repeat right #fff;
		}
			
			#LargeCTA2 p {
				margin: 0px;
				padding: 0px;
				color: #000;
				font-size: 1.4em;
				font-weight: bold;
			}
		
			#LargeCTA2 strong {
				margin: 0px;
				padding: 0px;
				color: #227fb8;
			}
			
			#LargeCTA2 ul {
				margin: 0px;
				padding: 0px 0px 0px 20px;
				list-style: none;
			}
			
			#LargeCTA2 li {
				margin: 0px;
				padding: 0px;
			}
			
		.SmallCta {
			width: 290px;
			height: 50px;
			padding: 5px;
			margin: 0px 0px 10px 0px;
			border: 5px solid #c3c0c0;
			background: url(../../images/layout/smallCtaBg.jpg) repeat-x;
		}
		
			.SmallCta p {
				margin: 0px;
				padding: 0px;
				color: #227fb8;
				font-size: 1.2em;
				font-weight: bold;
				text-align: center;
			}
			
				.SmallCtaLink {
					width: 290px;
					height: 25px;
					padding: 5px 0px 0px 0px;
					text-align: center;
					background: url(../../images/layout/smallCtaLinkBg.jpg) no-repeat;
				}
				
				.SmallCtaLink a {	
					color: #fff;
					font-size: 1.4em;
					text-decoration: none;
					font-weight: bold;
				}
				
				.SmallCtaLink a:hover {	
					color: #000;
				}
				
				#domestic-blinds #contentLeft .domestic {
					display: none;
				}
				
				#commercial-blinds #contentLeft .commercial {
					display: none;
				}
				
				#perfect-fit-blinds #contentLeft .perfect {
					display: none;
				}

/* Layout Styles Continued
--------------------------------------------------------------- */
	
		#contentRight {
			float: right;
			width: 610px;
			padding: 10px 10px 10px 20px;
		}
		
			#contentRight-text {
				padding: 0px 0px 0px 20px;
			}
		
		#map {
			width: 600px;
			height: 200px;
			float: left;
			margin: 10px 0px 10px 0px;
			border: 5px solid #c3c0c0;
		}

/* Content CTA Large
--------------------------------------------------------------- */

#virtualBookCTA {
	width: 585px;
	height: 75px;
	margin: 10px 0px 10px 0px;
	padding: 15px 0px 0px 25px;
	background: url(../../images/layout/vbookCTABg.jpg) no-repeat;
}

	#virtualBookCTA p a {
		font-size: 1.8em;
		color: #227fb8;
		padding: 0px;
		margin: 0px;
		line-height: 1.0em;
		text-decoration: none;
	}
	
		#virtualBookCTA p.clicktoview a {
			font-size: 1.2em;
			color: #000;
			font-weight: bold;
			padding: 0px;
			margin: 0px;
			text-decoration: none;
		}
		
/* Content Category Links
--------------------------------------------------------------- */

.categoryLink {
	width: 190px;
	float: left;
	border: 5px solid #abd4f2;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	background: #fff;
}

	.categoryLinkImage {
		width: 190px;
		height: 190px;
		border-bottom: 5px solid #abd4f2;
		float: left;
	}
	
	.categoryLink a {
		color: #000;
		text-decoration: none;
	}
	
	.categoryLink a:hover {
		color: #227fb8;
	}
	
	.categoryLinkText {
		width: 190px;
		height: 30px;
		float: left;
		padding: 10px 0px 0px 0px;
		text-align: center;
	}

.categoryLinkEnd {
	width: 190px;
	float: left;
	border: 5px solid #abd4f2;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	background: #fff;
}

	.categoryLinkEndImage {
		width: 190px;
		height: 190px;
		border-bottom: 5px solid #abd4f2;
		float: left;
	}

	.categoryLinkEndText {
		width: 190px;
		height: 30px;
		float: left;
		padding: 10px 0px 0px 0px;
		text-align: center;
	}
	
	.categoryLinkEnd a {
		color: #000;
		text-decoration: none;
	}
	
	.categoryLinkEnd a:hover {
		color: #227fb8;
	}

/* Layout Styles Continued
--------------------------------------------------------------- */		

#header {
	width: 960px;
	height: 120px;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 10px;
	background: url(../../images/layout/headerBg.jpg) repeat-x top;
}

	#logo {
		width: 421px;
		height: 75px;
		float: left;
		margin: 0px 0px 0px 6px; 
	}
	
	#flashSlideshow {
		width: 318px;
		height: 120px;
		float: right;
		margin: 0px 8px 0px 0px;
	}
	
	#headerCta {
		height: 24px;
		position: absolute;
		z-index: 1;
		top: 80px;
		left: 10px;
		border: 1px solid #a4a3a3;
		padding: 4px 10px 0px 10px;
		background: url(../../images/layout/headerCtaBg.jpg) repeat-x;
	}
	
		#headerCta p {
			padding: 0px;
			margin: 0px;
			font-size: 1.2em;
		}
		
		#headerCta strong {
			padding: 0px;
			margin: 0px;
			color: #df8a05;
		}
		
		#headerCta strong.telnumber {
			padding: 0px;
			margin: 0px;
			color: #227fb8;
		}

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

#navigation {
	width: 960px;
	height: 50px;
	position: absolute;
	top: 120px;
	left: 10px;
	z-index: 1;
	background: url(../../images/layout/navigationBg.jpg) repeat-x;
}

	#navigationContainer {
		width: 920px;
		height: 33px;
		position: absolute;
		top: 5px;
		left: 10px;
		z-index: 1;
		border: 1px solid #7f7f7f;
		padding: 0px 9px 0px 9px;
		background: url(../../images/layout/navContBg.jpg) repeat-x;
	}

		#navigation ul {
			margin: 0px;
			display: inline;
			list-style: none;
			padding: 0px;
		}
		
		#navigation li {
			display: inline;
			margin: 0px;
		}
			  
		#navigation a {
			height: 25px;
			padding: 8px 30px 0px 30px;
			float:left;
			color: #fff;
			border-left: 1px solid #e19926;
			text-decoration:none;
			font-weight: bold;
			font-size: 1.1em;
			text-align: center;
		}
		
			#navigation a.endLink {
				border-right: 1px solid #e19926;
			}
	
		#navigation a:hover {
			background: url(../../images/layout/navHoverBg.jpg) repeat-x;
		}
		
/* Sub Navigation
--------------------------------------------------------------- */

#subnav {
	width: 161px;
	position: absolute;
	z-index: 1;
	top: 160px;
	left: 128px;
	padding: 0px;
	border-left: 1px solid #e19926;
	border-right: 1px solid #e19926;
	border-bottom: 1px solid #e19926;
	background: #e4aa50;
	visibility: hidden;
}

	#subnav ul {
		margin: 0px;
		display: inline;
		list-style: none;
		padding: 0px;
	}
	
	#subnav li {
		display: inline;
		margin: 0px;
	}
	
	#subnav a {
		width: 161px;
		display: block;
		border-bottom: 1px solid #f1f1f1;
		padding: 5px 0px 5px 0px;
		float: left;
		color: #fff;
		text-decoration: none;
		font-weight: normal;
		font-size: 1.2em;
		text-align: center;
	}
	
	#subnav a:hover {
		color: #000;
	}
	
#subnav2 {
	width: 180px;
	position: absolute;
	z-index: 1;
	top: 160px;
	left: 290px;
	padding: 0px;
	border-left: 1px solid #e19926;
	border-right: 1px solid #e19926;
	border-bottom: 1px solid #e19926;
	background: #e4aa50;
	visibility: hidden;
}

	#subnav2 ul {
		margin: 0px;
		display: inline;
		list-style: none;
		padding: 0px;
	}
	
	#subnav2 li {
		display: inline;
		margin: 0px;
	}
	
	#subnav2 a {
		width: 180px;
		display: block;
		border-bottom: 1px solid #f1f1f1;
		padding: 5px 0px 5px 0px;
		float: left;
		color: #fff;
		text-decoration: none;
		font-weight: normal;
		font-size: 1.2em;
		text-align: center;
	}
	
	#subnav2 a:hover {
		color: #000;
	}
	
#subnav3 {
	width: 168px;
	position: absolute;
	z-index: 1;
	top: 160px;
	left: 471px;
	padding: 0px;
	border-left: 1px solid #e19926;
	border-right: 1px solid #e19926;
	border-bottom: 1px solid #e19926;
	background: #e4aa50;
	visibility: hidden;
}

	#subnav3 ul {
		margin: 0px;
		display: inline;
		list-style: none;
		padding: 0px;
	}
	
	#subnav3 li {
		display: inline;
		margin: 0px;
	}
	
	#subnav3 a {
		width: 168px;
		display: block;
		border-bottom: 1px solid #f1f1f1;
		padding: 5px 0px 5px 0px;
		float: left;
		color: #fff;
		text-decoration: none;
		font-weight: normal;
		font-size: 1.2em;
		text-align: center;
	}
	
	#subnav3 a:hover {
		color: #000;
	}

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

#footer {
	clear: both;
	width: 940px;
	padding: 10px;
	color: #000;
	background: url(../../images/layout/footerBg.jpg) top repeat-x;
	font-size: 0.9em;
	text-align: center;
}
	#footer a {
		white-space: nowrap;
		color: #227fb8;
		text-decoration: none;
	}
	#footer a:hover {
		color: #444;
		text-decoration:underline;
	}

ul#footerNav {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 940px;
	text-align: center;
}
	ul#footerNav li {
		display: inline;
		margin: 0px 5px 0px 0px;
	}


ul#footerNav1 {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 940px;
	text-align: center;
}
	ul#footerNav1 li {
		display: inline;
		margin: 0px 5px 0px 0px;
	}


ul#footerNav2 {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 940px;
	text-align: center;
}
	ul#footerNav2 li {
		display: inline;
		margin: 0px 5px 0px 0px;
	}

ul#footerDetails  {
	clear:left;
	float: left;
	margin: 5px 0px 5px 0px;
	padding: 10px;
	width: 920px;
	background: url(../../images/misc/footerBg.png)

}
	ul#footerDetails li {
		display:block;
		list-style: none;
	}
	
ul#footerW3C {
	margin: 0px;
	text-align: center;
	padding: 0px 0px;
}
	ul#footerW3C li {
		display: inline;
	}

#adtrakDesign {
	text-align: center;
	width: 940px;
}

/* List Styles
--------------------------------------------------------------- */

ul li {
	line-height: 1.4em;
}

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

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

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

#contactTable input, #contactTable textarea, #contactTable select {
	border: 1px solid #ccc;
	background: #fff;
}

	#contactTable #botBuster {
		display: none;
	}

.clearfix {
	clear: both;
}