@charset "UTF-8";

body{ 
background-image:url(images/background.jpg);font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:0; margin:0;}
	
#wrapper{
		background-color:#FFF;
		width:1050px;
		height:650px;
		margin-left: 100px;
		position:relative;
	
	-moz-box-shadow: 0px 8px 25px rgba(204,204,204,0.6900000000000001);
	-webkit-box-shadow: 0px 8px 25px rgba(204,204,204,0.6900000000000001);
	box-shadow: 0px 8px 25px rgba(204,204,204,0.6900000000000001);
}

a:active{
		outline:none}
#side{		
		width:370px;
		height:600px;
		float:left;
		padding:40px 0  0 0;
		margin-left:40px;}
h1{
		font-weight:normal;
		text-align: left;
		margin-left: 49px}
		
h1 a{
		text-decoration:none;
	
	    transition:opacity .05s;
        -webkit-transition:opacity .5s;}

h1.home a img:hover{
		cursor:default;
		opacity: 0.6;}
/*__________________________________________NAV____*/
ul#nav{	
		text-align: left;
		margin:0 0 0 5px;
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:16px;
		font-weight:lighter;
			color:#5685B7}

ul#nav li {		
		list-style-type:none;
		float:left;
		padding:0 5px 3px 5px;
		border-left:2px #97A6B2 solid;
		line-height:.8em;}
ul#nav li.first{	border-left:none}

ul#nav li a {
		text-decoration: none;
			color:#5685B7;
		font-size:.9em;
		transition:opacity .1s;
       -webkit-transition:opacity .1s;}

ul#nav li a:hover{
	   color:#57646F;
	  border-bottom:2px #A9BAC7 dotted;
	  transition:opacity .1s;
     -webkit-transition:opacity .1;}
		
ul#nav li.firstCurrent a{
	   color:#57646F;
		border-bottom:2px #A9BAC7 dotted;}
			
ul#nav li.firstCurrent{
		border-left:none;}

ul#nav li.current a{
		color:#57646F;
		border-bottom:2px #A9BAC7 dotted;}

ul#nav li.current a:hover{
		border-bottom:none;
		cursor:default;}

#nav ul li a:hover{
		cursor:default;}
/*__________________________________________IMAGE/TITLE____*/
img {		
		border:0;
		padding:0;}

#image{
		position:absolute;
		top: 50px;
		left: 470px;
		font-size: 9px;
		color:#999;
		width:563px;
		line-height:2px;
		text-align:left;}
		
		
#image img{padding:2px;
border:1px #A8C1CD solid;}

img.lis{float:left;
margin:0 16px 3px 0;
padding:2px;
border:1px #A8C1CD solid;}
		
#conImage{
		position:absolute;
		top: 150px;
		left: 230px;
		font-size: 9px;
		color:#999;
		
		width:563px;
		line-height:2px;
		text-align:left;}
		
#conImage p.email{
		font-size: 16px;
		padding-top:50px;font-weight:lighter;}
		
#conImage p.email a{	color:#A9BAC7;		text-decoration:none;}
		
			#conImage p.email a:hover{	color:#57646F;}
		
span.bold{ color:#515151;}

#imageVert{
		position:absolute;
		top: 70px;
		left: 430px;
		font-size: 0.7em;
		color:#999;
		letter-spacing: 0.2em;
		width:563px;
		line-height:2px;
		text-align:left;}
		
p.email{margin:250px 0 0 50px;font-size:14px}

p.email a{color:#5685B7;text-decoration:none}

p.email a:hover{color:#566384}


/*__________________________________________GALLERY THUMBS____*/
#thumbnails{
		padding:0;
					
		margin:110px 0 0 10px;}

#thumbnails  li {
		list-style-type: none;
		float:left;}

#thumbnails img{
		border:3px #FFF solid;
		display:block;
		text-decoration: none;
		transition:opacity .05s;
-webkit-transition:opacity .5s;}

#thumbnails ul li img:hover{
	border:3px  #B1CAD1 double;
		opacity: 0.7;}
		
#thumbnails ul li img.cursor{
		cursor:default;
		border:3px  #B1CAD1 double;}
/*__________________________________________ABOUT PAGE____*/
img.studio {		
        padding:0;
		margin: 200px 0 0 40px;}

div#about{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	width: 340px;
	height: 500px;
	position: absolute;
	left: 420px;
	top: 59px;
	color: #777;
	line-height: 1.4em;
}
		
div#about ul
	{margin-bottom:20px;}
h2{color:#A9BAC7;
font-size:14px;
border-bottom:2px #A9BAC7 dotted;
font-weight:normal;}

div#about p.email{
		padding:300px 0 0 20px;
		font-size:19px;}

div#about p.email a{
		text-decoration:none;
		color:#424040;
		border-bottom:1px #777 solid;}

div#about p.email a:hover{
	color:#95979B;}
	
div#thumbnails img.aboutImg{margin-left:40px;padding:2px; border:1px  #B1CAD1 solid}
	
.copy{  position:absolute;
		bottom:0;
		left:40px;
		font-size:.7em;
		color:#A7A7A7;
		width: 181px;}
p.awb{
	position:absolute;
	bottom:29px;
	right:188px;
	font-size:10px;
	width: 181px;}

p.awb a{
	text-decoration:none;
	color: #999;}
	
p.awb a:hover{
	text-decoration:none;
	color:#424040;}

body:after{
content:
url(images/about.jpg) 
url(images/blue-thumb.jpg)
url(images/blue.jpg)
url(images/boat-thumb.jpg)
url(images/cat-thumb.jpg)
url(images/cat.jpg)
url(images/contact.jpg)
url(images/figs-thumb.jpg)
url(images/figs.jpg)
url(images/head.jpg)
url(images/mittens-thumb.jpg)
url(images/mittens.jpg)
url(images/moonlight-thumb.jpg)
url(images/moonlight.jpg)
url(images/orchid-thumb.jpg)
url(images/orchid.jpg)
url(images/name.png)
url(images/primroses.jpg)
url(images/sallys-thumb.jpg)
urlimages/asparagus-thumb.jpg)
url(images/asparagus.jpg)

; 
display:none;}