/* CSS Document for Chiabari.com */

body {
	background: url(../images/bodyBg.png) repeat;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #8f8b7e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1 {}
h2 {}
h3 {}

p {}

.spacer { clear: both;}

#wrapper { width: 938px; margin: 0 auto; margin-top: 10px; border: 1px solid #918c79; text-align: left; background-color: #faf7ea;}

#homeHeader { margin: 1px; background: url(../images/headerHomeBg.png) repeat-x;}
#homeHeader h1 { width: 164px; height: 94px; margin:0; padding: 0; text-indent: -9999px; background: url(../images/logoHome.png) no-repeat;}
#mainMenuHome {height: 23px; margin: 1px 0px 0; background: url(../images/headerMenuBg.png) repeat-x; text-align: left;} 
#mainMenuIn {height: 23px; margin: 1px 0px 0; background: url(../images/headerMenuBg.png) repeat-x; text-align: left;} 

ul#mainMenu{ margin: 0; padding: 0; list-style: none; text-indent:-9999em; height: 23px; position: relative;}
ul#mainMenu li {display: inline; margin: 0; padding: 0; float: left; height: 23px;}

ul#mainMenu li a {display:block; background:transparent url(../images/mainNavImg.png) no-repeat; height:23px; margin:0; padding:0;}

ul#mainMenu li a#lnkHome {background-position: 0px 0px; width:58px;}
ul#mainMenu li a#lnkAbout {background-position: -58px 0px; width:79px;}
ul#mainMenu li a#lnkLoc {background-position: -137px 0px; width:80px;}
ul#mainMenu li a#lnkFeat {background-position: -217px 0px; width:73px;}
ul#mainMenu li a#lnkBook {background-position: -290px 0px; width:97px;}
ul#mainMenu li a#lnkContact {background-position: -390px 0px; width:87px;}

ul#mainMenu li a#lnkHome:hover {background-position: 0px -23px;}
ul#mainMenu li a#lnkAbout:hover {background-position: -58px -23px;}
ul#mainMenu li a#lnkLoc:hover {background-position: -137px -23px;}
ul#mainMenu li a#lnkFeat:hover {background-position: -217px -23px;}
ul#mainMenu li a#lnkBook:hover {background-position: -290px -23px;}
ul#mainMenu li a#lnkContact:hover {background-position: -390px -23px;}


/*
#rotator {margin: 1px; margin-top: 0; position: relative; cursor: pointer; width: 936px; height: 410px; overflow: hidden; }
#rotator img {border: 0; cursor: pointer; width: 936px; height: 410px;}
*/
#homeContent {margin: 0 1px 1px; background: url(../images/contentAreaHomeBg.png) repeat-x; height: 125px;}
#homecontentArea {float: left; width: 675px; margin-top: 15px;}
#homeContentContact {/*float: right;*/ margin-top: 50px; color:#332a04; width: 245px; line-height: 14px;}
#homeContentContact p {width: 225px; /*background:url(../images/homeContentContact.png) no-repeat; */height: 95px;}
#homeContentContact p span { display: block; /*text-indent: -9999px;*/ }
#homeContentContact p span a {color:#332a04; text-decoration:none;}
#homeContentContact p span a:hover {text-decoration: underline;}
#homecontentArea p { margin: 0px 15px 10px;}


#inHeader { margin: 1px; background: url(../images/inHeader01.jpg) no-repeat;}
#inHeader h1 {height: 110px; margin:0; padding: 0; text-indent: -9999px;}

#inContent {background: url(../images/inMainBg.png) repeat-x; margin: 0 1px 1px;}
#inContentSub {background: url(../images/inMainFootBg.png) no-repeat left bottom; margin: 0; min-height: 580px; _height: 580px; padding: 20px 0px; padding-left: 35px; padding-top: 0; }
#inLeftContent {width: 580px; float: left; padding-top: 20px;}
#inRightContent { width: 290px; float: right; padding-top: 20px; background: url(../images/inRightBg.png) no-repeat right top; min-height: 580px; _height: 580px; position: relative;}

#inLeftContent p { margin: 0 10px 15px 0; text-align: justify;}
#inLeftContent p img, #inRightContent img { padding: 1px; border: 1px solid #4b421b;}
#inLeftContent p img.left {float: left; margin: 2px 10px 2px 0px;}
#inLeftContent p img.right {float: right; margin: 2px 0px 2px 10px;}


#inContent a {color:#332a04; text-decoration:none;}
#inContent a:hover {text-decoration: underline;}


#footer {width: 938px; margin: 0 auto; text-align: left; color:#332a04; line-height: 14px; padding-bottom: 5px; font-size: 11px;}
#footer p { padding:3px 10px;}
#footer a {color:#332a04; text-decoration:none;}
#footer a:hover {text-decoration: underline;}



/*     Contact Page Form      */
form#resForm {padding: 5px 5px 5px 10px; background-color: #ece9da; border: 1px solid #90896d; margin-bottom: 25px; width:548px;}

form#resForm p.formElement { display: block; width: 95%; float: left; margin: 5px 0; padding:0;}
form#resForm p.formElement input {width: 100%; background-color: #d1d0d0; border: 1px solid #acacac;}
form#resForm p.formElement input:focus, form#resForm textarea:focus {background-color: #a4a4a4;}
form#resForm textarea {width: 90%; background-color: #d1d0d0; border: 1px solid #acacac; height: 100px;}
form#resForm label { font-size: 77%; text-transform: uppercase;}
form#resForm input {}
.btnContact {width: 94px; height: 25px; border: 3px double #999999; background-color: #666666; color: #FFFFFF;}
/*.btnContact {background: url(../images/backgrounds/btnContact.png) no-repeat; width: 94px; height: 25px; border: none; font-size: 1px; color: #666666;}*/




.galHeading {font-family: Arial, Verdana, Sans Serif, Helvetica; text-transform: uppercase; width: 530px; color: #332a04; font-size: 110%; border-bottom: 1px solid #999999; padding-left: 5px;}
.galContainer {width: 500px; margin-left: 0px; margin-bottom: 15px;}
.float {float: left;}
.float p {text-align: center;}
.float p.setCaption {text-align: left; margin: 6px; margin-left: 0px; color: #666666;}
.title { font-size: 14px; color: #332a04; font-weight: normal;}
.float img {border: 1px solid #b7b08b; padding: 4px 4px 10px 4px; margin: 0px; margin-right: 10px; background-color: #ece9da;}
img.pfImgNoShow {display: none;}