body {background: url(../images/bgbody.gif) repeat-x center top #fff; color: #4e4e4e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0;}

#container {width: 800px; margin: 0 auto;}

/*->default's-----------------------------------------------------*/
a img {border: none;}
#page {width: 880px; margin: 0 auto;}
#pageWrap {background: url(../images/bg.jpg) no-repeat center top; width: 100%; height: 100%; position: absolute; top:0; left: 0;}
#pageLayout {width: 100%; float: left; clear: both; background: url(../images/bg.jpg) repeat-x center top;}
.notice {font-size: 10px;}
.error {color: #e81010;}
.clear{clear:both;}
a { outline: none; color: #333;}

/*->shadow's------------------------------------------------------*/
.shadow {position: relative;}
  .shadow .shadowWrap {position: absolute; left: 2px; top: 1px; z-index: 30; color: #0a86e4;}
	.shadow .shadowLayout {position: relative; z-index: 31;}

/*->sideNarrow----------------------------------------------------*/
.narrow {width: 240px; margin-right: 30px; float: left; _overflow: hidden;}
  .narrow .block {float: left; width:100%; overflow: hidden; padding-bottom: 25px;/*<-IE7 fix*/ position: relative; z-index: 18;}
	.narrow p {margin: 0 0 0.8em;}
	.narrow .sign {text-align: right; font-style: italic; font-weight: bold; margin-bottom: 0;}
	
#pageMenu {float: left; width: 300px; position: relative; z-index: 17; overflow: hidden; margin-left: -30px; padding-bottom: 25px;/*<-IE7 fix*/}
  #pageMenu ul {float: left; margin-top: -2px; list-style-type: none; padding: 0; margin: 0;}
  #pageMenu li {float: left; width: 300px;/*<-IE7 fix*/ position: relative; margin: 0 0 3px; _margin-bottom: 1px; _display: inline;}
	#pageMenu .icon {background: url(../images/menuitem.gif) no-repeat left top; position: absolute; width: 6px; height: 6px; left: 30px; top: 9px;}
	#pageMenu a {float: left; width: 210px; text-decoration: none; font-size: 14px; color: #303a41; padding: 5px 0; border-top: 1px dashed #fff; margin-left: 50px; line-height: 1em; margin-top: -2px; _margin-top :0; _display: inline;}
	#pageMenu li:hover, #pageMenu li.sel {background: url(../images/menusel.png) no-repeat left top; _background: none; _font-weight: bold;}
	
	#pageMenu ul ul {margin-top: 3px; margin-left: 20px; margin-bottom: -3px; _display: inline;}
	#pageMenu li li {width: 280px;}
	#pageMenu li li li {width: 260px;}
	#pageMenu li li:hover, #pageMenu li li.sel {}
	#pageMenu li li a {margin-left: 43px; width: 197px;}
	#pageMenu li li li a {width: 175px;}
	#pageMenu li.sel ul {_font-weight: normal;}

/*->sideWide------------------------------------------------------*/
.wide {width: 610px; float: left; position: relative; z-index: 20; overflow: hidden;}
  .wide .block {float: left; width:100%; padding-bottom: 25px;/*<-IE7 fix*/}
  .wide h3 {font-size: 18px; margin: 0 0 0.5em; font-weight: normal;}
	.wide .block h1 {font-size: 24px; font-weight: normal; color: #2a7209; margin: 0; padding: 1em 0 0.4em;}
	.wide .banners {position: relative; margin: -20px;}
	.wide .banners td {border-left: 1px solid #e3e3e3;}
	.wide .banners ul {margin: 0; padding: 0; list-style-type: none;}
	.wide .banners li {background: url(../images/point.gif) no-repeat left 4px; padding-left: 15px; line-height: 1.5em;}
	.wide .banners #video {float: left; width: 320px; background: #e4e4e4; /*height: 160px;*/ text-align: center;}
	.wideWrap {padding-bottom: 25px; float: left; width: 610px;}

/*->pageHeader----------------------------------------------------*/
#pageLogo {height: 152px; width: 240px; position: relative; float: left; z-index: 11; padding: 13px 0;}
	#pageLogo a, #pageLogo a img {position: absolute; width: 100%; height: 100%;}
	
#pageHeader {font-size: 14px; width: 100%; float: left; margin-top: 55px;}
  #pageHeader h1 {font-size: 26px; font-style: italic; font-weight: normal; margin: 0 0 0.5em; line-height: 1.2em;}
	#pageHeader, #pageHeader a {color: #fff;}
	#pageHeader .menu {position: absolute; overflow: hidden; width: 190px;}
	#pageHeader .menu ul {margin: 0 0 0 -8px; padding: 0; list-style-type: none; float: left;}
	#pageHeader .menu li {display: inline; border-left: 1px solid #fff; padding: 0 8px; float: left;}
	#pageHeader .menu li span {cursor: default;}
	#pageHeader .menu li a, #pageHeader .menu li span {float: left; margin: -1px 0;}
	#pageHeader .contact {text-align: right; padding-left: 200px; font-size: 18px;}
	#pageHeader .contact address {font-size: 14px; font-style: normal;}
	#pageHeader .menu li a:hover {color: #e2e0e0;}

/*->pageContent---------------------------------------------------*/
#pageContent {float: left; width: 610px; position: relative; font-size: larger; color: #333; zoom: 1;}
  #pageContent .wrap {background: #fff; border: 2px solid #cee7f3;  position: absolute; height: 100%; width: 606px; opacity: 0.6; z-index: 21; left: 0; top: 0; margin-top: -2px; _display: none;}
	.content {position: relative; z-index: 22; margin: 0; padding: 10px 25px; width: 558px; overflow: hidden; _background: #fff; _border: 2px solid #cee7f3; _width: 554px;}
	.home .content {margin: 0 10px; padding: 10px 0; width: 588px; _margin: 0; _padding: 8px;}
	.about .content {background: url(../images/bgabout.png) no-repeat right bottom; _background-color: #fff;}
	#pageContent a {color: #339999;}
	#pageContent p {margin: 1em 0;}
	#pageContent .content, #pageContent a:hover {color: #333;}
	#pageContent ul, #pageContent ol {magin: 1em 0; padding-left: 25px;}
	#pageContent h3 {margin: 1em 0; font-size: 14px; color: #018cab;}
	#pageContent h2 { font-size: 18px; font-weight: normal; margin: 1em 0 0;}
	.pageTitle {clear: both; padding: 0 25px; color: #333; width: 560px; float: left;}
	.pageTitle p {margin: 0 0 1em;}
	.breadCrumb {background: url(../images/bgBreadCrumb.png) no-repeat left top; line-height: 1em; padding: 8px 0; _background: none; _border-bottom: 1px dashed #8cddff; _border-top: 1px dashed #8cddff; _padding: 6px 0;}
	#pageContent .breadCrumb a {color: #333; margin: 0 7px;}
	.breadCrumb span {font-weight: bold; margin: 0 7px;}
	.breadCrumb img {vertical-align: middle;}
	.content h2 {color: #3399cc;}
	#pageContent h3 a {text-decoration: none;}
	
	.summer {margin-top: 200px;}
	.summerEvents {margin-top: 55px;}
	.home .season {background: url(../images/summer.png) no-repeat left top; width: 436px; height: 229px; position: absolute; z-index: 23; top: 0; right: 0; margin-top: -190px;}
	.events .season {background: url(../images/summerEvents.png) no-repeat left top; width: 281px; height: 147px; position: absolute; z-index: 23; top: 0; right: 0; margin-top: -113px;}
	
	#pageContent ul.list {margin: 0px; padding: 0; list-style-type: none;}
	#pageContent ul.list li {border-top: 1px dashed #a2e4ff; padding: 15px 0;}
	#pageContent ul.listgal li {border: 1px dashed #a2e4ff; padding: 5px; width: 150px !important; height: 150px; overflow: hidden; float: left; margin:5px;}
	#pageContent .list h3 {margin: 0; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif;}
	#pageContent .list p {margin: 0.5em 0 0;}
	#pageContent .list p.date {color: #666666; font-style: italic;}
	.list .photo {float: left; width: 100px; overflow: hidden; padding: 4px; background: #c1c1c1; margin: 5px 20px 5px 0;}
	.photo_new{float: left; width: 100px; overflow: hidden; padding: 4px; margin: 5px 3px 5px 0;_margin: 5px 1px 5px 0;}
	.photo_new img {border:1px solid #ccc; margin-bottom:5px; }
	
	#pageContent ul.array {margin: 0; padding: 0; list-style-type: none; float: left; width: 576px; padding-bottom: 5px;}
	#pageContent ul.array li {float: left; padding-right: 16px; padding-top: 12px; width: 176px; font-size: 14px; color: #3399cc; font-weight: bold; font-family: "Times New Roman", Times, serif; text-align: center; text-transform: capitalize; height: 215px; overflow: hidden; _height: 225px;}
	.array .photo {border: 1px solid #e7e7e7; padding: 7px; float: left; width: 160px; height: 160px; overflow: hidden; clear: both;}
	.array .photo a {width: 160px; overflow: hidden;}
	.array .photo img, .array .photo a {float: left;}
	
	#gmap {float: left; width: 100%; height: 400px; margin: 10px 0; _display: inline;}
	.contactInfo {font-size: 12px; padding: 10px 0;}
	.contactInfo .time {background: url(../images/banners/clock.gif) no-repeat left 7px; padding: 10px 50px; border-right: 1px dashed #a1e3ff; line-height: 1.4em;}
	.contactInfo .phone {background: url(../images/banners/phone.gif) no-repeat 25px 7px; padding: 10px 0 10px 75px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #555555; font-weight: bold;}
	.contactInfo .addr {background: url(../images/banners/check.gif) no-repeat 25px 10px; padding: 10px 0 10px 75px;}
	#pageContent .contactInfo p {margin: 0;}
	
	.prodPhoto {float: left; margin: 18px 20px 10px 0; width: 160px; height: 160px; overflow: hidden; _display: inline;}

/*->pageFooter----------------------------------------------------*/
#pageFooter {clear: both; font-size: 11px; line-height: 1.3em; background: url(../images/bgfoot.gif) no-repeat center top; width: 700px; float: left; overflow: hidden; padding: 20px 180px 20px 0; position: relative;}
#pageFooter a {color: #6b6b6b; text-decoration: none;}
#pageFooter, #pageFooter a:hover {color: #7f7f7f;}
#pageFooter ul {margin: 0 0 0 -10px; padding: 0; list-style-type: none; float: left; width: 100%; padding-right: 10px; clear: both; _display: inline;}
#pageFooter li {float: left; border-left: 1px solid #7f7f7f; margin-bottom: 2px;}
#pageFooter li a {margin: -1px 10px; float: left; white-space: nowrap;}
#pageFooter .block {margin-left: 30px;}
#pageFooter a.facebook {position: absolute; background: url(../images/banners/facebook.gif) no-repeat left top; padding: 0 0 0 30px; position: absolute; right: 0; top: 20px;}
#pageFooter .info {clear: both; padding: 1em 0 0; float: left; width: 100%;}