ul 
	{
	margin: 0;
	padding: 0;
	list-style: none;
	z-index:12;
	font-family: verdana, Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; 
	text-transform:uppercase;
	color:rgb(82,52,30);
	text-align:left;
	font-size:11px;
	line-height:14px;
	position:absolute;
	top:22px;
	left:15px;
        z-index:12;
	}
	


ul li 
	{
	position: relative;
	float: left;
    width: 110px;

	}
	
li ul 
	{
	position: absolute;
	top: 30px;
	display: none;
        z-index:12;
	}
	


ul li a 
	{
	display: block;
	text-decoration: none;
	padding: 8px;
	margin: 0px;
	color:rgb(82,52,30);
	text-transform:uppercase;
	 -webkit-transition-property: color;
    -webkit-transition-duration: .15s;
    -webkit-transition-timing-function: ease-in;

	}

ul li a:hover
	{ 
	color: olive; 

	}

li:hover ul, li.over ul 
	{ 
	display: block; 
	background-color:rgb(187,210,215);


	}

strong
	{
	font-weight:800;
	}

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


a 
	{
	text-decoration:none;
	border:0px;
	margin:0px;
	padding:0px;
	color:green;
	}
	


	
body { 
	font-size: 14px; 
	line-height: 145%;
	font-weight: 100; 
	color:silver;
	font-family: georgia, arial, sans serif; 
	padding-bottom:0px;
	height:100%;
	font-weight:100;
	width:100%;
	margin-top:12px;
	background-color:rgb(187,210,215);
	background-image:url(siteart/tile.jpg);
	width:100 percent;
	text-align:justify;
	background-repeat:repeat-x;
	background-attachment:fixed;
	}
	
	
.agate
	{
	font-family:trebuchet, helvetica, arial, sans serif;
	font-size:9px;
	color:slategray;
	line-height:17px;
	margin-top: 18px;
	text-align:center;
	}

.navigationbar
	{
	width:900px;
	height:42px;
	background-color:white;
	margin-top:0px;

	}

.nameplate 
	{ 
	width:410px;
	height:42px;
	z-index:1;
	background-color:white;
	float:right;
	background-image:url(siteart/annabrown.jpg);
	background-repeat:no-repeat;
	background-position:8px 12px;
	 -webkit-transition-property: background-image;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease-in;
	}


.nameplate:hover 
	{ 
	width:410px;
	height:42px;
	z-index:1;
	background-color:white;
	float:right;
	background-image:url(siteart/annagreen.jpg);
	background-repeat:no-repeat;
	background-position:8px 12px;
	}


.nameplatetoo 
	{ 
	width:410px;
	height:42px;
	z-index:1;
	background-color:white;
	float:right;
	background-image:url(siteart/annabrown.jpg);
	background-repeat:no-repeat;
	background-position:8px 12px;
	 -webkit-transition-property: background-image;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease-in;
	}


.nameplatetoo:hover 
	{ 
	width:410px;
	height:42px;
	z-index:1;
	background-color:white;
	float:right;
	background-image:url(siteart/annagreen.jpg);
	background-repeat:no-repeat;
	background-position:8px 12px;
	}

.nameplatetab 
	{ 
	width:470px;
	height:42px;
	z-index:1;
	background-color:white;
	float:right;
	background-image:url(siteart/tab.gif);
	background-repeat:no-repeat;
	background-position:100% 0px;
	background-color:rgb(187,210,215);
	padding-left:20px;
	}






.sitelinks 
	{ 
	width:478px;
	height:16px;
	text-align:left;
	float:left;
	margin-right:0px;
	padding-left:12px;
	margin-top:26px;
	word-spacing:18px;

	}

	
.sitelinks a
	{
	font-family: verdana, Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; 
	text-transform:uppercase;
	font-size:12px;
	line-height:18px;
	letter-spacing:0px;
	color:rgb(82,52,30);
	text-align:left;
	margin-right:0px;
	padding-left:12px;
	margin-top:26px;
	}
	
.sitelinks a:hover
	{
	color:green;
	}



		
	
.maindivgalleryfixed
	{	
	width:900px;
	height:520px;
	margin-top:0px;
	text-align:center;
	background-color:none;
	border:0px solid red;
	margin-top:24px;
	text-align:left;
	_margin-top:20px;

	}
	
.maindivgallery
	{	
	width:900px;
	height:auto;
	margin-top:0px;
	text-align:center;
	background-color:none;
	border:0px solid red;
	margin-top:24px;
	text-align:left;
	}
	

.maindivfront
	{
	border-top:0px;
	}
	
h1
	{
	font-family: Georgia, Palatino, 'Times New Roman', Times, serif;	
	font-size:16px;
	line-height:20px;
	text-transform:none;
	color:rgb(82,52,30);
	font-weight:100;
	margin:0px;
	font-weight:100;
	font-style:italic;
        text-align:left;

	}
	
	
.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;
	color:olive;
	letter-spacing:.1em;
	}


.textblockbig h3 img
	{
	position:relative;
	left:0px;
	top:4px;
	float:left;
	}
	
	
.textblockbig h1
	{
	margin-bottom:22px;
	font-size:18px;
	}


.textblockfront h1
	{
	margin-top:10px;
	_margin-top:5px;

	}
	
.gallery
	{
	width:600px;
	height:500px;
	margin-top:0px;
	text-align:center;
	background-color:none;
	border:0px solid red;
	display:block;
	display:table-cell;
	vertical-align:middle;
	}

	
.gallery img
	{
	border:0px solid green;
	vertical-align:middle;
	}

	
.textblock
	{
	width:220px;
	height:200px;
	background-color:none;
	position:absolute;
	top:200px;
	left:630px;
	border:0px solid blue;
	text-align:justified;
	font-size: 11px; 
	line-height: 145%;
	font-weight: 100; 
	color:gray;
	font-family: verdana, helvetica, arial, sans serif; 
	padding-bottom:0px;
	font-weight:100;
	margin-top:12px;
	width:100 percent;
	text-align:justify;
	text-transform:uppercase

	}

.textblockfront
	{
	width:320px;
	height:150px;
	background-color:none;
	position:absolute;
	top:243px;
	left:35px;
	border:0px solid blue;
	text-align:justified;
	font-size: 11px; 
	line-height: 145%;
	font-weight: 100; 
	color:gray;
	font-family: verdana, helvetica, arial, sans serif; 
	padding:0px;
	font-weight:100;
	text-align:justify;
	text-transform:uppercase;
	display:table-cell;
	vertical-align:middle;
	}


.photoblockfront
	{
	width:340px;
	height:150px;
	background-color:none;
	position:absolute;
	top:243px;
	left:26px;
	border:0px solid blue;
	}
	
.gallerymulti .photoblockfront img
	{
	float:left;
	margin:0px;
	border:0px solid red;
	margin-right:10px;
	margin-left:10px;
	}

.textblockfrontinside
	{
	display:table-cell;
	vertical-align:middle;	
	border:0px solid green;
	width:320px;
	height:150px;
	padding:0px;
	}


.textblockfront a 
	{
	color:rgb(82,52,30);
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:3%;
	text-align:right;
	}

.textblockfront a:hover
	{
	color:green;
	}


.textblock a 
        {
	color:rgb(82,52,30);
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:3%;
	text-align:right;
	}
	
.textblock a:hover
	{
	color:green;
	}
	

.textblockbig
	{
	width:500px;
	height:auto;
	margin-top:0px;
	background-color:none;
	border:0px solid red;
	display:block;
	padding-right:100px;
	padding-bottom:20px;
	text-align:justify;
	font-size: 12px; 
	line-height: 145%;
	font-weight: 100; 
	color:gray;
	font-family: verdana, helvetica, arial, sans serif; 
	padding-bottom:0px;
	font-weight:100;
	margin-top:20px;
	text-align:justify;
	position:relative;
	left:300px;
	top:30px;
	}



.textblockbig strong
	{
	font-weight:600;
	}


.textblckbig img
	{
	position:absolute;
	left:-200px;
	float:left;
	}


.rulediv
	{
	width:90px;
	height:1px;
	border-top:1px solid rgb(82,52,30);
	margin-top:24px;
	margin-bottom:24px;
	clear:right;
	}
	
	
.caption
	{
	width:150px;
	font-style:verdana,helvetica,arial,sans serif;
	font-size:8px;
	text-transform:uppercase;
	line-height:125%;
	color:silver;
	margin-top:8px;
	}
	
	
.caption strong
	{
	color:rgb(102,102,102);
	}
	
.photoblock
	{
	width:150px;
	height:auto;
	position:absolute;
	left:-200px;
	float:left; 
	}
	

.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;

	}
	
.navigationv
	{
	width:250px;
	height:100px;
	position:absolute;
	top: 400px;
	left: 625px;
	font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; 
	font-size:30px;
	font-weight:100;
	text-transform:uppercase;
	border:0px solid red;
	float:right;
	}
	

.navigaionspot1
	{
	width:90px;
	height:90px;
	margin:0px;
	padding:0px;
	background-color:gray;
	position:absolute;
	top:390px;
	left:630px;
	cursor:pointer;
	-webkit-transition-property: opacity;
  -webkit-transition-duration: 1s;
  	overflow:hidden;
 	}
	
.navspotone
	{
	width:90px;
	height:90px;
	top:390px;
	left:630px;
	position:absolute;
        cursor:pointer;
	-webkit-transition-property: opacity;
        -webkit-transition-duration: 1s;
  	overflow:hidden;
	}
	
.navspottwo
	{
	width:90px;
	height:90px;
	top:390px;
	left:630px;
	position:absolute;
	position:absolute;
	top:390px;
	left:750px;
        cursor:pointer;
	-webkit-transition-property: opacity;
        -webkit-transition-duration: 1s;
  	overflow:hidden;
	}
	
.navspotone a 
	{
	text-decoration:none;
	text-transform:none;
	border:0px;
	margin:0px;
	padding:0px;
	color:none
	}	
	
	
.navigationspot2
	{
	width:90px;
	height:90px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:390px;
	left:750px;
	cursor:pointer;
	-webkit-transition-property: opacity;
        -webkit-transition-duration: 1s;
  	overflow:hidden;
        border:1px solid green;
 	}
	
	
		

.navspotone:hover
	{
	
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: .50;
	}
	
.navspottwo:hover
	{
	
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: .50;
	}
	
.leftarrow
	{
	width:90px;
	height:16px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:488px;
	left:630px;
	border:0px solid red;
	text-align:right;
	background-image:url(siteart/arrowleftbrown.jpg);
	background-repeat:no-repeat;
	background-position:100% 0%;
 	}
	
.rightarrow
	{
	width:90px;
	height:16px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:488px;
	left:750px;
	border:0px solid red;
	text-align:left;
	background-image:url(siteart/arrowrightbrown.jpg);
	background-repeat:no-repeat;
 	}
 	
 	
 	
.rightarrow:hover
	{
	background-image:url(siteart/arrowright.jpg);
	background-repeat:no-repeat;
 	}	
 	
.leftarrow:hover
	{
	background-image:url(siteart/arrowleft.jpg);
	background-repeat:no-repeat;
 	}	
	

.gallerymulti
	{
	width:560px;
	height:500px;
	margin-top:0px;
	text-align:center;
	background-color:none;
	border:0px solid blue;
	display:block;
	display:table-cell;
	vertical-align:middle;
	padding-left:40px;
	}
	
.gallerymulti img
	{
	margin:10px;
	float:left;
	border:0px solid red;
	-webkit-transition-property: opacity;
        -webkit-transition-duration: .5s;
        -webkit-transition-timing-function: ease-in;
	}
	
.gallerymulti img:hover
	{
	border:0px solid blue;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: .50;
	cursor:pointer;
	
	}
	
	
	
.gallerymutlifront
	{ 
	width:900px;
	border:0px solid red;
	padding-left:25px;
	}
	

.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:rgb(187,210,215);
	color:white;
	}
	
	
.textinput:active
	{
	background-color:rgb(187,210,215);
	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:rgb(187,210,215);
	color:white;
	}
	
	
.textarea:active
	{
	background-color:rgb(187,210,215);
	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:rgb(82,52,30);
	text-transform:uppercase;
	}
	
.button
	{
	background-color:olive; 
	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:rgb(187,210,215);
	color:olive; 
	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;
	}
	
	
.resume
	{
	margin-left:14px;
	text-indent:-14px;
	}


.photoblockresume
	{
	width:150px;
	height:auto;
	position:absolute;
	left:-200px;
	float:left;
	}
	
	
.photoblockresume img
	{
	margin-bottom:20px;
	-webkit-transition-property: opacity;
   -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: ease-in;
	}

.photoblockresume img:hover
	{
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: .50;
	cursor:pointer;
	}

#mySlideShow
{
width: 320px !important;
height: 320px !important;

}


#mySlideshow
{
	width: 320px;
	height: 320px;
	z-index:5;

}

.jdSlideshow
{
	display: none;
	overflow:hidden;
	position: relative;

margin:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
border:0px solid red;
float:left;
}

.jdSlideshow img
{
	border: 0;
	margin: 0;
        width:320
        height:320
}

.jdSlideshow .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
}

.jdSlideshow .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdSlideshow .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 48px;
	background: #333;
	color: #fff;
	text-indent: 0;
}

.jdSlideshow .slideInfoZone h2
{
	padding: 0;
	font-size: 9px;
        margin-top:6px;
margin-left:6px;
margin-bottom:2px;
        padding:0px;
	font-weight: bold;
	color: inherit;
font-family:verdana, helvetica, arial, sans-serif;
text-align:left;
line-height:10px;
}

.jdSlideshow .slideInfoZone p
{
	padding: 0;
	font-size: 9px;
        margin-top:0px;
margin-left:6px;
margin-bottom:6px;
	color: #eee;
        padding:0px;
line-height:12px;
font-family:verdana, helvetica, arial, sans-serif;
text-align:left;
}

.jdSlideshow a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdSlideshow a.right, .jdSlideshow a.left
{
	position: absolute;
	height: 100%;
	width: 40%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdSlideshow a.right, * html .jdSlideshow a.left
{
	filter:alpha(opacity=50);
}

.jdSlideshow a.right:hover, .jdSlideshow a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdSlideshow a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat top left;
}

* html .jdSlideshow a.left { background: url('img/fleche1.gif') no-repeat top left; }

.jdSlideshow a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat top right;
}

* html .jdSlideshow a.right { background: url('img/fleche2.gif') no-repeat top right; }

    .fade {
          position: absolute;
          top: 12px;
          left: 498px;
          height: 30px;
          width: 390px;

        }

        .fade div {
          position: absolute;
          top: 0;
          left: 0;
          display: none;
          height: 30px;
          width: 390px;