/*** 
   do not delete this dummy class which is
   used to fix some strange problems
***/

.xxx {
}

/* ------------- GENERIC --------------------*/
* {
  margin: 0;
  padding: 0;
}

html, body {
   width: 100%;
}

body {
   margin: 0;
   padding: 0;
   color: #000;
   background-color: #fff;
   font: 12px Arial, Helvetica, sans-serif;
   border: 0px dashed blue;
   background-image: url(images/bgs/general.jpg);
   background-repeat: no-repeat;
}

/*** set this due to the inheritance bug. body font is not inherited in the td tags ***/
td, th{
   font: 12px Arial, Helvetica, sans-serif;
}

/**********************************************************/
img {
   margin: 0;
   padding: 0;
   border: 0px solid red;
   display: block;
}

a img {
   border: 0;
}

p {
   margin: 0.5em 0 0.5em;
}

ul {
   margin-left: 15px;
}

ul li {
   margin-top: 0.4em;
   margin-bottom: 0.4em;
}

/* ------------- common styles --------------- */
.clear {
   clear: both;
}

.hrDiv {
   border-top: 1px dashed #ccc;
}

/**********************************************************/
a {
   color: #0000EE;
   text-decoration: underline;
}

a:hover {
}

/**********************************************************/
h1, h2, h3, h4, h5, h6 {
   margin-top: 0.2em;
   margin-bottom: 0.2em;
   font-weight: bold;
}

h1 {
   font-size: 1.8em;
}

h2 {
   font-size: 1.3em;
   margin-bottom: 0.7em;
}

h3 {
   font-size: 1.3em;
}


/**********************************************************/
#siteContainer1 {
   width:1000px;
   height:100%;
}

/**********************************************************/
#siteContentContainer {
   height:95%;
   border: 0px solid red;
   
}


/**********************************************************/
#bodyContainer {
   border:0px solid blue;
   min-height: 400px;
}

/**********************************************************/
/*--- home page stuff ---*/
#leftHome {
   float: left;
   width: 230px;
   border: 0px solid red;
}

#contentHomeContainer {
   float: left;
   width: 770px;
   border: 0px solid red;
}

#contentHome {
   float: left;
   width: 430px;
   border: 0px solid red;
}

#contentHomeRight {
   float: left;
   width: 340px;
   border: 0px solid red;
}


/*--- other page stuff ---*/
#left {
   float: left;
   width: 230px;
   border: 0px solid red;
}

#right {
   float: left;
   width: 718px;
   border: 0px solid red;
}

/*--- Gallery section ---*/
body.room-12 #right {
   width: 748px;
}

/**********************************************************/

.clearfix {
    overflow: hidden;
}