@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Quicksand:400);
body {
	background-color: #DDDDDD;
	margin:auto;
	font-family:'Quicksand', Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
}
h1 {
	margin-top:0px;
	font-weight:normal;
	font-size:x-large;
}

a  {
color:#444;
}
a:visited {
color:#666;
}
a:hover  {
color:#000;
}

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

body#contact .inner{
	background-image:url(../images/landscape.jpg);
}

body#home .inner{
	background-image:url(../images/hp-crop.jpg);
}
body#bio .inner{
	/*background-color:url(../images/bio.jpg);*/
	background-color:#dddddd;
}
body#bio #nav {
	background-color:#DDDDDD;
}
body#bio h1{
	color:#494E56;
}
body#gallery .wrapper{
	background-color:#D6D6CB;
}
body#gallery #owner{
	color:#7C8477;
}
body#gallery h1{
	color:#554535;
}
#nav {
	float:left;
	width:130px; 
	height:570px; 
	/*background-color:#fff; 
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;*/
}

#nav ul {
	list-style: none;
	margin:0px;
	padding: 0;
	border: none;
}
#contact #nav ul, #home #nav ul {
	margin:15px 0 0 10px;
}
#nav li {
	margin: 0;
}

#nav li a {
	display: block;
	padding: 3px 0px 3px 0px;
	color: #666;
	text-decoration: none;
	width: 100%;
}
#contact #nav li a {
	color:#eee;
}
#nav li a:hover {
	color: #000;
}

#content {
	float:right;
	width: 570px;
	padding:0 35px ;
}
#content p {
	 color:#666666;
}
/*
#content p:first-of-type { 
	margin-top: 30px; 
}
*/
.firstpara {
	margin-top: 80px;
}
#owner {
	float:right; 
	color:#999; 
	font-size:x-large; 
	font-weight:normal;
	clear:both;
	margin-top:400px; 
	padding-right:10px;
}

.conform {
	position:absolute;
	width:510px;
	
}
.conform td{
	color:#333333;	
}
@charset "UTF-8";
/* CSS Document */

body {
	
	font-size:10pt;
	color: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
h1 {
	font-weight:100;
	margin: 0px;
	font-size:18pt;
}
a:link {
	color:#666;
	text-decoration:none;
}
a:visited {
	color:#666;
}
a:hover {
	color:#000;
}
a:active {
	color:#000;
}
h2 {
	font-weight:normal;
	margin: 0 0 30px 0px;
	font-size:14pt;
	color:#666;
}
.outer {
	display: table;
	position: absolute;
	height: 100%;
	width: 100%;
}
.middle {
	display: table-cell;
	vertical-align: middle;
}
.inner {
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	height:570px;
	text-align:left;
	background-color:#ddd;
}

#leftnav {
	float:left;
	width:180px;
	line-height:160%;
}
.slideshow { 
	position:absolute;
	height: 180px; width: 720px;
	margin-left:-165px;
	margin-top:180px;
	
}
.slideshow div { 
	display: none;
	height: 180px; 
	width: 720px; 
}

.slideshow div.first { 
	display: block 
}
div.slideshow div img{ 
	margin-right:25px; 
}

.slideshow p {
	margin:0px 0px;
	color:#999999;
	text-align:left;
}
.slideshow div.statement { 
	 display: block;
	  
 }
 .slideshow div.statement p { 
	line-height:150%;
	 margin:0px 30px 15px 0px; 
 }
.slideshow div.contact { 
	 display: block;
	  
 }
 .slideshow div.contact p { 
	line-height:150%;
	 margin:0px 0px 10px 0px; 
 }

.nav {
	
	text-align:right;
	position:absolute;
	margin:350px 0px 20px 500px;
	display:block;
	z-index:99;
	
}
div.nav a {
	padding:10px;
}
.slideshow2 { 
	position:absolute;
	height: 420px; width: 420px;
	
}
.slideshow2 div { 
	display: none;
	height: 420px; 
	width: 420px; 
}

.slideshow2 div.first { 
	display: block 
}
div.slideshow2 div img{ 
	margin-right:25px; 
}

.slideshow2 p {
	margin:10px 0px;
	color:#999999;
	text-align:left;
}
.slideshow2 div.statement { 
	 display: block;
	  
 }
 .slideshow2 div.statement p { 
	line-height:150%;
	 margin:0px 30px 15px 0px; 
 }
.slideshow2 div.contact { 
	 display: block;
	  
 }
 .slideshow2 div.contact p { 
	line-height:150%;
	 margin:0px 0px 10px 0px; 
 }
.nav2 {
	
	text-align:right;
	position:absolute;
	margin:430px 0px 20px 370px;
	display:block;
	z-index:99;
	
}
div.nav2 a {
	padding:10px;
}
#mainImg {
	height:470px;
	width:353px;
}
.thumbnails {
	position:absolute;
	float:right;  
	margin-top:0px;
	margin-left:385px;
}
.thumbnails img {
padding:0 7px 8px 0;
}
.info {
	padding-right:10px;
}
.credit {
	font-size:10px; 
	color:#AAA!important;
	margin-top:-12px;
}
.infonav {
    float: right;
    margin-right: 200px;
    margin-top: -60px;
    line-height: 150%;
    text-align: right;
}.infonav p {
	line-height:200%;
}
/*.infonav p:first {
	margin-right:50px;
}*/
.infonav a {
	padding:0 10px;
}