body
{ 
background-image:url('images/backing_page.jpg');
background-color: #550000; 
background-repeat: repeat-x
}

/*background image for each section*/

a:visited { text-decoration: underline;
				background-color: #000000;
              color: #E3CC49}
a:link    { text-decoration: underline; 
              color: #F5FDBC }
a:hover   { text-decoration: none;
 				background-color: #000000; }
				
h3
{ 
font: 18px Arial, Helvetica, sans-serif;
color: #F5FDBC;
font-weight:bold;
}

h4
{ 
font: 15px Arial, Helvetica, sans-serif;
color: #F5FDBC;
margin-left: 15px;
font-weight:bold;
text-align: left;
}

.wrapper
{
background-color: #3C3A3A; 
}

.bigolecity
{
font: 12px Arial, Helvetica, sans-serif;
font-weight:bold;
color: #F5FDBC;
text-indent: 2px;
}

.construction
{
font: 12px Arial, Helvetica, sans-serif;
color: #F5FDBC;
text-indent: 2px;
padding: 2px;  
border:thin;
}

.constructiontitle
{
font: 14px Arial, Helvetica, sans-serif;
font-weight:bold;
color: #d1d1d1;
text-indent: 2px;
}

.thecompany
{
font: 11px Arial, Helvetica, sans-serif;
font-weight:bold;
color: #FFFFFF;
}

.therest
{
font: 10px Arial, Helvetica, sans-serif;
color: #F5FDBC;
}

.chrono_text
{
font: 13px Arial, Helvetica, sans-serif;
color: #F5FDBC;
text-indent: 15px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
text-align: left;
}

/* image galleries start */

#gallerycontainer{
padding-left: 30px;
	}

h5
{ 
margin-top: 3px;
font: 11px Arial, Helvetica, sans-serif;
color: #ffff66;
font-weight:bold;
text-align: left;
margin-left: 2px;
margin-bottom: 0px;
margin-right: 0;
padding-bottom: 0px;
word-spacing: -.5px;
}
	
#img
  {
  width: 22px;
  float: left;
  text-align: center;
  }

div.img
  {
  margin: 2px;
  border: 1px solid #bcbcbc;
  border-bottom: 1px solid #565656;
  border-right: 1px solid #565656;
  height: 240px;
  width: 158px;
  float: left;
  text-align: left;
  background-color: #2E2A2A;
  background-image:url(images/backing_item.gif);
  background-position:bottom;
  background-repeat: repeat-x;
  padding: 5px;
  margin-bottom: 5px;
  }

div.img img
  {
  display:inherit;
  margin: 2px;
  border: 2px solid #a59435;
  }

div.img a:hover img
  {
  border: 2px solid #ffff66;
  }

div.desc
  {
  text-align: left;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 6px;
  margin-left: 8px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:9px;
  color:#373737;
  }
  
div.desc a:link
  {
  text-decoration: underline; 
              color: #0000ff }

div.desc a:hover   { 
   text-decoration: none;
   color: #83C3C7;
   background-color: #000000;
   } 
    
.dimen5
{
font: 10px Arial, Helvetica, sans-serif;
color: #FBFFE2;
text-align: left;
text-indent:10px;
word-spacing: 3px;
}

.relat5
{
font: 9px Arial, Helvetica, sans-serif;
color: #777;
font-weight:bold;
letter-spacing: 4px;
margin-left: 15px;
padding-left: 3px;
margin-bottom: 0px;
background-color: #3C3A3A; 
}

.relat6
{
font: 11px Arial, Helvetica, sans-serif;
color: #F5FDBC;
font-weight:bold;
margin-left: 15px;
padding-left: 8px;
margin-bottom: 0px;
background-color: #3C3A3A; 
}

.dimen6
{
font: 9px Arial, Helvetica, sans-serif;
color: #F5FDBC;
margin-left: 15px;
padding-left: 15px;
margin-bottom: 0px;
background-color: #3C3A3A; 
word-spacing: 3px;
}

/* image galleries end */

/* staggering lists start */
.chrono_item1
{
background-color: #222222; 
vertical-align: top;
margin-bottom: 5px;
}
.chrono_item2
{
background-color: #222222; 
vertical-align: middle;
margin-left: 40px;
margin-bottom: 5px;
}

.chrono_item3
{
background-color: #222222; 
vertical-align: middle;
margin-left: 80px;
margin-bottom: 5px;
}

.chrono_item4
{
background-color: #222222; 
vertical-align: middle;
margin-left: 120px;
margin-bottom: 5px;
}

.chrono_item5
{
background-color: #222222; 
vertical-align: middle;
margin-left: 160px;
margin-bottom: 5px;
}
.chrono_item6
{
background-color: #222222; 
vertical-align: middle;
margin-left: 200px;
margin-bottom: 5px;
}

.chrono_item7
{
background-color: #222222; 
vertical-align: middle;
margin-left: 240px;
margin-bottom: 5px;
}

.chrono_item8
{
background-color: #222222; 
vertical-align: middle;
margin-left: 280px;
margin-bottom: 5px;
}

.chrono_item9
{
background-color: #222222; 
vertical-align: middle;
margin-left: 320px;
margin-bottom: 5px;
}
.chrono_item10
{
background-color: #222222; 
vertical-align: middle;
margin-left: 360px;
margin-bottom: 5px;
}

.chrono_item11
{
background-color: #222222; 
vertical-align: middle;
margin-left: 400px;
margin-bottom: 5px;
}

.chrono_item12
{
background-color: #222222; 
vertical-align: middle;
margin-left: 440px;
margin-bottom: 5px;
}

.chrono_item13
{
background-color: #222222; 
vertical-align: middle;
margin-left: 480px;
margin-bottom: 5px;
}
.chrono_item14
{
background-color: #222222; 
vertical-align: middle;
margin-left: 520px;
margin-bottom: 5px;
}

.chrono_item15
{
background-color: #222222; 
vertical-align: middle;
margin-left: 560px;
margin-bottom: 5px;
}

.chrono_item16
{
background-color: #222222; 
vertical-align: middle;
margin-left: 600px;
margin-bottom: 5px;
}

.chrono_item17
{
background-color: #222222; 
vertical-align: middle;
margin-left: 640px;
margin-bottom: 5px;
}
/* staggering lists end */

p
{
font: 12px Arial, Helvetica, sans-serif;
color: #F5FDBC;
margin-left: 5px;
margin-right: 15px;
margin-bottom: 10px;
text-align: left;
}

.listings
{
font: 12px Arial, Helvetica, sans-serif;
color: #F5FDBC;
margin-right: 15px;
margin-bottom: 10px;
text-align: left;
}

.listingsmain
{
font: 10px Arial, Helvetica, sans-serif;
color: #F5FDBC;
margin-right: 5px;
margin-bottom: 10px;
text-align: left;
text-indent: 0px;
}

.listing_relat_area
{
border-width: thin;
border-style: solid;
border-color: #5B0000;
font-weight:bold;
padding: 4px;
margin-right: 5px;
margin-top: 0px;
margin-bottom: 10px;
background-color: #010101;
}

.contactinfo
{
font: 14px Arial, Helvetica, sans-serif;
color: #F5FDBC;
margin-bottom: 10px;
text-indent: 0px;
margin-left: 0px;
text-align: center;
}

.images
{
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
}

td.descript { background-color: #270001; } 

.footer
{
font: 10px Arial, Helvetica, sans-serif;
color: #F5FDBC;
line-height: 100%;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
}

.info_item
{
margin-bottom: 10px;
margin-left: 2px;
background-color: #2E2A2A; 
}

.itemname1
{
margin-top: 45px;
font: 12px Arial, Helvetica, sans-serif;
background-image: url('images/backing_items.jpg');
color: #ffff66;
font-weight:bold;
text-align: left;
margin-left: 7px;
}

.itemname2
{
margin-top: 45px;
font: 13px Arial, Helvetica, sans-serif;
color: #ffff66;
font-weight:bold;
text-align: left;
margin-left: 0px;
}

.itemname3
{
font: 15px Arial, Helvetica, sans-serif;
color: #ffff66;
font-weight:bold;
text-align: left;
margin-left: 0px;
}

.dimen1
{
font: 11px Arial, Helvetica, sans-serif;
color: #FBFFE2;
}

.listdimen1
{
font: 10px Arial, Helvetica, sans-serif;
color: #FFD6A1;
font-weight:bold;
margin-left: 15px;
}

.relat2
{
font: 10.5px Arial, Helvetica, sans-serif;
color: #FBFFE2;
font-weight:bold;
letter-spacing: 1px;
margin-left: 7px;
margin-bottom: 10px;
background-color: #3C3A3A; 
}

.relat1
{
font: 10px Arial, Helvetica, sans-serif;
color: #F5FDBC;
font-weight:bold;
margin-left: 7px;
margin-bottom: 10px;
background-color: #3C3A3A; 
}

.relat3
{
font: 10.5px Arial, Helvetica, sans-serif;
color: #FBFFE2;
font-weight:bold;
letter-spacing: .5px;
margin-left: 7px;
margin-bottom: 10px;
background-color: #3C3A3A; 
}

.dyotitle
{
font: 14px Arial, Helvetica, sans-serif;
word-spacing: 2px;
margin-bottom: 40px;
}

.specialnotes
{
font: 10px Arial, Helvetica, sans-serif;
color: #F5FDBC;
border-width: thin;
border-style: solid;
border-color: #5B0000;
font-weight:bold;
padding: 4px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
background-color: #010101; 
}

.specialnotes2
{
font: 13px Arial, Helvetica, sans-serif;
color: #F5FDBC;
border-width: thin;
border-style: solid;
border-color: #5B0000;
font-weight:bold;
padding: 4px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
background-image: 
url('images/collections/dyo_original/backing.gif');
background-repeat: repeat-x}

.chromestyle{
width: 99%;
font:bold 12px Arial, Helvetica, sans-serif;
color: #ffff66;
font-weight:bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #ffff66;
width: 100%;
background-color: #550000; 
color: #ffff66;
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
color: #ffff66;
line-height:24px;
}

.chromestyle ul li a{
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #83C3C7;
line-height:18px;
}

.chromestyle ul li a:hover{
color: #ffff66;
background-color: #000000; 
text-decoration: underline;
}



/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #ffff66; /*THEME CHANGE HERE*/
border-bottom-width: 0;
color: #ffff66;
font: bold normal 11px Arial, Helvetica, sans-serif;
line-height:18px;
z-index:100;
background-color: #5B0000;
width: 200px;
visibility: hidden;
text-align: left; /*set value to "left", "center", or "right"*/
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ffff66; /*THEME CHANGE HERE*/
padding: 1px 0;
color: #ffff66;
background-color: #5B0000;
text-decoration: none;
font-weight: bold;
color: ffff66;
}

#menusub {
margin-left: 20px;
font: bold normal 10px Arial, Helvetica, sans-serif;
/*background-image:url(images/nav_arrow.gif);*/
/*background-position:left;*/
/*background-repeat:no-repeat;*/
color: #ffff66;
}


* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-image:url(images/selected_back.gif);
background-position:left;
background-repeat:no-repeat;
color: ffff66;
text-decoration:underline;
}