/* CSS Document */

#headerhome {

	width:791px;
	height:175px; 
	background: url("http://www.liliasart.com/title_images/title3.jpg"); 
	background-repeat: no-repeat;
	background-position: center top;

	margin-left: 150px;
	margin-right:auto;
	margin-top:-1px;
	margin-bottom:5px;
	padding-bottom:7px;
	float:left;
	z-index:5;
	
}


#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:464px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}

#slideshow #slidesContainer .slide {
float:left;
  margin:0 auto;
  width:540px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:263px;
}

/**
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:464px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(images/buttons/prev.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(images/buttons/next.png) no-repeat 0 0;
}



.nameheaderhomedamask {
height:175px;
width:150px;
background: url("http://www.liliasart.com/title_images/title-compliment.jpg");
background-repeat:repeat-x;

	margin-left: 0px;
	
	z-index:2;
	margin-top:-1px;

}

.nameheaderhomedamasktwo {
height:175px;
width:100%;
margin-left:auto;
background: url("http://www.liliasart.com/title_images/title-compliment.jpg");
background-repeat:repeat-x;
	
	margin-right:auto;
		
	z-index:4;
	margin-top:-182px;

}

#headerhome_v2 {

	width:791px;
	height:175px; 
	background: url("http://www.liliasart.com/title_images/title3.jpg"); 
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: 150px;
	margin-right:auto;
	margin-top:-1px;
	margin-bottom:5px;
	padding-bottom:7px;
	z-index:5;
	position:absolute;
	
}

.nameheaderhomedamask_v2 {
height:175px;
width:150px;
background: url("http://www.liliasart.com/title_images/title-compliment.jpg");
background-repeat:repeat-x;
	margin-left: 0px;
	margin-right:auto;	
	z-index:4;
	margin-top:-182px;

}

.nameheaderhomedamasktwo_v2 {
height:176px;
width:100%;
margin-left:auto;
background: url("http://www.liliasart.com/title_images/title-compliment.jpg");
background-repeat:repeat-x;
	
	margin-right:auto;
		
	z-index:4;
	margin-top:-1px;

}
.nameietop_v2 {
height:5px;
width:100%;
margin-left:auto;
background-color:#000000;
	
	margin-right:auto;
		
	z-index:2;
	margin-top:-5px;
	float:right;

}

#headerlinks {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	height:367;
	padding-top:5px;
	background: url("http://www.liliasart.com/images/background-new.jpg");
	background-position: center top;
	background-repeat:no-repeat;
	z-index:4;
	position:static;
	float:inherit;

}

#damask {
height:367;
margin-top:5px;
background: url("http://www.liliasart.com/images/damask-small.jpg");
background-repeat:repeat-x;
	background-position: center top;
	z-index:3;
}

#columngroup { margin-left:auto; margin-right:auto; width:1035px; }

#background {
width:729px;
height:2285px;
margin-left:auto;
margin-right:auto;
}

#backgroundcircles{

padding-left:3px;
padding-top:10px;
margin-top:10px;
height:auto;
width:728px;
margin-left:auto;
margin-right:auto;
background: url("http://www.liliasart.com/images/background-home.jpg") no-repeat;
background-repeat:no-repeat;
z-index:6;
}

#menulinks {
width:730px;
height:70px;
background: url("http://www.liliasart.com/images/bar.jpg") no-repeat;
background-position:bottom;
margin-left:auto;
margin-right:auto;
margin-top:82px;
z-index:4;
clear:both;
position:relative;
	
}

#leftcolumnone {
 margin-top:0;
margin-bottom:0;
margin-left:80;
margin-right:55px;
width:265px;
height:320px;
float:left;
padding:4px 0 0 0;
display:inline;
z-index:5;
}

h5.columnnumberheadtext {
color:#B22222; font-family: 'Tangerine', arial, serif; font-weight:inherit; text-align:left; font-size:36px;
margin:26px 0 26px 0;
padding:0 4px 0 4px;
width 265px;
display:block; }

h5.columnnumbermaintext {
color:#FFFFFF; font-family: 'Tangerine', arial, serif; font-weight:inherit; text-align:left; font-size:30px;
background: #000000 url('../images/background-strip.png') repeat-x left top;
margin:0 0 22px 0;
padding:0 4px 4px 4px;
width:265px;
height:249px; }

h5.columnnumberheadtextweb {
color:#B22222; font-family:Geneva, Arial; font-weight:inherit; text-align:left; font-size:14px;
margin:26px 0 26px 0;
padding:0 4px 0 4px;
width 265px;
display:block; }

h5.columnnumbermaintextweb {
color:#FFFFFF; font-family:Geneva, Arial; font-weight:inherit; text-align:left; font-size:14px;
background: #000000 url('../images/background-strip.png') repeat-x left top;
margin:0 0 22px 0;
padding:0 4px 4px 4px;
width:265px;
height:249px; }


#centrecolumntwo {
 margin-top:0;
margin-left:0;
margin-bottom:0;
width:265px;
height:320px;
float:left;
margin-right:55px;
padding:4px 0 0 0;
display:inline;
z-index:5;
}

#rightcolumnthree {
 margin:0;
width:265px;
height:320px;
float:left;
padding:4px 0 0 0;
display:inline;
z-index:5;
}

#maincontent {
width:100%;
margin-right:auto;
margin-left:auto;
z-index:0;
}

#columnsseparator {
width:55px;
height:400px;
margin:auto;
position:absolute;
float:left;
background: url("/css/clear2.gif");
}

#carouselgroup {
clear:both;
z-index:5;
display:block;
padding:22px 0 17px 0;

}

a
{
    COLOR: #868789;
    font-family: 'Tangerine', arial, serif; font-size:30px;
	text-decoration:none;
}

a:visited
{
    COLOR: #868789;
    font-family: 'Tangerine', arial, serif; font-size:30px;
	text-decoration:none;
}
a:hover
{
    COLOR: #FF0000;
    font-family: 'Tangerine', arial, serif; font-size:30px;
	text-decoration:none;
	
}
a.header:link 
{
color: #868789; text-decoration: none; font-family: 'Tangerine', arial, serif; font-size:36px;
}
a.header:visited
{
color: #868789; text-decoration: none; font-family: 'Tangerine', arial, serif; font-size:36px;
}
a.header:hover 
{
color: #FF0000; text-decoration: none; font-family: 'Tangerine', arial, serif; font-size:36px;
} 

a.web
{
    COLOR: #868789;
    font-family:Geneva, Arial; font-size:14px;
	text-decoration:none;
}

a.web:visited
{
    COLOR: #868789;
    font-family:Geneva, Arial; font-size:14px;
	text-decoration:none;
}
a.web:hover
{
    COLOR: #FF0000;
    font-family:Geneva, Arial;
 font-size:14px;
	text-decoration:none;
	
}
a.headerweb:link 
{
color: #868789; text-decoration: none; font-family:Geneva, Arial;
 font-size:14px;
}
a.headerweb:visited
{
color: #868789; text-decoration: none; font-family:Geneva, Arial;
 font-size:14px;
}
a.headerweb:hover 
{
color: #FF0000; text-decoration: none; font-family: Geneva, Arial;
 font-size:14px;
} 

a.footer:link 
{
color: #3E4851; text-decoration: none; font-size: 24px; 
}
a.footer:visited
{
color: #3E4851; text-decoration: none; font-size: 24px; 
}
a.footer:hover 
{
color: #FF0000; text-decoration: none; font-size: 24px; 
} 


a img {
   border-style: none;
}

.text { font-family: 'Tangerine', arial, serif; color:#FFFFFF; font-size:36px; }
.footer { font-family: 'Tangerine', arial, serif; color:#3E4851; font-size:24px; }
.textweb { font-family:Geneva, Arial;
 color:#FFFFFF; font-size:14px; }


h1.top { color:#FFFFFF; font-family: 'Tangerine', arial, serif; font-weight:bold; text-align:center; }
h1.left { color:#FFFFFF; font-family: 'Tangerine', arial, serif; font-weight:bold; text-align:left; font-size:36px;}
h2.top { color:#FFFFFF; font-family: 'Tangerine', arial, serif; font-weight:bold; text-align:center; }
h2.left { color:#999999; font-family: 'Tangerine', arial, serif; font-weight:bold; text-align:left; font-size:36px; }
h3.top { color:#FFFFFF; font-family: 'Tangerine', arial, serif; font-size:36px;font-weight:bold; text-align:left; }
h4.top { color:#FFFFFF; font-family: 'Tangerine', arial, serif; font-size:36px;font-weight:bold; text-align:left; }
h5.top { color:#FFFFFF; font-family: 'Tangerine', arial, serif; font-size:30px; font-weight:inherit; text-align:left; }
h5.center { color:#B22222; font-family: 'Tangerine', arial, serif; font-weight:inherit; text-align:center; font-size:30px; }
h5.left { color:#B22222; font-family: 'Tangerine', arial, serif; font-weight:inherit; text-align:left; font-size:30px; }

h1.topweb { color:#FFFFFF; font-family:Geneva, Arial; font-weight:bold; text-align:center; }
h1.leftweb { color:#FFFFFF; font-family:Geneva, Arial; font-weight:bold; text-align:left; font-size:18px;}
h2.topweb { color:#FFFFFF; font-family:Geneva, Arial; font-weight:bold; text-align:center; }
h2.leftweb { color:#999999; font-family:Geneva, Arial; font-weight:bold; text-align:left; font-size:18px; }
h3.topweb { color:#FFFFFF; font-family:Geneva, Arial; font-weight:bold; text-align:left; }
h4.topweb { color:#FFFFFF; font-family:Geneva, Arial; font-weight:bold; text-align:left; }
h5.topweb { color:#FFFFFF; font-family:Geneva, Arial; font-weight:inherit; text-align:left; }
h5.centerweb { color:#B22222; font-family:Geneva, Arial; font-weight:inherit; text-align:center; font-size:18px; }
h5.leftweb { color:#B22222; font-family:Geneva, Arial; font-weight:inherit; text-align:left; font-size:18px; }

/* quotecomp */
.quotecomp{background:#666666;}
.quotecomp .quote{padding:0 8px 0 8px;font-family: 'Tangerine', arial, serif;font-size:30px;font-weight:bold;color:#fff;font-style:oblique}
.quotecomp .quote b{color:#eee}
.quotecomp .small{color:#222;text-align:right;font-style:italic;padding:4px 8px 8px 8px}
.quotecomp div.insideTL{background:url("/im/TL-black.gif") no-repeat top left;height:7px;width:100%;padding:0}
.quotecomp div.insideTR{background:url("/im/TR-black.gif") no-repeat top right;height:7px;width:100%;padding:0}
.quotecomp div.insideBL{background:url("/im/BL-black.gif") no-repeat bottom left;height:7px;width:100%;padding:0}
.quotecomp div.insideBR{background:url("/im/BR-black.gif") no-repeat bottom right;height:7px;width:100%;padding:0}
.quotecomp img{position:relative;z-index:3;top:-7px;left:0}
.quotecompv0{margin:0}
.quotecompv1{margin:0 10px 10px 0;width:290px}
.quotecompv2{margin:0 0 10px 10px;float:right;width:290px}
.quotecompv3{margin:10px 0}
.quotecompv3 .statement{padding:0 12px;font-size:24px;font-family: 'Tangerine', arial, serif;font-weight:bold;color:#fff;text-align:center}

#carousel_inner {
float:left; /* important for inline positioning */
width:630px; /* important (this width = width of list item(including margin) * items shown */
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
background: #F0F0F0;
}

#carousel_ul {
position:relative;
left:-210px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */
width:200px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:110px;
background: #000000;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
}

.port{padding-bottom:4px; width:736px;}
.port a.bluearrow,.port3 a.bluearrow{margin-left:4px}
.port .portimg{float:left;width:210px; height:auto;}
.port div.plft{padding-left:95px;margin-left:106px}
.port .porttitle{padding:4px 0 8px 4px;font-size:30px;font-weight:bold}
.port a.morelink{font-weight:bold;white-space:nowrap;margin-right:12px}
.port a.title{font-weight:bold;font-size:30px; font-family: 'Tangerine', arial, serif; float:left;padding-left:5px;margin-left:4px}
.port div.copy,.port p{padding:10;margin:4px 0 0 4px}
.portv0{margin-top:10px}
.portv0{background:#1a1a1a; height:230px;}
.portobj{clear:both;min-height:88px;_height:88px}
.portnoimg{clear:both}
.portnoimg div.plft{margin-left:4px;padding-left:70px}
.port span.hotbutton{margin:0 9px 0 0}
.port p.cta{color:#e76f00;font-weight:bold}
* html .port{height:95px}
div.portv0{position:relative}
div.pc1w4 > div.port {margin-top:-8px}


#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand;
border:0px;
}
#left_scroll, #right_scroll{
float:left;
height:130px;
width:15px;
background: #C0C0C0;
}
#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}

#pagefooter {
width:100%;  

margin-left:auto;
margin-right:auto;
padding-top:7px;
padding-bottom:7px;
float:right;
z-index:6;
	
}