/* CSS Document - Booth Bay Creative */

/*============================= Structure ===========================*/

.wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -160px; /*  The negative margin should always equal to the full height of the footer (including any padding or borders you may add) */
width:950px;
background-color:#ffffee;
}
	
html,body {
	margin:0;
	width:950px;
	background-color:#ffffee;
	font-family:  Arial, Helvetica, sans-serif;
	height: 100%;
	}
	
#header {
	background-image: url(../images/hd_bg.jpg);
	width: 950px;
	height: 100px;
	background-repeat:no-repeat;
	}

#header_left {
	float: left;
	width: 220px;
	height: 100px;
	}

#header_right {
	float: right;
	width: 730px;
	height: 100px;
	background-image:url(../images/nav_background.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	}

#datetimecontainer {
	width:730px;
	padding:0px 0px 0 0;
	text-align:right;
	height:70px;
	}

#datetime {
	padding:48px 38px 0 0;
	text-align:right;
	font-size: 11px;
	color:#555852;
	}
	
#wrapleft {
	float:left;
	width:220px;
	margin-bottom:40px;
	}

#wrapright {
	float:right;
	width:730px;
	margin-bottom:40px;
	}
	
#header_sub_left {
	width: 220px;
	height: 54px;
	border-bottom:1px #d1d1d1 solid;
	}

#header_sub_right {
	width: 730px;
	height: 54px;
	border-bottom:1px #d1d1d1 solid;
	background-image: url(../images/head_tagline_clients.jpg);
	background-repeat:no-repeat;
	background-position:right; 
	}
		
#main {
	width:950px;
	}

#contentwrap {
	width:730px;
	clear:both;
	float:right;
	}

#graphicright {
	width:729px;
	height:298px;
	background-color:#FFFFFF;
	}
	
#photogallery {
	width:729px;
	background-color:#FFFFEE;
	}	

#contentright {
	width:730px;
}
		
#sidebar {
	height: 100%;
	width: 220px;
	}
	
html>body #sidebar {
	width:220px;	
	height: 100%;
	}
	
.footer, .push {
	margin:0 auto;
	font-size:11px;
	height: 160px;
	clear:both;
	}

#footer_left {
	width: 220px;
	float: left;
	background-image: url(../images/footer_bg.jpg);
	background-repeat:repeat-x;
	height: 160px;
	}

#footer_right {
	width: 730px;
	float:right;
	background-image: url(../images/footer_bg.jpg);
	background-repeat:repeat-x;
	height: 160px;
	}

#siteby {
width:166px;
height:32px;
background-image:url(../images/siteby.jpg);
background-repeat:no-repeat;
background-position: right;
}

.sitebytext {
padding:6px 0 0 0;
}
	
#footer p {
	margin:0;
	font-family:  Arial, Helvetica, sans-serif;
	color:6a5541;
	}

#footer_right ul {
  text-align:left;
  font-size:11px;
  margin:0;
  padding:20px 6px 0 30px;
  list-style:none;
  }

#footer_right li {
  display:inline;
  margin:0;
  padding:0 .3em 0 .5em;
  color:#1D1D1D;
  font-family:  Arial, Helvetica, sans-serif;
  border-left:1px solid #6F764D;
  }

#footer_right li.first {
  border-left-width:0;
  padding-left:0;
  }

#footer_right a {
  color:#333333;
  text-decoration:underline;
  }
  
 #footer_right a:hover {
  color:#1D1D1D;
  text-decoration:none;
  } 

#footer_right a.first {
  border-left-width:0;
  padding-left:0;
  }
  
/*======================= End Structure =======================*/

/*======================= Start Navigation Top =======================*/

.topnav {
text-align:left;
font-size: 12px;
margin: 8px 0px 0 -12px;
width:730px;
}

.topnav li {
display: inline;
margin: 0;
color:#6a5541;
padding: 2px 9px 0px 6px;
margin-left: 0;
margin-bottom: 0;
list-style-type: none;
}

.topnav li a {
display: inline;
margin: 0;
color:#FFFFFF;
text-decoration:none;
}

.topnav li a:visited{
text-decoration: none;
color:#FFFFFF;
}

.topnav li a:hover, .topnav li.selected a{
text-decoration: none;
color:#ffffee;
}

/*======================= End Navigation Top =======================*/

.glossymenu{
margin: 0;
padding: 0;
width: 219px; /*width of menu*/
border: 1px solid #d1d1d1;
border-bottom-width: 0;
border-top-width: 0;
border-left-width: 0;
}

.glossymenu a.menuitem{
background-image: url(../images/menu_bg.gif);
font: normal 12px Arial, Helvetica, sans-serif;
color: #333333;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 11px 0;
padding-left: 16px;
text-decoration: none;
border: 1px solid #d1d1d1;
border-bottom-width: 1;
border-top-width: 0;
border-left-width: 0;
border-right-width: 0;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #6d6e6c;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
display:none;
}

.glossymenu a.menuitem:hover{
background-image: url(../images/menu_bg_hover.gif);
color: #550506;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #ffffee;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #d1d1d1;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 12px Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
padding: 7px 0;
padding-left: 16px;
}

.glossymenu div.submenu ul li a:hover{
background: #ffffee url(../images/menu_bg.gif) repeat-x bottom left;
color: #550506;
}

/*============================== Links ==============================*/

a:LINK {
	text-decoration: none;
	color: #550506;
	}
	
a:VISITED {
	text-decoration: none;
	font-weight:normal;
	color: #550506;
	}
	
a:HOVER {
	text-decoration: underline;
	color: #1D1D1D;
	}

.more a, a.more, .previous a, a.previous {
  white-space:nowrap;
  font-style:oblique;
  font-size:100%;  
  }

/*============================ End Links =============================*/

p {
margin: 20px 50px 0 40px;
color:#333333;
font-size:13px;
line-height:22px;
}

ol {
margin: 20px 80px 0 40px;
color:#333333;
font-size:13px;
line-height:150%;
list-style:circle;
}

ul {
margin: 14px 80px 0 40px;
color:#333333;
font-size:13px;
line-height:150%;
}

.bullet_list {
padding: 0px 80px 0 40px;
color:#333333;
font-size:13px;
line-height:170%;
list-style-image:url(../images/bullet_red_carrot.gif);
} 

h2 {
font-family:"Times New Roman", Times, serif;
font-weight:lighter;
color:#550506;
font-size:18pt;
margin: 6px 80px 0 40px;
}

h3 {
font-family:"Times New Roman", Times, serif;
font-weight:lighter;
color:#550506;
font-size:14pt;
margin: 30px 80px 0 40px;
}

.capacities {
font-family:"Times New Roman", Times, serif;
font-weight:lighter;
color:#550506;
font-size:14pt;
margin: 14px 80px -12px 40px;
}

h4 {
font-family:"Times New Roman", Times, serif;
font-weight:lighter;
color:#550506;
font-size:14pt;
margin: 20px 80px 0 40px;
line-height:125%;
}

h4 {
font-family:"Times New Roman", Times, serif;
font-weight:lighter;
color:#6A5541;
font-size:14pt;
margin: 20px 80px 0 40px;
line-height:125%;
}

h5 {
font-family:"Times New Roman", Times, serif;
font-weight:lighter;
color:#6a5541;
font-size:12pt;
margin: 18px 80px 0 40px;
line-height:100%;
}

h6 {
font-family:"Times New Roman", Times, serif;
font-weight:lighter;
color:#76312B;
font-size:12pt;
margin: 10px 80px 0 40px;
line-height:100%;
}

h7 {
font-family:"Times New Roman", Times, serif;
font-weight:lighter;
color:#76312B;
font-size:13pt;
margin: 30px 30px -10px 40px;
line-height:130%;
}

.gps {
font-size:13pt;
margin: 10px 80px 0 40px;
}

.gpspara {
font-size:12px;
margin: 8px 50px 0 40px;
line-height:18px;
}

.philosophy {
margin: 20px 160px 0 40px;
line-height:22px;
}

.quote {
font-style:oblique;
text-align:center;
font-size:14px;
color:#6a5541;
}

.greenbold {
font-weight:bold;
color:#667262;
}

.content {
font-size:12px;
line-height:160%;
}

.textarea {
font-size:12px;
font-family:  Arial, Helvetica, sans-serif;
width:300px;
height:120px;
boarder: 1px solid #333333;
}

.people {
color:#333333;
font-size:13px;
line-height:130%;
}

.introtext {
margin: 5px 90px 0 40px;
color:#6d6e6c;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

/*============================ Page Content Styling =============================*/

#prefvend_left {
width:300px;
float:left;
}

#prefvend_right {
width:360px;
float:right;
margin-right:30px;
}

.amenities {
margin: 20px 30px 20px 30px;
font-family:"Times New Roman", Times, serif;
font-size:18px;
font-style:italic;
color:#6a5541;
text-align:center;
}

.specialistintro {
margin: 20px 30px 20px 30px;
font-family:"Times New Roman", Times, serif;
font-size:18px;
font-style:italic;
color:#6a5541;
}

.para_amenities {
margin: 0px 30px 20px 30px;
color:#333333;
font-size:13px;
line-height:150%;
text-align:center;
font-style:italic;
}

#packages_center {
text-align:center;
}

#locationintro {
padding-left:0px;
text-align:left;
}

.callus {
font-size:13px;
line-height:130%;
margin:34px 10px 0px 16px;
color:#4c4c4c;
font-weight:normal;
}

.callus a { color:#550506;
}

.goldbold {
font-weight:bold;
color:#b68b06;
}

.gold {
color:#b68b06;
}

.gold a {
color:#b68b06;
font-size:11px;
}

.envelope {
margin-top:-14px;
}

.sendfriend {
margin:0px 0 -30px 550px; 
}

#refer {
margin:-10px 0 -30px 548px; 
background-image:url(../images/envelope.jpg);
background-repeat:no-repeat;
background-position: 0px 4px;
}

#refer p {
margin:0px 0 0px 28px;
padding:0px; 
font-size:11px;
color:#550506;
}

.input { border: 1px solid #90988d;
background-color:#ffffee;
color:#666666;
 } 
.sendbutton { border: 1px solid #90988d; background-color:#c7d6c1; } 

.maroon {
color:#550506;
}

.maroon a {
color:#550506;
font-size:11px;
}

.maroonbold {
font-weight:bold;
color:#550506;
}

/*======================= Start Image Styles =======================*/

.img {
border: 0px;
}

.img a {
border: 0px;
}

.imgcontentright {
border: 1px;
border-style:solid;
border-color:#6a5541;
float:right;
}

.imgcontentleft {
margin: 0 20px 0 0;
border: 1px;
border-style:solid;
border-color:#6a5541;
float:left;
}

.imgchef {
margin: 0 20px 30px 0;
border: 1px;
border-style:solid;
border-color:#6a5541;
float:left;
}

#sub_gallery {
/*margin: 0px 40px 0px 570px; */
padding: 42px 40px 0px 570px;
}

.imgfloat_L {
float:left;
margin: 0 16px 10px 0;
}

.imgfloat_R {
float:right;
margin: 0 0px 10px 6px;
}



/*======================= End Image Styles =======================*/


/*======================= Hint Box Styles =======================*/


/*Style sheet used for demo. Remove if desired*/
.handcursor{
cursor:hand;
cursor:pointer;
}

.moreinfo {
font-size:11px;
font-weight:bold;
color:#6A5541;
font-family:Arial, Helvetica, sans-serif;
}


/* DOUBLE COLUMN LISTS */


/* allow room for 2 columns */
  ol.double
  {
    width: 32em;
	font-size:12px;
	color:#550506;
	margin-bottom: 0px;
	
	  }

  /* float & allow room for the widest item */
  ol.double li.double
  {
    float: left;
    width: 16em;
	margin-bottom:8px;
list-style-type:square;
	list-style-position: inside;  }

  /* stop the float */
  br
  {
    clear: left;
  }

  /* separate the list from subsequent markup */
  div.twocolumn
  {
    margin-bottom: 1em;
  }


ul.outingsli
  {
	font-size:12px;
	color:#550506;
	margin-bottom: 0px;
	list-style-type:square;
	line-height:17pt;
  }

li.outingsitem
  {
	margin-bottom:8px;
 }

.outingscolor {
	color:#333333;
	}

ul.packagesli
  {
	font-size:12px;
	color:#550506;
	margin-bottom: 0px;
	list-style-type:square;
	line-height:17pt;
  }

li.packagesitem
  {
	margin-bottom:8px;
 }

.packagescolor {
	color:#333333;
	}


/* Natural Stone Photo Gallery */

	
	#testimonialgallery {
		padding: 0px 0px;
		height:120px;
		width:650px;
	}
	#testimonialgallery img {
		border: 5px solid #90988d;
		border-width: 5px 5px;
		margin:5px 20px 0 0;
		float:left;
	}
	#testimonialgallery a:hover img {
		border: 5px solid #c7d6c1;
		border-width: 5px 5px;
		color: #fff;
	}
	#testimonialgallery a:hover { color: #c7d6c1; }