@CHARSET "UTF-8";
body { font-size:15px; background:#F6F6F4 url( 'img/header-tile.jpg' ) 0 5px repeat-x; }
	body p { padding:10px; }
	
	p.small { text-align:center; margin:0; }
	
	#masthead { height:100px; border-top:5px solid #c2c9d2; text-indent:-3000px; }
		#masthead h1 { height:100px; line-height:100px; margin:0; padding:0; background:url( 'img/header.jpg' ) 0 0 no-repeat; }
			#masthead h1 a { height:100px; width:950px; display:block; outline:none; }
				#masthead h1 a span { }
				
	#navigation { height:55px; margin-bottom:20px; }
		#navigation ul { height:30px; list-style:none; width:950px; padding:12px 0 8px 0; margin:0; position:relative; zoom:1; }
			#navigation ul li { float:left; }
				#navigation ul li a { height:30px; line-height:35px; padding:0; margin-right:10px; display:block; text-indent:-3000px; outline:none; }
					#navigation-home { width:74px; background:url( 'img/titles/navigation-home.png' ) 0 0 no-repeat; }
						#navigation-home:hover { background:url( 'img/titles/navigation-home-over.png' ) 0 0 no-repeat; }
					#navigation-location { width:124px; background:url( 'img/titles/navigation-location.png' ) 0 0 no-repeat; }
						#navigation-location:hover { background:url( 'img/titles/navigation-location-over.png' ) 0 0 no-repeat; }

	#content { }
		#informative span.title { display:block; height:30px; width:550px; text-indent:-3000px; border-bottom:2px solid #ddd; }
			#informative p:hover { background-color:#ffffff; }

			#content #incotec-is-home-remodeling span.title { background:url( 'img/titles/incotec-is-home-remodeling.png' ) 0 0 no-repeat; } 
			#content #incotec-uses-simonton-windows span.title { background:url( 'img/titles/incotec-uses-simonton-windows.png' ) 0 0 no-repeat; } 
			#content #superior-window-replacement span.title { background:url( 'img/titles/superior-window-replacement.png' ) 0 0 no-repeat; } 
			#content #satisfied-customers span.title { background:url( 'img/titles/client-testimonials.png' ) 0 0 no-repeat; } 
			#informative p.author:hover { background-color:#F6F6F4; }
			#content #quality-products span.title { background:url( 'img/titles/incotec-means-quality.png' ) 0 0 no-repeat; } 
			
	#gallery a { outline:none; }
		#gallery span.title { display:block; height:30px; width:350px; text-indent:-3000px; margin-bottom:10px; }
			#gallery-title { background:url( 'img/titles/our-galleries.png' ) 0 0 no-repeat; border-bottom:2px solid #898363; margin-bottom:5px;; }
			
			#bathroom-remodels span.title { background:url( 'img/titles/bathroom-remodels.png' ) 0 0 no-repeat; margin-left:-10px; }

			#vinyl-windows span.title { background:url( 'img/titles/vinyl-windows.png' ) 0 0 no-repeat; margin-left:-10px; }
			
			#exterior-doors span.title { background:url( 'img/titles/exterior-doors.png' ) 0 0 no-repeat; margin-left:-10px; }

			#wood-windows span.title { background:url( 'img/titles/wood-windows.png' ) 0 0 no-repeat; margin-left:-10px; }
			
			#kitchen-remodels span.title { background:url( 'img/titles/kitchen-remodels.png' ) 0 0 no-repeat; margin-left:-10px; }
			
		#gallery .box { padding:10px; height:160px; background:url( 'img/picture-frame.gif' ) 0 100% no-repeat; }

	#quality-products { }
		.featured-product { float:left; padding:32px; margin-top:12px; background-color:#f1f3f9; border:2px solid #eceece; }
		.featured-product:hover { background-color:#ffffff; border:2px solid #d3d3d3; }
		.second { margin-left:12px; }
			.featured-product a { text-decoration:none; font-weight:bold; }
			
	#footer { margin-top:20px; border-top:2px solid #898363; background-color:#d8d2c5; }
	#local { background-color:#898363; padding-top:1.5em; }
		#local p { color:#beb49d; text-align:center; }
		
	#album-thumbnails { }
		.album-thumbnail { }
			.album-thumbnail { float:left; height:150px; width:150px; padding:10px; background:#ffffff url( 'img/thumbnail-frame.gif' ) 0 0 no-repeat; margin-top:10px; margin-left:10px; }
				.album-thumbnail a { }
				
		#browse { background: url( 'img/titles/browse.png' ) 0 0 no-repeat; }		
		#bathroom-remodels-title { background:url( 'img/titles/bathroom-remodel-title.png' ) 0 0 no-repeat; }
		#vinyl-window-title { background:url( 'img/titles/vinyl-window-title.png' ) 0 0 no-repeat; }
		#exterior-doors-title { background:url( 'img/titles/exterior-doors-title.png' ) 0 0 no-repeat; }
		#wood-windows-title { background:url( 'img/titles/wood-windows-title.png' ) 0 0 no-repeat; }
		#kitchen-remodels-title { background:url( 'img/titles/kitchen-remodels-title.png' ) 0 0 no-repeat; }
		
		
		
		/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url( 'img/overlay/close.png ');
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
		
/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(img/global/gradient/h80.png) repeat-x;		
}

		