@charset "utf-8";
/* CSS Document */
html {
background: #390001;
color: #333;	
}
body {
background: transparent url("../images/topBg.jpg") top left no-repeat;
color: #fff;
width: 768px;
font: 62.5% Arial, Helvetica, sans-serif;
text-align: center;
margin: 0 auto;
padding: 0;
}
a {
background: transparent;
color: #2B61AD;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
border: 0;
}
input, textarea, select {
font: 11px Arial, Helvetica, sans-serif;
}
li {
list-style: none;
}
.clear {
clear: both;
}



/*-----------------hd-----------------------*/

#hd {
width: 768px;
display: block;
clear: both;
margin: 0 auto;
padding: 0;
}



/*Top menu*/
#topMn {
width: 768px;
display: block;
margin: 6px 0 1px 0;
padding: 0;
}
#topMn ul {
background: transparent;
color: #fff;
float: right;
margin: 0 10px 0 0;
padding: 0;
}
#topMn ul li {
display: inline;
margin: 0;
padding: 0;
}
#topMn ul li a {
margin: 0 0 0 4px;
padding: 0;
}


/*flash*/

#flash {
background: #390001;
float: left;
clear: both;
margin: 0;
padding: 0 0 10px;
}










/*--------------content--------------*/

#content {
background: transparent url("../images/content_topBg.gif") top left no-repeat;
color: #fff;
width: 768px;
text-align: left;
font-size: 1.1em;
margin: 20px auto 0;
padding: 0;
}
#wrapper {
background: #fff url("../images/contentBg.gif") top left repeat-y;
color: #fff;
width: 768px;
position: relative;
top: 20px;
bottom: 0;
margin: 0;
padding: 0 0 20px;
}

/*title*/
h2{
background: transparent;
color: #E9BF69;
font-size: 16px;
margin: 0 0 10px;
padding: 0;
}
h3 {
background: transparent;
color: #FFD9B3;
font-size: 12px;
font-style: italic;
margin: 0;
padding: 0;
}

/*context*/

#context {
background: transparent;
color: #F7E8CA;
width: 410px;
float: left;
margin: 0 20px 0 0;
padding: 0 0 10px 20px;
}
#context p {
font-size: 12px;
line-height: 17px;
margin: 10px 0;
padding: 0;
}

/*services*/
#services ul {
margin: 10px 0;
padding: 0;
}
#services ul li {
background: transparent;
color: #F7E8CA;
list-style: square;
margin: 5px 5px 5px 15px;
padding: 0;
}

/*bedrooms*/
#bedrooms ul {
margin: 10px 0;
padding: 0;
}
#bedrooms ul li {
background: transparent;
color: #FFD9B3;
list-style: disc;
margin: 5px 5px 5px 20px;
padding: 0;
}

/*gallery (main)*/
ul#mainGallery {
width: 740px;
margin: 0 0 0 30px;
padding: 0;
}
ul#mainGallery li {
display: inline;
margin: 0;
padding: 0;
}
ul#mainGallery li a {
background: transparent;
color: #333;
float: left;
border: 3px solid #fff;
margin: 0 15px 10px 0;
padding: 0;
}
ul#mainGallery li a:hover {
border: 3px solid #09C;	
}

/*prices*/
#prices table {
background: #fff;
color: #333;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
font-size: 12px;
margin: 20px 0 5px;
padding: 0;
}
#prices table th {
background: #09C;
color: #fff;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 0;
padding: 5px 10px;
}
#prices table td {
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
text-align: center;
margin: 0;
padding: 5px 10px;
}
#prices p span {
font-size: 11px;
font-style: italic;
}

/*directions*/
#directions ul#collaps {
/*background: #390001;
color: #fff;*/
margin: 10px 0;
padding: 0;
}
#directions ul#collaps li a {
background: #390001 url("../images/plus.gif") 1% 50% no-repeat;
color: #fff;
display: block;
cursor: pointer;
text-transform: uppercase;
margin: 0;
padding: 5px 5px 5px 25px;
}
#directions ul#collaps li a.open {
background: #390001 url("../images/minus.gif") 1% 50% no-repeat;	
}
#directions ul#collaps li a span {
text-transform: lowercase;
font-size: 11px;
font-style: italic;
}
#directions ul#collaps li a:hover {
text-decoration: none;
}
#directions ul#collaps li ul {
background: #400A0B;
color: #ddd;
font-size: 11px;
margin: 0;
padding: 5px 10px 10px;
}
#directions ul#collaps li ul p {
font-size: 11px;
margin: 0;
padding: 0;
}
ul#desc {
margin: 10px 0;
padding: 0;
}
ul#desc li {
background: transparent;
color: #FFD9B3;
list-style: disc;
margin: 5px 5px 5px 20px;
padding: 0;
}

/*rightBar*/

#rightBar {
width: 300px;
float: left;
margin: 0;
padding: 0;
}



/* BEGIN GALLERY */

.galleria{
width:300px
}
.galleria li{
display:block;
width:80px;
height:80px;
overflow:hidden;
float:left;
margin: 0;
padding: 0;
}
.galleria li a{
display:none
}
.galleria li div{
/*position:absolute;*/
display:none;
top:0;
/*left:180px*/
}
.galleria li div img{
cursor:pointer
}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{
cursor:pointer;
top:auto;
left:auto;
display:block;
width:auto;
height:auto
}
* html .galleria li div span{width:300px} /* MSIE bug */

*{margin:0;padding:0}

.caption{display: none;}

.gallery_demo{width:300px;margin:0 0 0 3px;}
.gallery_demo li{
background:transparent;
width:68px;
height:50px;
border:1px solid #fff;
margin: 5px 2px 0;
padding: 0;
}

/*.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}*/

#main_image{
background: #fff;
width: 300px;
/*height: 100%;*/
margin:0 auto;
padding: 2px;
}
#main_image img{
margin: 0;
padding: 0;
}

.nav{
background: transparent;
color: #fff;
padding-top:15px;
clear:both;
letter-spacing:2px;
text-transform:uppercase; 
text-align:center;
}
.nav a{
background: transparent;
color: #fff;	
font-size: 8px;
}
.nav a:hover{
color: #069;
text-decoration: none;
}





/*---------------footer-----------------*/

#footer {
background: transparent url("../images/content_bottomBg.gif") top left no-repeat;
color: #ddd;
font-size: 12px;
margin: 0;
padding: 30px 15px;	
}
#footer p { 
float: left;
font-family: Helvetica, Arial, sans-serif;
letter-spacing: 1px;
text-align: left;
margin: 0;
padding: 0;
}
#footer #banners {
float: right;	
margin: 0;
padding: 0;
}
#banners a {
display: inline;
margin: 0;
padding: 0;
}
#banners img {
float: left;
margin: 0 0 10px 7px;
padding: 0;
}