@page { 
  size :landscape; 
}

/*----------------------------------------------+
+ Formatage global                              +
+----------------------------------------------*/
html {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0;
  font: 13px "Trebuchet MS", arial, verdana, helvetica sans-serif;
  color: #676767;
  background: url(top_bg.jpg) repeat-x  left 0 #FFFFFF; /*Modifier 160px selon la hauteur du header*/
}
h1, h2, h3,div, form, img, table, td, tr, p, li, ul, dd {
  margin: 0;
  padding: 0;
  border: none;
}




a, a:link, a:active, a:visited {
  color: #E69117; 
  text-decoration : none; 
} 
a:hover {
  color: #3977BC; 
  text-decoration: none; 
}
#global {
  width: 960px;
  margin: 0 auto;
  background: url(global_bg.gif) repeat-y #FFF;
}
.btn {
  width: 176px;
  height: 20px;
  margin: 0 auto 6px auto;
  padding: 3px 0 0 0;
  font: bold 12px arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  background: url(btn.gif) no-repeat #729AC5;
  display: block;
  color: #FFF;
}
#global .btn a {
  color: #FFF;
}

/*----------------------------------------------+
+ Haut de page                                  +
+----------------------------------------------*/
#top {
/*
 background: url(top_bg.jpg) repeat-x top #7ABADE; 
   background: url(clouds.jpg) no-repeat center bottom #72B4FE;*/
}
#top #header {
  width: 960px;
  height: 259px;
  margin: 0 auto;
  background: url(header_bg.gif) no-repeat right bottom; 
}

/*----------------------------------------------+
+ Centre                                        +
+----------------------------------------------*/
#col_1 {
  width: 252px;
  padding: 0 0 15px 0;
  text-align: left;
  background: url(bg_col1.gif) repeat-y left #F1F1F1;
  float: left;
}
#col_2 {
  width: 708px;
  background: url(col_2_bg.gif) no-repeat 0 38px #FFF;
  text-align: left;
  float: left;
}

/*----------------------------------------------+
+ Menu horizontal                               +
+----------------------------------------------*/
#menu_x {
  height: 38px;
  background: url(menu_x_bg.gif) repeat-x #7ABADE; 
  text-align: right;
}
#menu_x ul { 
  height: 38px;
  padding: 0 0 0 49px;
  background: url(menu_x_bg2.jpg) no-repeat left #7ABADE;
  width:659px;
  float: right;
}
#menu_x ul li {
  font: bold 12px arial, sans-serif;
  display: inline;
  list-style: none;
}
#menu_x ul li span {
  background: url(menu_x_bar.gif) no-repeat right top;
  padding: 0 1px 0 0;
  float: left;
  display: block;
}
#menu_x ul li .bar_2 {
  background: url(menu_x_bar2.gif) no-repeat right top;
  padding: 0 2px 0 0;
}
#menu_x ul li a {
  height: 26px;
  padding: 12px 22px 0 22px;
  display: block;
  text-transform: uppercase;
  background: url(menu_x_li.gif) repeat-x #6A94C2;
  color: #FFF;  
  float: left;
}
#menu_x ul li a:hover,
#menu_x ul li .activ {
  background: url(menu_x_hover.gif) repeat-x #59789A;
  color: #FFC600;
}
#menu_x ul li .activ { color: #FFF; }

/*----------------------------------------------+
+ Contenu des colones                           +
+----------------------------------------------*/
#col_1 #menu_x_2 {
  height: 39px;
  margin: 0;
  padding: 60px 0 0 0;
  background: url(menu_x_2_bg2.jpg) no-repeat left top;
}
#col_1 #menu_x_2 li { 
  display: inline;
}
#col_1 #menu_x_2 li a {
  height: 26px;
  padding: 10px 0 0 12px;
  margin: 0 17px 0 0;
  font: bold 12px arial, sans-serif;
  color: #FFF;  
  text-transform: uppercase;
  background: url(chip_3.gif) no-repeat left ;
  display: block;
  float: left;
}
#col_1 #menu_x_2 li a:hover {
  background-image: url(chip_4.gif);
}
#col_1 h2 {
  margin: 16px 17px 0 8px;
  padding: 0 0 0 20px;
  color: #42536D;
  text-transform: uppercase;
  background: url(chip_1.gif) no-repeat left ;
  border-bottom: 1px dotted #E69016;
  font: bold 12px arial, sans-serif;
}
#col_1 ul {
  margin: 4px 17px 16px 8px;
}
#col_1 ul li { list-style: none; display: block; }
#col_1 li a {
  height: auto !important; 
  height: 19px;
  padding: 0 5px 0 0;
  font: 11px arial, sans-serif;
  color: #696969;  
  text-transform: uppercase;
  line-height: 19px;
  display: block;
}
#col_1 li a:hover,
#col_1 li .activ {
  background: #E7BF85;
  color: #000;
}
#col_1 ul li span {
  padding: 0 0 0 27px;
  background: url(chip_2.gif) no-repeat 20px 6px;
  display: block;
}
#col_1 #contact {
  height: 154px;
  margin: 16px 0 25px 8px;
  padding: 10px;
  color: #000;
  font: 12px arial, sans-serif;
  background: url(contact.gif) no-repeat #E2E2E2;
  line-height: 19px;
}
#col_1 #contact h2 {
  margin: 0;
  padding: 15px 0 0 0;
  border: none;
  background: none;
}
#col_1 #contact .phone {
  margin: 12px 0 0 0;
  color: #E69016;
  font-weight: bold;
  border-top: 1px solid #B3B3B3;
  padding: 7px 0 0 0;
}

#col_1 #new {
margin: 4px 17px 16px 2px;
background:url(new.gif) no-repeat left;

}
#col_1 #new a {
  height: auto !important; 
  height: 26px;
  padding: 0 0 0 30px;
  font: bold 12px arial, sans-serif;
  color: #42536D;  
  text-transform: uppercase;
  line-height: 26px;
  display: block;
 }
 
 #col_1 p {
 	margin-top:-15px;
  padding: 0 8px 0 30px;
  font: 10px "Trebushet MS", sans-serif;
  color: #696969;  
 }
/*----------------------------------------------*/
#col_2 #edito {
  height: 200px;
  margin: 2px 2px 0 2px;
  background: #E3E3E1;
  border-bottom: 1px solid #FFF;
  text-align: left;
}
#col_2 #edito2 {
  margin: 2px 2px 0 2px;
  background: url(photo_edito_corner.jpg) no-repeat left top #E3E3E1;
  border-bottom: 1px solid #FFF;
  text-align: left;
}
#col_2 #edito .bloc_2 {
  height: 200px;
  margin: 0 0 0 453px;
  padding: 7px 0 0 0;
  background: #C3C9D0;
  width:250px;
}
#col_2 #edito .bloc_2 select{
	margin:10px;
}
#col_2 #edito .bloc_2 submit{
	margin:10px;
}
#col_2 #edito .bloc_2 h2{
	padding-left:10px;
}

#slider_container{
	float:left;
	display:block;
	height:200px;
	width:453px;
	position:relative;
}

#slider_nav{
	
}

#slider {
	position:absolute;
	top:10px;
	left:30px;
	width:393px;
	border:1px solid #ccc;
	background:#FFF;
	height:180px;
	overflow:hidden;
	display:block;
	margin:0px;
}

#slider ul li{
	float:left;
	list-style:none;
	width:393px;
}
#slider ul li img{
	margin-top:-40px;
}

#slider_nav_prev, #slider_nav_next{
	width:25px;
	height:46px;
	display:block;
	text-indent:-3000px;
	background:url(previous.png) no-repeat top left;
	position:absolute;
	top:70px;
	z-index:3000;
}
#slider_nav_prev{
	left:2px;
}
#slider_nav_next{
	background:url(next.png) no-repeat top left;
	right:0px;
}





#col_2 #edito h2 {
  margin: 0;
  padding: 2px 0 0 0;
  border: none;
  color: #496B91;
  font: bold 18px "Trebuchet MS", sans-serif;
  background: none;
  text-transform: uppercase;
}
#col_2 #edito p {
  margin: 0 5px 0 0;
  padding: 0;
  color: #496B91;
  font: 11px arial, sans-serif;
  background: none;
}

#col_2 h1 {
  margin: 0 2px;
  padding: 5px 8px;
  border-top: 1px solid #E4E6E9;
  font: 18px "Trebuchet MS", sans-serif;
  text-transform: uppercase;
  color: #496B91;
  background: url(h2.gif) repeat-y right #F4F5F6;
}
#col_2 h1 span {
  display: block;
  background: url(chip_5.gif) no-repeat right;
}

#col_2 h2 {
  margin: 0 2px;
  padding: 5px 8px;
  border-top: 1px solid #E4E6E9;
  font: 18px "Trebuchet MS", sans-serif;
  text-transform: uppercase;
  color: #496B91;
  background: url(h2.gif) repeat-y right #F4F5F6;
}
#col_2 h2 span {
  display: block;
  background: url(chip_5.gif) no-repeat right;
}
#col_2 p {
	margin: 0 2px;
	padding: 10px;
	font: 12px "Trebuchet MS", sans-serif;
	color: #496B91;
	text-align: justify;
	background-repeat: repeat-x;
	background-position: top;
}


#col_2 h3 {
  margin: 0 0 0 10px;
  color: #E69117;
  font: bold 14px "Trebuchet MS", sans-serif;
  text-transform: uppercase;
}
#col_2 .bar {
  padding: 1px 0 0 0;
  margin: 0 2px;
  border-top: 2px solid #FFF;
  border-bottom: 1px solid #FFF;
  background: #D4D4D4;
}
#col_2 .list {
  margin: 0 2px;
  padding: 4px 0 4px 4px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  background: url(list_bg.gif) repeat-x top #F5F5F5;
}
#col_2 .list table {
  width: 100%;
}
#col_2 .list .photo {
  width: 207px;
  padding: 5px 0 0 0;
}
#col_2 .list .photo img {
  padding: 1px;
  border: 1px solid #D3D5D9;

}
#col_2 .list .showopenhouse {
  width: 217px;
  height:160px;
  padding: 5px 0 0 0;
  margin-top:-170px;
	text-align:right;
}
#col_2 .list .showopenhouse img{
	border:0px;
}

.textopenhouse {
	margin:20px;
	background:url(openhouse.gif) no-repeat top left;
	padding-left:60px;
	border:3px solid #E69117;
}


#col_2 .list table .label {
  margin: 0 0 0 10px;
  padding: 0;
  font: bold 12px tahoma, sans-serif;
  color: #3F638B;
}
#col_2 .list table td {
  vertical-align: middle;  
  
}
#col_2 .list table .res {
  white-space: nowrap;
  height: 18px;
  padding: 0 0 0 10px;
  overflow: hidden;
  font: 12px tahoma, sans-serif;
  color: #3F638B;
}
#col_2 .list table .color_line,
#col_2 .list table .color_line td {
  background: #E7BF85;
}
#col_2 .list table .color_line td strong {
  color: #FFF;
}
#col_2 .list table .action {
  text-align: center;
}
#col_2 .list table .btn_act {
  margin: 3px 2px 0 2px !important;
  margin: 4px 2px 0 2px;
  border: 1px solid #7C8B96;
  font: bold 11px arial, sans-serif;
  color: #105078;
  background: url(btn_act.gif) repeat-x top #C0C6CE;
  display: block;
  cursor: pointer;
  float: left;
}
#col_2 .list table .btn_act:hover {
  border-color: #60B7F6/*#6FABD7*/;
  color: #33749D;
}
#col_2 .list table .btn_act span {
  margin: 1px 1px 1px 2px;
  padding: 2px 4px 0 22px; 
  height: 15px;
  display: block;
}
#col_2 .list table .virtual {
  width: 91px;
  margin: 3px 2px 0 7px !important;
  margin: 4px 2px 0 4px;
}
#col_2 .list table .virtual span {
  background: url(tour.gif) no-repeat top left;
}
#col_2 .list table .more_photo {
  width: 100px;
}
#col_2 .list table .more_photo span {
  background: url(more_photo.gif) no-repeat top left;
}
#col_2 .list table .map {
  width: 52px;
}
#col_2 .list table .map span {
  background: url(map.gif) no-repeat top left;
}
#col_2 .list table .contact {
  width: 200px;
}
#col_2 .list table .contact span {
  background: url(map.gif) no-repeat top left;
}

#col_2 .list table .view {
  width: 150px;
}
#col_2 .list table .view span {
  background: url(view.gif) no-repeat top left;
}
#col_2 .bloc_txt {
  margin: 0 2px;
  background: url(bloc_txt_bg.gif) repeat-x bottom #517791;
  height: 170px;
  border-bottom: 2px solid #FFF;
}
#col_2 .bloc_txt p,
#col_2 .bloc_txt  h2 {
  background: none;
  margin: 0 10px 0 10px;
}
#col_2 .bloc_txt  h2 {
  color: #FFF;
  border: none;
  padding: 11px 0 0 0;
}
#col_2 .bloc_txt p {
  color: #C2E5FF;
  line-height: 14px;  
  padding: 0 10px 0 0;
}
#col_2 .bloc_txt .thumb {
  margin: 0 12px 0 0;
  float: left;
  display: block;
  width: 156px;
  height: 116px;
  background: url(san_diego.jpg) no-repeat;
}

/*----------------------------------------------+
+ Bas de page                                   +
+----------------------------------------------*/
#bottom {
  background: url(bottom_bg.gif) repeat-x top #BEC4CC;
  height: 100px;
}
#bottom #footer {
  height: 100px;
  width: 960px;
  margin: 0 auto;
  background: url(footer_bg.gif) no-repeat right top;
}
#bottom #footer .col_1 {
  width: 130px;
  height: 52px;
  margin: 20px 0 0 0;
  padding: 5px 0 0 89px;
  float: left;
  font: 11px tahoma, sans-serif;
  color: #575757;
  background: url(logo_footer.jpg) no-repeat 9px top;
}
#bottom #footer .col_1 strong {
  color: #EC8D06;
}
#bottom #footer .col_2 {
  width: 741px;
  padding: 62px 0 0 0;
  text-transform: uppercase;
  font: 11px tahoma, sans-serif;
  text-align: right;
  float: left;
}
#bottom #footer .col_2 a { 
  color: #575757;
  margin: 0 3px;
}.thumbpic {
	background-color: #F5F5F5;
	height: 150px;
	width: 150px;
	border: 1px solid #999999;
	text-align: center;
	vertical-align: middle;
	background-image: url(list_bg.gif);
}
.picborder {
	border: 1px solid #666666;
}
.picborder:hover {
	cursor:hand;
}
.borderGr {
	border: 1px solid #CCCCCC;
}

.imgFloat_right {
	float: right;
	clear: right;
	margin: 4px;
	border: 1px solid #999999;
	border-color:#CCCCCC
}

.imgFloat_left {
	float: left;
	clear: left;
	margin: 14px;
	border: 1px solid #666666;
}
.imgFloat_left_rets {
	float: left;
	clear: left;
	margin: 14px;
}
#amenities ul  {
	padding-left: 10px;
	font: 12px "Trebuchet MS", sans-serif;
	color: #496B91;


}
#amenities li  {
	display : list-item;
	list-style-position: inside;
	margin-left: 10px;
}
#header_clouds {
	background:url(http://www.siliconvalleylofts.com/skins/default/top_bg.jpg) repeat-x top ;
}
label{
font: 12px "Trebuchet MS", sans-serif;
color:#FFFFFF;
margin-left: 30px;
float: left;
width: 120px;
font-weight: bold;
}

input {
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 500px;
height: 400px;

}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
  text-align: center;
}
#formhome select {
	float:right;
	margin-right:15px;
	height:20px;
	margin-left: 5px;	
	padding-left: 15px;
	font: 10px "Trebuchet MS", sans-serif;
	color: #496B91;
	display: inline;
	width:205px;
}
#formhome .search {
	float:right;
	margin-right:15px;
	height:30px;
	margin-left: 5px;	
	padding-left: 5px;
	font: 16px "Trebuchet MS", sans-serif;
	color: #FF9900;
	display: inline;
	width:205px;
	font-weight:bold;
}
#col_2 .searchform_in {
  margin: 0 2px;
  background: url(bloc_txt_bg.gif) repeat-x #608BAB;
  border-bottom: 2px solid #FFF;
}
#col_2 .searchform_in select {
width:250px;
}

.googlemap{ /*style of tab content oontainer*/
border: 1px solid #B7BECA;
width: 650px;
height: 310px;
margin-top: 1px;
margin-bottom: 1em;
padding: 10px;
background-color: #D9DDE3;
margin-left:20px;
}

.googlebigmap{ /*style of tab content oontainer*/
border: 1px solid #B7BECA;
width: 830px;
height: 550px;
margin:0 auto;
padding: 10px;
background-color: #D9DDE3;
}

/* NEW FEATURES */
#sidesearch{
	background:#517791;
	margin-right:7px;
}
#sidesearch label{
	margin-left:20px;
	line-height:20px;
}
#sidesearch select{
	width:200px;
	padding:3px;
	margin-left:20px;
	border:1px solid #44546E;
	color:#999;
	}

	
#col_2 .slider_info{
	position:absolute;
	top:155px;
	height:25px;
	font-size:14px;
	background:#517791;
	width:393px;
	font-size:16px;
	display:block;
	color:#fff;
}	
#slide_neigh{
}
#slide_neigh ul li{
	float:left;
	list-style:none;
	width:300px;
}