/*

	Theme Name: 
	Theme URI: 
	Description:
	Version:
	Author: 

*/	


				/* Global Layout */

a {
	outline: none;
	}

body 
	{
	font-size: .85em;
	margin: 0px;
	text-align: center;
	background: #ffffff url(_images/pagebg.jpg) top center repeat;
	color: #4d4d4d;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	}

#headwrap
	{
	position: relative;
	height: 131px;
	background: url(_images/headbg.gif) top left repeat-x;
	}

	#head
		{
		position: relative;
		margin: auto;
		width: 962px;
		padding-top: 63px;
		height: 68px;
		background: url(_images/logo.gif) bottom left no-repeat;
		}
		
		.sub #head 
			{
			background: url(_images/logo.gif) 20px bottom no-repeat;
			}
	
		#nav
			{
			position: relative;
			padding: 0px;
			margin: 0px;
			height: 31px;
			padding-left: 313px;
			}
			
				/* start edited */
			#nav li
				{
				position: relative;
				float: left;
				padding: 0px;
				height: 31px;
				margin: 0px;
				}
			
			#nav a
				{
				position: relative;
				float: left;
				margin: 0px;
				height: 31px;
				text-indent: -9999em;
				}
				/* end edited */
			
			#n1
				{
				width: 98px;
				background: url(_images/n1.gif) top left no-repeat;
				}
			
			#n2
				{
				width: 82px;
				background: url(_images/n2.gif) top left no-repeat;
				}
			
			#n3
				{
				width: 121px;
				background: url(_images/n3.gif) top left no-repeat;
				}
			
			#n4
				{
				padding-right: 113px;
				width: 1px;
				background: url(_images/n4.gif) top left no-repeat;
				}
			
			#n5
				{
				width: 98px;
				background: url(_images/n5.gif) top left no-repeat;
				}
			
			#n6
				{
				width: 118px;
				background: url(_images/n6.gif) top left no-repeat;
				}
			
			#nav li a:hover
				{
				background-position: 0 -48px;
				}
				


#wrap
	{
	position: relative;
	margin: auto;
	width: 962px;
	}

	#pagewrap
		{
		position: relative;
		padding-top: 12px;	
		}
	
	body.sub #pagewrap
		{
		padding-top: 35px;
		padding-bottom: 45px;
		background: url(_images/subbg.gif) top center repeat-y;
		}
	
		#subfix
			{
			position: absolute;
			top: 0px;
			left: 0px;
			right: 0px;
			width: 100%;
			height: 180px;
			background: #ffffff url(_images/pagebg.jpg) top center repeat-y;
			}
	
		
		#subleft
			{
			position: relative;
			float: left;
			width: 262px;
			padding-left: 30px;
			z-index: 2;/*1000*/
			}
		
			#subleft h2.view
				{
				position: relative;
				height: 139px;
				text-indent: -9999em;
				background: url(_images/sbheading.gif) top left no-repeat;
				}
				
/* ----- subhead bgs ----- */
#subleft h2.sub_about
	{
	position: relative;
	height: 139px;
	text-indent: -9999em;
	background: url(_images/sb_about_heading.gif) top left no-repeat;
	}
	
#subleft h2.sub_residential
	{
	position: relative;
	height: 139px;
	text-indent: -9999em;
	background: url(_images/sb_residential_heading.gif) top left no-repeat;
	}

#subleft h2.sub_commercial
	{
	position: relative;
	height: 139px;
	text-indent: -9999em;
	background: url(_images/sb_commercial_heading.gif) top left no-repeat;
	}
	
#subleft h2.sub_industrial
	{
	position: relative;
	height: 139px;
	text-indent: -9999em;
	background: url(_images/sb_industrial_heading.gif) top left no-repeat;
	}

#subleft h2.sub_products
	{
	position: relative;
	height: 139px;
	text-indent: -9999em;
	background: url(_images/sb_product_heading.gif) top left no-repeat;
	}
	
#subleft h2.sub_success
	{
	position: relative;
	height: 139px;
	text-indent: -9999em;
	background: url(_images/sb_success_heading.gif) top left no-repeat;
	}

#subleft h2.sub_contact
	{
	position: relative;
	height: 139px;
	text-indent: -9999em;
	background: url(_images/sb_contact_heading.gif) top left no-repeat;
	}


/* ----- end subhead bgs ----- */			
			#subleft .sidebar
				{
				position: relative;
				margin-bottom: 25px;
				text-align: left;
				padding: 10px 25px 25px 25px;
				background: url(_images/sidebarbottom.gif) bottom left no-repeat;
				}
			
			.sidelist
				{
				position: relative;
				padding-bottom: 8px;
				margin-bottom: 10px;
				border-bottom: 2px solid #C2C0BD;	
				}
			
				.sidelist li
					{
					position: relative;
					font-size: 1.1em;
					font-weight: bold;
					padding: 2px 5px 3px 5px;	
					}
				
				.sidelist li a
					{
					color: #7F7E7C;	
					}
				
				.sidelist li a:hover
					{
					color: #C1212D;
					}
					
				.sidelist li ul li
					{
					position: relative;
					font-size: .9em;
					font-weight: bold;
					padding: 2px 5px 3px 10px;	
					}
			
			.bigsidelink
				{
				position: relative;
				display: block;
				font-size: 1.5em;
				font-family: Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				color: #7F7E7C;	
				margin-top: 8px;
				}
			
				.bigsidelink:hover
					{
					color: #C1212D;
					}
				
			.vcard
				{
				position: relative;
				padding-top: 10px;
				font-family: Arial, Helvetica, sans-serif;
				text-align: left;
				padding-left: 9px;
				line-height: 1.4em;
				font-size: .9em;
				padding-bottom: 10px;
				}
			
				.fn
					{
					position: relative;				
					font-size: 1.3em;
					font-weight: bold;
					color: #810031;
					}
				
				.adr
					{
					position: relative;
					padding: 8px 0 8px 0;
					font-weight: bold;
					}
				
				.vcard .adr .type, .country-name
					{
					display: none;
					}
				
				.vcard span
					{
					font-weight: bold;
					}
				
		
		#subcontent
			{
			position: relative;
			float: left;
			width: 635px;
			padding-left: 30px;
			}
			
/*  -------wm content pages------ */

.content 
	{
	text-align: left;
	}

.content h2 
	{
	padding: 0 25px 10px 30px;
	}

.content h3 
	{
	padding: 0 25px 0 30px;
	font-weight: bold;
	}
.content h4 
	{
	padding: 0 25px 0 30px;
	font-weight: bold;
	}

.content blockquote 
	{
	color: #870E3C;
	margin: 0 0 20px 30px;
	font-style: italic;
	background: url(_images/qs2.gif) left top no-repeat;
	padding: 4px 0 0 35px;
	}
	
	.content blockquote p {
		margin-left: -20px;
		}
		
.content ul
	{
	padding: 0 25px 20px 30px;
	}

.content p
	{
	line-height: 1.5em;
	text-align: left;
	padding: 0 25px 20px 30px;
	}

	.content p a, .vcard a, .contactbox a
		{
		color: #810031;	
		}
	
	.content p a:hover, .vcard a:hover, .contactbox a:hover
		{
		color: #C1212D;
		text-decoration: underline;
		}
		
.content .img_left 
	{
	float: left;
	margin: 0 20px .5em 30px;
	padding: 4px;
	border: 1px solid #9E9A95;
	}
	
.content .img_right 
	{
	float: right;
	margin: 0 30px 1.1em 20px;
	padding: 4px;
	border: 1px solid #9E9A95;
	}
	
.content .img_logo 
	{
	float: left;
	margin: 0 0 10px 30px;
	width: 200px;
	}

.hr 
	{
	clear: both;
	height: 10px;
	margin-bottom: 10px;
	background: url(_images/dbreak_l.gif) center top no-repeat;
	}
	
.col_r {
	float: right;
	width: 280px;
	margin-top: 25px;
	}	

.col_l {
	width: 330px;
	}	
	
.content .no_border {
	border: none;
}	
	
.pad_40 {
	margin-top: 40px;
	}

.vcard
	{
	padding-left: 20px;
	}
	
iframe
	{
	margin: 0 25px 0 30px;
	border: 1px solid #ADA9A5;
	}
	
small
	{
	padding: 0 25px 0 30px;
	margin: 5px 0 10px 0;

	}

	small a 
		{
		font-family: helvetica, sans-serif;
		text-transform: uppercase;
		color: #fff;
		background: #C1212D;
		text-decoration: none;
		padding: 5px 89px 4px;
		border: 1px solid #AB7178;
		}
		
	small a:hover 
		{
		color: #C1212D;
		background: #fff;
		text-decoration: none;
		}

.success 
	{
	font-size: 1.1em;
	font-style: italic;
	background: url(_images/bg_quote.gif) 28px 3px no-repeat;
	text-indent: 24px;
	}
	
			
	/* ------h1s----- */
			h1#about
				{
				position: relative;
				height: 88px;
				margin-bottom: 65px;
				text-indent: -9999em;
				background: url(_images/h1_about.jpg) top left no-repeat;
				}
				
			h1#products
				{
				position: relative;
				height: 88px;
				margin-bottom: 65px;
				text-indent: -9999em;
				background: url(_images/h1_products.jpg) top left no-repeat;
				}
				
			h1#success
				{
				position: relative;
				height: 88px;
				margin-bottom: 65px;
				text-indent: -9999em;
				background: url(_images/h1_success.jpg) top left no-repeat;
				}
			
			h1#contact
				{
				position: relative;
				height: 88px;
				margin-bottom: 65px;
				text-indent: -9999em;
				background: url(_images/h1_contact.jpg) top left no-repeat;
				}

/* --------end content pages--------*/		
			h1#folio
				{
				position: relative;
				height: 88px;
				margin-bottom: 65px;
				text-indent: -9999em;
				background: url(_images/portfolio.jpg) top left no-repeat;
				}
			
			#folioentry
				{
				position: relative;
				}
			
				.folioLeft
					{
					position: relative;
					float: left;
					width: 260px;
					text-align: left;
					padding-left: 30px;
					}
				
				#folioentry h2
					{
					position: relative;
					font-size: 1.6em;
					padding-top: 12px;
					font-weight: bold;
					color: #7A002F;
					font-family: Arial, Helvetica, sans-serif;
					}
				
				#folioentry .subtitle
					{
					position: relative;
					display: block;
					font-size: 1.1em;
					font-weight: bold;
					padding: 6px 0 6px 0;
					}
				
					.folioLeft p
						{
						position: relative;
						font-size: 1.2em;
						line-height: 1.4em;
						padding-bottom: 1em;
						}
				
				.folioRight
					{
					position: relative;
					float: left;
					width: 280px;
					padding-left: 36px;
					padding-top: 12px;
					}
				
					#selectedImage
						{
						position: relative;
						padding: 4px 4px 0 4px;
						margin-bottom: 14px;
						border: 2px solid #83807B;
						}		
					
					#selectedImage img
						{
						position: relative;
						border: 1px solid #83807B;
						}
					
					#imageSelection
						{
						position: relative;
						margin-left: -5px;
						width: 285px;
						}
					
						#imageSelection li
							{
							position: relative;
							float: left;
							width: 89px;
							height: 66px;
							padding: 0 0 6px 6px;
							}
							
							#imageSelection li a
								{
								position: absolute;
								top: 0px;
								right: 0px;
								height: 66px;
								width: 89px;
								background: url(_images/hov.png) top left;
								}
														
							* html #imageSelection
								{
								background: none;
								}
							
							* html #imageSelection li a
								{
								background: none;
								}
							
							#imageSelection li a:hover
								{
								background: none;
								}
									
							#imageSelection li img
								{
								position: relative;
								border: 2px solid #B03C3F;
								display: block;
								}
					
					.qbox
						{
						position: relative;
						margin-top: 15px;
						padding: 4px;
						border: 2px solid #83807B;	
						background: #fff;
						}
					
						.qboxIn
							{
							position: relative;
							padding: 8px;
							border: 1px solid #84817C;
							text-align: left;
							}
						
						.qboxIn p
							{
							position: relative;
							font-style: italic;
							line-height: 1.5em;
							text-indent: 35px;
							background: url(_images/tick.jpg) top left no-repeat;
							}
						
						.qboxIn cite
							{
							display: block;
							text-align: right;
							font-style: italic;
							color: #7A002F;
							}
			
			
			#foliolist
				{
				position: relative;
				width: 580px;
				margin: auto;	
				text-align: left;
				}
			
				#foliolist li
					{
					position: relative;
					padding: 10px 0 15px 0;
					background: url(_images/pea.gif) bottom left no-repeat;
					}
				
				#foliolist li:hover
					{
					background: #e5e2dd url(_images/peb.gif) bottom left no-repeat;
					}
				
				#foliolist li img
					{
					position: relative;
					float: right;
					padding: 2px;
					border: 2px solid #83807B;
					}
				
				#foliolist li:hover img
					{
					border: 2px solid #C1212D;
					}
				
				#foliolist li .fl-content
					{
					position: relative;
					margin-right: 300px;
					}
				
				#foliolist li .fl-content p
					{
					height: 100px;	
					}
				
				#foliolist li h2
					{
					position: relative;
					font-size: 1.6em;
					font-weight: bold;
					color: #7A002F;
					font-family: Arial, Helvetica, sans-serif;
					}
/* ----- wm ----- */
#foliolist li h2 a
	{
	color: #7A002F;					
	}	
	#foliolist li h2 a:hover
		{
		color: #5B5B5B;					
		}
			
#foliolist li .subtitle a
	{
	color: #5B5B5B;
	}
	#foliolist li .subtitle a:hover
		{
		color: #7A002F;
		}
		
.btn a.ve
	{
	position: relative;
	float: right;
	background: url(_images/b_view_example.gif) right top no-repeat;
	margin: 0 30px 10px ;
	height: 24px;
	width: 121px;
	}
	
.btn:hover a.ve
	{
	position: relative;
	background: url(_images/b_view_example.gif) right bottom no-repeat;
	}
	
	.btn .vewrap
		{
		position: relative;
		}


/* ----- end wm ----- */

				#foliolist li .subtitle
					{
					position: relative;
					display: block;
					font-size: 1.1em;
					font-weight: bold;
					padding: 6px 0 6px 0;
					}
				
				#foliolist li p
					{
					position: relative;
					line-height: 1.5em;
					}
				
				#foliolist li a.vd
					{
					position: relative;
					float: right;
					background: url(_images/vdb.gif) top right no-repeat;
					height: 26px;
					width: 101px;
					}
				
				#foliolist li:hover a.vd
					{
					position: relative;
					background: url(_images/vda.gif) top right no-repeat;
					}
				
				.vdwrap
					{
					position: relative;
					}
	
	
		#tcolone
			{
			position: relative;
			float: left;
			width: 494px;
			}
		
			#tcolone img
				{
				display: block;
				}
		
			#viewsome
				{
				position: relative;
				display: block;
				height: 62px;
				text-indent: -9999em;
				background: url(_images/viewsome.gif) top left no-repeat;
				}
			
			#viewsome:hover
				{
				background-position: bottom left;
				}
		
		
		
		
		
		#tcoltwo
			{
			position: relative;
			float: right;
			width: 444px;
			padding-top: 28px;
			}
/* jquery cycle */
			
			.pics {  
				position: relative;
				display: block;
				padding: 5px;
				background: #fff;
				border: 2px solid #898276;
				width: 430px;  
				height: 237px;  
				margin:  0;  
				} 
			 
			.pics img {  
				width:  430px; 
				height: 237px; 
				top: 0; 
				left: 0;
				margin: 5px; 
				}  
		
		/*	#featured
				{
				position: relative;
				display: block;
				padding: 5px;
				background: #fff;
				border: 2px solid #898276;
				} */
			
			#coltabs
				{
				position: relative;
				margin: 0 30px 0 30px;
				padding: 0 5px 5px 5px;
				background: #fff;
				border: 2px solid #898276;
				border-top: 0px;
				text-transform: uppercase;
				font-family: Helvetica, Arial, sans-serif;
				}
			
				#coltabs ul
					{
					position: relative;
					height: 32px;
					border: 1px solid #898276;
					border-top: 0px;
					padding-left: 4px;
					}
				
				#coltabs li
					{
					position: relative;
					float: left;
					height: 32px;	
					}
				
				#coltabs li a
					{
					position: relative;
					float: left;
					padding: 8px 0 0 0;
					height: 24px;
					color: #C1212D;
					font-weight: bold;
					width: 117px;
					text-align: center;
					font-size: .9em;
					}
				
				#coltabs a:hover
					{
					text-decoration: underline;
					}
				
				.tribreak
					{
					position: relative;
					padding-right: 5px;
					background: url(_images/tribreak.gif) right center no-repeat;
					}
			
		
		
		#pcontent
			{
			position: relative;
			margin: 60px 0 18px 0;
			background: url(_images/cbg.gif) top left repeat-y;
			text-align: left;
			padding-top: 10px;
			padding-bottom: 18px;
			}
		
		
		
			#content
				{
				position: relative;
				float: left;
				width: 586px;
				padding-left: 28px;
				}
				
				#content h1
					{
					position: relative;
					font-size: 1.9em;
					font-weight: bold;
					color: #810031;
					font-family: Arial, Helvetica, sans-serif;
					}
				
				#content p
					{
					position: relative;
					line-height: 1.5em;
					padding: 0 0 1em 0;
					}
				
				.quotebox
					{
					position: relative;
					margin-bottom: 22px;
					padding: 5px;
					background: #fff;
					border: 2px solid #84807B;
					}
				
					.quote
						{
						position: relative;
						padding: 15px 15px 8px 15px;
						border: 1px solid #84807B;
						color: #4C4C4C;	
						font-size: .9em;
						font-style: italic;
						}
						
							/* new */
						.quote img
							{
							position: relative;
							float: right;
							margin: -10px -10px 0 25px;
							}
						
							/* end new */
						
					#content .quotebox p
						{
						position: relative;
						padding-bottom: 0;
						line-height: 1.7em;
						}
					
					#content .quotebox p.theq
						{
						text-indent: 33px;
						padding-bottom: 12px;
						background: url(_images/qs.gif) left top no-repeat;
						}
					
					cite
						{
						color: #C1212D;
						}
					
					a.meet
						{
						position: absolute;
						bottom: -24px;
						left: 15px;
						text-align: center;
						display: block;
						padding-top: 7px;
						height: 33px;
						font-size: 1.3em;
						font-weight: bold;
						text-indent: -9999em;
						color: #fff;
						width: 154px;
						background: url(_images/meet.gif) top left no-repeat;
						}
					
					a.meet:hover
						{
						background-position: bottom left;
						color: #C1212D;
						}

					#content ul {
						margin-bottom: 15px;
						}						

					#content li {
						position: relative;
						padding: 4px 0 5px 22px;
						font-size: 1em;
						background: url(_images/diamond.gif) left .45em no-repeat;
						}	
							
/* -- history -- */
.history .content h3 {
	color: #fff;
	float: left;
	font-size: 1.5em;
	background: url(_images/bg_date.gif) left 1px no-repeat;
	width: 83px;
	height: 30px;
	margin: 5px 10px 0 20px;
	padding: 0px; 
	text-align: center;
	
	}

.history .content p {
	min-height: 40px;
	height: auto !important;
	height: 40px;
	}				

			#sidebar
				{
				position: relative;
				float: left;
				padding-left: 55px;
				width: 264px;
				}
			
			
				#sidebar h2
					{
					position: relative;
					font-size: 1.4em;
					font-weight: bold;
					color: #810031;
					font-family: Arial, Helvetica, sans-serif;
					padding-bottom: 17px;	
					}
				
				.sblist
					{
					position: relative;
					padding-bottom: 40px;
					margin-bottom: 10px;
					background: url(_images/sbbreak.gif) bottom left no-repeat;
					}
/* -- wm add -- */
.sblist a
	{
	color: #4d4d4d;
	}

.sblist a:hover
	{
	color: #810031;
	}
/* -- end -- */
				
					.sblist li
						{
						position: relative;
						padding: 4px 0 5px 22px;
						font-weight: bold;
						font-size: 1.1em;
						background: url(_images/diamond.gif) left center no-repeat;
						}
				
				.contactbox
					{
					position: relative;
					font-family: Arial, Helvetica, sans-serif;
					padding: 2px 0 25px 15px;
					font-size: .9em;
					background: url(_images/sbbreak.gif) bottom left no-repeat;
					}
				
					.contactbox p
						{
						padding-bottom: 1em;	
						line-height: 1.5em;
						}
					
					.contactbox span
						{
						position: relative;
						display: block;
						}

#line
	{
	position: absolute;
	top: 494px;
	left: 0px;
	height: 2px;
	width: 100%;
	background: url(_images/line.gif) top left;
	}	

#line2
	{
	position: absolute;
	left: 0px;
	width: 100%;
	top: 169px;
	background: url(_images/line.gif) top left;
	height: 2px;
	}	

	* html #line 
		{
		z-index: -1;
		}

	body.sub #line
		{
		top: 300px;
		}

	#line img, #line2 img
		{
		position: absolute;
		top: -4px;
		left: 50%;
		}
	
			

#footwrap
	{
	position: relative;
	padding: 28px 0 30px 0;
	height: 25px;
	background: url(_images/fbg.gif) top left repeat-x;
	}			

	#footer
		{
		position: relative;
		width: 962px;
		margin: auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .8em;
		}
	
	#footer ul
		{
		position: relative;
		float: left;
		padding-left: 20px;		
		}
	
	#footer li
		{
		position: relative;
		float: left;
		padding-right: 29px;
		}
	
	#footer li a
		{
		position: relative;
		float: left;
		color: #fff;	
		}
	
	#siteby
		{
		position: absolute;
		float: none;
		top: 0px;
		right: 10px;
		color: #fff;
		}
	
	#req
		{
		position: absolute;
		top: -50px;
		right: 165px;
		height: 65px;
		width: 313px;
		background: url(_images/req.gif) top left no-repeat;
		}
	
	#req:hover
		{
		background-position: bottom left;
		}

	#footer a
		{
		color: #fff;
		}

	#footer a:hover
		{
		text-decoration: underline;
		}