@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; }

html { height:100%; }

body { background: #333; font-family: "calluna-1", "calluna-2", Georgia, serif; color: #9a9a9a; font-weight: 300; margin: 0; padding: 0px; height: 100%; }

h1, #nav h1 { font-family: "calluna-1", "calluna-2", Georgia, serif; letter-spacing: 2px; font-size: 30px; font-weight: 300; font-style: normal; color: #fff; padding-bottom: 25px; line-height: 100%; }

h1 span { letter-spacing: 2px; color: #9a9a9a; }

h2 { font-size: 20px; font-weight: 300; color: #fff; padding-bottom: 15px; }

p { text-align: justify; font-size: 14px; line-height: 130%; }

a { -webkit-transition: color .5s ease-in-out; -moz-transition: color .5s ease-in-out; -o-transition: color .5s ease-in-out; transition: color .5s ease-in-out; }

a, a:link, a:visited { color: #9a9a9a; text-decoration: underline; }

a img { border: none; }

a:hover { color: #fff; }

input { padding: 5px; width: 300px; font-family: "calluna-1", "calluna-2", Georgia, serif; color: #333; font-size: 14px; font-weight: 300; }

#container { display: table; height: 100%; padding-top: 20px; padding-top: 20px; width: 1200px; }

#content { display: table-cell; vertical-align: middle; width: 15000px; padding-left: 40px; width: 1200px; }

#content div { float: left; }

/*#home #content div { float: none; }

#slideshow { float: right; }*/

/*#home .photo { padding: 0px 40px 0px 20px; }*/

#nav { width: 319px; height: 500px; background: url('navline.png') top left no-repeat; }

#home #nav { background: none; }

#nav div ul { list-style-type: none; padding: 15px 40px 0px 0px; }

#nav li { list-style-type: none; }

#nav a { display: block; font-size: 20px; font-weight: light; text-decoration: none; padding: 7px 0px 7px 0px; color: #9a9a9a; }

#nav a:hover, #reflections #reflectionsLink a, #composition #compositionLink a, #landscapes #landscapesLink a, #in #inLink a, #colonnade #colonnadeLink a, #moonlight #moonlightLink a { color: #fff; }

#reflections #reflectionsLink { background: url('../line-reflections.png') top right no-repeat; }

#composition #compositionLink { background: url('../line-composition.png') top right no-repeat; }

#landscapes #landscapesLink { background: url('../line-landscapes.png') top right no-repeat; }

#in #inLink { background: url('../line-in.png') top right no-repeat; }

#colonnade #colonnadeLink { background: url('../line-colonnade.png') top right no-repeat; }

#moonlight #moonlightLink { background: url('../line-moonlight.png') top right no-repeat; }

#logo { border: none; }

#description {width: 370px; margin-left: 20px; /*height: 500px; overflow: auto;*/ }

#description p { font-size: 14px; padding-bottom: 15px; }

#contact-div {width: 120px; margin-left: 20px; /*height: 500px; overflow: auto;*/ }

#contact-div p { font-size: 14px; padding-bottom: 15px; }

.artist-statement {width: 420px; margin-left: 20px; /*height: 500px; overflow: auto;*/ }

.artist-statement p { font-size: 14px; padding-bottom: 15px; }

.photo { margin-left: 20px; }

.photo img { border: none; box-shadow: 0px 3px 20px #111; -moz-box-shadow: 0px 3px 20px #111; -webkit-box-shadow: 0px 3px 20px #111; }

.photo p { text-align: left; padding: 10px 0px 20px 20px; font-size: 16px; color: #fff; }

#home .photo p { width: 300px; }

#footer { margin-left: 40px; display: table; height: 500px;  }

#footer p { display: table-cell; vertical-align: bottom; }

#footer p span { color: #666; }

#footer p span a, #footer p span a:link, #footer p span a:visited { color: #666; }

#footer p span a:hover { color: #9a9a9a; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */