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


/* ------------------------------------------------------------------- OPENS NORMALIZER ------------------------------------------------------------------- */

/* Normalize padding and margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
				margin: 0;
				padding: 0;
}

/* Normalize header sizes */
h1, h2, h3, h4, h5, h6 {
				font-size: 100%;
}

/* Normalize list styles */
ol, ul {
				list-style: none;
}

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var {
				font-style: normal;
				font-weight: normal;
}

/* Normalize table borders */
table {
				border-collapse: collapse;
				border-spacing: 0;
}

/* Normalize other borders */
fieldset, img {
				border: 0;
}

/* Normalize text-alignment */
caption, th {
				text-align: left;
}

/* Normalize (remove) quotation marks */
q:before, q:after {
				content: '';
}

/* ------------------------------------------------------------------- CLOSES NORMALIZER ------------------------------------------------------------------- */


body {font-family: Helvetica, Arial, sans-serif;}
#wrapper {margin-right: auto; margin-left: auto; width: 960px;}

p {font-size: 13px; line-height: 150%;}
a {text-decoration: underline; color: #416A6A;}
h1 {font-weight: normal; color: #000;font-size: 25px; padding-bottom: 12px; letter-spacing: 0.05em;}
h1 a {text-decoration: none; color: #000;}
h2 {font-weight: normal; color: #416A6a; font-size: 16px; padding-bottom: 6px;}
.page_title {font-weight: normal; color: #416A6A; font-size: 20px; letter-spacing: normal;}
.small_text {font-size: 11px;}
.indented {padding-left: 20px;}
.bullet_list {margin-left: 30px; list-style-type: disc;}
.larger_text {font-size: 14px;}

#logo {width: 176px; height: 101px; float: left; margin-top: 20px;}
#nav {margin: 100px 80px 0 0; float: right; width: 465px; height: 30px;}
#nav a {display: block; height: 30px; width: 86px; float: left; outline: none; margin-left: 3px;}
#nav a#button1:link, #nav a#button1:visited {background-image: url(images/buttons2/buttons_home.gif); background-position: 0 0; width: 86px; height: 30px;}
#nav a#button2:link, #nav a#button2:visited {background-image: url(images/buttons2/buttons_paintings.gif); background-position: 0 0; width: 86px; height: 30px;}
#nav a#button3:link, #nav a#button3:visited {background-image: url(images/buttons2/buttons_about.gif); background-position: 0 0; width: 86px; height: 30px;}
#nav a#button4:link, #nav a#button4:visited {background-image: url(images/buttons2/buttons_extras.gif); background-position: 0 0; width: 86px; height: 30px;}
#nav a#button5:link, #nav a#button5:visited {background-image: url(images/buttons2/buttons_contact.gif); background-position: 0 0; width: 76px; height: 30px;}

#nav a#button1:hover {background-image: url(images/buttons2/buttons_home.gif); background-position: 0 -30px; width: 86px; height: 30px;}
#nav a#button2:hover {background-image: url(images/buttons2/buttons_paintings.gif); background-position: 0 -30px; width: 86px; height: 30px;}
#nav a#button3:hover {background-image: url(images/buttons2/buttons_about.gif); background-position: 0 -30px; width: 86px; height: 30px;}
#nav a#button4:hover {background-image: url(images/buttons2/buttons_extras.gif); background-position: 0 -30px; width: 86px; height: 30px;}
#nav a#button5:hover {background-image: url(images/buttons2/buttons_contact.gif); background-position: 0 -30px; width: 76px; height: 30px;}

#nav a#button1:active {background-image: url(images/buttons2/buttons_home.gif); background-position: 0 -60px; width: 86px; height: 30px;}
#nav a#button2:active {background-image: url(images/buttons2/buttons_paintings.gif); background-position: 0 -60px; width: 86px; height: 30px;}
#nav a#button3:active {background-image: url(images/buttons2/buttons_about.gif); background-position: 0 -60px; width: 86px; height: 30px;}
#nav a#button4:active {background-image: url(images/buttons2/buttons_extras.gif); background-position: 0 -60px; width: 86px; height: 30px;}
#nav a#button5:active {background-image: url(images/buttons2/buttons_contact.gif); background-position: 0 -60px; width: 76px; height: 30px;}

/*#nav_list, #nav_list ul {font-size: 16px; color: #000; padding: 0; margin: 0; list-style-type: none;}*/
#nav_list li {position: releative; display: inline;}
/*#nav_list a {text-decoration: none; color: #000;}
#nav_list a:hover {text-decoration: none; color: #416A6A;}
#nav_list a:active {color: #416A6A; font-weight: bold;}*/
/*#nav_list li.selected a {color: #416A6A; font-weight: bold;}*/

#container {padding-top: 20px; margin-top: 60px; width: 960px;}
#index-image-cropped {width: 500px; margin: 0 auto;}

#index_container {width: 960px;}
/*#index_header {padding-top: 10px;}*/
#primary_index_image a {width: 470px; margin: 20px 0 0 70px; float: left;}
#primary_index_image a#enter_site:visited {background-image: url(images/homepage-entersite.gif); background-position: 0 0; width: 470px; height: 482px;}
#primary_index_image a#enter_site:hover {background-image: url(images/homepage-entersite.gif); background-position: 0 -482px; width: 470px; height: 482px;}
#primary_index_image a#enter_site:active {background-image: url(images/homepage-entersite.gif); background-position: 0 -964px; width: 470px; height: 482px;}

/*#primary_index_image {width: 467px; height: 700px; margin: 0 0 0 70px; float: left;}
#primary_index_image a {text-decoration: none;}
#primary_index_image a:hover {background-color: #333;}*/

#nav_paintings {margin: 60px 0 0 5px; width: 315px; float: left;}
#side_nav {margin: 0 0 0 5px; width: 315px; float: left;}
#painting_categories li {padding: 12px 0 0 20px;}
#painting_categories a {color: #000; text-decoration: none;}
#painting_categories a:hover {text-decoration: none; color: #416A6a;}
#paintings_image {float: right; padding: 0 85px 0 0;}


#hover-categories {width: 280px; float: left;}
#hover-categories li {padding: 12px 0 0 20px;}
#hover-categories a {color: #000; text-decoration: none;}
#hover-categories a:hover {text-decoration: none; color: #416A6a;}
#hover-image {width: 550px; float: right; margin: 0 45px 0 0 ;}


#about_text {width: 260px; margin-left: 160px; float: left;}
#about_text ul {font-size: 13px; line-height: 150%;}
#biophoto {width: 200px; float: right;}
#bio_text {width: 625px; float: right; font-size: 13px; line-height: 150%;}
#bio_text span {font-size: 13px; color: #000;}

#statement_text {width: 240px; float: left; margin-left: 160px;}
#statement_image {width: 250px; float: right;} 

#container-illustration #title {float: left; width: 285px;}
#container-illustration #illustration_text {float: left; margin: 10px 0 0 20px;}

#contactform {font-size: 13px; border-spacing: 10px 5px; border-collapse: inherit; border: 1px solid #416A6A; padding: 10px; width: 625px;}
#contact_form {float: right; width: 625px;}
#contact_form p {padding-bottom: 20px;}
#contactform input {width: 280px;}
#contact_form #submit {-moz-border-radius:5px 5px 5px 5px; background:none repeat scroll 0 0 #416A6A; border:1px solid #416A6A; color:#FFFFFF; cursor:pointer; float:left; margin: 128px 0 0 8px; padding: 5px 20px; width:auto;}
#contact_form #submit:hover {background:none repeat scroll 0 0 #999; border:1px solid #999; color: #000;}

.pikachoose{width:960px;margin:0 auto 50px auto;position:relative;}
.pikachoose ul {padding-left: 0; width: 270px ;margin: 0; overflow:hidden; float:left;}
.pikachoose #title {float: left; width: 285px;}

.pikachoose ul li{float: left; margin:0 15px 15px 0; position:relative; /*overflow:hidden;*/}
.pikachoose ul li div img {position:relative; cursor:pointer;}
.pika_main{width: 640px; height: 550px; display: block; position: relative; float: right; /*padding-right: 30px;*/ margin-top: 36px; text-align: center;}
.pika_main_img {position: relative;}
.pika_subdiv {position:relative; padding:2px;}
.pika_animationDivs {top: 2px; left: 2px;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img {border: none;}
.pika_caption {font-size: 13px; width: 640px; height: 16px; padding-top: 4px; text-align: center; position: relative; left: 3px; background: url('black.png') top left; clear: left; line-height: 150%;}
.pika_caption a {color: white;}

.pika_navigation a {font-size:20px; text-decoration: none;color:black;}
.pika_navigation {width:650px;position:absolute;top:250px;right:0; cursor: pointer;}
.pika_navigation a.prev {position:absolute;left:0; color: #416A6a;}
.pika_navigation a.next {position:absolute;right:0; color: #416A6a;}

/*.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a.pika_stop_button{background:url('pause.png') top center no-repeat;}*/

/* if you want to 'hide' these jus make their height and width 1px 
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}*/

#footer { margin-top: 85px; clear: both;}
.clearfloat {font-size: 1px; line-height: 0; clear: both;}