@charset "UTF-8";
body {
	background: url(../images/webimages/massbg1.jpg) top left repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.dubnoff #container { 
	width: 1000px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF url(../images/webimages/bg01.jpg) top center repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.dubnoff #header { 
	background: url(../images/webimages/bg01.jpg);
	text-align:center;
	padding: 0; 
} 

.dubnoff #sidebar1, .dubnoff #sidebar2 {
	float: left; 
	width: 60px; /* since this element is floated, a width must be given */
	background: transparent;
	padding: 0; /* top and bottom padding create visual space within this div */
	height:100%;
}

.dubnoff #sidebar2 { float: right; }

.dubnoff #mainContent {
 	margin: 0 60px 0 60px; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	background: url(../images/webimages/bg01.jpg) top center repeat-y;
	text-align: center;
	padding-top: 20px;
} 
.dubnoff #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #ABA494 url(../images/webimages/tablebg-bottom.jpg) bottom center no-repeat;
	height: 35px;
} 
.dubnoff #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Nav Styles ---------------------------------------------------------------------------------------------------- */
div.menu {
	position: relative;
	top:0px;
	left:0px;
	border-top: #000 1px solid;
	border-bottom: #000 1px solid;
	width: 900px;
	height:29px;
	font-size: 16px;
	padding: 0px;
	margin: 3px 50px 0px 50px;
}

div.menu a, .menu a:visited {
  text-align: center;
  text-decoration:none; 
  color:#000;
	padding: 6px 3px 5px 3px;
	margin: 0px;
  }
	
div.menu a:hover, div.menu a.active {
  color:#000;
  background-color:#ddd; 
  }

div.menu big {
	font-size: 22px;
	color: #57607D;
	margin:0px;
	padding:0px;
}


ul.menu2 {
	border-top: #000 1px solid;
	border-bottom: #000 1px solid;
	width: 930px;
	font-size: 16px;
	padding: 7px 0 5px 0;
	margin: 4px 35px 0px 35px;
	letter-spacing:-3px;
}

ul.menu2 li {
	display:inline;
	list-style-type:none;
	padding: 6px 0 5px 0;
	margin: 6px 0 5px 0;
}

ul.menu2 a, .menu2 a:visited {
  text-align: center;
  text-decoration:none; 
	font-size: 16px;
  color:#000;
	padding: 6px 3px 5px 3px;
	letter-spacing:normal;
  }
	
ul.menu2 a:hover, ul.menu2 a.active {
  color:#000;
  background-color:#ddd; 
  }

ul.menu2 big {
	font-size: 22px;
	color: #57607D;
}

/* Index Styles ---------------------------------------------------------------------------------------------------- */
table.content {
	width:850px;
	margin:20px 20px 10px 20px;
}

table.content p {
	line-height:11px;
	font-size:9px;
}

div#myGallery {
	position:relative;
	top:0px;
	left:0px;
	width: 325px;
	height: 437px;
	z-index:5;
	display: none;
	border: none;
	float:left;
	margin-right:10px;
}

/* Gallery Styles ---------------------------------------------------------------------------------------------------- */
table.galtable { width:680px; border:none; padding:0; margin:0; margin-top:20px; overflow:hidden; }
table.galtable td { width:239px; text-align:left;	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
table.galtable td.202 { width:202px; }
table.galtable a img { border:none; margin-top:5px; }
 
div.galthumb {
	position:relative;
	top: 10px;
	left: 30px;
	width:300px;
	overflow: auto;
	float: left;
	margin-bottom:40px;
	text-align:left;
}

div.galthumb a img {
	width: 92px;
	height: 92px;
	border: none;
	-moz-opacity: 0.3;
	filter: alpha(opacity=33);
	opacity: 0.3;
	padding-bottom: 2px;
}

div.galpic {
	position:relative;
	top: 10px;
	left: 45px;
	width: 480px;
	height:500px;
	float: left;
}

div.galpic div {
	position:absolute; 
	top:30px;
	left: 0px;
	width:467px; 
	height:467px;  
	visibility: hidden;
}

div.galpic div p {
	font:9px/11px "Lucida Grande", tahoma, sans-serif;
	color:#aaa;
	text-align: center;
	padding:0px;
	margin:2px;
}

div.firstGalpic { 
	position:absolute; 
	width:467px; 
	height:467px; 
}

div.galpic h2 {
	font:20px/18px "Lucida Grande", tahoma, sans-serif;
	color:#aaa;
	padding:0px;
	margin:0px;
	padding-bottom: 8px;
	text-align: center !important;
}

div.galpic h3 {	
	font-size: 14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #57607E;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

div.galpic img { border:1px solid #000; }

/* Availability Styles ---------------------------------------------------------------------------------------------------- */

table.avail {
	width:480px;
	border:none;
	padding:0;
	margin:0;
}

table.avail input.oneforty {width:140px;}

table.avail textarea {
	width:220px;
	height:100px;
}

/* Contact Styles ---------------------------------------------------------------------------------------------------- */

table.contact {
	border:none;
	padding:0;
	margin:0;
}

table.contact textarea {
	width:380px;
	height:200px;
}

/* Text Styles ---------------------------------------------------------------------------------------------------- */

a:link {
	color: #57607E;
	text-decoration:none;
}
a:visited {
	color: #57607E;
	text-decoration:none;
}
a:hover {
	color: #8B98C8;
	text-decoration:underline;
}

td.links a {font-weight:bold; }

h1 {	
	font-size: 18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #57607E;
	margin-bottom:20px;
}

h2 {	
	font-size: 14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #57607E;
	margin: 0;
	padding: 0;
	padding-top:5px;
	text-align:left;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

h5 {
	font-size: 18px;
	color: #333;
	font-weight: normal;
}

p, li, table.avail, table.contact, textarea, input, td.links {
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-top:5px;
	margin-bottom:15px;
}

p.pcenter { text-align:center; }
p.pright { text-align:right; }

p.hl {
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0px; 
	margin: 0px;
}

p.hl strong { font-size: 12px; }

/* Misc. Styles ---------------------------------------------------------------------------------------------------- */
hr {
	border:0;
	height:1px;
	color:#ddd;
	background-color:#ddd;
	margin:10px 0px 25px 0px;
	}	
	
li { list-style:inside; line-height: 0px; }

span.ital { 
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	padding-left:20px;
	font-style:italic;
}

table.total { 
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	width:480px;
	border-top:1px solid #ddd;
	font-weight:bold;
	text-align:right;
	margin-bottom:20px;
}

input, textarea, select {
 font-size: 10px;
 background-color: #eee;
 border: 1px solid #ddd;
 margin-bottom:3px;
}

input:focus, textarea:focus, select:focus {
 border: 1px solid #bbb;
}

input.subm:hover {
 background-color: #ddd;
 border: 1px solid #ccc;
}

img.about {
	float:left;
	padding:0px 20px 60px 0px;
}

td.links p:hover { background-color:#eee; }

ul.locations { text-align:left; }
ul.locations li { display:inline; list-style-type:none; padding-right: 40px; }