html, body {
 height: 100%;
 background: #333;
 font-size: 11px;
 font-family: verdana, arial, sans-serif;
 color: #7f7f7f;
 margin: 35px 60px; 
 padding: 0; 
}


body {
 margin: 0;
 padding: 0; 
}
    
 
img {
 border: 0; 
}


a, a:visited {
 color: #999;
 text-decoration: underline;
}


a:hover, a:active {
 text-decoration: none;
}


h2 {
 padding: 5px 0 0 80px;
 margin: 0;
}

h3 {
 font-size: 14px;
 padding: 0 0 10px 0;
 margin: 0;
}



#container {
 width: 650px;
 height: 100%;
 margin: 0; 
 padding: 0;  
}


#containerB {
 width: 730px;
 height: 100%;
 margin: 0; 
 padding: 0;  
}


#logo {
 padding: 0 0 0 18px;
 margin: 0; 
}


#column1 {
 float: left;
 width: 340px;
 margin: 0; 
 padding: 0; 
}

#column2 {
 float: right;
 width: 300px;
 margin: 100px 0 0 0; 
 padding: 0; 
}

#column2B {
 float: right;
 width: 380px;
 margin: 75px 0 0 0; 
 padding: 0; 
}

ul#nav {
 padding: 0;
 margin: 10px 0 70px 0;
 list-style: none; 
}


ul#nav li {
 color: #999;
 font-size: 12px;
 padding: 0;
 margin: 0 3px 0 0;
 display: inline; 
}



ul#nav li a.about, a.about:visited {
 background: url(http://larussellweb.com/groomesartandsoul/img/about_n.gif) 0 0 no-repeat; 
}

ul#nav li a.about:hover, a.about:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/about_d.gif) 0 0 no-repeat; 
}


ul#nav li a.galleryhome, a.galleryhome:visited {
 background: url(http://larussellweb.com/groomesartandsoul/img/gallery_n.gif) 0 0 no-repeat; 
}

ul#nav li a.galleryhome:hover, a.galleryhome:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/gallery_d.gif) 0 0 no-repeat; 
}


ul#nav li a.process, a.process:visited {
 background: url(http://larussellweb.com/groomesartandsoul/img/process_n.gif) 0 0 no-repeat; 
}

ul#nav li a.process:hover, a.process:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/process_d.gif) 0 0 no-repeat;  
}


ul#nav li a.contact, a.contact:visited {
 background: url(http://larussellweb.com/groomesartandsoul/img/contact_n.gif) 0 0 no-repeat; 
}

ul#nav li a.contact:hover, a.contact:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/contact_d.gif) 0 0 no-repeat; 
}



ul#nav li#currentpageA a {
 background: url(http://larussellweb.com/groomesartandsoul/img/about_d.gif) 0 0 no-repeat;  
}

ul#nav li#currentpageGH a {
 background: url(http://larussellweb.com/groomesartandsoul/img/gallery_d.gif) 0 0 no-repeat; 
}

ul#nav li#currentpageP a {
 background: url(http://larussellweb.com/groomesartandsoul/img/process_d.gif) 0 0 no-repeat;  
}


ul#nav li#currentpageC a {
 background: url(http://larussellweb.com/groomesartandsoul/img/contact_d.gif) 0 0 no-repeat; 
}


#thumbnails {
 padding: 0;
 margin: 0 0 0 20px;
}

#thumbnailsB {
 padding: 0;
 margin: 0 0 0 40px;
}


#image {
 padding: 0;
 margin: 0 0 0 20px;
}


ul.row {
 padding: 0 0 7px 0;
 margin: 0;
 list-style: none; 
}


ul.row li {
 padding: 0;
 margin: 0 1px 0 0;
 display: inline; 
}


ul.row li a.one, a.one:visited {
 padding: 45px 0 0 0;
 *padding: 0;
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb1_n.gif) 0 0 no-repeat; 
}

ul.row li a.one:hover, a.one:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb1_d.gif) 0 0 no-repeat; 
}


ul.row li a.two, a.two:visited {
 padding: 45px 0 0 0;
 *padding: 0;
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb2_n.gif) 0 0 no-repeat; 
}

ul.row li a.two:hover, a.two:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb2_d.gif) 0 0 no-repeat; 
}


ul.row li a.three, a.three:visited {
 padding: 45px 0 0 0;
 *padding: 0;
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb3_n.gif) 0 0 no-repeat; 
}

ul.row li a.three:hover, a.three:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb3_d.gif) 0 0 no-repeat; 
}


ul.row li a.four, a.four:visited {
 padding: 45px 0 0 0;
 *padding: 0;
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb4_n.gif) 0 0 no-repeat; 
}

ul.row li a.four:hover, a.four:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb4_d.gif) 0 0 no-repeat; 
}


ul.row li a.five, a.five:visited {
 padding: 45px 0 0 0;
 *padding: 0;
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb5_n.gif) 0 0 no-repeat; 
}

ul.row li a.five:hover, a.five:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb5_d.gif) 0 0 no-repeat; 
}


ul.row li a.six, a.six:visited {
 padding: 45px 0 0 0;
 *padding: 0;
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb6_n.gif) 0 0 no-repeat; 
}

ul.row li a.six:hover, a.six:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb6_d.gif) 0 0 no-repeat; 
}


ul.row li a.seven, a.seven:visited {
 padding: 45px 0 0 0;
 *padding: 0;
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb7_n.gif) 0 0 no-repeat; 
}

ul.row li a.seven:hover, a.seven:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb7_d.gif) 0 0 no-repeat; 
}


ul.row li a.eight, a.eight:visited {
 padding: 45px 0 0 0;
 *padding: 0;
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb8_n.gif) 0 0 no-repeat; 
}

ul.row li a.eight:hover, a.eight:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb8_d.gif) 0 0 no-repeat; 
}


ul.row li a.nine, a.nine:visited {
 padding: 45px 0 0 0;
 *padding: 0;
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb9_n.gif) 0 0 no-repeat; 
}

ul.row li a.nine:hover, a.nine:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb9_d.gif) 0 0 no-repeat; 
}


ul.row li a.ten, a.ten:visited {
 padding: 45px 0 0 0;
 *padding: 0;
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb10_n.gif) 0 0 no-repeat; 
}

ul.row li a.ten:hover, a.ten:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb10_d.gif) 0 0 no-repeat; 
}


ul.row li a.eleven, a.eleven:visited {
 padding: 45px 0 0 0;
 *padding: 0;
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb11_n.gif) 0 0 no-repeat; 
}

ul.row li a.eleven:hover, a.eleven:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb11_d.gif) 0 0 no-repeat; 
}


ul.row li a.twelve, a.twelve:visited {
 padding: 45px 0 0 0;
 *padding: 0;
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb12_n.gif) 0 0 no-repeat; 
}

ul.row li a.twelve:hover, a.twelve:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb12_d.gif) 0 0 no-repeat; 
}


ul.row li a.thirteen, a.thirteen:visited {
 padding: 45px 0 0 0;
 *padding: 0;
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb13_n.gif) 0 0 no-repeat; 
}

ul.row li a.thirteen:hover, a.thirteen:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb13_d.gif) 0 0 no-repeat; 
}


ul.row li a.fourteen, a.fourteen:visited {
 padding: 45px 0 0 0;
 *padding: 0;
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb14_n.gif) 0 0 no-repeat; 
}

ul.row li a.fourteen:hover, a.fourteen:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb14_d.gif) 0 0 no-repeat; 
}


ul.row li a.fifteen, a.fifteen:visited {
 padding: 45px 0 0 0;
 *padding: 0;
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb15_n.gif) 0 0 no-repeat; 
}

ul.row li a.fifteen:hover, a.fifteen:active {
 background: url(http://larussellweb.com/groomesartandsoul/img/thumb15_d.gif) 0 0 no-repeat; 
}




ul#contact {
 padding: 0;
 margin: 20px 0 45px 100px;
 list-style: none;
}


ul#contact li {
 padding: 0 0 20px 0;
 margin: 0;
}


ul#contact li.text {
 padding: 20px 0 0 30px;
 margin: 0;
 font-size: 13px;
 color: #fff;
 font-weight: bold;
 line-height: 2em;
}


ul#contact li a.email, a.email:visited {
 padding: 0 0 0 30px;
 margin: 0;
 font-size: 13px;
 font-weight: bold;
 color: #999;
 background: url(http://larussellweb.com/groomesartandsoul/img/square_n.gif) 0 0 no-repeat;
}


ul#contact li a.email:hover, a.email:active {
 color: #fff;
 background: url(http://larussellweb.com/groomesartandsoul/img/square_d.gif) 0 0 no-repeat;
}



#footer {
 padding: 20px 0 0 50px;
 margin: 0;
 font-size: 8px;
 text-transform: uppercase;
 letter-spacing: .1em;
}


.clear {
 clear:both;
 height: 1px;
 display: block; 
}