/* FULL PAGE STYLES */


/*removing the dotted border in Firefox*/
*:focus {
	outline: none;
}

/*setting the font details and background image*/
body {
	padding: 0;
	margin: 0;
	color: #141009;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 130%;
	background-image: url(../images/all-background.jpg);
}

/*setting the size of the site and centering it*/
#wrapper {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
}

/*styles for the headings (h1->page title, h2->sidebar title)*/
h1, h2 {
	font-weight: normal;
	color: #fff;
	margin-bottom: 20px;
}

/*styles for the page subtitles*/
h3 {
	font-size: 14px;
	margin-top: 24px;
}

/*background bar for the pagetitle class*/
.pagetitle {
	width: 636px;
	padding: 12px;
	font-size: 18px;
	background-color: #827F77;
}

/*background bar for the sidebartitle class*/
.sidebartitle {
	position: relative;
	right: 20px;
	width: 180px;
	padding: 12px 12px 12px 20px;
	font-size: 15px;
	background-color: #2D594C;
}


/* BANNER AREA DIVS */


/*styles for the banner div (white background with banner image inside*/
#banner {
	height: 85px;
	background-color: #fff;
	padding: 5px 0 0 5px;
}

/*placing the Google search box*/
#search {
	position: relative;
	bottom: 45px;
	left: 610px;
	width: 300px;
}


/* DROP-DOWN TAB NAVIGATION */


/*placing the navigation div*/
#navigation {
	margin-left: 20px;
}

/*styles for the tabs class*/
.tabs {
	padding: 0;
	width: 100%;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}

/*placing the main menu list*/
.tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*placing the main menu list items*/
.tabs li {
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
}

/*look and spacing of the main menu anchor tags*/
.tabs a {
	float: left;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: #2D594C;
	margin: 0 5px 0 0;
	padding: 0 0 4px 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

/*creating the tab appearance*/
.tabs a span {
	float: left;
	display: block;
	padding: 8px 8px 2px 7px;
}

/*removing the float*/
.tabs a span {
	float: none;
}

/*creating the tab hover appearance*/
.tabs a:hover {
	background-color: #141009;
}

/*creating the tab hover appearance*/
.tabs a:hover span {
	background-color: #141009;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

/*creating the tab selected appearance (not in use)*/
.tabs .selected a, #tabsmenu .selected a span { /*currently selected tab*/
	background-color: #141009;
}

/*styles for the drop down menu*/
.dropmenudiv {
	position: absolute;
	top: 0;
	border-bottom-width: 0;
	line-height: 18px;
	z-index: 2000;
	background-color: #141009;
	width: 200px;
	visibility: hidden;
	border: 1px solid #141009;
	filter: alpha (opacity=85); /*opacity for IE*/ 	
	opacity: 0.85; /*opacity for everybody else*/
}

/*styles for the drop down menu items*/
.dropmenudiv a {
	width: auto;
	display: block;
	text-indent: 5px;
	border-top: 1px solid #fff;
	border-bottom: 0px solid #fff;
	padding: 2px 0;
	text-decoration: none;
	color: #fff;
}

/*IE only hack*/
* html .dropmenudiv a { 
	width: 100%;
}

/*hover for the drop down menu items*/
.dropmenudiv a:hover {
	color: #fece02;
}


/* SLIDESHOW */


/*setting up the slideshow (photo banner) div*/
#slideshow {
	clear: both;
	width: 900px;
	height: 250px;
	overflow: hidden;
	background-image: url(../images/slideshow/tahsis-panoramic.jpg);
}


/* CONTENT AREA DIVS */


/*setting the links for the main content*/
#content a {
	text-decoration: none;
	font-weight: bold;
	color: #2D594C;
}

/*setting the links hover for the main content*/
#content a:hover {
	text-decoration: none;
	color: #e6b801;
}

/*placing the sidebar div*/
#sidebar {
	position: absolute;
	width: 180px;
	padding: 20px;
}

/*removing the border for image links*/
#sidebar a img {
	border: none;
}

/*styles for the side navigation list*/
#sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/*spacing out the side navigation items*/
#sidebar ul li {
	padding: 0;
	margin: 0 0 1px 0;
}

/*look of the selected page (page you're on)*/
#sidebar .selected {
	color: #2D594C;
	text-decoration: underline;
}

/*look of the selected page hover*/
#sidebar .selected:hover {
		color: #e6b801;
}

/*placing the main page text div*/
#pagetext {
	position: relative;
	left: 220px;
	width: 640px;
	padding: 20px;
}

/*placing a border on main page images*/
#pagetext img {
	border: 2px solid #827F77;
}

/*floating some images to the right*/
#pagetext .right {
	float: right;
	position: relative;
	right: 5px;
	margin-left: 20px;
	margin-bottom: 10px;
}

/*floating some images to the left*/
#pagetext .left {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

/*styles for the buttons used to navigate the business directory*/
#pagetext .directory {
	border: 0;
	background-color: #fff;
	font-weight: bold;
	color: #2D594C;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	cursor: pointer;
	margin: 0 2px 4px 0;
	padding: 0;
}

/*spacing and borders for IE6 buttons*/
* html #pagetext .directory {
	font-family: sans-serif;
	font-size: 10px;
	border: 1px solid black;
}

/*hiding the separators for IE6 buttons*/
* html #pagetext .pipe {
	visibility: hidden;
}

/*spacing and borders for IE7 buttons*/
*:first-child+html #pagetext .directory {
	font-family: sans-serif;
	font-size: 10px;
	border: 1px solid black;
}

/*hiding the separators for IE7 buttons*/
*:first-child+html #pagetext .pipe {
	visibility: hidden;
}


/*CONTACT FORM*/


/*styling the fieldset to give the contact form a border and background color*/
#contact fieldset{
	width: 450px;
	border: 1px solid #827F77;
}

/*styling the legend (the form title)*/
#contact legend{
	padding: 4px;
	font-weight: bold;
}

/*styling the label tags and putting them on separate lines*/
#contact label{
	display: block;
	color: #141009;
}

/*styling the contact form unordered list*/
#contact fieldset ul{
	list-style: none;
	list-style-image: none;
}

/*styling the contact form list items*/
#contact fieldset ul li{
	list-style: none;
	list-style-image: none;
	margin-bottom: 12px;
}

/*styling the areas of user input in the contact form*/
#contact input, #contact textarea{
    color: #141009;
	font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}


/* PHOTO GALLERY */


#gallerywrapper {
	position: relative;
}
	
#gallerywrapper ul {
	list-style: none;
	list-style-image: none;
}
	
.galleria, .gallerystyle {
	float: left;
	position: relative;
	right: 20px;
	bottom: 30px;
	width: 180px;
	list-style: none;
	list-style-image: none;
}
	
.galleria li, .gallerystyle li {
	float: left;
	width: 30px;
	height: 30px;
	display: block;
	overflow: hidden;
	margin: 0 8px 8px 0;
	border: 3px double #827F77;
}
	
.galleria li.hover, .gallerystyle li.hover {
	border-color:#141009;
}
	
.galleria li.active, .gallerystyle li.active {
	border: 3px solid #141009;
}
	
.galleria li a, .gallerystyle li a {
	display: none;
}
	
.galleria li div, .gallerystyle li div {
	position: absolute;
	top: 0;
	left: 180px;
	display: none;
}
	
.galleria li div img, .gallerystyle li div img {
	cursor: pointer;
}
	
.galleria li.active div img, .galleria li.active div, .gallerystyle li.active div img, .gallerystyle li.active div {
	display: block;
}

.galleria li img.thumb, .gallerystyle li img.thumb { 
	width: auto;
	height: auto;
	display: block;
	cursor: pointer;
}
	
.galleria li.caption, .gallerystyle li.caption {
	display: block; 
}
	
.galleria_container {
	float: right;
	position: relative;
	right: 80px;
	bottom: 18px;
	width: 576px;
	height: 384px;
}
	
.galleria_container img {
	border: 3px double #827F77;
	margin-bottom: 10px;
}
	
.caption {
	font-style: italic;
	padding: 30px 0 0 0;
}
	
#nav {
	position: absolute;
	top: 370px;
	left: 710px;
	width: 120px;	
}
	
* html .galleria li div span, * html .gallerystyle li div span {
	width: 400px;
}

* html .galleria, * html .gallerystyle {
	bottom: 18px;
	right: 60px;
}
	
* html #nav {
	top: 381px;
	left: 440px;
}
	
*:first-child+html #nav {
	top: 384px;
}
	
*:first-child+html .galleria,  *:first-child+html .gallerystyle {
	bottom: 15px;
}


/* FOOTER DIVS */


/*setting up the footer background bar*/
#footer {
	width: 900px;
	height: 80px;
	background-color: #141009;
}

/*placing the footer text*/
#footertext {
	position: relative;
	top: 25px;
	color: #fff;
	text-align: center;
	line-height: 10px;
}

/*styling the bottom navigation list*/
#footertext ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

/*styling the bottom navigation list items*/
#footertext ul li {
	display: inline;
}

/*setting the footer links*/
#footertext a {
	text-decoration: none;
	color: #fff;
}

/*setting the footer links hover*/
#footertext a:hover {
	text-decoration: none;
	color: #fece02;
}