@charset "UTF-8";

 
/*
Name: Larry Rolph Website Style Sheet
Version: 1.0
Author: Kim Flournoy Website Development
Description: Larry Rolph Website Style Sheet
Copyright 2010 Larry Rolph
*/


/* GLOBALS */

body {
z-index: 0;
margin: 0;
padding: 0;
background-color: #F8EFDB;
}

img {
border: 0;
}

a:link, a:visited {
color: #B1986F;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}


/* PRESENTATION */

body {
font-family: Verdana, Geneva, sans-serif;
color: #000;
font-size: 12px;
line-height: 19px;
}

.textOff {
margin-left: -9999px;
}

.hideMe {
display: none;
}

.showMe, .portfolio .showMe {
display: block;
}

h1 {
font-size: 24px;
line-height: 36px;
font-weight: normal;
}

#contact {
background: transparent url('../images/contact_info_door.png') no-repeat top right;
width: 368px;
height: 127px;
font-size: 1.5em;
line-height: 1.25em;
font-family: Times, "Times New Roman", Geneva, serif;
}

#contact div.wrapper {
min-height: 121px;
padding-right: 85px;
text-align: right;
margin-bottom: 5px;
background: transparent url('../images/contact_info_border.png') no-repeat bottom right;
}

#contact h2 {
margin: 0;
}

/*
#contact a {
display: block;
width: 368px;
height: 127px;
}

#contact a:hover {
text-decoration: none;
}
*/

#title1 {
background: transparent url('../images/title_oils.png') no-repeat 0 0;
width: 308px;
height: 45px;
margin-left: 58px;
}

#title2 {
background: transparent url('../images/title_watercolors.png') no-repeat 0 0;
width: 308px;
height: 45px;
margin-left: 58px;
}

#title3 {
background: transparent url('../images/title_drawings.png') no-repeat 0 0;
width: 308px;
height: 45px;
margin-left: 58px;
}

#title4 {
background: transparent url('../images/title_sculpture.png') no-repeat 0 0;
width: 308px;
height: 60px;
margin-top: 5px;
margin-left: 58px;
}

#title5 {
background: transparent url('../images/title_other.png') no-repeat 0 0;
width: 308px;
height: 60px;
margin-top: 5px;
margin-left: 58px;
}

.larryCap {
background: transparent url('../images/larry_rolph2.png') no-repeat 0 0;
line-height: 24px;
}

#capTop {
background: transparent url('../images/cap_top.gif') no-repeat 0 0;
width: 963px;
height: 49px;
margin-top: 20px;
}

#capBottom {
background: transparent url('../images/cap_bottom.gif') no-repeat 0 0;
width: 963px;
height: 57px;
}

.copyright {
padding: 0 0 20px 50px;
color: #666;
font-size: 10px;
line-height: 16px;
}


/* POSITIONING */

.clear {
clear: both;
}

#wrapper {
margin-left: auto;
margin-right: auto;
padding: 0;
width: 963px;
vertical-align: top;
z-index: 10;
}

#wrapper2 {
background: transparent url('../images/body_tile.gif') repeat-y 0 0;
vertical-align: top;
}

#wrapper3 {
background: transparent url('../images/col1_back3.png') repeat-y 0 0;
}

#col1 {
position: relative;
/*width: 308px;*/
width: 368px;
float: left;
vertical-align: top;
margin: 10px 15px 10px 21px;
display: inline;
}

#col2 {
position: relative;
width: 485px;
float: right;
vertical-align: top;
margin: 10px 51px 10px 23px;
display: inline;
}


/* NAVIGATION 1 */

#nav1, ul#nav2 ul#nav1 {
margin-left: 22px;
padding: 0;
border: 0;
width: 344px;
height: 76px;
list-style: none;
}

ul#nav2 ul#nav1 li {
width: 258px;
margin: 0;
padding: 0;
border: 0;
display: inline;
}

ul#nav2 ul#nav1 li a {
text-indent: -9999px;
background-color: transparent;
background-position: 0 0;
background-repeat: no-repeat;
display: block;
width: 86px;
height: 69px;
outline: none;
float: left;
}

ul#nav2 ul#nav1 li a:active, ul#nav2 ul#nav1 li a:hover {
background-position: -86px 0;
}

ul#nav2 ul#nav1 li#nav_oils a {
background-image: url('../images/nav_oils.png');
}

ul#nav2 ul#nav1 li#nav_oils_on a {
background-image: url('../images/nav_oils.png');
background-position: -86px 0;
}

ul#nav2 ul#nav1 li#nav_watercolors a {
background-image: url('../images/nav_watercolors.png');
}

ul#nav2 ul#nav1 li#nav_watercolors_on a {
background-image: url('../images/nav_watercolors.png');
background-position: -86px 0;
}

ul#nav2 ul#nav1 li#nav_drawings a {
/*clear: left;*/
background-image: url('../images/nav_drawings.png');
}

ul#nav2 ul#nav1 li#nav_drawings_on a {
background-image: url('../images/nav_drawings.png');
background-position: -86px 0;
}

ul#nav2 ul#nav1 li#nav_sculpture a {
background-image: url('../images/nav_sculpture.png');
}

ul#nav2 ul#nav1 li#nav_sculpture_on a {
background-image: url('../images/nav_sculpture.png');
background-position: -86px 0;
}

ul#nav2 ul#nav1 li#nav_other a {
background-image: url('../images/nav_other.png');
}

ul#nav2 ul#nav1 li#nav_other_on a {
background-image: url('../images/nav_other.png');
background-position: -86px 0;
}


/* NAVIGATION 2 */

#nav2, ul#nav2 {
background: transparent url('../images/nav_back4.png') no-repeat 60px 0;
margin: 0;
padding: 0;
border: 0;
width: 368px;
list-style: none;
}

ul#nav2 li {
width: 308px;
margin: 0 0 0 60px;
padding: 0;
border: 0;
}

/*
ul#nav2 li.artnav {
margin-left: 0;
}
*/

ul#nav2 li a {
text-indent: -9999px;
background-color: transparent;
background-position: 0 0;
background-repeat: no-repeat;
display: block;
width: 308px;
height: 45px;
outline: none;
}

ul#nav2 li a:active, ul#nav2 li a:hover {
background-position: -308px 0;
}

ul#nav2 li#nav_about a {
background-image: url('../images/nav_about.png');
}

ul#nav2 li#nav_about_on a {
background-image: url('../images/nav_about.png');
background-position: -308px 0;
}

ul#nav2 li#nav_work a {
background-image: url('../images/nav_work.png');
}

ul#nav2 li#nav_work_on a {
background-image: url('../images/nav_work.png');
background-position: -308px 0;
}

ul#nav2 li#nav_shows a {
background-image: url('../images/nav_shows.png');
}

ul#nav2 li#nav_shows_on a {
background-image: url('../images/nav_shows.png');
background-position: -308px 0;
}

ul#nav2 li#nav_home a {
background-image: url('../images/nav_home.png');
}


/* Thumbnails */

table.thumbnails {
	margin-left: 58px;
}


/* Portfolio */

.portfolio div {
	display: none;
}