/* CSS from tutorials ofwww.alsacreations.com/articles */
body
{
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #FFFFFF;
background-color: #392421;
}

div.c2
{
text-align: right
}

a.c1
{
color: #FFFFFF
}

a.c2 
{
color: #FFCC99
}

HTML 
{
overflow: -moz-scrollbars-vertical;
}

table.one
{
table-layout: fixed;
}

.style3 {
color: #CCCC99;
}

.style4 {
color: #33CC00;
}

.style5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-weight: 700;
}

.style6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}

.style7 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #FFCC99;
}


h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight: 700;
letter-spacing: 6pt;
}

#container
{
margin: 1em auto;
width: 900px;
text-align: left;
background-color: #392421;
}

#rah
{
position: relative;
top: 35px;
float: right; 
}


#header
{
position: relative;
height: 0px;
text-align: right;
color: #FFCC99;
background-color: #392421;
}

#logospace
{
position: relative;
float: left; 
width: 105px;
height: 160px;
top: 30px;
background-color: #392421;
}

#topmenu
{
margin-left: 200px;
height: 160px;
background-color: #392421;
}

#mainnav
{
position: relative;
float: right; 
width: 700px;
top: -30px;
height: 30px;
background-color: #392421;
}

#middlecontainer /* This is a container for the left menu and the content area to its right */
{
clear: both;
position: relative;
top: -15px;
}

#contents_interior
{
height: 92%;
width: 97%;
margin-top: 4%;
background-color: #573733;
}

#footer
{
clear: both;
float: left;
width: 900px;
height: 20px;
font-size: 0.8em;
color: #FFCC99;
background-color: #392421;
}


/* Horizontal CSS Buttons */

/* Menus */	

.cssnav_menus	{
position:relative;
float: left;
margin: 0; 
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
background: url(web.jpg) no-repeat;
width: 65px;
height: 30px;
overflow:hidden;/* for ie to hide extra height*/
}

.cssnav_menus a {
display: block;
color: #000000;
float: left;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.2em;
color: #FFFFFF; 
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}

.cssnav_menus a:hover {
color: #FFCC99;;
}

.cssnav_menus img {width: 65px; height: 30px; border: 0; }
* html a:hover {visibility:visible}
.cssnav_menus a:hover img{visibility:hidden}

.cssnav_menus span {
    position: absolute;
    left: 10px;top: 10px;
    text-align: left;
    width: auto;
    cursor: pointer;   
}

/* END OF NAVIGATION - Menus */	

/* Reviews */

.cssnav_reviews	{
position:relative;
float: left;
margin: 0; 
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
background: url(web.jpg) no-repeat;
width: 77px;
height: 30px;
overflow:hidden;/* for ie to hide extra height*/
}

.cssnav_reviews a {
display: block;
color: #000000;
float: left;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.2em;
color: #FFFFFF; 
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}

.cssnav_reviews a:hover {
color: #FFCC99;
}

.cssnav_reviews img {width: 77px; height: 30px; border: 0; }
* html a:hover {visibility:visible}
.cssnav_reviews a:hover img{visibility:hidden}

.cssnav_reviews span {
    position: absolute;
    left: 10px;top: 10px;
    text-align: left;
    width: auto;
    cursor: pointer;   
}

/* END OF NAVIGATION - Reviews */


/* Awards */

.cssnav_awards	{
position:relative;
float: left;
margin: 0; 
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
background: url(web.jpg) no-repeat;
width: 70px;
height: 30px;
overflow:hidden;/* for ie to hide extra height*/
}

.cssnav_awards a {
display: block;
color: #000000;
float: left;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.2em;
color: #FFFFFF; 
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}

.cssnav_awards a:hover {
color: #FFCC99;
}

.cssnav_awards img {width: 70px; height: 30px; border: 0; }
* html a:hover {visibility:visible}
.cssnav_awards a:hover img{visibility:hidden}

.cssnav_awards span {
    position: absolute;
    left: 10px;top: 10px;
    text-align: left;
    width: auto;
    cursor: pointer;   
}

/* END OF NAVIGATION - Awards */
/* Gallery */

.cssnav_gallery	{
position:relative;
float: left;
margin: 0; 
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
background: url(web.jpg) no-repeat;
width: 66px;
height: 30px;
overflow:hidden;/* for ie to hide extra height*/
}

.cssnav_gallery a {
display: block;
color: #000000;
float: left;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.2em;
color: #FFFFFF; 
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}

.cssnav_gallery a:hover {
color: #FFCC99;
}

.cssnav_gallery img {width: 66px; height: 30px; border: 0; }
* html a:hover {visibility:visible}
.cssnav_gallery a:hover img{visibility:hidden}

.cssnav_gallery span {
    position: absolute;
    left: 10px;top: 10px;
    text-align: left;
    width: auto;
    cursor: pointer;   
}

/* END OF NAVIGATION - Gallery */

/* Book Online */

.cssnav_book_online	{
position:relative;
float: left;
margin: 0; 
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
background: url(web.jpg) no-repeat;
width: 112px;
height: 30px;
overflow:hidden;/* for ie to hide extra height*/
}

.cssnav_book_online a {
display: block;
color: #000000;
float: left;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.2em;
color: #FFFFFF; 
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}

.cssnav_book_online a:hover {
color: #FFCC99;
}

.cssnav_book_online img {width: 112px; height: 30px; border: 0; }
* html a:hover {visibility:visible}
.cssnav_book_online a:hover img{visibility:hidden}

.cssnav_book_online span {
    position: absolute;
    left: 10px;top: 10px;
    text-align: left;
    width: auto;
    cursor: pointer;   
}
/* END OF NAVIGATION - Book Online */

/* Order Online */

.cssnav_order_online	{
position:relative;
float: left;
margin: 0; 
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
background: url(web.jpg) no-repeat;
width: 110px;
height: 30px;
overflow:hidden;/* for ie to hide extra height*/
}

.cssnav_order_online a {
display: block;
color: #000000;
float: left;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.2em;
color: #FFFFFF; 
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}

.cssnav_order_online a:hover {
color: #FFCC99;
}

.cssnav_order_online img {width: 110px; height: 30px; border: 0; }
* html a:hover {visibility:visible}
.cssnav_book_online a:hover img{visibility:hidden}

.cssnav_order_online span {
    position: absolute;
    left: 10px;top: 10px;
    text-align: left;
    width: auto;
    cursor: pointer;   
}
/* END OF NAVIGATION - Order Online */


/* Locations*/

.cssnav_locations	{
position:relative;
float: left;
margin: 0; 
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
background: url(web.jpg) no-repeat;
width: 46px;
height: 30px;
overflow:hidden;/* for ie to hide extra height*/
}
.cssnav_locations a {
display: block;
color: #000000;
float: left;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.2em;
color: #FFFFFF; 
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}
.cssnav_locations a:hover {
color: #FFCC99;
}


.cssnav_locations img {width: 46px; height: 30px; border: 0; }
* html a:hover {visibility:visible}
.cssnav_locations a:hover img{visibility:hidden}

.cssnav_locations span {
    position: absolute;
    left: 10px;top: 10px;
    text-align: left;
    width: auto;
    cursor: pointer;   
     
}

/* END OF NAVIGATION - Locations */
/* What's New */

.cssnav_news	{
position:relative;
float: left;
margin: 0; 
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
background: url(web.jpg) no-repeat;
width: 55px;
height: 30px;
overflow:hidden;/* for ie to hide extra height*/
}

.cssnav_news a {
display: block;
color: #000000;
float: left;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.2em;
color: #FFFFFF; 
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}

.cssnav_news a:hover {
color: #FFCC99;
}

.cssnav_news img {width: 55px; height: 30px; border: 0; }
* html a:hover {visibility:visible}
.cssnav_news a:hover img{visibility:hidden}

.cssnav_news span {
    position: absolute;
    left: 10px;top: 10px;
    text-align: left;
    width: auto;
    cursor: pointer;   
}

/* END OF NAVIGATION - What's New */
/* Green Campaign */

.cssnav_green	{
position:relative;
float: left;
margin: 0; 
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
background: url(web.jpg) no-repeat;
width: 94px;
height: 30px;
overflow:hidden;/* for ie to hide extra height*/
}

.cssnav_green a {
display: block;
float: left;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.2em;
color:#FF0000; 
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}

.cssnav_green a:hover {
color:#FFFFFF;
}

.cssnav_green img {width: 94px; height: 30px; border: 0; }
* html a:hover {visibility:visible}
.cssnav_green a:hover img{visibility:hidden}

.cssnav_green span {
    position: absolute;
    left: 10px;top: 10px;
    text-align: left;
    width: auto;
    cursor: pointer;   
}

/* END OF NAVIGATION - Green Campaign */

/* Vertical Buttons */


.cssvnav{
position:relative;
background-image:  url(web.jpg);
background-repeat: no-repeat;
white-space: nowrap;
width: 175px;
height: 30px;
margin: 0; 
padding: 0; 
font-family: verdana, arial, helvetica, sans-serif;
overflow:hidden;/* for ie to hide extra height*/
}

.cssvnav a {
display: block;
color: #000000;
width: 175px;
height: 30px;
display: block;	
float: left;
font-family: verdana, arial, helvetica, sans-serif;
color: #FFFFFF;
font-size: 1.1em;
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}

.cssvnav a:hover {
color: #FFCC99;
}

.cssvnav img {width: 175px; height: 30px; border: 0; }
* html a:hover {visibility:visible}
.cssvnav a:hover img{visibility:hidden}

.cssvnav span {
position: absolute;
left: 0px;
top: 5px;
margin: 0px;
padding: 0px;
cursor: pointer;
width: 85px;
height: 14px;
text-align: left;
}


/* Lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }