html {
font: small/1.4 Georgia, serif;
}
body {
text-align:center;
background-image: url(art/B_TILE.gif);
}
p,h1,pre {
margin: 0;
}
		
h1 {
font-size: 14px;
padding-top: 10px;
}
h2 {
font-family: Georgia, serif;
font-size: 12px;
font-weight: 600;
letter-spacing: -.05em;
line-height: .01em;
color: #dc8c19;
margin: 20px 10px 0 10px;
}
a {
font-family: Georgia, serif;
}
#wrapper {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
border: 1px solid #809198;
background-image: url(art/BRIAN_HOME.jpg);
background-repeat: no-repeat;
padding: 140px 0 0 0;
width: 760px;
background-color: #FFF;
}
#frame {
width: 706px;
margin: 0 0 0 27px;
text-align: left;
}
#contentright h1 {
font-family: Georgia, serif;
font-size: 21px;
font-weight: 700;
letter-spacing: -.05em;
color: #40535a;
margin: 10px 0 0 10px;
}
#contentleft h1 {
font-family: Georgia, serif;
font-size: 21px;
font-weight: 700;
letter-spacing: -.05em;
color: #40535a;
margin: 10px 0 -5px 0;
}
h3 {
font-family: verdana, arial, helvetica, san-serif;
font-size: 1.8em;
font-weight: bold;
letter-spacing: -.05em;
color: #f30;
margin: 10px 0 2px 0;
padding: 0;
line-height: 1.1em;
}
.smaller {
font-size: 1em;
margin: 5px 0 10px 0;
font-weight: normal;
}
.floatleft-no {
float: left;
padding: 0;
margin: 0 8px 4px 15px;
border: 0;
}
.reader {
float: left;
padding: 0;
margin: 10px 10px 10px 0;
border: 0;
}
.clear {
clear: both;
}
/* navigation for the LEFT CONTENT AREA */
		
#contentleft {
width: 380px;
padding: 0px;
float: left;
background: #fff;
border-right: 1px dotted #ccc;
}
#contentleft a {
color: #dc8c19;
font-weight: 600;
text-decoration: none;
}
#contentleft a:hover {
color: #fff;
background-color: #dc8c19;
border-bottom: 1px dotted #40535a;
}
.contentleft {
float: left;
padding: 2px;
margin: 10px 10px 10px 0;
border: 1px solid #8fa5ad;
border-bottom: 10px solid #8fa5ad;
}
.contentleft_b {
float: left;
padding: 2px;
margin: 5px 10px 0 0;
border: 1px solid #ccc;
}
#contentleft .address {
font-size: 18px;
font-weight: 500;
color: #40535a;
}
/* navigation for the RIGHT CONTENT AREA */
	
#contentright {
width: 306px;
padding: 0px;
float: right;
background: #dad7ba;
}
#contentright a {
color: #40535a;
font-weight: 600;
text-decoration: none;
}
#contentright a:hover {
color: #fff;
background-color: #dc8c19;
border-bottom: 1px dotted #40535a;
}
#contentright p {
font-family: arial, san-serif;
font-size: 11px;
color: #696969;
margin: 10px 10px 10px 10px;
}
.contentright {
text-align: center;
padding: 4px;
margin: 0 10px 10px 10px;
border: 1px dotted #8fa5ad;
}
/* navigation for the top portion on the page GALLERY *********************** */
	
#gallery {
border-bottom: 1px dotted #ccc;
text-align: center;
}
#gallery img {
background: #fff;
border: 1px solid #8fa5ad;
padding: 1px;
margin: 0 3px 10px 0;
vertical-align: middle;
}
#gallery a:hover {
list-style-type: none;
background-color: #fff;
}
/* navigation for the top portion on the page LINKS *********************** */
#blue {
border-bottom: 1px dotted #ccc;
min-height: 109px;
margin-bottom: 13px;
}
#misty {
border-bottom: 1px dotted #ccc;
min-height: 117px;
margin-bottom: 13px;
}
#yates {
border-bottom: 1px dotted #ccc;
min-height: 119px;
margin-bottom: 13px;
}
#madrock {
border-bottom: 1px dotted #ccc;
min-height: 132px;
margin-bottom: 13px;
}
#omega {
border-bottom: 1px dotted #ccc;
min-height: 150px;
margin-bottom: 13px;
}
#krieg {
border-bottom: 1px dotted #ccc;
min-height: 121px;
margin-bottom: 13px;
}
#james {
border-bottom: 1px dotted #ccc;
min-height: 121px;
margin-bottom: 13px;
}
#five {
border-bottom: 1px dotted #ccc;
min-height: 117px;
margin-bottom: 13px;
}
#hyatt {
min-height: 125px;
margin-bottom: 13px;
}
#blue img, #misty img, #yates img, #omega img, #krieg img,
#james img, #five img, #hyatt img, #madrock img {
float: left;
padding: 2px;
margin: 0 10px 0 0;
border: 1px solid #ccc;
}
/* navigation for the top portion on the page************************** */
	
#navigation {
border-bottom: 1px dotted #ccc;
}
#navigation a {
color: #dc8c19;
font-weight: 600;
text-decoration: none;
}
#navigation a:hover {
color: #fff;
background-color: #dc8c19;
border-bottom: 1px dotted #40535a;
}
.wing {
margin: 12px 0 0 0; 
}
#navigation p, #contentleft p {
font-family: Georgia, serif;
font-size: .9em;
line-height: 1.6em;
color: #696969;
margin: 10px 10px 13px 0;
}
#navigation h1 {
font-family: Georgia, serif;
font-size: 21px;
font-weight: 700;
letter-spacing: -.05em;
color: #40535a;
margin: 20px 0 0 10px;
}
#navigation h2 {
font-family: Georgia, serif;
font-size: 16px;
font-weight: 500;
letter-spacing: -.03em;
line-height: .05em;
color: #40535a;
margin: 20px 0 -4px 0;
}
.gray {
color: #dc8c19;
font-weight: 500;
}
.gold {
color: #cebc74;
font-weight: 500;
}
.orange_b {
color: #dc8c19;
font-weight: 700;
}
.quote {
color: #8fa5ad;
font-weight: 500;
font-size: 21px;
padding: 10px 10px 10px 10px;
display: block;
margin-right: 22px;
line-height: 1.1em;
text-indent: 0px;
background-color: #f0eed8;
letter-spacing: -.03em;
}
#contentleft .links {
margin-top: 5px;
margin-bottom: 15px;
line-height: 1.2em;
}
.quote_r {
color: #8fa5ad;
font-weight: 500;
font-size: 27px;
}
#nav {
  width: 439px;
  height: 30px;
  position: relative;
  background: url(art/NAV_MENU.gif);
  margin: 0px;    
  padding: 0;
  list-style-type: none;
}
#nav li {
  float: left;
}
#nav li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 30px;
  background: url(art/NAV_MENU.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}
li#nav_HOM a {
  left: 0;
  width: 69px;
  background-position: 0 0;
}
li#nav_HIS a {
  left: 69px;
  width: 84px;
  background-position: -69px 0;
}
li#nav_FAQ a {
  left: 153px;
  width: 52px;
  background-position: -153px 0;
}
li#nav_ORD a {
  left: 205px;
  width: 73px;
  background-position: -205px 0;
}
li#nav_RSC a {
  left: 278px;
  width: 99px;
  background-position: -278px 0;
}
li#nav_blg a {
  left: 381px;
  width: 58px;
  background-position: -381px 0;
}

li#nav_HOM a:hover {
  background-position: 0 -30px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_HIS a:hover {
  background-position: -69px -30px;
  background-color: transparent;
  border-bottom: 0px;  
}
li#nav_FAQ a:hover {
  background-position: -153px -30px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_ORD a:hover {
  background-position: -205px -30px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_RSC a:hover {
  background-position: -278px -30px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_blg a:hover {
  background-position: -381px -30px;
  background-color: transparent;
  border-bottom: 0px;
}

#body_HOM li#nav_HOM  a {
  background-position: 0 -60px;
}
#body_HIS li#nav_HIS a {
  background-position: -69px -60px;
}
#body_FAQ li#nav_FAQ a {
  background-position: -153px -60px;
}
#body_ORD li#nav_ORD a {
  background-position: -205px -60px;
}
#body_RSC li#nav_RSC a {
  background-position: -278px -60px;
}
#body_BLG li#nav_blg a {
  background-position: -381px -60px;
}

/* LightBOX ******************************************** */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
#lightbox a img{ 
border: none; 
}
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
#imageContainer{
	padding: 10px;
	}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}