@charset "utf-8";
/* CSS Document */

/* The color on the site are as follows:
	Brown: #272018
	Yellow: #cfcb82
	Tan: #978b7b
*/	

*, img { margin:0; padding:0; }


p { margin:5px 0 10px 0; }
body { z-index:-50; margin:0; padding:0; background-image: url(../images/swatch_background.jpg); background-repeat: repeat; font-family:Arial, Helvetica, sans-serif;  }
a{
	text-decoration:none;
	color:#7e7467;	
}
h1 {margin:10px 0px 15px}
h2 {margin:20px 0px 10px}
h2 a{color:#554f47}
h3 {margin: 15px 0px 0px}
h4 {margin: 5px}
h3.red {padding:8px;color:#f00; background-color:#272018}
	
a.footer{
	text-decoration:none;
	color:#330000;
}
img{border:none;}

 img #vlightbox {
border:#FFFFFF thick
}

  

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}


.font1 {
font-size:14px;
margin-left:auto;
margin-right:auto;
padding-left:20px;
padding-right:20px;
color:#FFFFFF;

padding-bottom:15px;

}

.font2 {
font-size:12px;
margin-left:auto;
margin-right:auto;
color:#330000;
padding-bottom:15px;
padding-top:5px;
}

.font3 {
font-size:14px;
font-weight:bold;
font:Helvetica, sans-serif;
color:#2f281e;
padding:13px 2px 2px 20px;


}

.font4 {
color:#CC0000;
font-size:9px;
position:relative;
padding-top:12px;

}
.font5 {
color:#282119
}

/*#flash {
background-image:url(http://www.strictlystone.com/images/flashindex.swf);
}

.zind {
z-index:200
}
#flash {
background-image:url(http://www.strictlystone.com/images/flashPNG.png);
background-repeat:no-repeat;
height:251px;
width:489px;
position:absolute;
margin-left:305px;

}
.webkit #flash {
width:489px;
height:289px;
background-image:url(http://www.strictlystone.com/images/flashindex.swf);
}*/
.webkit .pic {
background-image:url(http://www.strictlystone.com/images/flashPNG.png);
height:252px;
width:489px;
}
.centered {
margin-left:auto;
margin-right:auto;
}

.transparent {
background-image:url(../images/transparent.png);
background-repeat:repeat;
padding:25px 35px;
}


h4.design-links {
color:#00F;

}
#logo {
background-image: url(../images/logo.png);
width: 164px;
height: 102px;
background-repeat: no-repeat;
background-position: left top;
position: relative; 	
			}

#polaroid {
background-image:url(../images/agedPolaroid.png);
background-repeat:no-repeat;
float:right;
width:224px;
height:251px;
position:relative;
margin-top:20px;
margin-right:50px;
padding-bottom:20px;
}
#portfolioImage{
background-image:url(../images/portfolioImage4.png);
background-repeat:no-repeat;
width:800px;
height:251px;

}

#textbox {
width:350px;
position:relative;
float:left;
margin-top:20px;
margin-left:40px;
text-align:left !important; 

}


			
#bbbRating {
background-image:url(../images/bbbRating.png);
background-repeat:no-repeat;
width:221px;
height:153px;
margin-left:auto;
margin-right:auto;
}			
			
			#shadowBox {
background-image:url(../images/shadowBox2.jpg);
background-repeat:no-repeat;
width:302px;
height:252px;
position: relative;
float: left;
margin-left:5px;
color:#CCCC99;
font-family:Verdana, Arial, Helvetica, sans-serif;

}

#contentAreaContainer {
width:493px;
margin-left:307px;
margin-top:20px;
}
.ie #contentAreaMid {
margin:0px auto;
background-image:url(../images/contentArea1_mid.jpg);
background-repeat:repeat-y;
width:449px;
position:relative;
padding-top:15px;
padding-bottom:15px;
}
.webkit #contentAreaMid {
margin:0px auto;
background-image:url(../images/contentArea1_mid.jpg);
background-repeat:repeat-y;
width:449px;
position:relative;
padding-top:15px;
padding-bottom:15px;

}
.linux.gecko #contentAreaMid {
margin:0px auto;
background-image:url(../images/contentArea1_mid.jpg);
background-repeat:repeat-y;
width:449px;
position:relative;
padding-top:15px;
padding-bottom:15px;

}
.win.gecko #contentAreaMid {
margin:0px auto;
background-image:url(../images/contentArea1_mid.jpg);
background-repeat:repeat-y;
width:449px;
position:relative;
padding-top:15px;
padding-bottom:15px;

}
.gecko #contentAreaMid {
margin:0px auto;
background-image:url(../images/contentArea1_mid.jpg);
background-repeat:repeat-y;
width:449px;
position:relative;
padding-top:15px;
padding-bottom:15px;

}
#contentAreaMid {
margin:0px auto;
background-image:url(../images/contentArea1_mid.jpg);
background-repeat:repeat-y;
width:449px;
position:relative;
padding-top:15px;
padding-bottom:15px;

}
#contentAreaMid div.transparent {
width:70%;
margin:0 auto
}
#contentAreaBottom {
margin:0 auto;
background-image:url(../images/contentArea1_bottom.jpg);
background-repeat:no-repeat;
width:449px;
height:25px;
}

#contentAreaTop {
margin:0 auto;
background-image:url(../images/contentArea1_top.jpg);
background-repeat:no-repeat;
width:449px;
height:25px;
}
#contentAreaBlog {
margin:0 auto;
background-image:url(../images/contentArea1_blog.jpg);
background-repeat:no-repeat;
width:449px;
height:111px;
}
#contentAreaContainerServices {
width:100%;
margin-top: 55px;
}

#contentAreaContainerLarge {
width:750px;
margin:0 auto;
position:relative;
}

#contentAreaMidLarge {
background-image:url(../images/contentAreaLarge_mid.jpg);
background-repeat:repeat-y;
width:100%;
}

#contentAreaBottomLarge {
background-image:url(../images/contentAreaLarge_bottom.jpg);
background-repeat:no-repeat;
width:100%;
height:25px;
}

#contentAreaTopLarge {
background-image:url(../images/contentAreaLarge_top.jpg);
background-repeat:no-repeat;
width:100%;
height:25px;
margin-top:17px;
}
/*
#contentArea2Container {
width:281px;
float:left;
margin-left:15px;
margin-top: 25px;
display:block;
}
*/
#contentArea2Container {
width:302px;
position:relative;
float:left;
margin:20px 4px auto 4px;
display:block;
}


#contentArea2Mid {
	margin:0 auto;
background-image:url(../images/contentArea2_mid.jpg);
background-repeat:repeat-y;
width:281px;
display:table;
}

#contentArea2Mid.setHeight {
background-image:url(../images/contentArea2_mid.jpg);
background-repeat:repeat-y;
width:281px;
height:220px;
}

#contentArea2Bottom {
	margin:0 auto;
background-image:url(../images/contentArea2_bottom.jpg);
background-repeat:no-repeat;
width:281px;
height:25px;
}

#contentArea2Top {
	margin:0 auto;
background-image:url(../images/contentArea2_top.jpg);
background-repeat:no-repeat;
width:281px;
height:25px;
}
#contentArea2Twitter {
margin:0 auto;
background-image:url(../images/contentArea2_twitter.jpg);
background-repeat:no-repeat;
width:281px;
height:49px;
}

#contentArea2TopColor {
margin:0 auto;
background-image:url(../images/contentArea2_topGreen.jpg);
background-repeat:no-repeat;
width:281px;
height:43px;
}

#contentArea2TopColorTan {
margin:0 auto;
background-image:url(http://www.strictlystone.com/images/contentArea2_topTan.jpg);
background-repeat:no-repeat;
width:281px;
height:43px;
}

/*#flash {
background-image: url(http://www.strictlystone.com/http://www.strictlystone.com/swf_files/flashindex.swf);
position:relative;
float:left;
width:482px;
height:250px;
}*/
			
#mainBody {
display: block;
margin-left: auto;
margin-right: auto;
width: 800px;

}

#history {
position:relative;
float:left;
width:302px;
height:700px;
margin-left:5px;
background-image:url(../images/historyImage2.jpg);
background-repeat:no-repeat;
}

#mainContent {
background-image:url(../images/mainContent.jpg);
background-repeat:repeat-y;
width: 800px;
margin-top:0;
display:inline-block;
z-index:-500;
}
#mainContent2 {
background-image:url(../images/mainContent2.jpg);
background-repeat:repeat-y;
width: 800px;

}



#mainContentBottom {
background-image:url(../images/mainContentBottom.jpg);
background-repeat:no-repeat;
width:800px;
height:30px;

}

#subContent {
background-image: url(../images/subContent.jpg);
background-repeat:repeat-y;
width:800px;
height:75px;
position:relative;
margin:0 auto;
}

#subContentBottom {
background-image:url(../images/subContentBottom.jpg);
background-repeat:no-repeat;
width:800px;
height:30px;
position:relative;
margin:0 auto;

}

#topBar {
width:800px;
height: 103px;
}

#navArea {
position: absolute;
margin-left: 300px;
margin-bottom:0;
width: 499px;
height: 103px;
}


			#leftsideForm {
			position:relative;
			float:left;
			width:32%;
			padding-left:15px;
			
			}
			
			#middleForm {
			position:relative;
			float:left;
			width:32%
			}
			
			#rightsideForm {
			position:relative;
			float:left;
			width:32%;
			}
			
			fieldset { border:1px solid green;
			background-color:#272018;
			margin:20px;
			height:325px;
			
			 }
			 

			legend {
			  padding: 0.2em 0.5em;
			  background-color:#272018;
			  color:#FF0000;
			  font-size:16px;
			  text-align:right;
			  }

			
			#contactFormContainer
            {
			position:relative;
			margin-left:auto;
			margin-right:auto;
			z-index:100;
				
            	
            }
            #contactForm
            {
            	height:450px;
            	width:800px;
            	background-image:url(http://www.strictlystone.com/'images/bkg2.png');
            	display:none;
            }
            #contactForm fieldset
            {
            	padding:30px;
            	border:none;
            }      
            #contactForm label
            {
            	display:block;
            	color:#FFFF66;
				font-size:12px;
            }  
			
			
			.positionL {
			display:inline;
			width:45%;
			position:relative;
			float:left;
			
			}
			
			.positionR {
			display:inline;
			width:45%;
			position:relative;
			float:right;
			
			
			
			}
		
			
			    
            #contactForm input[type=text]
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:10px;
            	height:24px;
            }  
			
			#contactForm select
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:10px;
            	height:24px;
            }  
			
            #contactForm textarea
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:10px;
            }  
            #contactForm input[type=submit]
            {
            	background-color:#4d3a24;
            	border:solid 1px #23150c;
            	color:#fecd28;
            	padding:8px;
				margin-left:auto;
				margin-right:auto;
				width:100%;
				
            }
			 #contactForm input[type=button]
            {
            	background-color:#4d3a28;
            	border:solid 1px #23150c;
            	color:#fecd28;
            	padding:6px;
				margin-left:auto;
				margin-right:auto;
				width:100%;
				
            }                
            .contactlink
            {
			    position:absolute;
				margin-top:0;
				margin-left:550px;
				margin-bottom:-34px;
				cursor:pointer;
				z-index:200;				
            }
            #messageSent
            {
            	color:#ff9933;
            	display:none;
            }
			
			.imageLinks{
			position:relative;
			float:left;
			margin-left:55px;
			margin-top:15px;
			}
			
		

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:259px;
		height:190px;
		overflow:hidden;
		
		
		}
	
	#slider li p{
	margin-top:20px;
	margin-bottom:20px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	color:#FFFFFF;
	font-size:12px;
	}
	span#prevBtn{
			font-family:arial;
			font-size:12px;
			color:#FFFF00;
			margin-left:26px;
			}
	span#nextBtn{
			font-family:arial;
			font-size:12px;
			float:right;
			margin-right:26px;
			}
								
#nextBtn a, #prevBtn a {color:#D0CB84; text-decoration:none;} 

.names {
color:#999999;
font-size:90%;
position:relative;
float:left;
margin-left:35px;
}

/* // Easy Slider */