@charset "utf-8";

ul.tabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  border-bottom: none;
  border-left: none;
  width:100%;
}

ul.tabs li {
  float: left;
  margin: 0;
  padding: 0;
  line-height: 31px;
  border: none;
  border: solid 1px #666;
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
  background: none;
  width:49.50%;
  -moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}

ul.tabs li a {
  text-decoration: none;
  color: #fff;
  display: block;
  font: 500 12pt/35px 'Roboto', sans-serif;
  padding: 0 10px;
  border-style: solid;
  border-width:1px 1px 0 1px;
  border-color:#fff;
  outline: none;
  text-align: center;
  -moz-border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0;
   text-shadow:1px 1px 0 #000;
}

ul.tabs li a:hover {
  background: #004f98;
}
ul.tabs li a.left, html ul.tabs li.active a.left {background:#b31112 !important;}
ul.tabs li a.right, html ul.tabs li.active a.right {background:#0055a2 !important;}
html ul.tabs li.active, html ul.tabs li.active a:hover {
  background: #fff;
  border-bottom: none;
}
ul.tabs li.drop ul li {
  list-style: none;
}

.tab_container {
  border: 1px solid #fff;
  border-top: none;
  overflow: hidden;
  clear: both;
  float: left;
  width: px;
  height: auto;
  min-height:325px;
  background: #fff;
   -moz-border-radius: 0 0 10px 10px;
   border-radius: 0 0 10px 10px;
   width:99.4%
   
}
.tab_container #tab1, .tab_container #tab2 {min-height:325px;   -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}

.tab_container #tab1 {border:1px solid #b31112;}
.tab_container #tab2 {border:1px solid #0055a2;}

.tab_content {
  padding: 15px;
  font:400 10pt 'Roboto', sans-serif;
  text-align:left;
  color:#fff !important;
}

ul.tabs li.drop ul{
  margin:0;
  padding:0;
}
ul.tabs li.first{
  padding-left:20px;
}

body,
html {
margin:0;
padding:0;
}
#wrap {
width:500px;
margin:0 auto;
}
#leftcolumn {
float:left;
padding-left:30px;
width:200px;
}
#rightcolumn {
float:right;
padding-right:50px;
width:200px;
}
#bottom {
clear:both; }
H1 { font-size:16px; }
H2 { font-size:16px;
padding-top:0px;
margin-top:0px; }
p { text-align:left; font-size:12px; color:#000000;}

/*  COMMERCIAL TABS  -- [For Sale / For Lease / Sold]  */
	a#commercial_listing_tab_sml {display:inline-block; *display:inline; width:28%; position:relative; border: solid 2px #666; text-align:center; margin:0 2%; padding:0; background:#000; color:#ccc; text-decoration:none;}
		a#commercial_listing_tab_sml img {opacity:.35; border:solid 1px #CCC; z-index:50; width:94%; height:94%; position:absolute; top:3%; left:3%; z-index:50;}
		a#commercial_listing_tab_sml span.title {width:100%; color:#ccc; font: bold 25px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; padding-top:20px; display:block; position:relative; z-index:100;}
		a#commercial_listing_tab_sml span.subtitle {font: bold 10pt "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:right; padding:3%; display:block;  position:relative; z-index:100;}
	a#commercial_listing_tab_sml:hover {border-color:#F00; color:#fff;}
	a#commercial_listing_tab_sml:hover img {opacity:0.50; filter: alpha(opacity = 50);}