html{padding: 0px; margin: 0px;}

img{border: none; }
h1{
color: #ee2b21; 
font-size: 12px; 
font-family: Arial; 
font-weight: bold; 
font-variant: normal; 
line-height: 1.25; 
text-align: left; 
text-transform: none; 
word-spacing: -1px; 
vertical-align: bottom; 
top: 0; 
left: 0; 
right: 0; 
bottom: 0; 
margin: 0; 
padding: 0; 
}

h2{
color: #ee2b21; 
font-size: 12px; 
 font-family: Arial, helvetica, sans-serif; 
font-variant: normal; 
font-weight: normal; 
line-height: 1.35; 
text-align: left; 
text-transform: none; 
word-spacing: -1px; 
margin: 0; 
padding: 0; 
top: 0; 
right: 0; 
bottom: 0; 
left: 0; 
vertical-align: bottom; 
}
h3{font-size: 12px; font-weight: bold; }

#mainWrapper{position: relative; }
 
/* logo */
#logo{margin-top: 32px; margin-left: -8px;}

#pageFooter{
margin-left: 10px; 
font-family: Arial, Helvetica, Geneva, sans-serif; 
font-size: 9px; 
text-transform: none; 
padding-top: 5px; 
color: #666666; 
}

body{
font-family: Arial, Helvetica, Geneva, sans-serif; 
font-size: 11px;
line-height: 1.5em;
margin-top: 25px; 
background-color: #D1D2D4; 
background-position: 0 0; 
background-repeat: repeat; 
}

#pageHeader{
padding-right: 40px; 
padding-left: 40px; 
padding-top: 50px; 
background-position: 100% 0px; 
background-repeat: no-repeat; 
}

#pageHeaderWrapper{
padding-bottom: 15px; 
}

#contentWrapper{
position: relative;  
padding-right: 0px; 
padding-left: 0px; 
padding-bottom: 0px; 
margin-right: 0px; 
margin-left: 0px; 
background-color: #E4E4E4; 
}

#content{
font-family: Arial, Helvetica, Geneva, sans-serif; 
font-size: 11px; 
padding-left: 20px; 
margin-bottom: 25px; 
background-color: #E4E4E4; 
color: #414141; 
position: relative; 
}

#pageFooter {
clear: both;
} 
#pageFooterWrapper{
margin-top: 40px;
float: right; 
width:100%;
}

#pageFooter{
text-align: left; 
width: 320px; 
position: absolute; 
left: 490px;
}

.footer-img{margin-left: 0px;}

a:link, a:visited{
font-weight: normal; 
text-decoration: none; 
color: #4B4B4B; 
}

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

#canvas {
width: 855px;  
margin-left: -40px;
margin-top: -50px;
}

#contentWrapper {
background-color: #d1d2d4; 
position: relative; 
width: 690px;
}

#content {
width: 690px;
min-height: 350px;
float: left;
margin-top: 13px;
margin-left: 140px;
position: relative;
top: 40px;
}

/* page content tag settings */

#pagecontent{
float: left; 
clear: left; 
margin-top: 20px; 
width: 690px;
}

/* ie6 main content fix */
* html #content{
margin-left: 125px; 
height: 350px;
}

/* gallery ie6 fix */
* html div #main-picture-wrapper, .thumbnail-wrapper{
background: #e4e4e4; 
height: auto;
}

#content p
{
width: 290px;
font-size: 10.5px;
margin: 0px;
margin-bottom: 1.25em;
line-height: 1.25; 
}


li{font-size: 10.5px;}

#topmenuContainer{
margin-top: -117px; 	
width: 540px;
margin-left: -20px;

}


/* ----------------navigation hover up menu----------------*/
#popupmenu{
float: left; /* to keep the other floating objects container*/
position: relative; /* This can also be fixed or absolute*/
width: 710px;
/*Format*/
background-color:#939598;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
margin-top: 101px;
}
*:first-child+html #popupmenu{width: 710px;}
* html #popupmenu{width: 710px;}
#popupmenu ul{
float: left;
white-space: nowrap;
margin: 0;
padding: 0;
}
#popupmenu li
{
width: 88px;
border-right: solid 2px #d1d2d4;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
#popupmenu a
{
letter-spacing: 1px;
}
#popupmenu li ul
{
background-color:#d1d2d4;
padding:0px;
margin:0px;
border-left; 2px solid #d1d2d4;
}
/* add more for each extra submenu leve*/
#popupmenu ul li,
#popupmenu ul li ul li,
#popupmenu ul li ul li ul li,
#popupmenu ul li ul li ul li ul li
{
margin: 0;
padding: 0;
float: left;
list-style-type: none;
position: relative;
}
/* add more for each extra submenu leve*/
#popupmenu ul li ul,
#popupmenu ul:hover li ul li ul,
#popupmenu ul:hover li ul li ul li ul,
#popupmenu ul:hover li ul li ul li ul li ul
{
display: none;
z-index: 1000;
}
div #popupmenu ul li ul
{}
/* First submenu level*/
#popupmenu  > ul > li:hover > ul{
display: block; /*unhide i*/
float: right;
position: absolute; /* It needs to be absolute for the effect to work*/
width: 7em;
top: -40px;
background-color: #d1d2d4;
bottom: 15px; /* This places the the bottom of the ul 1.1em from the bottom of the enclosing li. This is the important part of the effect*/
}
/* targets IE7 only - valid CSS*/
*:first-child+html #ie6 li:hover ul{ left: 0px;}
* html #ie6 li:hover ul, * html #ie6 li.sfhover ul {
left: -999em;
display: block;
margin-top: -60px;
}
/*contact us hover state*/
#popupmenu .positions{
position: relative;
top: 38px;
height: 1em;
}
/* For the remaining submenu level*/
/* add more for each extra submenu leve*/
#popupmenu ul li ul li:hover ul,
#popupmenu ul li ul li ul li:hover ul,
#popupmenu ul li ul li ul li ul li:hover ul{
float: right;
display: block;
position: absolute;
width: 7em;
left: 6em;
bottom: 3px; /* Required with some value or the effect will not wor*/
}
#popupmenu ul li:hover ul li{
display: block;
float: left;
width: 100%;
border-right: none;
}
#popupmenu ul li a{
width: 78px; /* width is so it highlights the entire button*/
float: left;
display: block;
text-decoration: none;
color: #FFFFFF;
font-size: 12px;
padding: 0 .5em 0 .5em;
margin-left: -2px;
}
* html #popupmenu ul li a{
}
/* The on state for the link when you are on the submenu.
This should be before the hover state for the link itsel*/
#popupmenu ul li:hover > a{
background-color: #d1d2d4;
color: #ffffff;
width: 80px;
}
#popupmenu ul li a:hover
{
background-color: #d1d2d4;
color: #ee2b21;
width: 78px;
margin-left: -2px;
}
#popupmenu .width
{width: 150px;}
#popupmenu ul li ul li a{
float: none;
border: none;
background-color: #d1d2d4;
color: #ffffff;
font-size: 12px;
white-space: normal;
white-space: nowrap;
line-height: 20px;
}
#popupmenu ul li ul li:first-child a{
border-width: 1px;
}
li .red-tab
{
width: 78px;
height: 17px;
padding-bottom: 1px;
background-color: #ee2b21;
color: #fff;
font-size: 12px;
}
.red-tab a:hover
{
color: #ffffff;
}
li.red-tab-single a:hover
{
background-color: #ee2b21;
color: #ffffff;
font-size: 12px;
}
ul li#catalogue{width: 134px;}
ul li#catalogue a{width: 124px; margin-top: -1px;}
ul li#catalogue a:hover{width: 124px; margin-top: -1px;}
/* targets IE7 only - valid CSS*/
*:first-child+html ul li#catalogue{width: 136px;}
*:first-child+html ul li#catalogue a:hover{width: 128px;}
*:first-child+html ul li#contactinfo{width: 98px;}
*:first-child+html ul li#contactinfo ul li.contactinfo a:hover{width: 120px;}
/* targets IE6 only - valid CSS*/
* html #popupmenu{width: 740px;}
* html #popupmenu ul#ie6{  }
* html #topmenuContainer{ }
* html #popupmenu .positions{top: 0px;}
* html #popupmenu ul#ie6 li ul li{top: -60px; width: 78px;}
* html ul li#catalogue{width: 124px;}
* html ul li#catalogue a:hover{width: 124px;}
* html ul li#contactinfo{width: 78px;}
* html ul li#contactinfo ul li.contactinfo a:hover{}
* html ul#ie6 li#contactinfo ul li.contactinfo a:hover{width: 38px;}
* html #ie6 li:hover ul, * html #ie6 li.sfhover ul {
left: -999em;
display: block;
margin-top: -60px;
}
* html #ie6, * html #ie6 ul {
display: inline;
white-space: nowrap;
margin: 0;
padding: 0;
}
* html #popupmenu ul#ie6 li ul li a:hover{
}
.orange_body_text {
color: #ee2b21;
font-size: 10.5px;
font-family: Arial, helvetica, sans-serif;
font-variant: normal;
font-weight: normal;
line-height: 1.35;
text-align: left;
text-transform: none;
text-indent: 0;
margin: 0;
padding: 0;
}
.subtitles {
color: #ee2b21;
font-size: 12px;
font-family: Arial, helvetica, sans-serif;
font-variant: normal;
font-weight: normal;
line-height: 1.35;
text-align: left;
text-transform: none;
word-spacing: -1px;
margin: 0;
padding: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
vertical-align: bottom;
}
.jf_subtitles {
color: #ee2b21;
font-size: 12px;
font-family: Arial, helvetica, sans-serif;
font-variant: normal;
font-weight: normal;
line-height: 1.35;
text-align: left;
text-transform: none;
word-spacing: -1px;
margin: 0;
padding: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
vertical-align: bottom;
}
.titles {
color: #ee2b21;
font-size: 12px;
font-family: Arial;
font-weight: bold;
font-variant: normal;
line-height: 1.25;
text-align: left;
text-transform: none;
word-spacing: -1px;
vertical-align: bottom;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
}
.jf_titles {
color: #ee2b21;
font-size: 12px;
font-family: Arial;
font-weight: bold;
font-variant: normal;
line-height: 1.25;
text-align: left;
text-transform: none;
word-spacing: -1px;
vertical-align: bottom;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
}
#popupmenu li.red a:hover {
background-color: #ee2b21;
padding-left: 4px;
margin-left: 0px;
}
li .background-purp a:hover
{
background-color: #ee2b21;
color: #fff;
}
.orange_link_box {
color: #fff;
font-size: 12px;
font-family: Arial;
font-variant: normal;
line-height: 12px;
background-color: #ee2d23;
text-align: right;
text-transform: none;
vertical-align: top;
width: 115px;
height: auto;
margin-left: 0px;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 5px;
}
/* TOURS button */
#popupmenu li#tours{
width: 65px;
}
#popupmenu li#tours a{
width:55px;
margin-top: -.5px;
}
#popupmenu li#tours a:hover{
width: 55px;
margin-top: -.5px;
}
#popupmenu li#tours .red-tab a {
width: 55px;
}
#popupmenu li#tours .red-tab a:hover {
width: 55px;
}
#popupmenu li#tours .red-tab {width: 55px;}
#popupmenu li#tours ul{width: 55px;}
/* FURNITURE button */
#popupmenu li#furniture{
width: 65px;
}
#popupmenu li#furniture a{
width:55px;
margin-top: -.5px;
}
#popupmenu li#furniture a:hover{
width: 55px;
margin-top: -.5px;
}
#popupmenu li#furniture .red-tab a {
width: 55px;
}
#popupmenu li#furniture .red-tab a:hover {
width: 55px;
}
#popupmenu li#furniture .red-tab {width: 55px;}
#popupmenu li#furniture ul{width: 55px;}
/* CONTACT button */
#popupmenu li#contactinfo{
border-right: 0;
width: 78px;
}
#popupmenu li#contactinfo a{
width: 78px;
}
#popupmenu li#contactinfo a:hover{
}
#popupmenu li#contactinfo .red-tab a {
width: 65px;
}
#popupmenu li#contactinfo .red-tab a:hover {
width: 78px;
}
#popupmenu li#contactinfo .red-tab {width: 78px;}
#popupmenu li#contactinfo li.contactinfo a:hover{width: 120px;}


/* end hover menu --------------------------------------------------------------------------*/

/* rotating banner ----------------------------------------------------------------------------*/

#rotating-banner a{
position: absolute;
left: 360px;
top: 0px;
}

#tagContent{
width: 295px; 
margin-top: 15px;
margin-left: 10px;
line-height: 1.3em;
font-size: 10.5px;
}

/*************************GALLERY SECTION *************************/

/*picture description off */
#main-picture-title
{display: none;}


#main-picture, .picture-full 
{
width: 350px;
position: absolute;
top: 0px;
left: 360px;
}

#main-picture-wrapper .thumbnail-wrapper{
width: 350px; 
margin-left: 350px; 
padding-bottom: 100px;
}

#main-picture-description{
position: absolute;
top: 200px;
}

#main-picture, .picture-full{
border: 0px; 
padding: 0px;
}

/* galleries */
.imageTitle div{margin-left: 0px;}

#main .imageTitle{
position: absolute; 
left: -345px; 
top: 220px; 
width: 350px;
}


img.thumbs {
float:left;
height:55px;
width:55px;
margin-right: 10px;
margin-top: 10px;
border: solid #ffffff 1px;
}

#main {
position:absolute;
left:360px;
top:0;
width:350px;
height:350px;
z-index:2;
}

#main img{
width 350px; 
height: 350px;
}


#thumbContainer {
left:15px;
top:0;
width:340px;
height:350px;
z-index:1;
position:absolute;
}

/* expand color choices css */
.msg_list {
margin: 0px;
padding: 0px;
width: 345px;
position: absolute;
left: 5px;
top: 348px;
}

.msg_head {
cursor: pointer;
position: relative;
}

.msg_body {
background-color:#d1d2d4;
}

/* newsletter right side gallery strip */
#newsletter_gallery{
position: absolute;
top: 40px;
right: 0px;
width: 200px; 
}


.gray_actual_link { 
color: #575c62;
font-size: 11px; 
font-family: Arial; font-variant: normal; 
line-height: 14px; 
text-align: left; 
text-transform: none; 
padding-top: 2px; 
padding-right: 0; 
vertical-align: top; 
padding-left: 3px; 
}


/*=================misc fixes=====================*/

/* email template exclusive */
#pageFooter2{
text-align: left; 
width: 320px; 
position: absolute; 
left: 151px;
}

* html #pageFooter2{
text-align: left; 
width: 320px; 
position: absolute; 
left: 201px;
}

* html #pageFooter{margin-left: 120px;}

#emailtemplate{background-color: #E4E4E4;}

#tourID #rotating-banner{ display: none;}




/* furniture images css */
ul{list-style-type: none;}
/* These heights and widths should be edited to your images */	
ul#pikame{
	padding-left:0;
	width:560px;
        list-style-type: none;
	}


.pika_main{
	width:560px;
	padding-right:20px;

	}
#pikame li{
	margin:5px;
	float: left;
        list-style-type: none;
	}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{width: 560px;}
.pika_main{position: relative; margin:0 auto;  width: 560px;}
.pikachoose li{float:left; position:relative; overflow:hidden; list-style:none;}
.pika_play{position:absolute; top:10px; right:20px; z-index:1;}
.pika_play a{position:relative; margin-left:auto; cursor:pointer;}
.pika_play img{border:none !important;}

.pika_navigation a{display: none; font-size: 12px;color:white;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{display: none; padding-top:10px;clear:both;text-align:center;}




/* These hieghts and widths should be edited to your images */	
ul#pikame2{
	padding-left:0;
	width:560px;
	}
.pika_main{
	width:560px;
	padding-right:20px;
	}
#pikame2 li{
	margin:5px;
	float: left;
	}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame2 li img{position:relative;cursor:pointer;}
.pika_main img{width: 560px; height: auto;}
.pika_main{position: relative; margin:0 auto;  width: 560px;}
.pikachoose li{float:left; position:relative; overflow:hidden; list-style:none;}
.pika_play{position:absolute; top:10px; right:20px; z-index:1;}
.pika_play a{position:relative; margin-left:auto; cursor:pointer;}
.pika_play img{border:none !important;}

.pika_navigation a{display: none; font-size: 12px;color:white;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{display: none; padding-top:10px;clear:both;text-align:center;}

#library_footer{position: absolute; top: 805px; right:100px;}
#library_footer2{position: absolute; top: 700px; right: 10px;}