html, body {
  margin: 0;
  padding: 0;
  text-align: center;
}
#root {
  width: 100%;
  height: 100%;
}
#view {
  width: 960px;
  height: 567px;
}
#home_topl {
  float: left;
  padding: 108px 0px 0px 96px;
}
#home_topr {
  width: 307px;
  height: 257px;
  float: right;
}
#menu {
  clear: both;
  width: 960px;
  height: 17px;
  text-align: right;
}
#menu a {
  position: relative;
  top: -2px;
  font: bold 13px sans-serif;
  color: #666666;
  margin: 0 10px;
  text-decoration: none;
}
.visiting  {
	background-color:#b03200;
	color:#ffffff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 5px;
}
.visiting a, .design-professionals a, .showroom-policy a {
	color:#ffffff;
	text-decoration:none;
}
.design-professionals {
	background-color:#297395;
	color:#ffffff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 5px;
}
.showroom-policy {
	background-color:#617b3b;
	color:#ffffff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 5px;
}
.content-block-image {
	margin:0 21px;
}
#menu a:hover {
  color: black;
}
#home_mainl {
  width: 146px;
  height: 277px;
  float: left;
}
#home_mainr {
  width: 791px;
  height: 277px;
  float: right;
  text-align: right;
}
#logo {
  width: 377px;
  height: 140px;
  float: left;
  background: url(img/odc_logo.gif) no-repeat center;
  text-indent: -1000px;
}
#topr {
  width: 565px;
  height: 140px;
  float: right;
}
#mainl {
  width: 377px;
  height: 393px;
  float: left;
  background: #86825F;
  color: white;
  text-align:left;
  overflow: auto;
}
#mainl h1 {
  margin: 24px 16px 0;
  font: 40px sans-serif;
}
#mainl h2 {
  margin: -8px 20px 0;
  font: 20px sans-serif;
  text-transform: lowercase;
}
#mainl h3 {
  margin: 24px 20px 0;
  font: bold 16px sans-serif;
  text-transform: uppercase;
}
#mainl h4 {
  margin: 8px 20px -8px;
  font: bold 12px sans-serif;
}
#mainl p {
  margin: 8px 20px 0;
  font: 12px sans-serif;
}
#mainl address {
  margin: 8px 20px 0;
  font: 14px sans-serif;
}
#mainl blockquote {
  margin: 8px 30px 0;
  font: 12px sans-serif;
  font-style: italic;
  text-align: justify;
}
#mainl cite {
  margin: 0px;
  font: bold 12px sans-serif;
}
#mainl a {
  color: #E0E0E0;
}
#mainl a:hover {
  color: white;
}
#mainr {
  width: 565px;
  height: 393px;
  float: right;
  overflow: hidden;
}
#mainr h1 {
  margin: 24px 16px 0;
  font: 24px sans-serif;
}
#mainr h2 {
  margin: -8px 20px 0;
  font: 20px sans-serif;
  text-transform: lowercase;
}
#mainr h3 {
  margin: 24px 20px 0;
  font: bold 16px sans-serif;
  text-transform: uppercase;
}
#mainr h4 {
  margin: 8px 20px -8px;
  font: bold 12px sans-serif;
}
#mainr li {
  font: 12px sans-serif;
}
#mainr p {
  margin: 8px 20px 0;
  font: 12px sans-serif;
}
#mainr a {
  color: #404040;
}
#mainr a:hover {
  color: black;
}
#mainl.form {
  background: #C06F38;
}
#mainr.form {
  background: #D9B018;
  color: white;
}
#mainl.short {
  height: 285px;
}
#mainlb {
  width: 377px;
  height: 91px;
  margin-top: 17px;
  float: left;
}
#mainlbl {
  width: 96px;
  height: 91px;
  float: left;
}
#mainlbr {
  width: 261px;
  height: 91px;
  float: right;
}
#main3l {
  width: 160px;
  height: 393px;
  float: left;
  overflow: auto;
  background: #C34500;
  color: white;
}
#main3l h1 {
  margin: 24px 16px 0;
  font: 40px sans-serif;
}
#main3l h2 {
  margin: -8px 20px 0;
  font: 20px sans-serif;
  text-transform: lowercase;
}
#main3l h3 {
  margin: 24px 20px 0;
  font: bold 12px sans-serif;
  text-transform: uppercase;
}
#main3l h4 {
  margin: 8px 20px -8px;
  font: bold 12px sans-serif;
}
#main3l p {
  margin: 8px 20px 0;
  font: 12px sans-serif;
}
#main3l a {
  color: #E0E0E0;
}
#main3l a:hover {
  color: white;
}
#main3c {
  width: 480px;
  height: 393px;
  float: left;
  margin-left: 17px;
  overflow: auto;
  background: #E9E9E9;
}
#main3c h1 {
  margin: 24px 16px 0;
  font: 24px sans-serif;
}
#main3c h2 {
  margin: -8px 20px 0;
  font: 20px sans-serif;
  text-transform: lowercase;
}
#main3c h3 {
  margin: 24px 20px 0;
  font: bold 12px sans-serif;
  text-transform: uppercase;
}
#main3c h4 {
  margin: 8px 20px -8px;
  font: bold 12px sans-serif;
}
#main3c p {
  margin: 8px 20px 0;
  font: 12px sans-serif;
}
#main3c li {
  font: 12px sans-serif;
}
#main3c a {
  color: #404040;
}
#main3c a:hover {
  color: black;
}
#main3r {
  width: 286px;
  height: 393px;
  float: right;
}
#rtf {
  padding: 0px 20px;
  font: 12px sans-serif;
}
#rtf p {
  margin-left: 0;
}
form {
  padding: 10px 40px;
}
input, textarea {
  border: 4px solid white;
  border-width: 4px 8px;
  font: bold 12px sans-serif;
  color: #404040;
}
label {
  color: white;
  font: bold 14px sans-serif;
  padding-left: 6px;
}
span.error {
  color: #800000;
  font: bold 14px sans-serif;
}
span.serp {
  background: white;
  font-weight: bold;
  font-style: italic;
}


      #rooms {
        width: 565px;
        height: 140px;
        float: right;
        background: #89322B;
      }
      #rooms table {
        width: 545px;
        margin: 5px 5px 5px 15px;
      }
      #rooms a {
        color: white;
        font: 12px/14px sans-serif;
        text-decoration: none;
        display: block;
      }
      #rooms a:hover {
        color: #ffd1cd;
      }
 
 	  #ifrmevent{
		width:500;
        height: 393px;

      }
	  #eventr
	  {
 		width: 150px;
        height: 393px;
        float: left;
	    background: #c44500;
        color: white;
		overflow:auto;
	  } 

	  #eventr1
	  {
        font: 12px sans-serif;
        float: left;
        color: white;
		vertical-align:top;
		margin-left:10px;
	  } 

	  #eventr1 a 
	  {
        font: 25px sans-serif;
		font-style:italic;
        float: left;
        color: white;
		vertical-align:top;
	  } 

	  
	  #ifrm{
        width: 377px;
        height: 393px;
        float: left;
        background: #86825F;
        color: white;
		overflow:auto;
      }

	  #eventr1 	  {
        font: 12px sans-serif;
		color:white;

	  }	
	  
	  #eventr1 a	  {
        font: 12px sans-serif;
		color:white;

	  }	

      #mainl table {
        float: left;
        background: #86825F;
        color: white;
        font: 12px sans-serif;
      }
	  
	  
      #mainl li {
        margin: 8px 20px 0;
        font: 12px sans-serif;
      }

	  #LeasingLeft{
        width: 377px;
        height: 393px;
        float: left;
	  }
	  #LeasingLT{
	  width: 377px;
	  height:280px;
      background-color:#c06f38;
  	  color:white;
      }
	  #leasingLT h1
	  {
	  margin:10px;
	  font: 28px sans-serif;
	  text-align:center;
	  
	  }
  	  #leasingLT p {
        margin: 8px 20px 0;
        font: 12px sans-serif;
		}
		
	    #leasingLT Address {
        margin: 14px 20px 0;
        font: 12px sans-serif;
		}

	  #LeasingRight{
        width: 565px;
        height: 393px;
        float: right;
		background-color:#d9b018;
      }
	  
      #footer {
        clear: both;
        width: 960px;
        height: 17px;
        font: 11px/17px sans-serif;
        text-align: center;
        color: #666666;
      }
      #footer .gap {
        margin: 0 50px;
      }
	  .gapEvents
	  {
	     width:12 px;
	  }
	   .gapLeasing
	  {
	     width:15 px;
	  }
	  .toppanelgap{
         width:12 px;
      }


.caption {
  position: relative;
  top: -2em;
  font: 9px/10px sans-serif;
  text-align: right;
  padding-right: 2px;
}      
.caption span {
  padding: 2px;
  background: white;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
a.clearanceShowroom {
	color: #fff !important;
	text-decoration: none;
}
a.clearanceShowroom:hover {
	text-decoration: underline;
}