a img
	{
	text-decoration:none;
	outline:none;
	border:none;
	}	
	


a 
	{
	text-decoration:none;
	text-transform:none;
	border:0px;
	margin:0px;
	padding:0px;
	color:white
	}
	
a:hover 
	{
	text-decoration:none;
	text-transform:uppercase;
	border:0px;
	margin:0px;
	padding:0px;
	cursor:pointer;
	}

	
body { 
	font-size: 13px; 
	line-height: 135%;
	font-weight: 100; 
	color:rgb(70,70,70);
	font-family: Verdana, Georgia, "Times New Roman", Times, serif; 
	padding-bottom:0px;
	height:100%;
	font-weight:100;
	letter-spacing:150%;	
	width:100%;
	margin-top:12px;
	background-color:none;
	width:100 percent;

	}
	
	
.agate
	{
	font-family:trebuchet, helvetica, arial, sans serif;
	font-size:9px;
	color:slategray;
	line-height:17px;
	margin-top: 12px;
	text-align:center;
        clear:left;
	}

.navigationbar
	{
	width:900px;
	height:40px;
	background-color:slategray;
	margin-top:18px;

	}

.nameplate 
	{ 
	width:252px;
	height:40px;
	z-index:1;
	font-family: arial black, Vernada, Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; 
	text-transform:none;
	font-weight:100;
	font-size:13px;
	letter-spacing:0px;
	background-color:slategray;
	text-align:left;
	float:left;
	color:white;
	padding-left:3px;
	background-image:url(siteart/cornercut.gif);
	background-repeat:no-repeat;
	background-position:100% 100%;
	}



.nameplate a
	{ 
	font-family: arial black, Vernada, Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; 
	text-transform:none;
	font-weight:100;
	font-size:13px;
	letter-spacing:0px;
	text-align:left;
	color:white;
	}

.nameplateillus
	{
	background-color:rgb(160,160,60);
	height:40px;
	width:252px;

	
	}
	
.nameplateprojects
	{
	background-color:cornflowerblue;
	height:40px;
	width:252px;

	}

.nameplatedesign
	{
	background-color:orange;
	height:40px;
	width:252px;

	}
	
.nameplatesite
	{
	background-color:slateblue;
	height:40px;
	width:252px;

	}	

	
.nameplatelight
	{
	font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; 
	text-transform:none;
	font-size:13px;
	letter-spacing:0px;
	color:white;
	}

.sitelinks { 
	width:125px;
	height:40px;
	font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; 
	text-transform:none;
	font-size:13px;
	letter-spacing:0px;
	color:white;
	text-align:right;
	border-right:1px solid white;
	float:right;
	margin-right:0px;
	padding-right:3px;
	}

.sitelinksdesign
	{
	width:125px;
	height:40px;

	}

.sitelinksillus
	{
	width:125px;
	height:40px;


	}
	
.sitelinksprojects
	{
	width:125px;
	height:40px;

	}
	
.sitelinkssite
	{
	width:125px;
	height:40px;

	}
	
	
.sitelinksdesign:hover
	{
	background-color:orange;
	background-image:url(siteart/cornercut.gif);
	background-repeat:no-repeat;
	background-position:100% 100%;
	}

.sitelinksillus:hover
	{
	background-color:rgb(160,160,60);
	background-image:url(siteart/cornercut.gif);
	background-repeat:no-repeat;
	background-position:100% 100%;
	}
	
.sitelinksprojects:hover
	{
	background-color:cornflowerblue;
	background-image:url(siteart/cornercut.gif);
	background-repeat:no-repeat;
	background-position:100% 100%;
	}
	
.sitelinkssite:hover
	{
	background-color:slateblue;
	background-image:url(siteart/cornercut.gif);
	background-repeat:no-repeat;
	background-position:100% 100%;
	}
	

.sitelinks a
	{
 	text-decoration:none;
 	color:white;
	}
	
		
	
.maindivgallery
	{
	width:900px;
	height:620px;
	border-right: 0px solid slategray;
	border-bottom: 0px solid slategray;
	border-top:0px solid 	rgb(70,70,70);
	position:relative;
	top:18px;
	padding:0px;
	background-color:none;
	background-image: url(siteart/rule.gif);
	background-repeat:y;
	padding:0px;
	}

.maindivfront
	{
	border-top:0px;
	}
	
h1
	{
	font-family: Arial, Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; 
	font-size:16px;
	line-height:16px;
	text-transform:uppercase;
	color:rgb(70,70,70);;
	font-weight:100;
	margin:0px;
	}
	
	
.blob
	{
	width:14px;
	height:14px;
	float:left;
	margin-right:10px;
	position:absolute;
	left:-25px;
	top:0px;
	font-size:1px;
	line-height:1px;
	_top:0px;
	}

h2
	{
	font-family: Vernada, Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; 
	font-size:9px;
	font-weight:100;
	text-transform:uppercase;
	margin-bottom:0px;
	rgb(70,70,70);
	}

h3
	{
	font-family: Vernada, Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; 
	font-size:11px;
	font-weight:100;
	text-transform:uppercase;
	margin-bottom:12px;
	rgb(70,70,70);
	}

h4
	{
	font-family: Arial Black, arial, helvetica, sans-serif;
	font-size:10px;
	line-height:10px;
	color:white;
	text-transform:uppercase;
	margin-top:18px;
	margin-bottom:6px;
	padding:0px;
	}




.green
	{
	color: rgb(160,160,60); 	
	}

.orange
	{
	color:red;
	}
	

.purple
	{
	color:slateblue;
	}

.blue
	{
	color:cornflowerblue;
	}
	
.grid
	{
	width:900px;
	height:600px;
	margin-top:0px;
	margin-top:13px;
	margin-right:0px;
	text-align: left; 
	position:relative;
	text-decoration:none;
	border:0px solid red;
	}
	
.gridsectionfront
	{
	width:600px;
	height:600px;
	margin-top:0px;
	margin-top:13px;
	margin-right:0px;
	text-align: left; 
	position:relative;
	text-decoration:none;
	border:0px solid red;
	text-align:center;
	}



.gridinside img 
{
  position:relative;
  left:-5px;
  top:-5px;
  overflow:hidden;
  }	


	
	
.gridinside
	{
	width:90px;
	height:90px;
	float:left;
	padding:5px;
	overflow:hidden;
	position: relative;
	margin:0px;
	text-align: right; 
	background-color:none;
	}
	

	
.grid a
	{
	text-decoration:none;
	outline:0px solid none;
	border:0px solid none;
	}	
	
.gridinsidetoo
	{
	float:left;
	overflow:hidden;
	margin:0px;
	}

	
.gridtext
	{
	font-family: arial, helvteica, sans serif;
	font-size:12px;
	color:white;
	text-align: left; 
	margin:5px;
	padding:0px;
	line-height:16px;
	}
	
.gridtexttoo
	{
	font-family: arial, helvteica, sans serif;
	font-size:12px;
	color:white;
	text-align: right; 
	margin:5px;
	padding:0px;
	line-height:16px;
	display:block;
	text-transform:none;
	}





	

.samgrid
	{
	background-color:slategray;
	}
	
.samgrid:hover
	{
	background-color:slateblue;
	background-image:url(siteart/cornercut.gif);
	background-repeat:no-repeat;
	background-position:100% 100%;
	}	

.bigfront img 
{
  position:relative;
  right:50%;
  bottom:15%;
  overflow:hidden;
  display:block;
  }	
  
  
.bigfronttest img 
{
  position:relative;
  right:50%;
  bottom:15%;
  overflow:hidden;
  display:block;
  }	


.bigfront
	{
	width:190px;
	height:190px;
	overflow:hidden;
	padding:5px;
	overflow:hidden;
	position: relative; 
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	margin:0px;
	float:left;
	display:block;
	}
	


	

.onebytwo
	{
	width:100px;
	height:200px;
	border:0px solid green;
	padding:0px;
	}
	
.threebytwo
	{
	width:300px;
	height:200px;
	border:0px solid gray;
	padding:0px;
	}
	
	
.fivebytwo
	{
	width:500px;
	height:200px;
	border:0px solid orange;
	padding:0px;
	}
	
	
.twobyfour
	{
	width:200px;
	height:400px;
	border:0px solid green;
	padding:0px;
	}
	
	
.onebyfour
	{
	width:100px;
	height:400px;
	border:0px solid orange;
	padding:0px;
	}
	
		
	
.sixbyone
	{
	width:600px;
	height:100px;
	border:0px solid purple;
	padding:0px;
	}

.fivebythree
	{
	width:300px;
	height:400px;
	border:0px solid black;
	padding:0px;
	float:left
	}

.onebyfive
	{
	width:100px;
	height:500px;
	border:0px solid black;
	padding:0px;
	float:right;
	}


.site
	{
	filter:alpha(opacity=60);
	-moz-opacity:.40;
	-khtml-opacity: 0.40;
	opacity: 0.40;
	}

.site:hover
	{
	border:5px solid slateblue; 
	padding:0px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}



.design
	{
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	-khtml-opacity: 0.40;
	opacity: 0.40;
	}

.design:hover
	{
	border:5px solid orange; 
	padding:0px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}
	
.projects
	{
	background-color:gainsboro;
	}
	
.proects
	{
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	-khtml-opacity: 0.40;
	opacity: 0.40;
	}
	
.proects:hover
	{
	border:5px solid cornflowerblue; 
	padding:0px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}
	

	
.illus
	{
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	-khtml-opacity: 0.40;
	opacity: 0.40;
	}

.illus:hover
	{
	border:5px solid rgb(160,160,60); 
	padding:0px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}


.illusbig
	{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}

.illusbig:hover
	{
	border:5px solid cornflowerblue; 
	padding:0px;
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	-khtml-opacity: .40;
	opacity: .40;
	}
	



.orange
	{
	color:orange;
	}
	

.purple
	{
	color:slateblue;
	}

.blue
	{
	color:cornflowerblue;
	}


.gray
	{
	background-color:slategray;
	font-family: "Arial Black", Verdana, Arial, Helvetica, sans-serif; 
	color:white;
	font-size:12px;
	line-height:12px;
	padding:0px;
	font-weight:100;
	}
	
	


	
.gallery
	{
	width:600px;
	height:600px;
	float:right;
	margin-top:0px;
	text-align:center;
	background-color:none;
	z-index:1;
	}



	

	
.textblock
	{
	width:220px;
	height:200px;
	background-color:none;
	position:absolute;
	top:250px;
	left:30px;
	}

.textblockfront
	{
	position:absolute;
	top:192px;
	left:30px;
	height:300px;
	
	}


.textblock a 
	{
	font-family:arial black, arial, helvetica, sans serif;
	font-size:10px;
	color:slategray;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:3%;
	}
	
.textblock a:hover
	{
	color:gainsboro;
	border-bottom:1px dotted slategray;
	}
	

.buyicon
	{
	width:100px;
	height:100px;
	border:0px solid blue;
	position:absolute;
	right:-50px;
	top:450px;
	z-index:1;
	background-color:none;
	float:right;
	background-image:url(siteart/circle.gif);
	text-align:center;
	}
	
.buyicon a
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:9px;
	line-height:10px;
	color:white;
	text-transform:uppercase;
	text-decoration:none;
	vertical-align: 20%;
	padding:bottom:0px;
	}	
	
.buyicon a:hover
	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:9px;
	line-height:10px;
	color:white;
	text-transform:uppercase;
	text-decoration:none;
	border-bottom:1px dotted white;
	padding:bottom:0px;
	}	
	
.buyicon p
	{
	margin-top:0px;
	margin-bottom:4px;
	}
	
.galleryartpage
	{
	border-top:1px solid gainsboro;
	border-right:1px solid gainsboro;
	border-bottom:1px solid gainsboro;
	border-left:1px solid gainsboro;

	}
	
.navigation
	{
	width:250px;
	height:70px;
	position:absolute;
	bottom:105px;
	left:5px;
	float:right;
	font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; 
	font-size:30px;
	font-weight:100;
	text-transform:uppercase;
	text-alignment:left;
	}
	

.navigationdesign
	{
	width:90px;
	height:90px;
	margin:0px;
	padding:0px;
	background-color:gray;
	float:left;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: .70;
	position:absolute:
	top:0px;
	border:5px solid white;
	cursor:pointer;
	-webkit-transition-property: border;
  -webkit-transition-duration: 1s;
  	overflow:hidden;
 	}
	
	
	
.navigationprojects
	{
	width:90px;
	height:90px;
	margin:0px;
	padding:0px;
	background-color:gray;
	float:left;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: .70;
	position:absolute:
	top:0px;
	border:5px solid white;
	cursor:pointer;
	-webkit-transition-property: border;
  -webkit-transition-duration: 1s;
  	overflow:hidden;
  	}
	
	
	
.navigationillus
	{
	width:90px;
	height:90px;
	margin:0px;
	padding:0px;
	background-color:gray;
	float:left;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity: .70;
	position:absolute:
	top:0px;
	border:5px solid white;
	cursor:pointer;
	-webkit-transition-property: border;
  -webkit-transition-duration: 1s;
  	overflow:hidden;
  	}
	


.navigationspotsinside
	{
	width:90px;
	height:90px;
	background-color:white;
	float:left;
	filter:inherit;
	-moz-opacity:inherit;
	-khtml-opacity: inherit;
	opacity: inherit;
	margin:0px;
	padding:0px;
	}


.navigationillus:hover
	{
	width:90px;
	height:90px;
	border:5px solid rgb(160,160,60);;
	float:left;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}
	
	
.navigationprojects:hover
	{
	width:90px;
	height:90px;
	border:5px solid cornflowerblue;
	float:left;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}	
	
.navigationdesign:hover
	{
	width:90px;
	height:90px;
	border:5px solid orange;
	float:left;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}
	
	
.spot1
	{
	position:relative;
	left:6px;
	}
	
.spot2
	{
	position:absolute;
	right:20px;
	}
	
	
.arrow
	{
	width:15px;
	height:30px;
	float:left;
	position:relative;
	top:30px;
	}
	
	
.arrowright
	{
	width:15px;
	height:30px;
	float:right;
	position:relative;
	top:30px;
	}
	
.bigspot
	{
	width:300px;
	height:200px;
	color:gainsboro;
	border:0px solid blue;
	overflow:hidden;
	float:left;
	}
	
	
.bigspotgray
	{
	width:300px;
	height:200px;
	background-color:slategray;
	overflow:hidden;
	}
	
	
.bigspotgrayvert
	{
	width:200px;
	height:300px;
	float:left;
	position:relative;
	top:0px;
	left:0px;
	overflow:hidden;

	}
	
.vert
	{
	width:200px;
	height:300px;
	overflow:hidden;

	}
	
.spotdesignlabel
	{
	position:relative;
	top:00px;
	left:100px;
	background-color:none;
		}
		
		
.spotullislabel
	{
	position:relative;
	top:00px;
	left:00px;
	background-color:none;
		}
	
.spotprojectslabel
	{
	position:absolute;
	top:100px;
	left:300px;
	background-color:none;
	float:right;
		}	
	

.spotdesign
	{
	background-color:slategray;
	}	
	
	
.spotdesign:hover
	{
	background-color:orange;
	background-image:url(siteart/cornercut.gif);
	background-repeat:no-repeat;
	background-position:100% 100%;
	}	
	
	
.spotillus
	{
	background-color:slategray;
	float:left;
	}	
	
	
.spotillus:hover
	{
	background-color:rgb(160,160,60);
	float:left;
	background-image:url(siteart/cornercut.gif);
	background-repeat:no-repeat;
	background-position:47% 100%;
	}		
	
	
.spotprojects
	{
	background-color:slategray;
	float:left;
	}	
	
	
.spotprojects:hover
	{
	background-color:cornflowerblue;
	float:left;
	background-image:url(siteart/cornercut.gif);
	background-repeat:no-repeat;
	background-position:100% 100%;
	}	

	
.smallimage
	{
	position:relative;
	bottom:200px;
	right:0px;
	width:100px;
	height:100px;
	padding:0px;
	overflow:hidden;
	margin-left:0px;
	text-align: right; 
	background-color:white;
	z-index:1;
	float:right;
	}
	
  
  .smallimagetoo
	{
	position:relative;
	bottom:100px;
	left:0px;
	width:100px;
	height:100px;
	padding:0px;
	overflow:hidden;
	margin-left:0px;
	text-align: right; 
	background-color:white;
	z-index:1;
	float:right;
	}
  

	
	
  .smallimagethree
	{
	position:relative;
	bottom:100px;
	right:100px;
	width:100px;
	height:100px;
	padding:0px;
	overflow:hidden;
	margin-left:0px;
	text-align: right; 
	background-color:white;
	z-index:1;
	float:right;
	}	
	

	
.bigimage
	{
	position:relative;
	left:5px;
	top:5px;
	margin-bottom:5px;
	}
	
	
.bigspotsections a
	{
	border:0px;
	height:auto;
	}

.bigspotsections
	{
	width:190px;
	height:190px;
	background-color:slategray;
	border:0px solid blue;
	overflow:hidden;
	float:left;
	padding:0px;
	border:5px solid slategray
	
	}
	
	
.projectsfront
	{
	width:190px;
	height:300px;
	float:left;
	background-color:none;
	margin-right:20px;
	margin-bottom:20px;
	}
	
.projectsfront img
	{
	border:0px;
	margin-bottom:12px;
	}


.projectsfront a 
	{
	font-family:arial black, arial, helvetica, sans serif;
	font-size:10px;
	color:slategray;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:3%;
	}
	
.projectsfront a:hover
	{
	color:gainsboro;
	border-bottom:1px dotted slategray;
	}


.projectsfrontshort
	{
	width:190px;
	height:250px;
	float:left;
	background-color:none;
	margin-right:20px;
	margin-bottom:20px;
	}
	
.projectsfrontshort img
	{
	border:0px;
	margin-bottom:12px;
	}


.projectsfrontshort a 
	{
	font-family:arial black, arial, helvetica, sans serif;
	font-size:10px;
	color:slategray;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:3%;
	}
	
.projectsfront a:hover
	{
	color:gainsboro;
	border-bottom:1px dotted slategray;
	}



.nextlink
	{
	text-align:right;
	font-family: 'arial black', arial, helvetica, 'sans serif';
	font-size: 10px;
	height:12px;
	width:865px;
	color: rgb(112, 128, 144);
        padding:0px;
border:0px solid red;
clear:left;
margin-bottom:12px;
	}

.nextlink a 
	{
	font-family:arial black, arial, helvetica, sans serif;
	font-size:10px;
	color:slategray;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:3%;
	}
	
.nextlink a:hover
	{
	color:gainsboro;
	border-bottom:1px dotted slategray;
	}

shorter
       {
        height:250px;
        }


.contact
	{
	width:325px;
	height:325px;
	z-index:1;
	border:0px solid green;
	position:absolute;
	top:125px;
	left:425px;
	background-color:gray;
	padding:12px;
	color:white;
	}
	
	
.textinput
	{
	background-color:gainsboro;
	border:2px solid gainsboro;
	background: gainsboro;
	padding:3px;
	font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; 
	font-size:12px;
	font-weight:500;
	line-height:14px;
	width:165px;
	height:14px;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:0px;
	color:black;
	}
	
.textinput:focus
	{
	background-color:slateblue;
	color:white;
	}
	
	
.textinput:active
	{
	background-color:slateblue;
	color:white;
	}
	
	
.textarea
	{
	background-color:gainsboro;
	border:2px solid gainsboro;
	background: gainsboro;
	padding:3px;
	float:left;
	font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; 
	font-size:12px;
	line-height:14px;
	width:205px;
	height:110px;
	margin-bottom:8px;
	margin-left:0px;
	color:black;
	}
	
	
.textarea:focus
	{
	background-color:slateblue;
	color:white;
	}
	
	
.textarea:active
	{
	background-color:slateblue;
	color:white;
	}
	
.labelwidth
	{
	width:40px;
	float:left;
	padding-top:6px;
	word-spacing: 0; 
	letter-spacing: .2em; 
	font-weight:100;
	font-family: "Arial Black", Verdana, Arial, Helvetica, sans-serif; 
	font-size:8px;
	line-height:12px;
	color:slateblue;
	text-transform:uppercase;
	}
	
.button
	{
	background-color:slateblue; 
	border:0px solid orange;
	padding:1px 8px 2px 8px;
	float:left;
	text-transform:uppercase;
	vertical-align: middle;
	word-spacing: 0; 
	letter-spacing: .2em; 
	font-weight:100;
	font-family: "Arial Black", Verdana, Arial, Helvetica, sans-serif; 
	font-size:8px;
	line-height:12px;
	width:auto;
	height:17px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:8px;
	margin-top:0px;
	cursor:pointer;
	color:white;

	}
	
.button:hover
	{
	background-color:gainsboro;
	color:slateblue; 
	cursor:pointer;
	
	}
	
	
.projectsgallery
	{
	width:865px;
	height:640px;
	border-top:0px solid 	rgb(70,70,70);
	position:relative;
	top:18px;
	padding:0px;
	background-color:none;
	background-image: url(siteart/rule.gif);
	background-repeat:y;
	padding-left:35px;
	}