body {text-align: center; /* Center align for IE */ 
		font-family: Arial, Helvetica, sans-serif; font-size: 100%; color:#61004e;
		background-color: #555; 
		/*background: url(graphics/00blueblackdamask01bgw.jpg);*/
		background: url(graphics/blackcornertl.png) left top no-repeat, url(graphics/blackcornertr.png) right top no-repeat,
					url(graphics/00mintdamaskbg.gif) left top repeat-y, 
					url(graphics/00middledamaskbg.gif) 396px top repeat-y, 
					url(graphics/00pinkdamaskbg4.gif) 792px top repeat;		
		}
a:link {color:#555555;}
a:visited {color:#555555;}
a:hover {color:magenta; }	
.bigger{font-size:150%; font-weight:bold;}	
.block1 {	
		position:relative; 
		width:75%; 
		margin:0 auto;
		text-align:center; 
		padding: 20px; padding-top:30px;
		border-spacing: 0px;
		border: 3px dotted #fff; 
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px;
		border-radius: 20px;
		background-image: 	url(graphics/whitetrans50p.png) ;}
		.blocktitle1{	margin: auto; z-index:10; color:#A2195B;
			padding-top:0px;
			border-spacing: 0px;
			position: relative; width:80%;
			text-align:left;
			font-family: Georgia, "Times New Roman", Times, serif; font-size: xx-large; font-style: italic; font-weight: bold; }	
		.blockstart {font-family: Georgia, "Times New Roman", Times, serif; font-size: xx-large; font-style: italic; font-weight: bold;}	
		.text {margin: auto; 
			padding: 20px;
			border-spacing: 0px;
			position: relative;
			text-align:left; min-width:200px; max-width: 500px;}
.block2 {	margin: auto; 
		padding: 20px;
		border-spacing: 0px;
		position: relative; width:75%;
		text-align:center; }
.centered {	margin:0 auto; 
		text-align:center; 
}
.roundedcorners {		border: 3px dotted #fff; 
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px;
		border-radius: 20px;}
.roundwhitetable {		border: 3px dotted #fff; 
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px;
		border-radius: 20px;
		background-image: 	url(graphics/whitetrans50p.png) ;}

	
/*----------------------------------------------------------------------*/

.salogoswirl {borderxxx:1px solid purple; border-spacing: 0px;
		position:absolute; top:90px; width:100%; min-width:720px; height:265px; z-index:10;
		background: 	url(graphics/salogoswirl.png) center center no-repeat}
	/*.salogoswirl {border:1px solid purple;
		position:relative; top:-30px; left:-50px; overflow:hidden; z-index:20;} */
.centeredwrapper 	{	
		margin: auto; borderxxx:2px solid black;
		padding: 0px;
		border-spacing: 0px;
		position: relative; top:290px; width:80%; min-width:800px; max-width:1100px;}
		
	.topmenu { position:relative; top:-295px; text-align:right; padding-right:5px; borderxxx: 1px solid green; border-spacing: 0px;}
		.linkbutton1 {padding-left:7px; padding-right:7px;}
		.linkbutton2 {padding-left:3px; padding-right:3px;}		
	
	.sheetcontent  {
		position:relative; top:0px; z-index:15;border-spacing:0px; 
		width:100%; 
		margin:0 auto;
		text-align:center; borderxxx:3px dotted blue;
		margin-bottom:-200px;} /*takes away extra space at bottom from moving other items up i.e. top:-100px   */
		.sheettop {		position:relative; top:-180px; z-index:8; height:170px;
			width:100%; padding-top: 100px;border-spacing: 0px;
			margin:0 auto;
			text-align:center; borderxxx:2px dotted green;
			color:#A2195B; font-family: Georgia, "Times New Roman", Times, serif; font-size: xx-large; font-style: italic; font-weight: bold;
			background: url(graphics/rhinestonearch170white.png) center top no-repeat;
			margin-bottom:-222px;}
			.pagetitle{	margin: auto; z-index:10; color:#A2195B;
				padding-top: 10px;
				border-spacing: 0px;
				position: relative; height:95px;
				font-family: Georgia, "Times New Roman", Times, serif; font-size: xx-large; font-style: italic; font-weight: bold; }
		.sheetmiddle{position:relative; top:-70px;  z-index:4;
			width:100%;
			margin:0 auto;
			text-align:center;
			background: url(graphics/whitetrans.png) center top repeat;
			padding-bottom:100px;}
			.topleftcorner1 { width:100%; position:absolute; text-align:left; top:-4px; left:-4px;}
			.toprightcorner1 { width:100%; position:absolute; text-align:right; top:-4px; right:-4px;}
			.bottomrightcorner1 { width:100%; position:absolute; text-align:right; bottom:-4px; right:-4px;}
			.bottomleftcorner1 { width:100%; position:absolute; text-align:left; bottom:-4px; left:-4px;}
			.footer {margin-top:50px; margin-bottom:-50px;}
				.phoneemail {  font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; color: black}
				.marquee {position:relative; z-index:4;
					width:690px; 
					margin:0 auto;
					text-align:center; font-style: italic;}
				.footerlinkbutton {background-image: url(graphics/00metalhoriz.gif); padding: 5px; 
					border-left: 1px solid gray; border-right: 1px solid gray;border-spacing: 0px;}
				.trustedlinks {margin: auto; margin-top:40px; width:70%; color:grey; font-size:x-small; text-align:center; border: 1px dotted white;}
.webdesign {color:white; position:relative; top:450px; margin:0 auto; margin-bottom:-50px;
					text-align:center;}
					
					
					

/*-----HOME----------*/
.unique {position:relative; top:-525px; z-index:20; left:-50px; margin-bottom:-120px;}
.homeslideshow01 {position:relative; top:-200px; margin:0 auto; z-index:10;border-spacing: 0px; margin-bottom:100px;}
.homeslideshow02 {position:relative; top:50px; margin:0 auto; z-index:10;border-spacing: 0px; margin-bottom:100px; 
				 width:78%; min-width: 730px; height: 380px; padding-top:40px;
				border: 2px dotted #000; 
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px;
		border-radius: 20px;}
.homearticles {position:relative; margin-top:80px; z-index:10;border-spacing: 0px;}
.whatwedotable {text-align:center; vertical-align:top;}
.whatwedocell {margin:0 auto; padding:20px; border:1px dotted gray; vertical-align:top; width:25%;}
		
/*---CALLIG------*/
.calligslideshow01 {
			position:relative;
			width:770px;
			margin:0 auto;
			text-align:center;
			top:0px;  margin-bottomx:-100px; }
.calligslideshowframe {
			width:760px; position:relative; topx:-160px; height:850px; overflow:hidden; border:0px;}

			
/*---FINEART------*/
.fineartslideshow01 {
			position:relative;
			width:100%;
			margin:0 auto;
			text-align:center;
			top:0px; height:100%px; margin-bottom:-100px;}
.fineartslideshowframe {
			width:760px; position:relative; topx:-160px; height:950px; overflow:hidden; border:0px;}	

/*---GRAPHICART------*/
.graphicartslideshow01 {
			position:relative;
			width:100%;
			margin:0 auto;
			text-align:center;
			top:0px; height:100%px; margin-bottom:-100px;}
.graphicartslideshowframe {
			width:760px; position:relative; topx:-160px; height:950px; overflow:hidden; border:0px;}	

/*---GRAPHICART------*/
.otherartslideshow01 {
			position:relative;
			width:100%;
			margin:0 auto;
			text-align:center;
			top:0px; height:100%px; margin-bottom:-100px;}
.otherartslideshowframe {
			width:760px; position:relative; topx:-160px; height:950px; overflow:hidden; border:0px;}			
	
 /*home- nivo slider-*/
.nivoSlider {
    position:relative;
				width:80%; border:1px solid gray;
			margin:0 auto;
			text-align:center;
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:relative;
    top:0px;
			width:80%;
			margin:0 auto;
			text-align:center;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;}
	
/*Home Slideshow stuff*--------------------------*/
.s01caption {
border-top:1px solid white; 
margin:5px 5px 5px 0;	/* required to hide the image after resized */
overflow:hidden;		/* for child absolute position */
position:relative; 		/* display div in line */
float:left;
background:#000;
bottom:-1px; 			/* fix IE issue */
left:0;					/* hide it by default */
display:none;			/* opacity setting */
filter:alpha(opacity=80); /* ie */
-moz-opacity:0.8; 		/* old mozilla browser like netscape */
-khtml-opacity: 0.8; 	/* for really really old safari */ 
opacity: 0.8; 			/* css standard, currently it works in most modern browsers like firefox, */
color:#fff;	font-size:100%; font-family: georgia; 		/* add spacing and make the whole row clickable*/
padding:15px 50px 15px 15px;
z-index:10;
width:640px;
}
.s01captionbigger {font-size:150%;}
.s01captionsmaller {font-size:75%;}
.s01captionSix {
margin:5px 5px 5px 0;	/* required to hide the image after resized */
overflow:hidden;		/* for child absolute position */
position:relative; 		/* display div in line */
float:left;
/*background:#000;*/
bottom:-1px; 			/* fix IE issue */
left:0;					/* hide it by default */
display:none;			/* opacity setting */
color:#fff;	font-size:24px; font-family: georgia; 		/* add spacing and make the whole row clickable*/
padding:15px 50px 15px 15px;
}
/*end slideshow-------------------------------*/



/*Classes slideshow--------------------------------------------------------------------------------------------------------------------*/
/*protofade classes slideshow begin*/
img { border:none; }
ul,li { margin:0; padding:0; list-style-type:none; }
:focus { outline: none; }


/* protofade */
#slider-container, #slider-container2, #slider-container3, #slider-container4 { width:200px; margin:0 auto 0px auto;border: }
#protofade, #protofade2, #protofade3, #protofade4 { position:relative; margin:0; padding:0px; width:200px; height:340px; overflow:hidden; }

#slider-container, #slider-container2 { border: 1px solid #CCCCCC; }
#protofade3, #protofade4 { border: 1px solid #CCCCCC; }

#slider-container4, #protofade4 { height:190px; }



#protofade li, #protofade2 li, #protofade3 li { position:absolute; top:0; left:0; margin:0; padding:0; background:none;}
#protofade4 div { position:absolute; top:0; left:0; margin:0; padding:10px; background:none; text-align:left}

.next, .previous, .start, .stop { cursor:pointer; display:block; margin:5px 15px 15px 15px; float:left; }
/* end protofade */
/*protofade classes slideshow end*/