/* McWherter Window Coverings Stylesheet
   Web design by: Kazak Media
*/
@charset "utf-8";
/* CSS Document */
/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-size: 12px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End Reset */

body {
	background:url(../images/header-bg.gif) no-repeat #dad6cb;
	background-position:center top ;
	margin:0 auto; 
	padding: 0; 
	font-family:Arial, Geneva, sans-serif;
	color:#2b1f1e;
	
}

#wrapper {
	margin:0 auto;
	width:960px;
}
#main-content {
	background:#a6cace;
	margin:0 auto;
	width:960px;
	float:left;
	
}
#logo {
	float:left;
	margin-right:160px;
}
#topshade {
	float:left;
	
}
#nav {
	float:left;
	width:920px;
	height:27px;
	background:url(../images/nav-bg.gif) no-repeat;
	margin-left:10px;
	padding-left:20px;
	padding-top:5px;
}

#nav ul li {
	float:left;	
	height:20px;
	padding-right:40px;

}
#nav ul.menu ul li {
	padding-right:0px;
	z-index:5;

	}
#nav ul li a {
	display:block;
	padding-top:4px;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	color:#2B1F1E;
	
}
#nav ul li a:hover {
	color:#FFF;
	
}
#nav .current {
	background-position: 0px -26px;
}
a.big:link {
	color:#ef4035;
	text-decoration:underline;
	font-size:16px;
}
a.big:hover {
	text-decoration:none;
	color:#FFF;
}

a {
	color:#ef4035;
	text-decoration:underline;
	font-size:12px;
}
a:hover {
	text-decoration:none;
	color:#FFF;
}
a.gallery {
	color:#ef4035;
	text-decoration:underline;
	font-size:12px;
}
a.gallery:hover {
	text-decoration:none;
	color:#FFF;
}


/*Slider Style */

* {margin:0; padding:0}
#slider-holder { float:left; margin-top:10px; margin-left:20px; width:612px; z-index:1;}
p {line-height:1.4; margin-bottom:12px}

.sliderbutton {float:left; width:32px; padding-top:114px; margin-left:5px; margin-right:5px;}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {}
#slider {float:left; position:relative; overflow:auto; width:610px; height:300px; border:1px solid #FFF; background:#fff; z-index:1;}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:610px; height:300px; }

.pagination {float:right; list-style:none; margin-top:2px;}
.pagination li {float:left; cursor:pointer; padding:2px 2px; background:#f9ac94; border:1px solid #ef4035; margin:0 4px 0 0; text-align:center; color:#222; font-size:10px;}
.pagination li:hover {border:1px solid #FFF; }
li.current { background:#FFF}

li#content {width:580px; height:280px; padding:12px 15px 8px 15px}

/*End Slider style */

#rightCol {
	float:left;
	width:290px;
	margin-top:10px;
	margin-left:20px;

}
#rightCol h2 {
	color:#2B1F1E;
	font-size:16px;
	line-height:26px;
	float:left;
	width:100%;
	margin-left:10px;
}
#hunterdouglas {
	background:url(../images/icons/hunter-douglas-certified-sm.jpg) no-repeat;
	height:143px;
	width:220px;
	float:left;
	left:10px;
	top:20px;
	position:relative;
}
#estimate-btn {
	background:url(../images/icons/estimate.jpg) no-repeat;
	height:74px;
	width:220px;
	float:left;
	left:10px;
	top:20px;
	position:relative;
}
a:hover#estimate-btn {
	color:#FFF;
	text-decoration:none;
	background-position:0 -74px;
	float:left;
	
}
#shades{
	background:url(../images/rightCol-header.gif) no-repeat;
	float:left;
	width:290px;
	height:144px;
	padding:5px 0px;
	margin-bottom:12px;
}
#shutters{
	background:url(../images/rightCol-header.gif) no-repeat;
	float:left;
	width:290px;
	height:144px;
	padding:5px 0px;
	margin-bottom:12px;
}
#blinds {
	background:url(../images/rightCol-header.gif) no-repeat;
	float:left;
	width:290px;
	height:144px;
	padding:5px 0px;
}
#mainPage {
	padding-left:10px;
	float:left;
}
#double-content {
	width:620px;
	float:left;
	margin-right:20px;
}
#content {
	width:300px;
	float:left;
	padding:
	
}
#maintext {
	float:left;
	width:500px;
}
#side-col {
	float:right;
	width:250px;	
}
#side-col h2 {
	color:#42372A;
	border-bottom:1px dotted #42372A;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	margin:10px 0px 5px 0px;
	float:left;
	width:100%
}

#side-col p {
	float:left;
	width:100%;
	margin-bottom:15px;
}

h1 {
	background:url(../images/h1-bg.gif) no-repeat;
	color:#2B1F1E;
	font-size:16px;
	line-height:32px;
	margin:5px 0px 5px 0px;
	padding-left:10px;
	float:left;
	width:290px;
}
h1.double {
	background:url(../images/h1-double-bg.gif) no-repeat;
	color:#2B1F1E;
	font-size:16px;
	line-height:32px;
	margin:5px 0px 5px 0px;
	padding-left:10px;
	float:left;
	width:610px;
}
h1.services {
	background:url(../images/h1-double-bg.gif) no-repeat;
	color:#2B1F1E;
	font-size:16px;
	line-height:32px;
	margin:5px 0px 5px 0px;
	padding-left:10px;
	float:left;
	width:610px;
}
 h1 span {
background:url(../images/flower.png) no-repeat;
display:block;
float:left;
height:24px;
width:26px;
margin-right:5px;
}
h2 {
	color:#2B1F1E;
	font-size:16px;
	line-height:30px;
	float:left;
	width:100%
}
h2.address {
	margin-left:10px;
	margin-bottom:5px;
}
p {
	font-size:12px;
	line-height:16px;
	margin-left:5px;
	margin-bottom:10px;
	float:left;
}
p img {
	margin:5px;
	
	
}

#footer-wrapper {
	clear:both;
	margin:0 auto;
	width:980px;
	margin-bottom:30px;
	min-height:145px;
	background:url(../images/footer-bg.gif) no-repeat;
	background-position:center bottom ;
}
#footer {
	background:url(../images/footer-header.gif) no-repeat #c1dadd;
	margin:0 auto;
	width:900px;
	margin-left:30px;
	padding:22px 10px 0px 10px;
	color:#EF4035;
	float:left;
}
#footer img {
	float:left;
}
#footer p {
	float:right;
	margin:10px 5px;
	font-size:12px;
}
#footer a {
	color:#EF4035;
	text-decoration:none;
	font-size: 12px;
}
#footer a:hover {
	text-decoration:underline;
	color:#FFF;
}
#footer h2 {
	clear:both;
	line-height:16px;
	width:300px;
	float:left;
	margin-top:-20px;
}
#footer ul {
	float:right;

	width:480px;
	margin-bottom:4px;
}
#footer ul li {
	float:right;
	margin-left:5px;
}
.contactform {
	float:left;
}

.newsletter {
	float:left;
}
.gallery {
	float:left;
	padding-left:30px;
}
.gallery ul{
	float:left;
}
.gallery ul li{
	float:left;
	width:100px;
	margin:0px 20px 10px 0px;
}

/* Opacity */
	.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

/* Lightbox Styles */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/icons//prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/icons/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #a6cace; }

/* Calendar Styles */
body {
	font-family: Arial, sans-serif;
	font-size: .8em;
	}
 
/* the div that holds the date picker calendar */
.dpDiv {
	}
 
 
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}
 
 
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}
 
 
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}
 
 
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}
 
 
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}
 
 
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}
 
 
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}
 
 
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}
 
 
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}
 
 
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}
 
 
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}
 
 
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}
 
 
/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}
 
 
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}
 
 
/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}
 
 
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;