/* CSS Document */

/* body one starts */
body {
		background-image: url("http://www.animationartgallery.com/images/backgrounds/blueliqufied5.jpg");
	background-repeat: repeat;
	background-position: 100% 100%;
}
/* body one ends */

/* keeping alignment on the right from blipping start */

.keepitaligned
{
	width: 1000px;
	
    
}

.keepitalignedbody
{
	width: 1200px;
	margin-left:80px;

}
/* keeping alignment on the right from blipping end */


/* text ones start */


.divinvisibleheader
{
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
  align: left;
  float: left;
  width: 50px;
 

}

.gallerynameheader
{
font-family: times; 
color:  #8A87A2;
font-weight: bold; 
font-size: 20pt; 
text-align: justify;
}

/* #454360;*/
.gallerytagline
{

font-family: times; 
color:#8A87A2; 
font-weight: normal;
font-size: 12pt;
text-align: justify;
}
/*#333147*/
.galleryaddressheader
{
font-family: times; 
color:  #68658F;
font-weight: bold; 
font-size: 10pt; 
text-align: justify;
}

.galleryhours
{
font-family: times; 
color:  #68658F;
font-weight: normal; 
font-size: 10pt; 
text-align: justify;
}

.termsandconditions
{
font-family: times; 
color:  #68658F;
font-weight: normal; 
font-size: 10pt; 

}

.phonenumber
{
font-family: times; 
color:  #888686;
font-weight: normal; 
font-size: 12pt; 
text-align: center;
}

.basetext
{
font-family: times; 
color:  #999999;
font-weight: normal; 
font-size: 10pt; 

}

/* text ones end */

/* header ones start background-image: url("http://www.animationartgallery.com/gallerytriple.jpg"); */

.keepitalignedheader
{
	width: 1000px;
    margin-left:80px;
    
}

.divtopheaderleftgallery 
{
  padding-left: 60px;
  padding-right: 20px;
  float: left;
  width: 110px;
  height: 100%;
  
}

.divtopheadermiddlegallery 
{
  
  padding-top: 25px;
  float: left;
  width: 550px;
  height: 100%;
}


.divtopheaderaligndown 
{
  padding-top: 30px;
  
  
}



.divtopheaderrightgallery 
{
  padding-top: 15px;
  padding-left: 0px;
  padding-right: 0px;
  align: left;
  float: left;
  width: 140px;
  height: 100%;
  
}


}

.divlinksmenu 
{
  margin-left:80px;
  padding-top: 10px;
  padding-left: 10px;
  width: 900px;
  padding-bottom: 15px;
 
}


/* header ones end */

/* middlle bit starts */

.artpagelistalignment 
{
  padding-top: 1%;
  padding-left: 30px;
  padding-right: 0px;
  align: left;
  float: left;
  width: 250px;
  height: 100%;
  
}

.divartlistinvisible
{
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 0px;
  align: left;
  float: left;
  width: 250px;
  height: 100%; 

}

.divartlistinvisibledropdown
{
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  align: left;
  float: left;
  width: 100px;
   

}

.ulartpages 

{ 
list-style-image: url("http://www.animationartgallery.com/images/wwa/buttons/disneyarrow.gif"); 

}

.featuredartheader
{
font-family: times; 
color:  #888686;
font-weight: bold; 
font-size: 12pt; 


}



.divtopfeaturedart
{
  
  padding-top: 0px;
  padding-left: 120px;
  float: left;
  width: 630px;
  height: 100%;
}


.divtopfeaturedarttext
{
  
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  float: left;
  width: 630px;
  height: 100%;
}

/*  background-image: url("http://www.animationartgallery.com/redliqufied400.jpg"); */
/* backup-- the original beutiful design used  margin-left: 120px; -- not so for the clunkier table one*/

.divmiddlefeaturedartsmallerleft
{
 
  padding-top: 10px;
  padding-left: 10px;
  float: left;
  width: 275px;
  height: 100%;
  background-image: url("redliqufied400.jpg"); 
  border-style:outset;
  border-color: #72050F;
  border-width:2px;

}

/*  background-image: url("http://www.animationartgallery.com/redliqufied400.jpg"); */

.divmiddlefeaturedartsmallerright
{
  margin-left: 10px;
  padding-top: 10px;
  padding-left: 10px;
  float: left;
  width: 275px;
  height: 100%;
  background-image: url("redliqufied400.jpg"); 
  border-style:outset;
  border-color: #72050F;
  border-width:2px;

}


.divboundingimagebox

{
  margin-left: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  float: left;
  width: 120px;
  height: 100%;

}
.divboundingtextbox

{
 
  padding-top: 0px;
  float: right;
  width: 130px;
  height: 100%;

}

.divmiddlefeaturedartsmallerinvisible
{
  margin-left: 220px;
  padding-top: 10px;
  padding-left: 10px;
  float: left;
  width: 575px;
  height: 5px;
 

}

.divmiddlefeaturedartsmallertextalign
{
  
  padding-top: 28px;
  float: left;
  width: 250px;
  height: 100%;
}

.divmiddlefeaturedartsmallertext
{
font-family: times; 
color:  #888686;
font-weight: bold; 
font-size: 12pt; 
text-align: center;


}

/* middle bit end */


/* no drop-down start*/


.dropdownlinkheader
{
font-family: times; 
color:  #727087;
font-weight: bold; 
font-size: 12pt; 
text-align: center;


}
/* no drop-down end*/

/* drop-down whole segment begin*/

a {
	text-decoration: none;
}


} 

a:hover {
	text-decoration: underline;
    color: #999999;
}

h1 {
	text-align: center;
	padding: 0 0 .25em 0;
	margin: 0;
}

ul {
	list-style: none;
	padding-left: 0px;
	margin: 0;
}

/* controls the names in the titles of the drop-down boxes*/
#nav a {
	font-weight: bold;
	color: #888686;
}

/* controls no underlining the names in the titles of the drop-down boxes*/

#nav a {
	text-decoration: none;

}


/* drop-down lists-- font of ind gallery names, padding is in here*/
#nav li li a {
	display: block;
	font-weight: normal;
	color: #888686;
	padding: .2em 5px 0px 0px;	
	
}


/* drop-down lists-- hover colour is in here*/
#nav li li a:link  {
	

	text-decoration: none;
    color: #888686; 

}

#nav li li a:visited {
	

	text-decoration: none;
    color: #454360; 

}



#nav li li a:active   {
	

	text-decoration: none;
    

}#nav li li a:hover {
	

	text-decoration: underline;
    color: #999999;

}






	 


/* art section banner names width, ok to make the drop-down names wider, you have to make wider the banner names as well-- the 3rd down width one-- 7th down in the end bits -- the bottom width is the lines around the titles and also affects the drop downs as well*/

li {
	float: left;
	position: relative;
	width: 200px;
	text-align: center;
	cursor: default;
	background-color: #010E21;
	border: 1px solid #888686;
	border-width: 0px 0;

}

/* fine art section colour end left-- WORK IN PROGRESS*/

li {
	float: left;
	position: relative;
	width: 200px;
	text-align: center;
	cursor: default;
	background-color: #010E21;
	border: 1px solid #454360;
	border-width: 0px 0;

}
/* art section colour end left*/

li#first {
	border-left-width: 2px;
}

/* art section colour ends*/
li#last {
	border-left-width: 2px;
    border-right-width: 2px;

}

/* drop down menu -- key for the bg is to have one long enough or else it just shows up on the end, padding 1st = top*/

li ul {
	display: none;
	position: absolute;
    margin-left:0px;
	top: 100%;
	left: 0px;

	font-weight: normal;
	background: #010E21;
	padding: 0 em 0 1em 0;
	border-right: solid 1px #302D4C;
	border-left: solid 1px #302D4C;
	border-top: solid 1px #302D4C;
	border-bottom: solid 1px #302D4C;



}

li>ul {
	top: auto;
	left: auto;
}
/* drop down splits*/
li li {
	display: block;
	
	background-image: url("http://www.animationartgallery.com/images/backgrounds/blueliqufied5.jpg");

}

li:hover ul, li.over ul {
	display: block;
}

hr {
	display: none;
}


/* drop down whole segment end*/



/* bottom agallery links start*/

.keepitalignedbottomagallery
{
	width: 1000px;
    margin-left:120px;
   
}


.artheader 
{
  padding-right: 80px;
  width: 890px;
  padding-bottom: 10px;
  padding-top: 10px;
  background: #0F0101;
  border-style:outset;
  border-color: #72050F;
  border-width:2px;
 
}

.artheaderanimationnopadding
{
  padding-right: 0px;
    padding-bottom: 10px;
  padding-top: 10px;
  background: #0F0101;
  border-style:outset;
  border-color: #72050F;
  border-width:2px;
 
}
.artheaderfine
{
  padding-right: 80px;
  width: 890px;
  padding-bottom: 10px;
  padding-top: 10px;
  background: #120011;
  border-style:outset;
  border-color: #530851;
  border-width:2px;
 
}

.artheaderfinenopadding
{
  padding-right: 0px;
    padding-bottom: 10px;
  padding-top: 10px;
  background: #120011;
  border-style:outset;
  border-color: #530851;
  border-width:2px;
 
}

.artheadertext 

{
  font-family: times; 
  color:#888686; 
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
  
}

.artheadertextfine

{
  font-family: times; 
  color:#888686; 
  font-weight: bold;
  font-size: 14pt;
  text-align: center;
  
}

.bottomagalleryfontred
{
font-family: times; 
color:  #72050F;
font-weight: bold; 
font-size: 10pt; 

}

/*  background-image: url("http://www.animationartgallery.com/redliqufied400.jpg"); */

.divbottomagallery
{
  margin-left: 0px;
  padding-top: 10px;
  padding-left: 10px;
  float: left;
  width: 150px;
  height: 40px;
  background-image: url("redliqufied400.jpg"); 
  border-style:outset;
  border-color: #72050F;
  border-width:2px;

}

.divbottomagalleryanimation
{
  margin-left: 0px;
  padding-top: 10px;
  padding-left: 10px;
  float: left;
  width: 150px;
  height: 40px;
  background-image: url("redliqufied400.jpg"); 
  border-style:outset;
  border-color: #72050F;
  border-width:2px;

}

.divbottomagalleryanimationimageonly
{


}

.divbottomagalleryfine
{
  margin-left: 0px;
  padding-top: 10px;
  padding-left: 10px;
  float: left;
  width: 150px;
  height: 40px;
  background-image: url("purpleliqufied5.jpg"); 
  border-style:outset;
  border-color: #530851;
  border-width:2px;

}
a:link {text-decoration: none; color: #888686; }
a:visited {text-decoration: none; color: #68658F; } 
a:active {text-decoration: none}
a:hover {text-decoration: underline; color: #999999; }


/* bottom agallery links end*/