* {margin: 0;
   padding: 0;} 
body { background-color: #ffffff;
	   text-align: center;
	   margin-top: 1px;}
img {border: 0;}

/* FONTS */	   
div {background-color: transparent;}
p, ul {font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
       font-size: 11px;
       color: #333;
       line-height: 1.5em; }
.textpage p {line-height: 1.6em;}
p#thanks {color:#1345a4;
          font-size: 16px;
		  font-weight: bold;}
#history h2, #text h2, .textpage h2 {font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
			 font-size: 18px;
			 margin: 12px 0px 4px 0px;}
		
	
/* FOOTER */
div#footer {text-align: center;
			padding-top: 100px;}
.contactpage div#footer {padding-top: 40px;}
.textpage div#footer {padding-top: 20px;}
div#footer p#copy {font-size: 10px;
				  color: #666;}
				  
/* NAVBAR AND LOGO AND TOP IMAGE */
table#nav {margin: 0px auto 0px auto;
		   width: 732px;}
div#header {margin-top: 26px;
			padding-bottom: 0;
			margin-bottom: 0;
			text-align: center;}
div#header h1 {margin: 20px auto 0 auto ;}
#logo span {display: none;}
#logo {width: 390px;
       height: 60px;
	   background: url(logoroxa.gif) no-repeat;}

#logo a {display: block;
   	   width: 390px;
       height: 60px;}
div#topimg { padding-top: 42px;
           margin: 0 auto;
            text-align: center;}
#topimg p.cap {font-size: 10px;
padding-top: 5px;}

/* LAYOUT */
.indexpage div, .contactpage div, .biopage div, .textpage div {width: 732px;
	    margin: 26px auto; 
		text-align:left;}
		
/* CONTACT PAGE */		

div#contactform {width: 500px;
                  margin: 36px auto 0px auto;
				  text-align: left;}
form {margin-left: 105px;}

/* BIOPAGE */
.biopage div#history {width: 570px;}
.biopage div#history td {font-size: 11px;
    line-height: 1.5em;
	color: #000;
			font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	vertical-align: top; }
.biopage div#history td span {font-weight: bold;
         color: #000;
		 font-family:  "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
		 font-size: 11px; }
.biopage div#history td.date {padding-right: 15px;}
.biopage div#history h2  {padding-bottom: 2px;}
h2#group span {display: none;}
h2#group {width: 173px;
height: 23px;
background: url(grouptitle.gif) no-repeat;
padding-bottom: 0px;
margin-bottom: 0px;}
h2#awards span {display: none;}
h2#awards {width: 68px;
height: 17px;
background: url(awardtitle.gif) no-repeat;}
h2#biblio span {display: none;}
h2#biblio {width: 120px;
height: 23px;
background: url(bibliotitle.gif) no-repeat;
padding-bottom: 0px;
margin-bottom: 0px;}


/* TEXT  NEWS PAGES */

.textpage div#text, .textpage div#exhibitions, .textpage div#viewart {width: 470px;}

h2#landscapestitle span {display: none;}
h2#landscapestitle  {width: 237px;
               height: 23px;
			   background-image: url(textinteriorsandlandscapes.gif);}
			    p.para2 {padding-top: 5px;}        

h2#robottitle span {display: none;}
h2#robottitle {width: 63px;
               height: 17px;
			   background-image: url(textrobots.gif);}
h2#animalstitle span {display: none;}
h2#animalstitle {width: 75px;
               height: 17px;
			   background-image: url(textanimals.gif);}
h2#portraitstitle span {display: none;}
h2#portraitstitle {width: 82px;
               height: 16px;
			   background-image: url(textportraits.gif);}
h2#interiorstitle span {display: none;}
h2#interiorstitle {width: 82px;
               height: 16px;
			   background-image: url(textinteriors.gif);}
	h2#exhibitstitle span {display: none;}
h2#exhibitstitle {width: 107px;
               height: 17px;
			   background-image: url(titleexhibits.gif);}		   
h2#solo span {display: none;}
h2#solo {width: 157px;
height: 17px;
background: url(solotitle.gif) no-repeat;}
h2#gallerytitle span {display: none;}
#viewart h2#gallerytitle {width: 81px;
               height: 17px;
			   background-image: url(textgallery.gif) ;}
h2#newstitle span {display: none;}
h2#newstitle {width: 48px;
               height: 15px;
			   background-image: url(textnews.gif);}
h2#linkstitle span {display: none;}
h2#linkstitle {width: 47px;
               height: 17px;
			   background-image: url(textlinks.gif);}
h2#recentawards span {display: none;}
h2#recentawards {width: 137px;
                 height: 17px;
				 background-image: url(textrecentawards.gif);}

             
div#topimg {margin-bottom: 35px;}

.indexpage td {width: 122px;}

.textpage h3, .textpage h4 {font: 14px/1em "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;}
.textpage h3 {padding: 15px 0px 6px 0px ;
              font-weight: bold;}
.textpage h4 {font-size: 11px;
                 color: #666;
				 padding-bottom: 5px; 
				 font-weight: bold;} 
.textpage p {line-height: 1.4;
				color: #000;}
.textpage p.show {color: #000;
                     font-weight: bold;
					 line-height: 1.4em;}
.textpage #viewart h2 {
padding-bottom: 0px;
						 margin-bottom: 0px;}
.textpage #viewart h3 {padding-top: 14px 0px 0px 0px;
                        font-size: 13px;}
.textpage p.firstpara {padding-top: 10px;}
#viewart a, #exhibitions a {color: #000;}
#viewart a:link, #viewart a:visited, #exhibitions a:link, #exhibitions a:visited {text-decoration: underline; color: #7e8b14;}
#viewart a:hover, #exhibitions a:hover {text-decoration: underline;
                                        color: #42490A;}
h3.showtitle {padding-top: 2px;
             color: #444;
			  font-weight: bold:}

/*  IMAGES PAGE */

div#portal {padding-top: 42px;
           text-align: center;
		   }
div#portal {width: 732px;
           margin: 30px auto 20px auto;
		   height: 280px;}
#portal div{width: 170px;
         	 float: left;
			 height: 280px;
      			 }
div.portalfloats  {margin-right: 17px;}
hr {display: block;
             clear: both;
			 margin: -0.66em 0;
		     visibility: hidden;}	
div.edit {margin: 10px auto 10px auto;
          width: 732px;
		  clear: both;}			
					
#portal div a { 
 display: block;
 width: 170px; 
  padding-top: 248px;
 text-decoration: none;}
div#robotportal a.portlink:link, div#robotportal a.portlink:visited  {background: url(portal_robot.jpg) no-repeat;}
div#robotportal a.portlink:hover, div#robotportal a.portlink:active  {background: url(portal_robot_grey.jpg) no-repeat;}
div#oopsportal a.portlink:link, div#oopsportal a.portlink:visited  {background: url(portal_oops.jpg) no-repeat;}
div#oopsportal a.portlink:hover, div#oopsportal a.portlink:active  {background: url(portal_oops_grey.jpg) no-repeat;}
div#matisseportal a.portlink:link, div#matisseportal a.portlink:visited  {background: url(portal_matisse.jpg) no-repeat;}
div#matisseportal a.portlink:hover, div#matisseportal a.portlink:active  {background: url(portal_matisse_grey.jpg) no-repeat;}
div#ladyportal a.portlink:link, div#ladyportal a.portlink:visited  {background: url(portal_lady.jpg) no-repeat;}
div#ladyportal a.portlink:hover, div#ladyportal a.portlink:active  {background: url(portal_lady_grey.jpg) no-repeat;}
#portal a.portlink:link span, #portal a.portlink:visited span {font-size: 18px; font-weight: bold; color: #555; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; }
#portal a.portlink:hover span, #portal a.portlink:active span {font-size: 18x; font-weight: bold; color: #e02536;
 font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; }
/* END OF IMAGES PAGE */


/* ANIMALS, ROBOTS, PORTRAITS, INTERIORS */
div#content {width: 732px;
                margin: 55px auto 0 auto;
                }
#content p {margin: 0px;}
#content img {
		margin: 0;
		padding: 0;	}
div#largeimage {margin-right: 370px;
					height: 350px;
					width: 350px;
					text-align: center;
					margin-bottom: 55px;
					}
#largeimage img {margin: 0;}
#content  p#desc {
		margin: 30px 0px 0px 15px;
		padding-top: 18px;
		text-align: left;
		color: #333;
		font-size: 10px;
		clear: both;
				}
* html #content p#desc {margin-top: 5px;}
div#thumbs {float: right;
	            width: 240px;
				margin-top: 10px;
				padding-top: 1px;
								}
						
#thumbs p {margin-left: 24px;
	           color: #000;
			   font-size: 10px;
			   }
#thumbs p {padding: 0px 0px 8px 3px;}
	
	
	
	#thumbs p a {padding-left: 7px;
	             color: #666;
				 text-decoration: none;
				 font-weight: bold;}
   #thumbs p a:link, #thumbs p a:visited {text-decoration: none; }	
	#thumbs p a:hover, #thumbs p a:active {text-decoration: underline;
	                     color: #e02536;}
	#thumbs p #current {color: #e02536;} 
	#thumbs p#smallnav {padding-right: 18px;
	                    padding-left: 0px;}                            
	
	#content ul {
		margin-top: 0px;
		padding: 0;
		width: 240px;
		list-style: none;}
	#content ul li {
		width: 60px;
		margin-right: 7px;
		margin-top: 7px;
		padding: 0;
		float: right;
		}
	#content ul li.topthumb {margin-top: 0;}
	#content ul li.rightthumb {margin-right: 15px;}
	
	#content ul li p {
		margin: 0 0 0 0px;
		padding: 0;
		}


	#content ul img {
		width: 60px;
		margin: 0;
				}
hr {display: block;
             clear: both;
			 margin: -0.66em 0;
		     visibility: hidden;}				
								
						
										
					
	.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
* html #content ul li.rightthumb {margin-right: 7px;}
/* End hide from IE-mac */