@charset "utf-8";
/* CSS Document */

/* ---------- General Styles --------------- */
html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 101%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #E8E8E8;
	background: #f2d2b6 url(images/bgRepeat.gif) center repeat-y;
}

h1 {
	font-size: 1.3em;
	letter-spacing: .04em;
	margin: 0;
}

h2 {
	font-size: .9em;
	letter-spacing: .03em;
	margin: 0;
}

h3 {
	font-size: 1em;
	font-style: italic;
	margin: 0;
}

h4 {
	font-size: .5em;
	font-style: italic;
	color:#111;
	margin: 0;
}

h5 {
	font-size: .8em;
	letter-spacing: 0.04em;
	color:#E8E8E8;
	margin: 0;
	
}

h6 {
	font-size:.8em;
	text-align:center;
	margin-top: 5px;
	letter-spacing: .02em;
	color: #666;
}

dd {
	font-style: italic;
}

	
a:link {
	color: #000;
	text-decoration:none;
}

a:visited {
	text-decoration:none;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #FFF;
}

a:active {
	text-decoration:none;
	color: #000;
}

.image_gallery a {
	color: #FFF;
}

.image_gallery a:hover {
	color: #000;
}

/* ---------- Page Layout --------------- */
#container {
	min-width: 850px;
	max-width: 1024px;
	width: 100%;
	height: 101%;
	margin: -10px auto;
	background-color: #565659;
}

#branding {
	position: relative;
	width: 100%;
	height: 150px;
}

#main_nav {
	position: relative;
	height: 3em;
	width: 100%;
	text-align: center;
	background: #a67c58 url(images/nav.gif) top left repeat-x;
	padding: .9em 0 .2em 0;
	border: none;
}
#main_content {
	position: relative;
	width: 100%;
	padding: 2em 0 8em 0;
	background-color:#bfbdbe;
	line-height: 1.2;
}

#column1 {
	position:relative;
	height: 300px;
	overflow: auto;
	padding: 25px;
	background:#731F17 url(images/gradient2.jpg) top left repeat-x;
}

#column1_photos {
	position:relative;
	height: 300px;
	overflow: hidden;
	padding: 25px;
	background:#731F17 url(images/gradient2.jpg) top left repeat-x;
}

#column2 {
	background:#731F17 url(images/gradient2.jpg) top left repeat-x;
	position:relative;
	padding: 0;
	float: right;
	z-index: 1;
	
}

.image_gallery {  /* THIS IS TO PROVIDE CORRECT PADDING AND STYLES FOR COLUMN 2 WHEN INCLUDING IMAGE GALLERY */
	height: 280px;
	width: 530px;
	overflow: auto;
	padding: 35px;
	background:#731F17 url(images/gradient2.jpg) top left repeat-x;
}

#sub_nav {
	width: 100%;
	background: #bfbdbe;
/*	text-align: center;						******************************************DELETE THIS ************************/
	padding: .1em 0 1em 0;
}


/* ---------- Other Styles --------------- */
#phone_num {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	color: #CCC;
	text-align: right;
	padding-right: 1em;  
	margin-top: 63px;
	float: right;
}

#main_nav ul li {
	display: inline;
	list-style: none;
	color:#F00;
	text-align: center;
}

#main_nav a {
	padding: 1em 2em 1em .2em;
}

#sub_nav ul li {
	display: inline;
	list-style: none;
	font-size: .8em;
	color:#000;
	padding: 0 .5em 0 .5em;
}

.center {
	text-align: center;
}

/*.footer ul li {								******************************************DELETE THIS ***********************
	display: inline;
	list-style: none;
	font-size: .8em;
	color:#000;
	padding: 0 .5em 0 .5em;
}*/

#main_nav a:link {  	
	text-decoration: none;
}

#main_nav a:visited {
	text-decoration: none;
}

#main_nav a:hover, /* ROLL OVER MAIN MENU */
body#home a#t-home, 
body#location a#t-location, 
body#menu a#t-menu, 
body#photos a#t-photos, 
body#res a#t-res,
body#about a#t-about {
	color: #FFF;	
	text-decoration: none;
}

#main_nav a:active {
	text-decoration:none;
}

#menu_pdf {
	text-align: center;
	line-height: .2em;	
	width: 70px;
	height: auto;
	float: right;
	border: none;
	margin: 0;
	padding: 0;
	
}

#menu_pdf img {
	border: none;
	margin: 0px;	
}

/* ---------- Contact Form --------------- */
form {
	text-align: right;	
}

form p {
	margin: .4em;
}

input {
    background: #E8E8E8;	
}

/* ---------- Video Thumbnails --------------- */

#video_gallery {
	width: 820px;
	position: relative;
	z-index: 3; 			/* to put video links on top of padding of main content*/
	margin: -90px auto 30px auto; /* to position links so they are closer to main content & margins are equal to main content*/
}

#video_gallery img {
	padding: 0 10px 0 10px;
	outline: none;
	border: none;
}

/* ---------- HoverBox Image Gallery --------------- */
/* the following code is by Nathan Smith, http://sonspring.com */

.hoverbox {
	cursor: default;
	list-style: none;
	margin: 0;
	padding: 0;
}

.hoverbox a {
	cursor: default;
}

.hoverbox a .preview {
	display: none;
}

.hoverbox a:hover .preview {
	display: block;
	position: absolute;
	top: -33px;
	left: -33px;
	z-index: 1;
}

.hoverbox img {
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li {
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 3px;
	position: relative;
}

.hoverbox .preview {
	border-color: #000;
	width: 200px;
	height: 150px;
}


/* ---------- Dynamic Drive CSS Image Gallery --------------- */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 50px;
left: -400px; /*position where enlarged image should offset horizontally */
z-index: 50;
}