*{
	margin: 0;
	padding: 0;
}
/*
@font-face {
  font-family: "HNeue";
  src: url(../fonts/HelveticaNeueLTPro-Roman.otf) format("truetype");
}
@font-face {
  font-family: "HNeue";
  src: url(../fonts/HelveticaNeueLTPro-Bd.otf) format("truetype");
}
#nav, body { font-family: "HNeue", sans-serif }
*/

html, body {
  height: 100%;
}
body {
	overflow:hidden;/*Needed to eliminate scrollbars*/
	font: normal 12px HelveticaNeue, Arial, sans-serif; 
}

a {
	color: #292D31;
	outline: none;
	text-decoration: none;
}
a:hover{
	color: black;
	text-decoration: underline;
}
.content a {
	text-decoration: underline;
}
img{
	border:none;
}

blockquote {
	margin: 1.12em 0;
	margin-left: 40px; margin-right: 40px
}

hr {
	height: 0px;
	background: none;
	border: none;
	border-bottom: 1px dotted rgb(122, 117, 109);
	margin: 5px 0px;

}

/*************** background slideshows ***************/
.background {
	position:fixed;  /* absolute would not work */
}			
.background img {
	position:absolute;
	z-index: 2; 
	left:0; 
	top:0;		
 	display:none
}
#flashContent, #flashContent object, #flashMovie, #flashMovie object {
  position: absolute;
	z-index: 1; 
	width:100%; 
	height:100%; 
}


/************************* nav **********************/
#logo {
	margin:0px auto;
	height:260px;
	z-index: 3;
	top: 215px;
	position:absolute;
	width: 140px;
	height: 271px;
	overflow: hidden;
	display: none;
}
#logo img#nav_btn {
  cursor: pointer;
	margin-left: -280px;
}
#logo a img {
  vertical-align: bottom;
}
#nav, #nav ul.nav_2, .content {
  color: #7a756d;
	height:271px;
	padding: 0px;
	z-index: 4;
	left: 146px;
	width: 200px;
	top: 215px;
	position:absolute;
  background: url(../images/content_bg_less_opacity.png) repeat-x; 			
  display: none;
	text-transform: uppercase;	
}
#nav p {
  margin-left: 17px;
	margin-top: 10px;
	font-size: 11px;
  font-weight: bold;
}
#nav li {
  list-style: none;
	font-size: 20px;
}
#nav li#nav_about {
  margin-top: 70px;
}
#nav li a {
  color: #7a756d;
	display: block;
	padding: 3px 5px 3px 15px;
	width: 180px;
}
#nav li a:hover, #nav li a.selected {
	color: #fff;
	text-decoration: none;
	background: #7a756d;
}
#nav li.in-beverlyhills a:hover, #nav li.in-beverlyhills a.selected {
	background: #1e1860;
}
#nav li.in-sanfrancisco a:hover, #nav li.in-sanfrancisco a.selected {
	background: #4e0506;
}

#nav ul.nav_2 {
	left: 206px;
	top: 0px;
	width: 155px;
}
#nav ul li {
  list-style: none;
	font-size: 15px;
	font-weight:bold;
}
#nav ul.nav_2 li:first-child {
  margin-top: 30px;
}
#nav ul.nav_3 li:first-child {
  margin-top: 5px;
}
#nav ul li a {
  width: 135px;
}
#nav ul.nav_3 {
  display: none;
}
#nav ul.nav_3 li {
	font-size: 12px;
	text-transform: none;
}
#nav ul.nav_3 li a {
	padding: 2px 5px 3px 15px;
  float: left; /* put in just for IE7.0 */
}
#nav ul.nav_3 li a:hover, #nav ul.nav_3 li a.selected {
  color: #000;
	text-decoration: none;
	background: none;
}

ul#nav li#menuspacer {
	display: block;
	height: 90px;
	background: none;
}

/*************************** content *******************************/		
.content {
	left: 513px;
	width: 480px;
	text-transform: none;
	color: #635e56;
} 
.content h1 {
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	background: #7a756d;
	/*background-color: rgba(103,97,90,0.65);*/
	padding: 5px 0px 5px 20px;
}
h1.in-beverlyhills {
	background: #1e1860;
}
h1.in-sanfrancisco {
	background: #4e0506;
}

div.pagetext {
	padding: 10px 20px;
	line-height: 17px;
}
div.pagetext p {
	margin: 10px 0px;
}

.scroll-pane ul, .scroll-pane ol, .content ul, .content ol {
	margin: 1.12em 0;
	margin-left: 40px;
}
.content ul, .content ul li {
	list-style-type: square;
}

/*************************** gallery *******************************/		
#beverlyhills-photos img,
#sanfrancisco-photos img {
	position: absolute;
	z-index: 15;
	display: none;
}
#beverlyhills-photos img:first-child,
#sanfrancisco-photos img:first-child {
  display: inline;
}
#beverlyhills-photos .controls img.prev,
#sanfrancisco-photos .controls img.prev {
  position: absolute;
	z-index: 20;
	left: 400px;
	top: 240px;
  display: none;
	cursor: pointer;	
	}
#beverlyhills-photos .controls img.next,
#sanfrancisco-photos .controls img.next {
  position: absolute;
	z-index: 25;
	left: 440px;
	top: 240px;
  display: inline;	
	cursor: pointer;
}

/*************************** footer *******************************/		
#footer {
  display: none;
	z-index: 5;
	padding-top: 7px;
	height: 23px;		
	position:absolute;
  background: url(../images/footer_bg.png) repeat-x;
	width: 100%;	
	font-size: 11px;
	font-weight: bold;
	color: #777;
	text-transform: uppercase;
}	
#footer table {
  width: 100%;
}
#footer table td {
	text-align: center;
}
#footer a {
  color: #777;
}
#footer tr td:first-child {
  text-align: left;
  padding-left: 15px;	
}
#footer tr td.last {
  text-align: right;
  padding-right: 15px;	
}




form {
	margin: 0px;
	padding: 0px;
	display: inline;
}

input[type=text], input[type=password], input[type=file], textarea, select {
	border: solid #7A756D 1px;
	color: #635e56;
	font-size: 11px;
	background: #D6D6D6;
	opacity: 0.70;
	filter: alpha('opacity=70');
}
input[type=text], input[type=password], input[type=file], textarea, select option {
	padding: 2px 3px;
}

input.disabled, textarea.disabled, select.disabled {
	background: #AFAFAF;
}

input.error, textarea.error, select.error {
	border: solid red 2px;
	background: #F9FFDF;
}

div.formrow {
	padding: 2px 0px;
	height: 20px;
	line-height: 20px;
}

div.formrow div.formcaption {
	width:130px;
	float:left;
	font-weight:bold;
	white-space: nowrap;

}
div.formrow div.formfield {
	clear: right;
}



div.formfield input[type=text], div.formfield input[type=password], div.formfield input[type=file], div.formfield textarea, div.formfield select {
	vertical-align: middle;
}


div.form-error {
	margin-top: 15px;
	font-style: italic;
	text-align: center;
	color: red;
	font-size: 11px;
	font-weight: bold;
	display: none;
}

div.form-message {
	display: none;
	text-align: center;
}


/*********** START BUTTON STYLES ***************/
button, input[type="button"], input[type="reset"], input[type="submit"], a.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 14px/100%;
	padding: .3em 1em .35em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,.3);
	-moz-box-shadow: 3px 3px 6px rgba(0,0,0,.3);
	box-shadow: 3px 3px 6px rgba(0,0,0,.3);

	color: #FFFFFF;
	border: solid 1px #7F7F7F;
	background: #7A756D;
	background: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#7A756D));
	background: -moz-linear-gradient(top,  #DFDFDF,  #7A756D);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#7A756D');

}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover {
	text-decoration: none;

	color: #ffffff;
	background: #5F5F5F;
	background: -webkit-gradient(linear, left top, left bottom, from(#BFBFBF), to(#5F5F5F));
	background: -moz-linear-gradient(top,  #BFBFBF,  #5F5F5F);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFBFBF', endColorstr='#5F5F5F');
}

button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, a.button:active {
	position: relative;
	top: 1px;

	color: #ffffff;
	background: #BFBFBF;
	background: -webkit-gradient(linear, left top, left bottom, from(#5F5F5F), to(#BFBFBF));
	background: -moz-linear-gradient(top,  #5F5F5F,  #BFBFBF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5F5F5F', endColorstr='#BFBFBF');

}

/*** this removes the annyong inner dotted border on focus state in firefox ***/
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; }